/*
Theme Name: DAM Coffee
Description: Standalone theme for DAM Coffee Roasters (former riode-child + the parts of Riode it uses).
Version: 1.0.0
Text Domain: riode
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/* Site header */
.dam-site-header {
    background: #fff;
    /* Yellow stripe is rendered as a separate ::before bar so we can
       collapse its height on scroll without affecting layout. */
    margin: 0;
    position: sticky;
    top: 0;
    z-index: 2400;
}

.dam-site-header::before {
    background: #ffb23e;
    content: '';
    display: block;
    height: 4px;
    /* Match the inner content width of .dam-site-header__bar
       (max-width 980 minus 10px horizontal padding on each side = 960). */
    margin: 0 auto;
    max-width: 960px;
    transition: height 0.18s ease;
    width: calc(100% - 20px);
}
.dam-site-header.is-scrolled::before {
    height: 0;
}

.dam-site-header__bar {
    align-items: center;
    display: grid;
    gap: 0;
    /* Symmetric layout: equal side columns + auto logo in the middle */
    grid-template-columns: 1fr auto 1fr;
    margin: 0 auto;
    max-width: 980px;
    min-height: 98px;
    padding: 11px 10px;
}

.dam-site-header__logo {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    justify-content: center;
}

.dam-site-header__logo img {
    display: block;
    height: auto;
    max-width: 81px;
    width: 100%;
}

.dam-site-header__toggle {
    display: none;
}

.dam-site-header__toggle-close {
    display: none;
}

.dam-site-header__nav {
    /* Desktop: nav lives in the LEFT column of the grid. */
    grid-column: 1;
    justify-self: start;
    min-width: 0;
}

.dam-site-header__menu {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dam-site-header__menu li {
    margin: 0;
    position: relative;
}

.dam-site-header__menu .dam-mobile-only-menu-item {
    display: none;
}

.dam-site-header__menu a {
    color: #000;
    display: inline-flex;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 13px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.dam-site-header__menu a:hover,
.dam-site-header__menu .current-menu-item > a,
.dam-site-header__menu .current-menu-ancestor > a {
    color: #ff9900;
}

.dam-site-header__menu .current-menu-item > a,
.dam-site-header__menu .current-menu-ancestor > a {
    background: #ffb23e;
    border-radius: 4px;
    color: #000;
}

.dam-site-header__menu .sub-menu {
    background: #fff;
    border: 1px solid #ece7df;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
    left: 0;
    list-style: none;
    margin: 0;
    min-width: 220px;
    opacity: 0;
    padding: 10px 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateY(8px);
    transition: opacity .18s ease, transform .18s ease;
}

.dam-site-header__menu li:hover > .sub-menu,
.dam-site-header__menu li:focus-within > .sub-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.dam-site-header__menu .sub-menu a {
    display: flex;
    font-size: 13px;
    padding: 9px 18px;
    text-transform: none;
    white-space: nowrap;
}

.dam-site-header__tools {
    align-items: center;
    display: flex;
    /* Desktop: tools live in the RIGHT column. */
    grid-column: 3;
    justify-self: end;
    gap: 0;
    justify-content: flex-end;
}

.dam-site-header__logo {
    /* Center logo in the middle column. */
    grid-column: 2;
    justify-self: center;
}

.dam-site-header__icon-link,
.dam-site-header__cart {
    align-items: center;
    background: transparent;
    border: 0;
    color: #000;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 8px;
    min-width: 42px;
    padding: 10px;
    position: relative;
    text-decoration: none;
}

.dam-site-header__icon-link:hover,
.dam-site-header__cart:hover {
    border-color: #ffb23e;
    color: #000;
}

.dam-site-header__icon-link svg,
.dam-site-header__cart svg {
    display: block;
    height: 22px;
    width: 20px;
}

.dam-site-header__toggle svg path {
    fill: #000;
}

.dam-site-header__icon-link svg path,
.dam-site-header__cart svg path {
    stroke: #000;
}

.dam-site-header__cart-count {
    align-items: center;
    background: #ff9900;
    border: 1.5px solid #fff;
    border-radius: 999px;
    color: #000;
    display: inline-flex;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 17px;
    justify-content: center;
    line-height: 1;
    min-width: 17px;
    padding: 0 4px;
    position: absolute;
    /* Anchor at top-right corner of the bag itself (icon is 20x22 inside
       a 42x42 link with 10px padding). */
    right: 4px;
    top: 4px;
    transform: translate(30%, -30%);
}

@media (max-width: 767px) {
}

@media (max-width: 991px) {
    .dam-site-header__bar {
        /* Equal side columns so the logo is truly centered */
        grid-template-columns: 1fr auto 1fr;
        min-height: 60px;
        padding: 0 10px;
    }

    /* Toggle in the LEFT column, aligned to its left edge. */
    .dam-site-header__toggle {
        align-items: center;
        background: transparent;
        border: 0;
        color: #000;
        display: inline-flex;
        grid-column: 1;
        justify-self: start;
        height: 42px;
        justify-content: center;
        min-width: 42px;
        padding: 0;
    }

    .dam-site-header__toggle svg {
        color: #000;
        height: 16px;
        width: 16px;
    }
    /* Match stroke weight between open/close icons */
    .dam-site-header__toggle-close path {
        stroke-width: 2 !important;
    }

    /* Smaller account / cart icons on mobile */
    .dam-site-header__icon-link,
    .dam-site-header__cart {
        height: 36px;
        min-width: 36px;
        padding: 8px;
    }
    .dam-site-header__icon-link svg,
    .dam-site-header__cart svg {
        height: 18px;
        width: 16px;
    }
    /* Cart-count badge a touch smaller too */
    .dam-site-header__cart-count {
        font-size: 10px;
        height: 15px;
        min-width: 15px;
        right: 2px;
        top: 4px;
    }

    .dam-site-header__toggle-open { display: block; }
    .dam-site-header__toggle-close { display: none; }

    .dam-site-header.dam-site-header--menu-open .dam-site-header__toggle-open  { display: none; }
    .dam-site-header.dam-site-header--menu-open .dam-site-header__toggle-close { display: block; }

    /* ── Mobile menu (Apple-like grouped drawer) ─────────────────── */
    .dam-site-header__nav {
        /* Take the nav out of the bar's grid cell so absolute
           positioning attaches to the sticky <header>, not to a
           narrow grid column. */
        grid-column: auto;
        justify-self: stretch;
        background: rgba(255, 255, 255, 0.92);
        border: 0;
        border-top: 0.5px solid rgba(0, 0, 0, .08);
        border-radius: 0;
        box-shadow: 0 18px 34px rgba(16, 24, 40, .14);
        backdrop-filter: blur(18px) saturate(150%);
        -webkit-backdrop-filter: blur(18px) saturate(150%);
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin: 0;
        padding: 14px 12px 16px;
        max-height: calc(100vh - 64px);
        overflow-y: auto;
        z-index: 2399;
        opacity: 0;
        pointer-events: none;
        transform: scaleY(0);
        transform-origin: top center;
        transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1),
                    opacity 0.18s ease;
        -webkit-overflow-scrolling: touch;
    }
    .dam-site-header.dam-site-header--menu-open .dam-site-header__nav {
        opacity: 1;
        pointer-events: auto;
        transform: scaleY(1);
    }

    .dam-site-header__menu {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .dam-site-header__menu li {
        border-bottom: 0;
    }
    .dam-site-header__menu li:last-child {
        border-bottom: 0;
    }

    /* Section heading rows (espresso/filter/drinks/merch). */
    .dam-site-header__menu > li {
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid rgba(0, 0, 0, .06);
        border-radius: 14px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
        overflow: hidden;
    }

    .dam-site-header__menu > li {
        display: none;
    }

    .dam-site-header__menu > li.dam-mobile-only-menu-item {
        display: block;
    }

    .dam-site-header__menu > li.dam-mobile-only-menu-item > a::after,
    .dam-site-header__menu > li.dam-mobile-only-menu-item .sub-menu a::after {
        content: none !important;
        display: none !important;
    }

    .dam-site-header__menu > li > a,
    .dam-site-header__menu .current-menu-item > a,
    .dam-site-header__menu .current-menu-ancestor > a {
        align-items: center;
        background: transparent;
        border-bottom: 0;
        border-radius: 0;
        color: #111;
        display: flex;
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        justify-content: flex-start;
        letter-spacing: 0.06em;
        line-height: 1.2;
        min-height: 46px;
        padding: 13px 16px 10px;
        text-transform: uppercase;
    }

    .dam-site-header__menu .sub-menu {
        display: block !important;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .05);
        border-radius: 0;
        box-shadow: none;
        height: auto !important;
        max-height: none !important;
        opacity: 1;
        padding: 4px 0 8px;
        pointer-events: auto;
        position: static;
        transform: none;
        visibility: visible;
    }
    .dam-site-header__menu .sub-menu li {
        border-bottom: 0;
    }
    .dam-site-header__menu .sub-menu a {
        color: rgba(17, 17, 17, .88);
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        min-height: 44px;
        padding: 10px 16px 10px 20px;
        text-transform: none;
    }

    .dam-site-header__menu .sub-menu a:hover,
    .dam-site-header__menu .sub-menu .current-menu-item > a,
    .dam-site-header__menu .sub-menu .current-menu-ancestor > a {
        color: #111;
        background: rgba(0, 0, 0, .04);
    }

    /* (no body-scroll lock — dropdown is non-modal, page stays scrollable) */
}

@media (max-width: 575px) {
    .dam-site-header__bar {
        /* Keep symmetric layout on small phones too */
        grid-template-columns: 1fr auto 1fr;
    }

    .dam-site-header__logo {
        min-width: 0;
    }

    .dam-site-header__logo img {
        max-width: 81px;
    }

    .dam-site-header__tools {
        gap: 4px;
    }

    .dam-site-header__icon-link,
    .dam-site-header__cart {
        min-width: 34px;
        padding: 8px;
    }
}

td.product-name > dl > dt:nth-child(1),  tr:nth-child(1) > td.product-name > dl > dt:nth-child(3), tr:nth-child(2) > td.product-name > dl:nth-child(2) > dt:nth-child(3) {
    display:none;
}

.form-row [type="text"], .form-row [type="tel"], .form-row [type="password"], .form-row [type="email"], .form-row textarea {
    display: flex;
flex-direction: row;
align-items: center;
padding: 18px;
gap: 63px;
border: 1px solid #AFAFAF;
border-radius: 10px;
flex: none;
order: 0;
flex-grow: 1;
}

.woocommerce-billing-fields {
    margin-bottom:100px;
    padding-top: 2.2rem;
    border-top:2px solid #FF9900;
    border-bottom:2px solid #FF9900;
}
.woocommerce-checkout h3, .checkout-title {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
color: #000000;
margin-bottom: 10px;
}
#order_review > h3:nth-child(4) {
    display:none!important;
}


