a {
    background-color:#0000
    }
    
    a:active,a:hover {
    outline:0
    }
    
    body {
    margin:0
    }
    
    h1 {
    font-size:2em;
    margin:.67em 0
    }
    
    html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-family:sans-serif
    }
    
    html input[disabled] {
    cursor:default
    }
    
    img {
    border:0
    }
    
    input {
    line-height:normal
    }
    
    input,textarea {
    color:inherit;
    font:inherit;
    margin:0
    }
    
    input::-moz-focus-inner {
    border:0;
    padding:0
    }
    
    input[type="checkbox"],input[type="radio"] {
    box-sizing:border-box;
    padding:0
    }
    
    nav {
    display:block
    }
    
    strong {
    font-weight:700
    }
    
    textarea {
    height:100%;
    overflow:auto;
    width:100%
    }
    
    @font-face {
    font-family:webflow-icons;
    font-style:normal;
    font-weight:400;
    src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype")
    }
    
    * {
    box-sizing:border-box
    }
    
    .w-button {
    background-color:#3898ec;
    border:0;
    border-radius:0;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    line-height:inherit;
    padding:9px 15px;
    text-decoration:none
    }
    
    .w-dropdown {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    /* position:relative; */
    text-align:left;
    z-index:900
    }
    
    .w-dropdown-list {
    background:#ddd;
    display:none;
    min-width:100%;
    position:absolute
    }
    
    .w-dropdown-toggle {
    -webkit-user-select:none;
    color:#222;
    cursor:pointer;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    padding:20px;
    padding-right:40px;
    position:relative;
    text-align:left;
    text-decoration:none;
    user-select:none;
    vertical-align:top;
    white-space:nowrap
    }
    
    .w-dropdown-toggle:focus {
    outline:0
    }
    
    .w-form {
    margin:0 0 15px
    }
    
    .w-form-done {
    background-color:#ddd;
    display:none;
    padding:20px;
    text-align:center
    }
    
    .w-form-fail {
    background-color:#ffdede;
    display:none;
    margin-top:10px;
    padding:10px
    }
    
    .w-form-label {
    cursor:pointer;
    display:inline-block;
    font-weight:400;
    margin-bottom:0
    }
    
    .w-icon-dropdown-toggle {
    position:absolute;
    right:20px;
    top:10%
    }
    
    .w-icon-dropdown-toggle:before {
    content:"\2304";
    display:inline-block;
    font-size:20px;
    transform:scaleX(1.5)
    }
    
    .w-input {
    background-color:#fff;
    border:1px solid #ccc;
    color:#333;
    display:block;
    font-size:14px;
    height:38px;
    line-height:1.42857;
    margin-bottom:10px;
    padding:8px 12px;
    vertical-align:middle;
    width:100%
    }
    
    .w-input:focus {
    border-color:#3898ec;
    outline:0
    }
    
    .w-radio {
    display:block;
    margin-bottom:5px;
    padding-left:20px
    }
    
    .w-radio-input {
    float:left;
    line-height:normal;
    margin:3px 0 0 -20px
    }
    
    .w-radio:after {
    clear:both
    }
    
    .w-radio:before,.w-radio:after {
    content:" ";
    display:table;
    grid-area:1 / 1 / 2 / 2
    }
    
    [class^="w-icon-"],[class*=" w-icon-"] {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:webflow-icons!important;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1;
    speak:none;
    text-transform:none
    }
    
    body {
    background-color:#fff;
    color:#333;
    font-family:Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    margin:0;
    min-height:100%
    }
    
    h1 {
    font-size:38px;
    line-height:44px;
    margin-top:20px
    }
    
    h1,h3,h4 {
    font-weight:700;
    margin-bottom:10px
    }
    
    h3 {
    font-size:24px;
    line-height:30px;
    margin-top:20px
    }
    
    h4 {
    font-size:18px;
    line-height:24px;
    margin-top:10px
    }
    
    html {
    height:100%
    }
    
    img {
    display:inline-block;
    max-width:100%;
    vertical-align:middle
    }
    
    input.w-button {
    -webkit-appearance:button
    }
    
    @media screen and (max-width: 767px) {
    .w-nav-brand {
    padding-left:10px
    }
    }
    
    .w-nav-brand {
    color:#333;
    float:left;
    position:relative;
    text-decoration:none
    }
    
    @media screen and (max-width: 767px) {
    .w-nav-brand {
    padding-left:10px
    }
    }
    
    #departmentDropdown,#cityDropdown {
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    box-shadow:0 4px 8px #0000001a;
    max-height:200px;
    overflow-y:auto;
    padding:10px;
    position:absolute;
    z-index:901
    
    }
    
    .b-cart-product-buy-button {
    -webkit-text-stroke-color:#fff;
    align-items:center;
    background-color:#00b822;
    border:1px #000;
    border-radius:10px;
    color:#fff;
    display:flex;
    font-size:1rem;
    font-weight:700;
    height:50px;
    justify-content:center;
    text-align:center;
    width:100%
    }
    
    .b-cart-product-buy-button:active {
    box-shadow:inset 0 0 10px 3px #00b822
    }
    
    .b-cart-product-buy-button:hover {
    box-shadow:0 0 5px 1px #00b822
    }
    
    .b-footer-submit-button-copy {
    -webkit-text-fill-color:inherit;
    background-clip:border-box;
    background-color:#4a8fda;
    border-radius:10px;
    text-align:center;
    width:100%
    }
    
    .button {
    background-color:#fff;
    border:1px solid #000;
    border-radius:5px;
    color:var(--black);
    font-weight:700;
    position:relative;
    text-align:center;
    width:120px
    }
    
    .button-2 {
    background-color:#ffffff;
    font-size: 20px;
    color:var(--black)
    }
    
    .cart-body {
    font-family:Verdana,Geneva,sans-serif
    }
    
    .cart-del-img {
    inset:0 0 auto auto;
    position:relative
    }
    
    .cart-div-block-13 {
    align-items:center;
    display:flex;
    font-size:.9rem;
    justify-content:space-between;
    margin-bottom:30px;
    margin-top:30px
    }
    
    .cart-div-block-13-copy {
    display:flex;
    font-size:.9rem;
    justify-content:space-between;
    margin-top:10px
    }
    
    .cart-dropdown-header {
    font-size:1.2rem;
    font-weight:400;
    margin-bottom:0;
    margin-top:0
    }
    
    .cart-dropdown-icon::before {
    content:"\2304";
    display:inline-block;
    font-size:20px;
    margin-left:10px;
    transform:scaleX(1.5)
    }
    
    /* .cart-dropdown-imgok {
    margin-left:10px;
    margin-right:10px
    } */
    
    .cart-dropdown-list {
    background-color:#fff;
    display:none;
    margin-top:20px;
    padding-left:10px;
    position:relative
    }
    
    .cart-dropdown-my-order {
    /* border:1px solid #27aa3f;
    border-radius:10px; */
    display:flex;
    padding-left:0;
    /* width:100% */
    }
    
    .cart-dropdw-box {
    margin-bottom:10px;
    width:100%
    }
    
    .cart-footer {
    align-items:center;
    background-color:#000;
    border-left:3px solid #00b822;
    border-right:3px solid #00b822;
    color:silver;
    display:flex;
    font-size:.9rem;
    height:70px;
    inset:auto 0 0;
    padding-left:5vw;
    padding-right:5vw;
    position:fixed;
    z-index:901
    }
    
    .cart-heading-text {
    font-size:1.5rem;
    line-height:1.5
    }
    
    .cart-left-box {
    text-align:left;
    width:60vw
    }
    
    .cart-main-block {
    align-items:flex-start;
    color:#000;
    display:flex;
    flex-direction:column;
    font-family:Verdana,Geneva,sans-serif;
    justify-content:space-around;
    padding:65px 5vw 90px;
    text-align:left
    }
    
    .cart-main-box {
    display:flex;
    grid-auto-columns:1fr;
    grid-column-gap:3vw;
    grid-row-gap:3vw;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto
    }
    
    .cart-menu {
    align-items:center;
    background-color:#000;
    border-left:3px solid #00b822;
    border-right:3px solid #00b822;
    color:#e0e0e0;
    display:flex;
    font-family:Verdana,Geneva,sans-serif;
    font-size:1rem;
    height:60px;
    inset:0 0 auto;
    justify-content:space-between;
    padding-left:5vw;
    padding-right:5vw;
    position:fixed;
    z-index:1000
    }
    
    .cart-prod-count {
      padding: 2vw;
      text-align: center;
      display: flex;
      flex-direction: column-reverse;
    }
    
    .cart-prod-img-img {
      padding: 0 20px 0 20px;
      width: 300px;
    }
    
    .cart-prod-inf {
    align-items:center;
    display:flex;
    }
    
    .cart-product-box {
    display:flex;
    flex-direction: column;
    margin-top:20px
    }
    
    .cart-right-box {
    background-color:#f5f5f5;
    border:1px solid #e9e9e9;
    border-radius:8px;
    height:100%;
    padding:16px;
    width:25vw
    }
    
    .cart-text-block-5 {
    color:#000000bf;
    font-size:1.4rem;
    font-weight:700;
    text-align:right
    }
    
    .checkbox-field {
    align-items:center;
    justify-content:center
    }
    
    .div-block-13 {
    display:flex;
    font-size:.9rem;
    justify-content:space-between;
    margin-top:20px
    }
    
    .div-block-14 {
    align-items:center;
    display:flex;
    justify-content:center;
    width:100%
    }
    
    .div-block-18,.div-block-19 {
    display:flex
    }
    
    .div-block-20,.div-block-21 {
    margin-right:20px;
    width:50%
    }
    
    .div-block-22,.div-block-23 {
    width:50%
    }
    
    .div-block-24 {
    align-items:center;
    display:flex;
    flex-flow:wrap;
    justify-content:space-between;
    margin-top:20px;
    padding:0
    }
    
    .div-block-25 {
    display:block
    }
    
    .div-block-33 {
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-top:2vh;
    width:100%
    }

    .div-block-333 {
      align-items:center;
      display:flex;
      justify-content:right;
      margin-top:2vh;
      width:100%
      }

    .div-block-34 {
    align-items:center;
    display:flex;
    grid-column-gap:3%;
    grid-row-gap:3%;
    justify-content:space-between;
    margin-top:2vh
    }
    
    .div-block-35,.div-block-36 {
    height:100px;
    width:50%
    }
    
    .div-block-37 {
    align-items:center;
    display:flex;
    grid-column-gap:5vw;
    grid-row-gap:5vw;
    justify-content:space-between
    }
    
    .div-block-38 {
    align-items:center;
    display:flex;
    justify-content:flex-start
    }
    
    .div-block-39 {
    align-items:center;
    display:flex;
    justify-content:center
    }
    
    .dropdown-3 {
    border:1px solid #000;
    width:100%
    }
    
    .dropdown-5 {
    margin-bottom:1vh;
    margin-top:1vh;
    width:100%
    }
    
    .dropdown-list {
    background-color:#fff;
    position:relative
    }
    
    .dropdown-list-2 {
    background-color:#fff;
    display:none;
    padding-left:20px;
    position:static
    }
    
    .dropdown-list-5 {
    background-color:#fff;
    display:none;
    position:relative
    }
    
    .dropdown-toggle {
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding-bottom:10px;
    padding-left:0;
    padding-top:10px
    }
    
    .dropdown-toggle-1-2,.dropdown-toggle-1-4 {
    padding-left:0;
    width:100%
    }
    
    .dropdown-toggle-10 {
    align-items:center;
    color:#00000080;
    display:flex;
    justify-content:space-between;
    padding-bottom:10px;
    padding-left:0;
    padding-top:10px
    }
    
    .dropdown-toggle-3 {
    /* border:1px solid #e0b121;
    border-radius:10px; */
    display:flex;
    padding-left:0;
    /* width:100% */
    }
    
    .dropdown-toggle-9 {
    display:flex;
    padding-bottom:10px;
    padding-left:10px;
    padding-top:10px;
    width:100%
    }
    
    .form-block-4,.form-block-5 {
    font-size:1rem
    }
    
    .heading-11 {
    font-size:1.5rem
    }
    
    .link.text-block-6 {
    color:#00000080;
    padding-left:10px
    }
    
    .radio-button {
    margin-right:10px
    }
    
    .radio-button-field-2 {
    align-items:center;
    flex-flow:row;
    justify-content:flex-start
    }
    
    .text-block-10 {
    margin-bottom:10px
    }
    
    .text-block-12 {
    font-size:.7rem
    }
    
    .text-block-5 {
    color:#000c;
    font-size:.9rem;
    font-weight:700;
    text-align:right
    }
    
    .text-block-6 {
    color:#00000080;
    font-size:.7rem
    }
    
    .w-checkbox {
    display:block;
    margin-bottom:5px;
    padding-left:20px
    }
    
    .w-checkbox-input {
    float:left;
    line-height:normal;
    margin:4px 0 0 -20px
    }
    
    .w-checkbox:after {
    clear:both;
    content:" ";
    display:table;
    grid-area:1 / 1 / 2 / 2
    }
    
    .w-checkbox:before {
    content:" ";
    display:table;
    grid-area:1 / 1 / 2 / 2
    }
    
    :root {
    --black:#222;
    --brown:#ab4040;
    --dim-grey:#525252;
    --gold:#ffde03;
    --indian-red:#eb5757;
    --medium-sea-green:#20c788;
    --red:#e53935;
    --steel-blue:#1976d2;
    --white-smoke:#f9f9f9
    }
    
    a {
    color:var(--indian-red);
    text-decoration:underline
    }
    
    a:hover {
    text-decoration:none
    }
    
    body {
    color:#333;
    font-family:Sen,sans-serif;
    font-size:16px;
    line-height:1.5
    }
    
    h3 {
    font-size:24px;
    font-weight:700;
    line-height:30px;
    margin-bottom:10px;
    margin-top:20px
    }
    
    label {
    display:block;
    font-weight:400;
    margin-bottom:5px
    }
    
    .cart-dropdown-box-promo,.cart-heading-0,.dropdown {
    width:100%
    }
    
    .cart-prod-link-text,.link {
    color:var(--black);
    text-decoration:none;
    width: 80%;
    margin-bottom: 10px;
    }
    
    .text-block-7,.text-block-9 {
    font-weight:700;
    /* width: 65px; */
    padding-left: 10px;
    }
    
    @media screen and (min-width: 1280px) {
    .cart-main-block {
    display:flex
    }
    
    .cart-menu {
    z-index:901
    }
    }
    
    @media screen and (min-width: 1440px) {
    .cart-main-block {
    display:flex
    }
    
    .cart-menu {
    z-index:1000
    }
    }
    
    @media screen and (min-width: 1920px) {
    .cart-main-block {
    display:flex
    }
    
    .cart-menu {
    z-index:1000
    }
    }
    
    @media screen and (max-width: 991px) {
    .b-cart-product-buy-button {
    width:75%
    }
    
    .cart-footer {
    padding-left:20px;
    padding-right:20px
    }
    
    .cart-left-box {
    width:100%
    }
    
    .cart-main-box {
    display:block;
    width:100%
    }
    
    .cart-menu {
    clear:none;
    float:none;
    z-index:1000
    }
    
    .cart-right-box {
    margin-top:40px;
    width:100%
    }
    }
    
    @media screen and (max-width: 767px) {
    .b-cart-product-buy-button {
    font-size:16px
    }
    
    /* .cart-prod-count {
    margin-left:0;
    margin-top:20px;
    width:100%;
    display: block;
    } */
    
    .div-block-38 {
      display: flex;
      flex-direction: row;
      text-align: center;
    }
    
    .div-block-39 {
    margin-bottom:20px
    }
    
    .cart-prod-inf,.cart-product-box,.div-block-34,.div-block-18,.div-block-19,.div-block-37 {
      display: flex;
      flex-direction: column;
    }
    
    .div-block-20,.div-block-21,.div-block-22,.div-block-23,.div-block-35,.div-block-36 {
    width:100%
    }
    }
    
    /* @media screen and (max-width: 479px) {
    .cart-dropdown-list {
    display:block
    }
    } */

    /* Стилі для кнопок "+" і "-" */