.woocommerce-checkout-payment .wc_payment_methods {
        margin-bottom:40px;
    padding-top: 2.2rem;
    border-top:2px solid #FF9900;
    border-bottom:2px solid #FF9900;
}
.woocommerce-checkout-payment {
    padding-top:0;
}
.payment-title {
    margin-top:100px;
}

input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
width: 24px;
height: 24px;
background: #FFFFFF;
border: 2px solid #FFB23E;
}
input[type="radio"]:checked:before {
    box-sizing: border-box;
width: 12px;
height: 12px;
background: #FFB23E;
border: 2px solid #FFB23E;
margin:0;
margin-top: 4px;
}

input[type="checkbox"] ~ label, input[type="radio"] ~ label, input[type="checkbox"] ~ span, input[type="radio"] ~ span {
    margin-left:20px;
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #000000;
}
.wc_payment_methods .payment_box p {
  
    margin-left:20px;
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 12px;
color: #757575;
}

.payment_box  {
      display:block!important;
}

.wc_payment_method .payment_method_cheque {
    padding-bottom: 20px;
    border-bottom:1px solid #E3E3E3;;
   
}

#order_review_heading {
    display:none!important;
}
.shop_table td, .shop_table th {
    border-top:none;
}
.shop_table ul, .woocommerce-checkout-review-order ul {
    padding:20px 0;
    border-top: 2px solid #FF9900;
    border-bottom: 2px solid #FF9900;
}

.woocommerce-checkout-review-order .place-order .button {
    display:block;
    margin:0 auto;
    padding: 22px 50px;
    gap: 10px;
    width: 307px;
    height: 61px;
    background: #FFB23E;
    border-radius: 10px;
    border: none;
}


.woocommerce-checkout-review-order .place-order .button:hover {
    background:#FF9900;
}
.woocommerce-privacy-policy-text p {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #000000;
}
.woocommerce-privacy-policy-text a {
    font-weight:700;
}

input[type="checkbox"]:checked {
    background: #FCEE1F;
    border: 2px solid #FFB23E;
border-radius: 4px;
color:#000;
    margin-top: 2px;
    font-size:10px;
}

.woocommerce-privacy-policy-text {
    display:none;
}
.ch-title {
    margin-top:0px;
    margin-bottom:40px;
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 39px;
color: #000000;
}

#customer_details > div > div.woocommerce > div.row > table{
    text-align: left;
    border-collapse: separate;
    margin-bottom: 20px;
    border-top: 2px solid #FF9900;
    border-bottom: 2px solid #FF9900;
  
}
.shop-block {
    margin-bottom:100px;
}
.pt-4 {
    padding-top:0px!important;
}
#customer_details > div > div.woocommerce > div.row {
    padding:0 10px;
}
#customer_details > div > div.woocommerce > div.row > h3 {
    padding-left:0px;
}
.shop_table ul, .woocommerce-checkout-review-order ul {
    margin-left: 10px;
    margin-right: 10px;
}
.woo-page-header .breadcrumb {
    display:none;
}
.total-weight {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #000000;
    text-transform: initial;
}
.total-weight-active{
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
color: #000000;
margin-left:20px;
}
.shop-block {
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.shop-col {
    display:inline-flex;
}
.payment-title {
    padding-left:10px;
}


#order_review > table > tfoot > tr > td > h3 {
    padding-left:10px;
}

.d-icon-handbag:before {
    content: none;
}

.cart-dropdown .cart-toggle i {
    background-size: cover !important;
    width: 18px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
}

.cart-dropdown .badge-type .cart-count {
    left: 13px !important;
    top: -6px;
    font-size: 11px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
}

/* Riode native mini-cart popup — match site typography */
.cart-popup,
.cart-popup .widget_shopping_cart_content,
.widget_shopping_cart,
.woocommerce-mini-cart,
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__buttons,
.woocommerce-mini-cart-item {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif !important;
}
.cart-popup .product-name,
.cart-popup .product-name a,
.woocommerce-mini-cart-item .product-name,
.woocommerce-mini-cart-item .product-name a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    text-transform: none;
    color: #000;
}
.cart-popup .quantity,
.cart-popup .product-price,
.cart-popup .woocommerce-Price-amount,
.woocommerce-mini-cart-item .quantity,
.woocommerce-mini-cart-item .woocommerce-Price-amount {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
}
.woocommerce-mini-cart-item .quantity {
    display: inline-block;
    margin-right: 8px;
}
.woocommerce-mini-cart-item .quantity-price {
    display: inline-flex;
    flex-direction: column;
}
.woocommerce-mini-cart-item .quantity-price .cart-price {
    line-height: 1;
    margin-bottom: 2px;
}
.cart-popup .total,
.cart-popup .total .woocommerce-Price-amount,
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
.cart-popup .button,
.cart-popup .buttons .button,
.woocommerce-mini-cart__buttons .button {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.woocommerce-mini-cart__discount.mini-discount {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 6px 0 10px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px;
    line-height: 1.3;
}
.woocommerce-mini-cart__discount .mini-discount__title {
    font-weight: 600;
    color: #1f2937;
}
.woocommerce-mini-cart__discount .mini-discount__value {
    font-weight: 700;
    color: #0f766e;
}

.cart-dropdown {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.cart-dropdown .cart-account-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    line-height: 1;
}

.cart-dropdown .cart-account-toggle:hover {
    color: #FF9900;
}

.cart .quantity {
	    height: initial;
    line-height: inherit;
}

.woocommerce-thankyou-order-received .order-success {
    box-shadow: none;
    background: none;
    border-radius: 0;
}

.th-text {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
color: #000000;
margin-bottom: 10px;

}
.th-number {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 39px;
text-align: center;
color: #2E9E5B;
margin-bottom: 10px;
}
.th-extra {
    padding-top:40px;
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
color: #757575;
}

.error-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
}
.error-404__image {
    margin-bottom: 24px;
}
.error-404__image img {
    max-width: 226px;
    height: auto;
}
.error-404__body {
    max-width: 520px;
}
.error-404__label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 10px;
}
.error-404__code {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    color: #FF9900;
    margin-bottom: 10px;
}
.error-404__action {
    padding-top: 40px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #757575;
}
.error-404__action a {
    color: inherit;
    text-decoration: none;
}
.error-404__action a:hover {
    color: #FF9900;
}

.about1 {
    background:url(https://damcoffee.com.ua/wp-content/uploads/2022/12/about_1.png) no-repeat;
    background-size:contain;
    background-position: right;
    z-index:2;
    height: 800px;
}
.about2 {
    background:url(https://damcoffee.com.ua/wp-content/uploads/2022/10/p.png) no-repeat;
    background-size:contain;
        background-position: 30px 76%;
    z-index:1;
}


.product-nav {
    display:none!important;
}

.dropbtn {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
color: #757575;
border:none;
background:transparent;
}

.dropdown {
  position: relative;
  display: inline-block;
  font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
padding-bottom:10px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #F8F8F8;
  padding:10px 0;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius:4px;
}

.dropdown-content a {
color: #757575;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}
.smblock {
    display:inline-block;
    position:relative;
        margin: 10px auto;
}
.smbtn {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
color: #757575;
border:none;
background:transparent;
}
.dropdown-content a:hover {color: #000;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {
    color: #000;
    background: #FFB23E;
border-radius: 4px;
}
.smbtn:hover  {
    color: #000;
    background: #FFB23E;
    border-radius: 4px;
    
}

/* minicart */

.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap {
    right: 150px;
    top: 60px;
    background: #F8F8F8;
    border: 1px solid #F8F8F8;
    box-shadow: 0px 11px 50px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    width: 600px;
    padding: 0 20px;
    max-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
}

.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-slide-right {
    animation-name: dam-wcaio-slide-out-right !important;
}

@keyframes dam-wcaio-slide-out-right {
    from {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
    }
    to {
        transform: translate3d(calc(100% + 170px), 0, 0);
        visibility: hidden;
        opacity: 0;
    }
}

.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap > .vi-wcaio-sidebar-cart-content-wrap1 {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color .2s ease;
}
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap:hover > .vi-wcaio-sidebar-cart-content-wrap1,
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap > .vi-wcaio-sidebar-cart-content-wrap1:hover,
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap > .vi-wcaio-sidebar-cart-content-wrap1:focus-within {
    scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap > .vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar {
    width: 6px;
}
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap > .vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar-track {
    background: transparent;
}
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap > .vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px;
    transition: background .2s ease;
}
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap:hover > .vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar-thumb,
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap > .vi-wcaio-sidebar-cart-content-wrap1:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
}
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap > .vi-wcaio-sidebar-cart-content-wrap1::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.32);
}
.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-footer-wrap {
    flex: 0 0 auto;
}

/* Mobile: fullscreen mini-cart modal with small safe-area margins. */
@media (max-width: 767px) {
    .vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap,
    .vi-wcaio-sidebar-cart-wrap.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap {
        position: fixed !important;
        right: 8px !important;
        left: 8px !important;
        top: 8px !important;
        bottom: 8px !important;
        width: auto !important;
        max-width: none !important;
        max-height: none !important;
        height: auto !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }
    .vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap1 {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        max-height: none !important;
    }
    .vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-footer-wrap {
        flex: 0 0 auto !important;
    }
    .vi-wcaio-sidebar-cart-overlay {
        opacity: 1 !important;
        background: rgba(0, 0, 0, 0.35) !important;
    }
    .vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-close.vi-wcaio-sidebar-cart-content-close-slide-right {
        animation-name: dam-wcaio-slide-out-right-mobile !important;
    }
    @keyframes dam-wcaio-slide-out-right-mobile {
        from {
            transform: translate3d(0, 0, 0);
            visibility: visible;
            opacity: 1;
        }
        to {
            transform: translate3d(calc(100% + 16px), 0, 0);
            visibility: hidden;
            opacity: 0;
        }
    }
    body.vi-wcaio-sidebar-cart-show {
        overflow: hidden !important;
    }
}

.vi-wcaio-sidebar-cart-overlay {
    z-index:2500;
    opacity:0;
}
.cartfooter {
    display:flex;
    justify-content:flex-end;
    position:relative;

}
.cartbtn-light {
    background: #FFFFFF;
    border: 1px solid #FFB23E;
    border-radius: 10px;
    box-sizing: border-box;
    min-width: 270px;
    height: 62px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    padding: 23px;
    /* Hidden by request — keep markup, just don't render. */
    display: none !important;
}
.cartbtn {
    background: #FFB23E;
    border-radius: 6px;
    padding: 0;
    height: 58px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 13px;
    line-height: 58px;
    letter-spacing: 0.8px;
    text-align: center;
    text-transform: uppercase;
    color: #1F1F1F;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cartfooter {
    width: 100%;
}

.vi-wcaio-sidebar-cart-wrap .button:not(.vi-wcaio-disabled):not(.vi-wcaio-bt-disabled), .vi-wcaio-sidebar-cart-wrap .vi-wcaio-sidebar-cart-bt:not(.vi-wcaio-disabled):not(.vi-wcaio-bt-disabled), .vi-wcaio-sidebar-cart-wrap button:not(.vi-wcaio-disabled):not(.vi-wcaio-bt-disabled) {
    display:none!important;
}

.vi-wcaio-sidebar-cart-footer-wrap {
    padding:15px 0px 20px;
}


.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap {
    border-width: 0 0 2px 0;
        padding: 20px 0;
}
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap {

    border-width: 2px 0 0 0;
   
}


.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-title-wrap {
    color: #181818;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer-cart_total > div:nth-child(1) {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer-cart_total > div:nth-child(2) {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #000000;
}


.vi-wcaio-sidebar-cart-footer.vi-wcaio-sidebar-cart-footer-products {
    width:100%;
    display:block;
}
.vi-wcaio-sidebar-cart-footer-cart_total-wrap {
    display:flex;
    max-width:100%;
}
.vi-wcaio-sidebar-cart-footer-cart_total-wrap>div {
    justify-content:space-between;
}
.vi-wcaio-sidebar-cart-footer-cart_total-wrap .vi-wcaio-sidebar-cart-footer-cart_total {
    width: 100%;
}
.cartfooter {
    display:flex;
    justify-content:flex-end;
    position:relative;

}

.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi-wcaio-sidebar-cart-pd-quantity {
    min-width: 0;
    width: 104px;
    height: 38px;
    background: #fff;
    border: 1px solid #E5D2A8;
    border-radius: 4px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0;
    gap: 0;
}


.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_p,
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_minus,
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_plus {
    height: 36px;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #FFB23E;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_qty {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #1F1F1F;
    width: auto;
    min-width: 24px;
    background: transparent;
    border: none;
    padding: 0;
}


.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-price *, .vi-wcaio-sidebar-cart-footer-pd-price * {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #000000;
}