.button-minus, .button-plus {
    background-color: white;
    border: none;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px; /* При необхідності можна змінити розмір шрифта */
    cursor: pointer;
  }
  
  /* Стилі для інпуту */
  .quantity-input {
    width: 50px;
    text-align: center;
    font-size: 18px; /* При необхідності можна змінити розмір шрифта */
    border: 0;
    background-color: white;
  }
  
  .error-msg {
    color: coral;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.data-msg {
  color: rgb(0, 206, 51);
  font-size: 14px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}




.cart-dropdown-img {
  background-size: contain; /* Подгоняет изображение под размеры элемента */
  background-repeat: no-repeat; /* Убирает повтор изображения */
  background-position: center; /* Центрирует изображение */
  width: 30px; /* Устанавливает ширину */
  height: 30px; /* Устанавливает высоту */
  margin-left: 10px;
  margin-right: 10px;
}

/* Видимость для текущего этапа */
.now-step-img {
  background-image: url('//balo.com.ua/img/general/pencil.gif');
  
  background-size: contain; /* Подгоняет изображение под размеры элемента */
  background-repeat: no-repeat; /* Убирает повтор изображения */
  background-position: center; /* Центрирует изображение */
  width: 30px; /* Устанавливает ширину */
  height: 30px; /* Устанавливает высоту */
  margin-left: 10px;
  margin-right: 10px;
}

/* Видимость для завершенного этапа */
.completed-step-img {
  background-image: url('https://cdn.prod.website-files.com/602a323b627ee81c6deb13d3/67647df66c95d63da3b4b604_check.png');

  background-size: contain; /* Подгоняет изображение под размеры элемента */
  background-repeat: no-repeat; /* Убирает повтор изображения */
  background-position: center; /* Центрирует изображение */
  width: 30px; /* Устанавливает ширину */
  height: 30px; /* Устанавливает высоту */
  margin-left: 10px;
  margin-right: 10px;
}

/* Видимость для текущего этапа */
.now-step {
  border: 1px solid #e0b121;
  border-radius: 10px;
}

/* Видимость для завершенного этапа */
.completed-step  {
  border: 1px solid #27aa3f;
  border-radius: 10px;
}

[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

input[disabled] {
  opacity: 1 !important;
  cursor: default !important;
  pointer-events: auto !important;
}

.prod-price {
  font-size: 16px;
  width: 110px;
  margin: 0 10px 0 10px;
  text-align: center;
}


/* НоваПошта Початок */


.nova-poshta-button {
  display: flex;
  flex-direction: column;
  padding: 11px 40px 11px 16px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  font-family: Inter, sans-serif;
  background-color: #fff;
  cursor: pointer;
  max-width: 344px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.nova-poshta-button.button-horizontal {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.nova-poshta-button img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.text {
  display: flex;
}
.nova-poshta-button .angle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  height: 16px;
}

.logo {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.logo-no-margin {
  margin: 0;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal-header {
  position: relative;
  height: 80px;
  padding: 0 20px;
  border-bottom: 1px solid #E2E8F0;
  line-height: 80px;
}

.modal {
  position: relative;
  width: 80%;
  height: 80%;
  background-color: white;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.modal-header h2 {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 80px;
  font-weight: 600;
}

.modal-close {
  cursor: pointer;
  font-size: 32px;
  color: #333;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
}
.modal-iframe {
  width: 100%;
  height: calc(100% - 81px);
  border: none;
}
.wrapper {
  display: flex;
  flex-direction: column;
  font-family: Inter, sans-serif;
  font-weight: 500;
}
.wrapper .text{
  font-size: 16px;
  line-height: 21px;
}
.wrapper .text-description{
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #475569;
}
.text-row{
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .modal {
      width: 100vw;
      height: 100vh;
  }
  .modal-header {
      display: none;
  }
  .modal-iframe {
      height: 100%;
  }
}

/* НоваПошта Кінець */