/* =========================================================================
   Mini-cart product row — compact inline-stepper layout (design A)
   img | (name+tag / meta / stepper+line-total) | × button
   ========================================================================= */
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-wrap:nth-of-type(odd) {
    background: #F9F9F9 !important;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-wrap:nth-of-type(even) {
    background: #fff4de75 !important;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-wrap {
    display: grid !important;
    grid-template-columns: 96px 1fr auto;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "img info    remove"
        "img info    remove"
        "img actions remove";
    gap: 0 2px;
    padding: 10px 10px 10px 10px;
    margin-top: 0;
    border-bottom: 1px solid transparent;
    border-radius: 4px;
    align-items: stretch;
    min-height: 96px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-img-wrap {
    grid-area: img;
    width: 96px !important;
    height: 96px !important;
    align-self: center;
    grid-row: 1 / span 3;
    overflow: hidden;
    border-radius: 6px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-img-wrap a,
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-img-wrap picture {
    display: block;
    width: 100%;
    height: 100%;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-img-wrap img {
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center center;
    border-radius: 6px;
    display: block;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap {
    grid-area: info;
    width: auto !important;
    min-width: 0;
    align-self: stretch;
    margin: 0 0 0 2px;
    display: grid !important;
    grid-template-rows: auto 1fr;
}
@media screen and (min-width: 769px) {
    .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap {
        margin-left: 12px;
        padding-left: 0 !important;
    }
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-name-wrap {
    align-self: start;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta {
    align-self: center;
    display: flex !important;
    align-items: center;
    margin: 0 !important;
}
.cart-qty {
    grid-area: actions;
    justify-self: start;
    align-self: end;
    width: auto !important;
    margin: 0 0 0 10px !important;
}
.cart-sprice {
    grid-area: actions;
    justify-self: end;
    align-self: end;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.15;
    color: #000;
    text-transform: none;
}
.cart-sprice .regular-price {
    font-size: 11px;
    font-weight: 500;
    color: #9A9A9A;
    text-decoration: line-through;
    margin-bottom: 1px;
}
.cart-sprice .vi-wcaio-sidebar-cart-pd-price {
    font-size: 14px;
    font-weight: 700;
}
.cart-remove {
    grid-area: remove;
    align-self: start;
    width: auto !important;
    padding: 0 0 0 16px !important;
    margin: 0 !important;
}
.cart-remove .vi-wcaio-sidebar-cart-pd-remove {
    color: #bbb;
    font-size: 14px;
}
.cart-remove .vi-wcaio-sidebar-cart-pd-remove:hover {
    color: #1F1F1F;
}
/* Per-unit price (ctr-price) is redundant in this layout — design A shows
   only the line total next to the stepper. */
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-meta .ctr-price {
    display: none !important;
}


.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dd, .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dl, .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta p {
    margin:0;
}

/* Sidebar cart: product name and coffee badges read as one inline title block. */
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-name-wrap {
    display: block !important;
    justify-content: flex-start !important;
    min-width: 0;
    width: auto !important;
    margin: 0 0 0 0px !important;
    padding: 0 !important;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-name {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    color: #1F1F1F;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    word-break: break-word;
}
.vi-wcaio-sidebar-cart-products a.vi-wcaio-sidebar-cart-pd-name:hover {
    color: #1F1F1F !important;
    text-decoration: none !important;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-name-wrap .cart-atts,
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-name-wrap .mini-cart-atts,
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-name-wrap .mini-cart-atts .att {
    display: inline !important;
    margin: 0 !important;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-name-wrap .mini-cart-atts .att .att-coffe {
    display: inline-flex !important;
    vertical-align: baseline;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-meta {
    font-size: 11px !important;
    color: #9A9A9A;
    margin-top: 1px;
    line-height: 1.2;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-name .mini-cart-atts,
.vi-wcaio-sidebar-cart-products .mini-cart-atts {
    display: inline !important;
    width: auto !important;
    margin: 0 0 0 6px !important;
    padding: 0;
    line-height: inherit;
    clear: none;
}
.vi-wcaio-sidebar-cart-products .mini-cart-atts .att {
    display: inline !important;
    margin: 0 !important;
}
.vi-wcaio-sidebar-cart-products .mini-cart-atts .att .att-coffe {
    width: auto;
    height: 18px;
    min-height: 0;
    margin: 0 0 0 5px !important;
    padding: 3px 5px !important;
    border-radius: 3px;
    line-height: 1 !important;
    align-items: center;
    white-space: nowrap;
}
.vi-wcaio-sidebar-cart-products .mini-cart-atts .att .att-coffe:first-child {
    margin-left: 0 !important;
}
.vi-wcaio-sidebar-cart-products .mini-cart-atts .att .att-text {
    display: none !important;
}
.vi-wcaio-sidebar-cart-products .mini-cart-atts .att .att-title {
    display: inline-block;
    margin: 0 !important;
    color: inherit;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 500 !important;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Sidebar cart: add visual spacing between meta text and inline prices */
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-meta .variation {
    display: inline-block;
    margin-right: 6px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-meta .ctr-price {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

/* =========================================================================
   Mini-cart (sidebar) totals card — same visual language as checkout
   .dam-totals-card: cream surface, dashed divider, big orange-ink total,
   plus a clear "Активована знижка: …" banner up top.
   ========================================================================= */
.vi-wcaio-sidebar-cart-footer-cart_total1.dam-mini-totals,
.vi-wcaio-sidebar-cart-footer-cart_total1.dam-mini-totals--has-discount {
    background: #FFF4DE;
    border-radius: 8px;
    padding: 10px 12px;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0;
    width: 100%;
    flex-wrap: nowrap !important;
}
.vi-wcaio-sidebar-cart-footer-cart_total1.dam-mini-totals > *,
.vi-wcaio-sidebar-cart-footer-cart_total1.dam-mini-totals--has-discount > * {
    width: 100%;
    min-width: 0;
}
.dam-mini-totals__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    width: auto !important;
    max-width: 100%;
    background: #fff;
    border: 1px solid #F0E2B6;
    box-sizing: border-box;
    color: var(--dam-ink, #1a1a1a);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.25;
    padding: 4px 10px 4px 8px;
    border-radius: 6px;
    margin: 0 0 8px;
}
.dam-mini-totals__chip svg {
    background: var(--dam-orange, #FFB23E);
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    flex: 0 0 14px;
    fill: currentColor;
    height: 14px;
    padding: 2px;
    width: 14px;
}
.dam-mini-totals__chip b,
.dam-mini-totals__chip-text b {
    font-weight: 700;
    color: var(--dam-ink, #1a1a1a);
}
.dam-mini-totals__chip-text {
    min-width: 0;
    overflow-wrap: anywhere;
}
.dam-mini-totals__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 0;
    font-size: 11px;
    line-height: 1.3;
}
.dam-mini-totals__row.wght {
    margin: 0;
}
.vi-wcaio-sidebar-cart-footer-cart_total1.dam-mini-totals .dam-mini-totals__row.wght .dam-mini-totals__label,
.vi-wcaio-sidebar-cart-footer-cart_total1.dam-mini-totals .dam-mini-totals__row.wght .cart-extra-info,
.vi-wcaio-sidebar-cart-footer-cart_total1.dam-mini-totals .dam-mini-totals__row.wght .total-weight,
.vi-wcaio-sidebar-cart-footer-cart_total1.dam-mini-totals .dam-mini-totals__row.wght .total-weight-active {
    color: var(--dam-ink, #1F1F1F) !important;
}
.dam-mini-totals__label {
    color: #9A9A9A;
    font-weight: 500;
    letter-spacing: 0;
}
.dam-mini-totals__value,
.dam-mini-totals__value * {
    color: #1F1F1F;
    font-weight: 600;
    text-align: right;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
}
.dam-mini-totals__row--strike .dam-mini-totals__label {
    color: #b4a98a;
    font-weight: 500;
    text-decoration: none;
}
.dam-mini-totals__row--strike .dam-mini-totals__value,
.dam-mini-totals__row--strike .dam-mini-totals__value * {
    color: #b4a98a;
    font-weight: 500;
    text-decoration: line-through;
    text-decoration-color: #b4a98a;
}
.dam-mini-totals__row--strike .dam-mini-totals__value s {
    text-decoration: line-through;
}
.dam-mini-totals__row--discount .dam-mini-totals__label {
    color: #7A6A45;
    font-weight: 600;
}
.dam-mini-totals__row--discount .dam-mini-totals__value,
.dam-mini-totals__row--discount .dam-mini-totals__value * {
    color: #F39C12;
    font-weight: 700;
}
.dam-mini-totals__divider {
    border-top: 1px dashed rgba(0,0,0,0.18);
    margin: 8px 0;
}
/* "Доставка [?] : Безкоштовна / за умовами перевізника" row in the
   mini-cart footer. Renders unconditionally; the value swaps between a
   green pill (≥ DAM_FREE_SHIPPING_THRESHOLD) and muted carrier text.
   The "?" tooltip uses the existing .bulk-price-info pattern. */
.dam-mini-totals__row--delivery {
    margin: 5px 0;
}
.dam-mini-totals__row--delivery .dam-mini-totals__label {
    color: var(--dam-ink, #1F1F1F);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.dam-mini-totals__value--free {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 999px;
    background: #e6f4ea !important;
    color: #1e7e4d !important;
    box-shadow: inset 0 0 0 1px rgba(30, 126, 77, 0.18);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
}
.dam-mini-totals__value--free * { color: #1e7e4d !important; }
.dam-free-pill__icon,
.dam-free-pill__text {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.dam-free-pill__icon {
    color: #1e7e4d;
}
.dam-free-pill__icon-svg {
    display: block;
    width: 14px;
    height: 14px;
    color: currentColor;
}
.dam-mini-totals__value--carrier {
    color: #555555 !important;
    font-weight: 500;
    font-size: 12px;
    font-style: normal;
}

/* Tooltip "?" sitting inline next to the "Доставка" label. Same look as
   the existing .bulk-price-info chip on product cards, but with an
   explicit hover rule (the global one is commented out) and tuned
   sizing so it doesn't overpower the totals-card row. */
.dam-delivery-info {
    /* Round accent chip with a centered white "?". Flexbox centering +
       explicit system font + fixed sizing keeps the glyph crisp at 16px
       and prevents inherited line-height / fonts (e.g. icon fonts on
       the cart card) from breaking the alignment. */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    margin-left: 6px;
    padding: 0;
    border: 1px solid #e79c22;
    border-radius: 50%;
    background: var(--accent-color, #F39C12);
    color: #fff !important;
    cursor: help;
    position: relative;
    vertical-align: middle;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1 !important;
    text-decoration: none !important;
    box-sizing: border-box;
}
.dam-delivery-info:hover,
.dam-delivery-info:focus {
    background: var(--accent-color, #F39C12);
    color: #fff !important;
    outline: none;
}
.dam-delivery-info__mark {
    display: block;
    line-height: 1;
    transform: none;
}
.dam-delivery-info__tip {
    /* Source-of-truth text for the JS portal. Visually hidden, still
       readable by screen readers and grep-able in DOM. */
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* The tooltip floats ABOVE the "?" so it sits over the items list /
   "Загальна вага" row — that's open space, while below the icon the
   footer card has overflow:hidden and clips anything that escapes
   downward. A tiny ::after triangle visually anchors it to the icon. */
.dam-delivery-info > .dam-delivery-info__tip {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    padding: 10px 12px;
    border: 1px solid #FFB23E;
    background: #FFED90;
    color: #000 !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
    white-space: normal;
    z-index: 999999;
    display: none;
    pointer-events: none;
}
.dam-delivery-info > .dam-delivery-info__tip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #FFED90;
    border-right: 1px solid #FFB23E;
    border-bottom: 1px solid #FFB23E;
    transform: translateX(-50%) rotate(45deg);
}
.dam-delivery-info:hover > .dam-delivery-info__tip,
.dam-delivery-info:focus > .dam-delivery-info__tip {
    display: block;
}
/* Defeat overflow:hidden on every ancestor in the totals/mini-cart chain
   so the tooltip can paint over neighbouring content. position:relative
   is required for the absolute child to anchor correctly. */
.dam-totals-card,
.dam-totals-card .dam-totals-row,
.dam-totals-card .dam-totals-row .dam-totals-label,
.dam-mini-totals,
.dam-mini-totals .dam-mini-totals__row,
.dam-mini-totals .dam-mini-totals__row .dam-mini-totals__label,
.vi-wcaio-sidebar-cart-footer-wrap,
.vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer,
.vi-wcaio-sidebar-cart-footer-cart_total-wrap,
.vi-wcaio-sidebar-cart-footer-cart_total,
.vi-wcaio-sidebar-cart-footer-cart_total1 {
    overflow: visible !important;
}
/* In the narrow mini-cart sidebar 220px tooltip with center anchor
   can overflow the right rail — pin it to the right edge instead. */
.vi-wcaio-sidebar-cart .dam-delivery-info > .dam-delivery-info__tip {
    left: auto;
    right: -8px;
    transform: none;
}
.vi-wcaio-sidebar-cart .dam-delivery-info > .dam-delivery-info__tip::after {
    left: auto;
    right: 12px;
    transform: rotate(45deg);
}
.dam-mini-totals__row--total {
    padding-top: 0;
    padding-bottom: 0;
    align-items: baseline;
    font-size: 14px;
}
.dam-mini-totals__row--total .dam-mini-totals__label {
    color: #1F1F1F;
    font-weight: 800;
    font-size: 14px;
}
.dam-mini-totals__value--big {
    display: inline-flex !important;
    align-items: baseline;
    gap: 8px;
    line-height: 1;
    text-align: right;
}
.dam-mini-totals__old,
.dam-mini-totals__old * {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #9A9A9A !important;
    text-decoration: line-through;
    text-decoration-color: #9A9A9A;
    line-height: 1 !important;
}
.dam-mini-totals__new,
.dam-mini-totals__new * {
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #1F1F1F !important;
    letter-spacing: 0.01em;
}
/* Some Woo themes wrap the total in <strong> or .cart-price; flatten. */
.dam-mini-totals__value--big strong,
.dam-mini-totals__value--big .cart-price,
.dam-mini-totals__value--big small {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
/* If older overload prints a strike "before" the total, hide it — we already
   render "Без знижки" above. */
.dam-mini-totals__value--big .cart-price {
    display: none;
}
.vi-wcaio-sidebar-cart-wrap .vi-wcaio-sidebar-cart-footer-cart_total.vi-wcaio-sidebar-cart-footer-total .prc > div > span,
.vi-wcaio-sidebar-cart-wrap .vi-wcaio-sidebar-cart-footer-cart_total.vi-wcaio-sidebar-cart-footer-total .prc > div > span *,
.vi-wcaio-sidebar-cart-wrap .vi-wcaio-sidebar-cart-footer-cart_total.vi-wcaio-sidebar-cart-footer-total .prc > div > span bdi {
    font-size: 14px !important;
}

/* Desktop-only: bump mini-cart totals block typography */
@media (min-width: 601px) {
    .dam-mini-totals__row {
        font-size: 13px;
    }
    .dam-mini-totals__chip {
        font-size: 12px;
    }
    .dam-mini-totals__row--total,
    .dam-mini-totals__row--total .dam-mini-totals__label {
        font-size: 16px;
    }
    .dam-mini-totals__old,
    .dam-mini-totals__old * {
        font-size: 13px !important;
    }
    .dam-mini-totals__new,
    .dam-mini-totals__new * {
        font-size: 22px !important;
    }
}

.vi-wcaio-sidebar-cart-content-wrap1, .vi-wcaio-sidebar-cart-products-wrap {
    padding:0;
}


.vi-wcaio-sidebar-cart-icon-wrap {
    display:none!important;
}

.ctr-price {
    padding: 0 5px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #757575;

}


.woocommerce-notices-wrapper {
    display:none!important;
}


.cart-image {
        margin: 30px auto 20px;
    text-align: center;
    display: block;
}
.cart-empty {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    padding-bottom:40px;
}

.pagination .next,.pagination .prev {
    margin-left: 5px;
    background: #FFFFFF;
    border: 1px solid #FFB23E;
    border-radius: 10px;
    color: #FFB23E;
}

.page-numbers .current,.page-numbers:hover, .pagination-footer .links .post-page-numbers:hover, .page-numbers.current, .pagination-footer .links .post-page-numbers.current {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    border: none;
    text-transform: uppercase;
    padding: 16px;
    background: #FFB23E!important;
    border-radius: 4px;
    color: #000000;
}
.page-numbers  {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    border: none;
    text-transform: uppercase;
    padding: 16px;
    background: #fff;
    border-radius: 4px;
    color: #000000;
}


.pagination .prev, .pagination .next {
    min-width: 48px;
    padding: 20px;
}

.pagination .prev:hover, .pagination .next:hover {
    background:#fff!important;
    border: 1px solid #FFB23E;
}

@media screen and (min-width:769px) and (max-width:920px) {
    .cols-md-3>*{
           max-width: 50%!important;
    flex: 0 0 50%!important;
    }
    .product-loop .price {
        width:48%!important;
        min-width:145px;
    }
    .vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap {
        right:0px;
    }
}

.cart .quantity{
    height:64px;
}

body > div.page-content > div > div > div > form > div.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    display:none;
}

#customer_details > div > div.woocommerce-billing-fields > div.wcus-checkout-fields > h3 {
	display:none;
}

@keyframes dam-delivery-loader-spin {
	to {
		transform: rotate(360deg);
	}
}

.zen-ui-select__value{
	height: 61px;
    border: 1px solid #AFAFAF;
    border-radius: 10px;
	padding:18px;
    line-height: 40px;
}
@media screen and (max-width:600px) {
	.cartfooter {
	display:block;
}
.cartbtn-light {
     display: flex;
    position: relative;
    width: 100%;
    flex-flow: column-reverse;
  }

  .cartbtn-light {
      width: 100%;
    display: inline-flex;
	   margin:25px auto 10px;
	     justify-content: center;
  }

  .cartbtn {
    width: 100%;
    display: inline-flex;
	  margin:10px auto;
	      justify-content: center;
  }
	
	/* Mobile keeps the same grid layout as desktop — compact inline-stepper. */
	.vi-wcaio-sidebar-cart-1 .vi-wcaio-sidebar-cart-content-wrap1 {
		max-height:350px;
	}
	
	
.woocommerce-cart-form__contents .product-thumbnail {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 30%;
    vertical-align: middle;
    min-width: 115px;
    margin: 10px 15px 10px 0px;
}
.cart_item>.product-name {
    margin: 10px auto;
    display: inline-block;
    font-family: 'Montserrat';
    font-style: normal;
    color: #000;
    padding: 0;
    width: 60%;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    }
.woocommerce-cart-form__contents .product-quantity {
    display: inline-block;
    width: 30%;
    min-width: 115px;
    max-width: 100%;
    margin-right: 15px;
    padding: 0 0 20px;
}
    .woocommerce-cart-form__contents td.product-subtotal {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #000000;
    display: inline-block;
    width: 27%;
}
.woocommerce-cart-form__contents .product-close {
    padding: 0;
    width: 5%;
    display: inline-block;
    vertical-align: middle;
}
.woocommerce-cart-form__contents .remove {
    position: relative;
    top: 0;
    right: 0;
}
	.cart-extra-info {
    margin-left:-10px;
		text-align: center;
}
.total-weight {
    color: #000000;
    text-transform: initial;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
}
.total-weight-active {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #000000;
    margin-left: 0;
    display: block;
}
.shop-block {
    margin-bottom: 60px;
	    align-items: center;
}
	.woocommerce table.shop_table {
	margin-bottom:60px;
}
}

.woocommerce table.shop_table {
	margin-bottom:100px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap div {
    max-width: 100%;
    margin-bottom: 8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #000000;
}
.zen-ui-select__value-text{ 
	color: #000;
	}

.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dd, .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta dl, .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta p {
    margin: 0;
    padding: 0 5px 0 0px;
}

@media screen and (max-width: 390px) {
	.product-loop .price {
    width: 120px!important;
}
}


.vi-wpvs-variation-style.vi-wpvs-variation-style-horizontal {
    display:block!important;
}
.vi_wpvs_loop_variation_form .vi_variation_container .vi_variation_attr_name {
    margin-right: 7px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #757575;
}

.attr-field {
        font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    background-color: #E3E3E3;
    border-radius: 4px;
    width: 145px;
    height: 23px;
    background: #E3E3E3 url(assets/images/select-bg.svg) 97% 45%/15px 60px no-repeat;
       padding: 0px 0px 0 5px;
}

.products .woocommerce-loop-product__title {
    padding-bottom:10px;
}


.cart-content {
	    border-top: 2px solid #FF9900;
    margin-bottom: 15px!important;
    border-bottom: 2px solid #FF9900;
}


@media screen and (max-width: 768px) {
	.woocommerce-cart-form .cart_item {
		border:none;
		padding: 0;
		display:block;
	}
	.woocommerce-cart-form .cart_item td {
		text-align:left;
	}
	.woocommerce-cart-form__contents td.product-subtotal {
		width:54%;
	}
	.cart-extra-info {
		margin-left:0;
	}
	.woocommerce-cart-form tbody {
		padding:10px 0 20px;
	}
	.woocommerce-billing-fields {
		margin-bottom:60px;
	}
	.payment-title {
		padding-top:0px;
		margin-top: 70px;
	}
	.woocommerce table.shop_table {
		margin-bottom:60px;
	}
	.woocommerce-checkout-review-order .place-order .button {
		min-width: 307px;
	}
	#payment > div.form-row.place-order > div > p > label {
	display:flex;
    align-items: center;
}
}


.price del {
    display: block;
    padding: 0px;
    margin-top: -50px;
	margin-bottom:-85px;
    text-align: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: line-through;
    color: #AFAFAF;
}
.price ins {
    margin-right: 6px;
    text-decoration: none;
    display: block;
} 

/* checkout fields nv  */
#payment > h3 {
    padding-top:100px;
}

#order_review > div.wcus-checkout-fields {
    margin-bottom:-70px;
}
#order_review > div.wcus-checkout-fields > h3 {
	display:none!important
}
#shipping_method {
	border-bottom: 0px;
    margin-bottom: -120px;
}

#order_review > div.wcus-checkout-fields {
	border-bottom: 2px solid #FF9900;
	padding: 0 5px;
}
#order_review > div.wcus-checkout-fields > div {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

#order_review > div.wcus-checkout-fields > div > p {
	display: inline-flex;
    width: 33%;
}
#order_review > div.wcus-checkout-fields > div > div {
	display: inline-flex;
    width: 66%;
    align-items: center;
}
#order_review > div.wcus-checkout-fields > div > div > p:nth-child(1) {
	    padding-right: 10px;
    width: 100%;
}

#order_review > div.wcus-checkout-fields > div > div > p:nth-child(2) {
	 width: 100%;
}

@media screen and (max-width: 768px) {
    #payment > h3 {
    padding-top:60px;
}

#order_review > div.wcus-checkout-fields {
    margin-bottom:-30px;
}
#order_review > div.wcus-checkout-fields > div {
display: block;
    align-items: center;
    justify-content: space-between;
}
#order_review > div.wcus-checkout-fields {
    padding:0 5px 0 50px;
}
#order_review > div.wcus-checkout-fields > div > p {
	display: block;
    width: 100%;
}
#order_review > div.wcus-checkout-fields > div > div {
	display: block;
     width: 100%;
    align-items: center;
}
#order_review > div.wcus-checkout-fields > div > div > p:nth-child(1) {
	    padding-right: 0px;
    width: 100%;
}

#order_review > div.wcus-checkout-fields > div > div > p:nth-child(2) {
	 width: 100%;
}

#shipping_method {
	border-bottom: 0px;
       margin-bottom: -75px;
}

}


.regular-price {
	font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 12px;
text-decoration-line: line-through;
color: #AFAFAF;
}


.vi-wcaio-sidebar-cart-close-wrap i {
    color:#D9D9D9;
}
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-remove-wrap i {
    color: #AFAFAF;
}


.button:hover, .button:active, .button:focus {
    background:#FFB23E;
    color:#000;
    border-color:#FFB23E;
}

.shop_table .remove {
    border: none;
    color: #AFAFAF;
}

#payment > div.form-row.place-order > div > p > label > span > a {
    font-weight:700;
    color:#000;
}

/*
button.add_to_cart_button.loading:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-family:"Glyphicons Halflings";
    content: "\eff5";
    background: rgba( 255, 255, 255, 0.7 );
    text-align:center;
    line-height:34px;
}
*/


.vi_wpvs_loop_action, .vi_wpvs_loop_variation_form, .vi_wpvs_loop_variation_form .vi-wpvs-variation-style, .vi_wpvs_loop_variation_form .vi_variation_container, .vi_wpvs_loop_variation_form .vi_variation_container .vi-wpvs-variation-wrap-wrap, .vi_wpvs_loop_variation_form .vi_variation_container .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap {
   vertical-align: text-top;
}

/* loader */

.button__text {

}

.loading .button__text {
  visibility: hidden;
  opacity: 0;
}
.loading .button__text {
  visibility: hidden;
  opacity: 0;
}

.loading::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid transparent;
  border-top-color: #000;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}

.checkout_coupon .button_sbm {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 41px;
    background: #FFB23E;
    border-radius: 10px;
    border: none;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
}

.dam-account-shell,
.dam-account-auth {
    padding: 0;
    background: #ffffff;
    border-top: 0;
}

.dam-account-hero,
.dam-account-auth-hero {
    max-width: 560px;
    padding: 0 0 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.1);
    text-align: left;
    align-self: flex-start;
}

.dam-account-auth-hero {
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
}

.dam-account-kicker,
.dam-account-panel-kicker {
    margin: 0 0 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(17, 17, 17, 0.55);
}

.dam-account-title {
    margin: 0 0 6px;
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #111111;
}

.dam-account-lead {
    max-width: 440px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    color: #555555;
}

.dam-account-layout {
    align-items: flex-start;
}

.dam-account-main {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dam-account-main .dam-account-hero {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-self: center;
}

.dam-account-main .dam-account-hero .dam-account-lead {
    margin-left: auto;
    margin-right: auto;
}

.woocommerce-MyAccount-navigation {
    position: sticky;
    top: 100px;
    padding-top: 58px;
}

.woocommerce-MyAccount-navigation .dam-account-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(17, 17, 17, 0.1);
}

.woocommerce-MyAccount-navigation .dam-account-nav li {
    margin: 0;
    border-bottom: 1px solid rgba(17, 17, 17, 0.12);
}

.woocommerce-MyAccount-navigation .dam-account-nav li a {
    display: block;
    padding: 16px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #111111;
    text-decoration: none;
    transition: color 0.2s ease;
}

.woocommerce-MyAccount-navigation .dam-account-nav li.is-active a,
.woocommerce-MyAccount-navigation .dam-account-nav li a:hover {
    color: #FF9900;
}

.woocommerce-MyAccount-content,
.dam-account-auth-card {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.1);
    padding: 24px;
}

.woocommerce-MyAccount-content p,
.dam-account-auth p,
.woocommerce-MyAccount-content li,
.woocommerce-MyAccount-content label,
.woocommerce-MyAccount-content address,
.woocommerce-MyAccount-content .woocommerce-form-row span,
.dam-account-auth .woocommerce-form-row span {
    font-family: 'Montserrat', sans-serif;
    color: #2B2B2B;
}

.dam-account-panel {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.dam-account-panel-title {
    margin: 0 0 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 700;
    color: #111111;
}

.dam-account-section-heading {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}

.dam-account-section-title {
    margin: 0 0 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    color: #111111;
}

.dam-account-section-text {
    max-width: 620px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.65;
    color: #555555;
}

.dam-account-panel-text {
    max-width: 640px;
    margin: 0 0 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1.75;
    color: #444444;
}

.dam-account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0;
}

.dam-account-link-inline {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #111111;
    text-decoration: none;
}

.dam-account-link-inline:hover {
    color: #FF9900;
}

.dam-account-auth .nav.nav-tabs {
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 0;
    display: inline-flex;
    gap: 20px;
    margin-bottom: 24px;
}

.dam-account-auth .nav.nav-tabs .delimiter {
    display: none;
}

.dam-account-auth .nav.nav-tabs .nav-item {
    margin: 0;
}

.dam-account-auth .nav.nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    padding: 0 0 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: rgba(17, 17, 17, 0.45);
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    border-bottom: 1px solid transparent;
}

.dam-account-auth .nav.nav-tabs .nav-link.active {
    background: transparent;
    color: #111111;
    border-bottom-color: #111111;
}

.dam-account-auth .input-text,
.woocommerce-MyAccount-content .input-text,
.woocommerce-account .select2-container .select2-selection--single,
.woocommerce-account textarea,
.woocommerce-account select {
    width: 100%;
    min-height: 52px;
    border-radius: 0;
    border: 1px solid rgba(17, 17, 17, 0.12);
    background: #ffffff;
    padding: 14px 16px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #111111;
}

.dam-account-auth .input-text:focus,
.woocommerce-MyAccount-content .input-text:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
    border-color: #111111;
    background: #ffffff;
    box-shadow: none;
}

.dam-account-auth .btn,
.dam-account-auth .button,
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .btn,
.woocommerce-account .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 0;
    border: 1px solid #111111;
    background: #111111;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dam-account-auth .btn:hover,
.dam-account-auth .button:hover,
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .btn:hover,
.woocommerce-account .button:hover {
    background: #ffffff;
    border-color: #111111;
    color: #111111;
}

.dam-account-auth .lost_password a,
.woocommerce-MyAccount-content a,
.woocommerce-account .woocommerce-Address a,
.woocommerce-account .woocommerce-orders-table a {
    color: #111111;
    text-decoration: none;
}

.dam-account-auth .lost_password a:hover,
.woocommerce-MyAccount-content a:hover,
.woocommerce-account .woocommerce-Address a:hover,
.woocommerce-account .woocommerce-orders-table a:hover {
    color: #FF9900;
}

.woocommerce-MyAccount-content a.ma-order-cta--pay,
.woocommerce-MyAccount-content a.ma-order-cta--pay:visited,
.woocommerce-MyAccount-content a.ma-order-cta--pay:hover,
.woocommerce-MyAccount-content a.ma-order-cta--pay:focus,
.woocommerce-MyAccount-content a.ma-order-cta--pay:active {
    background: #FFB23E !important;
    border-color: #FFB23E !important;
    color: #000 !important;
}

.woocommerce-MyAccount-content a.dam-vo-pay,
.woocommerce-MyAccount-content a.dam-vo-pay:visited,
.woocommerce-MyAccount-content a.dam-vo-pay:hover,
.woocommerce-MyAccount-content a.dam-vo-pay:focus,
.woocommerce-MyAccount-content a.dam-vo-pay:active {
    background: #FFB23E !important;
    border-color: #FFB23E !important;
    color: #000 !important;
}

.woocommerce-account .form-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    margin: 20px 0 24px;
}

.dam-account-auth .dam-google-auth {
    margin-top: 16px;
}

.dam-account-auth .dam-google-auth__divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0 12px;
    color: rgba(17, 17, 17, 0.45);
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dam-account-auth .dam-google-auth__divider::before,
.dam-account-auth .dam-google-auth__divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: rgba(17, 17, 17, 0.12);
}

.dam-account-auth .dam-google-auth-button {
    width: 100%;
    min-height: 42px;
    min-width: 0;
}

.dam-account-auth .dam-google-auth-button > div,
.dam-account-auth .dam-google-auth-button iframe {
    max-width: 100%;
    display: block;
}

.dam-account-auth .dam-google-auth__status {
    display: none;
    margin-top: 10px;
    color: #d92d20;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

.dam-account-auth .dam-google-auth__status.is-visible {
    display: block;
}

.dam-account-auth .dam-google-auth.is-loading {
    opacity: 0.7;
    pointer-events: none;
}

.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title {
    margin: 0 0 14px;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    color: #111111;
}

.woocommerce-account .dam-np-account-form .dam-np-inline-label,
.woocommerce-checkout .dam-np-inline-label {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: #2c2c2c;
}

.woocommerce-account .dam-np-account-form .dam-np-city-field,
.woocommerce-account .dam-np-account-form .dam-np-warehouse-field,
.woocommerce-checkout .dam-np-city-field,
.woocommerce-checkout .dam-np-warehouse-field {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.woocommerce-account .dam-np-account-form .dam-np-city-field .zen-ui-select,
.woocommerce-account .dam-np-account-form .dam-np-warehouse-field .zen-ui-select,
.woocommerce-checkout .dam-np-city-field .zen-ui-select,
.woocommerce-checkout .dam-np-warehouse-field .zen-ui-select,
.woocommerce-account .dam-np-account-form .dam-np-city-field select,
.woocommerce-account .dam-np-account-form .dam-np-warehouse-field select,
.woocommerce-checkout .dam-np-city-field select,
.woocommerce-checkout .dam-np-warehouse-field select {
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce-account .dam-np-account-form .dam-np-city-field .zen-ui-select__value,
.woocommerce-account .dam-np-account-form .dam-np-warehouse-field .zen-ui-select__value,
.woocommerce-checkout .dam-np-city-field .zen-ui-select__value,
.woocommerce-checkout .dam-np-warehouse-field .zen-ui-select__value {
    display: flex;
    align-items: center;
    padding-left: 14px;
}

.woocommerce-account .dam-np-account-form .dam-np-city-field .zen-ui-select__value::before,
.woocommerce-account .dam-np-account-form .dam-np-warehouse-field .zen-ui-select__value::before,
.woocommerce-checkout .dam-np-city-field .zen-ui-select__value::before,
.woocommerce-checkout .dam-np-warehouse-field .zen-ui-select__value::before {
    content: "";
    position: static;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    flex: 0 0 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    opacity: .55;
}

.woocommerce-account .dam-np-account-form .dam-np-city-field .zen-ui-select__value::before,
.woocommerce-checkout .dam-np-city-field .zen-ui-select__value::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E");
}

.woocommerce-account .dam-np-account-form .dam-np-warehouse-field .zen-ui-select__value::before,
.woocommerce-checkout .dam-np-warehouse-field .zen-ui-select__value::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 6-9 12-9 12S3 16 3 10a9 9 0 1 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

@media (max-width: 991px) {

    .dam-account-shell,
    .dam-account-auth {
        padding: 0;
    }

    .dam-account-hero,
    .dam-account-auth-hero {
        max-width: none;
        padding: 0 0 14px;
        margin-bottom: 18px;
    }

    .dam-account-auth-hero {
        padding-top: 16px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .dam-account-title {
        font-size: 30px;
        line-height: 1.04;
    }

    .dam-account-panel-title {
        font-size: 26px;
    }

    .dam-account-section-title,
    .woocommerce-account .woocommerce-order-details__title,
    .woocommerce-account .woocommerce-column__title {
        font-size: 22px;
    }

    .woocommerce-MyAccount-navigation {
        position: static;
        padding-top: 0;
        margin-bottom: 20px;
    }

    .woocommerce-MyAccount-content,
    .dam-account-auth-card {
        padding: 18px;
    }
}

@media (max-width: 767px) {

    .dam-account-title {
        font-size: 26px;
    }

    .woocommerce-account .form-footer,
    .dam-account-actions {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 768px) {
}

/* =========================================================================
   === Checkout — single-column redesign (2026-05-16) ======================
   Applies the new design to body.woocommerce-checkout (now also order-pay
   via the body_class filter in functions.php).
   Does NOT touch site header or footer.
   ========================================================================= */
:root {
    --dam-orange: #FF9900;
    --dam-orange-soft: #FFB23E;
    --dam-ink: #1a1a1a;
    --dam-muted: #6b6b6b;
    --dam-line: #FF9900;
    --dam-field-border: #e5e5e5;
    --dam-highlight: #FCEE1F;
}
/* Hover only on devices that actually have hover (avoid sticky-tap on mobile). */
@media (hover: hover) and (pointer: fine) {
}
@media (hover: hover) and (pointer: fine) {
}
@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 575px) {
}
@media (max-width: 991px) {
}

/* "БЕЗКОШТОВНА ДОСТАВКА" badge — shown on the Нова Пошта shipping <li>
   when the cart subtotal crosses the free-shipping threshold. Server-side
   filter appends .dam-free-ship-badge inside the method label. */
ul#shipping_method .dam-free-ship-badge,
ul.woocommerce-shipping-methods .dam-free-ship-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 8px 0 0;
    padding: 5px 12px;
    border-radius: 999px;
    background: #e6f4ea;
    color: #1e7e4d;
    box-shadow: inset 0 0 0 1px rgba(30, 126, 77, 0.18);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
ul#shipping_method .dam-free-ship-badge__icon,
ul.woocommerce-shipping-methods .dam-free-ship-badge__icon {
    flex: 0 0 auto;
    color: #1e7e4d;
}
ul#shipping_method .dam-free-ship-badge__text,
ul.woocommerce-shipping-methods .dam-free-ship-badge__text {
    color: #1e7e4d;
}
@media (max-width: 767px) {
}
/* Same on mobile + ensure no offset/transform from theme defaults. */
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
}
/* Desktop: keep "ВИ ЗАМОВИЛИ" divider aligned with cart table width (960px). */
@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

/* Safety net for mobile/tablet widths where the theme keeps center-with-sidebar
   proportions (narrow main column + empty area). */
@media (max-width: 820px) {
}

/* Strict mobile width guards for problematic checkout sections:
   "ВИ ЗАМОВИЛИ", "ПРОМОКОД", "Нова пошта". */
@media (max-width: 767px) {
}

/* Desktop checkout: use the same soft-orange card borders as mobile. */
@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

/* =========================================================================
   Checkout mobile cleanup (cart page only): coupon + contact sections
   ========================================================================= */
@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.dam-totals-card .dam-totals-row--delivery .dam-totals-label {
    color: var(--dam-ink, #1F1F1F);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.dam-totals-card .dam-totals-value--free {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #e6f4ea !important;
    color: #1e7e4d !important;
    box-shadow: inset 0 0 0 1px rgba(30, 126, 77, 0.18);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
}
.dam-totals-card .dam-totals-value--free * { color: #1e7e4d !important; }
.dam-totals-card .dam-totals-value--carrier {
    color: #555555 !important;
    font-weight: 500;
    font-size: 13px;
    font-style: normal;
}
@media (max-width: 575px) {
}
@media (max-width: 575px) {
}

/* =========================================================================
   Site header — user chip when logged in (avatar + first name on desktop)
   ========================================================================= */
.dam-site-header__user {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px 4px 4px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid #fff;
    color: #000;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}
.dam-site-header__user:hover {
    border-color: #ffb23e;
    color: #000;
}
.dam-site-header__user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--dam-orange, #FF9900);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    flex: 0 0 32px;
}
.dam-site-header__user-name {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .dam-site-header__user {
        padding: 4px;
        gap: 0;
        border-radius: 999px;
    }
    .dam-site-header__user-name {
        display: none;
    }
}

@media (max-width: 575px) {
}
@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}
@media (max-width: 575px) {
}
@media (max-width: 575px) {
}

/*
 * The Added to Cart plugin prints this fragment into every page so its
 * JavaScript can turn it into a toast. On information pages we intentionally
 * unload that plugin's assets, therefore the source fragment must stay hidden
 * instead of entering the document flow below the footer.
 */
.wooac-wrapper.wooac-notiny {
    display: none !important;
}