/* Кошик/міні-кошик: фінальні перекриття (з octolab-auth-popup.php). Винесено з inline 26.10.2026 — кешується браузером. */
    @media (min-width: 768px) {
    /* Each cart row = individual outlined card with gradient border */
    html body.woocommerce-cart .wc-block-cart table.wc-block-cart-items,
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-items {
        border-collapse: separate !important;
        border-spacing: 0 16px !important;
        background: transparent !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-items thead {
        display: none !important;
    }
    /* Row = flex container, image left, product right, fixed 220px height */
    html body.woocommerce-cart.woocommerce-page .wc-block-cart .wc-block-cart-items__row {
        display: flex !important;
        align-items: stretch !important;
        position: relative !important;
        background-color: #131313 !important;
        border-radius: 24px !important;
        background-image:
            linear-gradient(#131313, #131313),
            linear-gradient(135deg, #4A4A99 0%, #9999E0 50%, #7C7CFF 100%) !important;
        background-origin: border-box !important;
        background-clip: padding-box, border-box !important;
        border: 1px solid transparent !important;
        overflow: hidden !important;
        padding: 0 !important;
        min-height: 220px !important;
    }
    html body.woocommerce-cart.woocommerce-page .wc-block-cart .wc-block-cart-items__row > td {
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    /* Image cell — fixed 220 wide, stretches full row height */
    html body.woocommerce-cart.woocommerce-page .wc-block-cart .wc-block-cart-items__row > td.wc-block-cart-item__image {
        flex: 0 0 220px !important;
        width: 220px !important;
        min-width: 220px !important;
        height: auto !important;
        align-self: stretch !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 20px 0 0 20px !important;
    }
    html body.woocommerce-cart.woocommerce-page .wc-block-cart .wc-block-cart-items__row td.wc-block-cart-item__image a {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
    }
    html body.woocommerce-cart.woocommerce-page .wc-block-cart .wc-block-cart-items__row td.wc-block-cart-item__image img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        min-width: 0 !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 0 !important;
        mix-blend-mode: normal !important;
    }
    /* Product cell — grows to fill remaining space */
    html body.woocommerce-cart.woocommerce-page .wc-block-cart .wc-block-cart-items__row > td.wc-block-cart-item__product {
        flex: 1 1 auto !important;
        padding: 0 20px 0 24px !important;
        align-self: center !important;
    }
    /* Trash button inside card */
    html body.woocommerce-cart .wc-block-cart-item__remove-link,
    html body.woocommerce-cart button.wc-block-cart-item__remove-link {
        top: 14px !important;
        right: 14px !important;
        width: 32px !important;
        height: 32px !important;
        border: 1px solid rgba(255, 255, 255, 0.22) !important;
    }
    /* Product cell — turn into grid with info left, qty+trash right */
    html body.woocommerce-cart.woocommerce-page .wc-block-cart .wc-block-cart-items__row > td.wc-block-cart-item__product {
        padding: 0 20px 0 24px !important;
        height: 220px !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-item__wrap {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "name qty"
            "meta qty"
            "price qty" !important;
        align-items: center !important;
        align-content: center !important;
        justify-content: start !important;
        gap: 10px 24px !important;
        height: 100% !important;
        min-height: 220px !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-name {
        grid-area: name !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        color: #fff !important;
        text-decoration: none !important;
        line-height: 1.3 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-item__prices {
        grid-area: price !important;
        padding: 0 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-item__prices .wc-block-components-product-price,
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-item__prices .wc-block-formatted-money-amount,
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-item__prices .wc-block-components-formatted-money-amount,
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-item__prices bdi {
        font-family: "Bebas Neue Cyrillic", Sans-serif !important;
        font-size: 28px !important;
        font-weight: 400 !important;
        color: #7C7CFF !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-metadata {
        grid-area: meta !important;
        margin: 0 !important;
    }
    /* Attributes — pills. Real DOM: <span class="wc-block-components-product-details__"> with nested __name __value */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-details {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-details > span,
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-details li,
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-details > [class*="wc-block-components-product-details__"] {
        padding: 8px 16px !important;
        border: 1px solid #7C7CFF !important;
        border-radius: 60px !important;
        color: #F9F9F9 !important;
        font-family: "e-Ukraine", sans-serif !important;
        font-size: 16px !important;
        font-weight: 200 !important;
        line-height: 1.5 !important;
        letter-spacing: -0.011em !important;
        background: transparent !important;
        box-shadow: 0 0 15px 0 rgba(124, 124, 255, 0.25) !important;
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-details__name {
        display: none !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-details__value {
        color: #F9F9F9 !important;
    }
    /* Hide "/" separator between variation spans */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-details > span > [aria-hidden="true"],
    html body.woocommerce-cart .wc-block-cart .wc-block-components-product-details [aria-hidden="true"] {
        display: none !important;
    }

    /* Qty + trash column (div, NOT td, sits inside wrap grid) */
    html body.woocommerce-cart .wc-block-cart .wc-block-cart-item__quantity {
        grid-area: qty !important;
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 0 20px 0 0 !important;
        flex-direction: row !important;
    }
    /* Qty selector — Figma layout_6QFRQQ: 127×52, radius 32, padding 4px 8px, white 1px */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-quantity-selector {
        border: 1px solid #F9F9F9 !important;
        border-radius: 32px !important;
        padding: 4px 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 127px !important;
        min-width: 127px !important;
        height: 52px !important;
        background: transparent !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-quantity-selector__button {
        background: transparent !important;
        border: 0 !important;
        color: #F9F9F9 !important;
        font-size: 18px !important;
        font-weight: 300 !important;
        padding: 0 !important;
        cursor: pointer !important;
        width: 36px !important;
        height: 36px !important;
        flex: 0 0 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-quantity-selector__button:disabled {
        opacity: 0.35 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-quantity-selector__input {
        background: transparent !important;
        border: 0 !important;
        color: #F9F9F9 !important;
        text-align: center !important;
        font-family: "e-Ukraine", sans-serif !important;
        font-size: 16px !important;
        font-weight: 200 !important;
        flex: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        outline: none !important;
    }
    /* Trash button — gray circular pill, top-right */
    html body.woocommerce-cart .wc-block-cart-item__remove-link,
    html body.woocommerce-cart button.wc-block-cart-item__remove-link {
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
        width: 44px !important;
        height: 44px !important;
        border: none !important;
        border-radius: 50% !important;
        background: rgba(249, 249, 249, 0.1) !important;
        color: transparent !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        font-size: 0 !important;
        cursor: pointer !important;
        z-index: 2 !important;
        transition: background .2s, border-color .2s !important;
    }
    html body.woocommerce-cart .wc-block-cart-item__remove-link::before {
        content: "" !important;
        display: block !important;
        width: 16px !important;
        height: 18px !important;
        background-color: #F9F9F9 !important;
        -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'><path d='M2.59887 15.6667C2.15711 15.6667 1.77927 15.5094 1.46534 15.1948C1.15141 14.8802 0.994118 14.503 0.993455 14.0633V1.7584H0.496731C0.355661 1.7584 0.237772 1.71072 0.143063 1.61535C0.0483547 1.51998 0.000669103 1.40176 6.80443e-06 1.26069C-0.000655495 1.11962 0.0470301 1.00173 0.143063 0.907018C0.239097 0.81231 0.356986 0.764955 0.496731 0.764955H3.9738C3.9738 0.559643 4.04996 0.380822 4.20229 0.228493C4.35462 0.0761644 4.53344 0 4.73876 0H9.16954C9.37485 0 9.55367 0.0761644 9.706 0.228493C9.85833 0.380822 9.93449 0.559643 9.93449 0.764955H13.4116C13.5526 0.764955 13.6705 0.812641 13.7652 0.908012C13.8599 1.00338 13.9076 1.1216 13.9083 1.26267C13.9089 1.40374 13.8613 1.52163 13.7652 1.61634C13.6692 1.71105 13.5513 1.7584 13.4116 1.7584H12.9148V14.0623C12.9148 14.5034 12.7575 14.8809 12.4429 15.1948C12.1284 15.5087 11.7508 15.666 11.3104 15.6667H2.59887ZM11.9214 1.7584H1.9869V14.0623C1.9869 14.2404 2.04419 14.3868 2.15877 14.5014C2.27335 14.6159 2.42005 14.6732 2.59887 14.6732H11.3104C11.4886 14.6732 11.6349 14.6159 11.7495 14.5014C11.8641 14.3868 11.9214 14.2404 11.9214 14.0623V1.7584ZM5.27323 12.6863C5.4143 12.6863 5.53252 12.6387 5.62789 12.5433C5.72326 12.4479 5.77062 12.33 5.76996 12.1896V4.24202C5.76996 4.10096 5.72227 3.98307 5.6269 3.88836C5.53153 3.79365 5.41331 3.74596 5.27224 3.7453C5.13117 3.74464 5.01328 3.79232 4.91857 3.88836C4.82386 3.98439 4.77651 4.10228 4.77651 4.24202V12.1896C4.77651 12.3307 4.82419 12.4486 4.91956 12.5433C5.01493 12.6387 5.13282 12.6863 5.27323 12.6863ZM8.63605 12.6863C8.77712 12.6863 8.89501 12.6387 8.98972 12.5433C9.08443 12.4479 9.13179 12.33 9.13179 12.1896V4.24202C9.13179 4.10096 9.0841 3.98307 8.98873 3.88836C8.89336 3.79299 8.77547 3.7453 8.63506 3.7453C8.49399 3.7453 8.37577 3.79299 8.2804 3.88836C8.18503 3.98373 8.13767 4.10162 8.13834 4.24202V12.1896C8.13834 12.3307 8.18602 12.4486 8.28139 12.5433C8.37677 12.638 8.49498 12.6857 8.63605 12.6863Z' fill='%23000'/></svg>") !important;
                mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'><path d='M2.59887 15.6667C2.15711 15.6667 1.77927 15.5094 1.46534 15.1948C1.15141 14.8802 0.994118 14.503 0.993455 14.0633V1.7584H0.496731C0.355661 1.7584 0.237772 1.71072 0.143063 1.61535C0.0483547 1.51998 0.000669103 1.40176 6.80443e-06 1.26069C-0.000655495 1.11962 0.0470301 1.00173 0.143063 0.907018C0.239097 0.81231 0.356986 0.764955 0.496731 0.764955H3.9738C3.9738 0.559643 4.04996 0.380822 4.20229 0.228493C4.35462 0.0761644 4.53344 0 4.73876 0H9.16954C9.37485 0 9.55367 0.0761644 9.706 0.228493C9.85833 0.380822 9.93449 0.559643 9.93449 0.764955H13.4116C13.5526 0.764955 13.6705 0.812641 13.7652 0.908012C13.8599 1.00338 13.9076 1.1216 13.9083 1.26267C13.9089 1.40374 13.8613 1.52163 13.7652 1.61634C13.6692 1.71105 13.5513 1.7584 13.4116 1.7584H12.9148V14.0623C12.9148 14.5034 12.7575 14.8809 12.4429 15.1948C12.1284 15.5087 11.7508 15.666 11.3104 15.6667H2.59887ZM11.9214 1.7584H1.9869V14.0623C1.9869 14.2404 2.04419 14.3868 2.15877 14.5014C2.27335 14.6159 2.42005 14.6732 2.59887 14.6732H11.3104C11.4886 14.6732 11.6349 14.6159 11.7495 14.5014C11.8641 14.3868 11.9214 14.2404 11.9214 14.0623V1.7584ZM5.27323 12.6863C5.4143 12.6863 5.53252 12.6387 5.62789 12.5433C5.72326 12.4479 5.77062 12.33 5.76996 12.1896V4.24202C5.76996 4.10096 5.72227 3.98307 5.6269 3.88836C5.53153 3.79365 5.41331 3.74596 5.27224 3.7453C5.13117 3.74464 5.01328 3.79232 4.91857 3.88836C4.82386 3.98439 4.77651 4.10228 4.77651 4.24202V12.1896C4.77651 12.3307 4.82419 12.4486 4.91956 12.5433C5.01493 12.6387 5.13282 12.6863 5.27323 12.6863ZM8.63605 12.6863C8.77712 12.6863 8.89501 12.6387 8.98972 12.5433C9.08443 12.4479 9.13179 12.33 9.13179 12.1896V4.24202C9.13179 4.10096 9.0841 3.98307 8.98873 3.88836C8.89336 3.79299 8.77547 3.7453 8.63506 3.7453C8.49399 3.7453 8.37577 3.79299 8.2804 3.88836C8.18503 3.98373 8.13767 4.10162 8.13834 4.24202V12.1896C8.13834 12.3307 8.18602 12.4486 8.28139 12.5433C8.37677 12.638 8.49498 12.6857 8.63605 12.6863Z' fill='%23000'/></svg>") !important;
        -webkit-mask-position: center !important; mask-position: center !important;
        -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
        -webkit-mask-size: contain !important; mask-size: contain !important;
    }
    html body.woocommerce-cart .wc-block-cart-item__remove-link:hover {
        background: rgba(249, 249, 249, 0.18) !important;
    }
    html body.woocommerce-cart .wc-block-cart-item__remove-link:hover::before {
        background-color: #5B49F3 !important;
    }
    html body.woocommerce-cart .wc-block-cart-item__remove-link::after { display: none !important; }
    html body.woocommerce-cart .wc-block-cart-item__remove-link svg {
        display: none !important;
    }

    /* Hide duplicate subtotal td on the right */
    html body.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-item__total {
        display: none !important;
    }
    } /* end @media (min-width: 768px) — desktop cart row styles */

    /* ════════════════════════════════════════
       Cart sidebar — redesign per Figma
       ════════════════════════════════════════ */
    html body.woocommerce-cart .wc-block-cart__sidebar,
    html body.woocommerce-cart .wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
        display: flex !important;
        flex-direction: column !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 8px 0 8px 76px !important;
        position: relative !important;
    }
    html body.woocommerce-cart .wc-block-cart__sidebar::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 1px !important;
        background: #7C7CFF !important;
        box-shadow: 0 0 15px 0 #7C7CFF !important;
    }
    /* Hide empty description rows */
    html body.woocommerce-cart .wc-block-components-totals-item__description:empty {
        display: none !important;
    }
    /* Parent of title/coupon/totals/grand-total — make it flex too to reorder children */
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
        display: flex !important;
        flex-direction: column !important;
    }
    /* Hide title "Підсумки кошика" — design has no heading */
    html body.woocommerce-cart .wc-block-cart__totals-title {
        display: none !important;
    }
    /* Order of children inside summary block */
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block {
        order: 1 !important;
    }
    /* Kill ALL default borders on wrappers and totals items — specificity hammer */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-wrapper,
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-item,
    html body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper,
    html body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-totals-block,
    html body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-shipping-block {
        border: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
    /* Purple divider BEFORE shipping row — via pseudo-element to avoid specificity battles */
    html body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-shipping-block {
        position: relative !important;
        padding-top: 16px !important;
        margin-top: 16px !important;
    }
    html body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-shipping-block::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        height: 1px !important;
        background: #7C7CFF !important;
        box-shadow: 0 0 15px 0 #7C7CFF !important;
    }
    /* Final total (Загальна сума) — LAST direct child, gradient divider BOTTOM */
    html body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-block > .wc-block-components-totals-wrapper:last-child {
        order: 2 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        padding: 16px 0 !important;
        margin-top: 16px !important;
        position: relative !important;
    }
    html body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-block > .wc-block-components-totals-wrapper:last-child::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important; right: 0 !important; bottom: 0 !important;
        height: 1px !important;
        background: #7C7CFF !important;
        box-shadow: 0 0 15px 0 #7C7CFF !important;
    }
    /* Promocode — between total and buttons */
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block {
        order: 3 !important;
        border-top: 0 !important;
        padding-top: 16px !important;
        margin-top: 16px !important;
        position: relative !important;
    }
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block::before {
        display: none !important;
    }
    /* Sidebar-level children order */
    html body.woocommerce-cart .wc-block-cart__payment-options {
        order: 4 !important;
    }
    html body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block {
        order: 5 !important;
        margin-top: 16px !important;
    }

    /* Загальна сума — row layout, label left uppercase, value right Bebas purple */
    html body.woocommerce-cart .wc-block-components-totals-footer-item {
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        gap: 16px !important;
        padding: 4px 0 !important;
    }
    html body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
        font-family: "e-Ukraine", sans-serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        color: #fff !important;
        letter-spacing: 0.02em !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__value *,
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item bdi,
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-formatted-money-amount,
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
        font-family: "Bebas Neue Cyrillic", "Bebas Neue", sans-serif !important;
        font-size: 36px !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;
        color: #7C7CFF !important;
    }

    /* Promocode panel — always expanded look */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon {
        padding: 0 !important;
        margin: 0 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon .wc-block-components-panel__button {
        font-family: "e-Ukraine", sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        color: #fff !important;
        padding: 8px 0 !important;
        margin: 0 !important;
        letter-spacing: 0.02em !important;
    }
    /* Coupon form layout — single underline, placeholder, arrow button */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__form {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        margin-top: 0 !important;
        position: relative !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon .wc-block-components-panel__content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon .wc-block-components-text-input {
        flex: 1 !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #fff !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon .wc-block-components-text-input label {
        display: none !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon input[type="text"],
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon input {
        background: transparent !important;
        border: 0 !important;
        border-bottom: 0 !important;
        color: #fff !important;
        font-size: 15px !important;
        padding: 12px 0 !important;
        width: 100% !important;
        box-shadow: none !important;
        outline: none !important;
        min-height: 0 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon input::placeholder {
        color: rgba(255,255,255,0.35) !important;
        opacity: 1 !important;
    }
    /* Apply button — same pill as checkout «Застосувати» (was a bare arrow; on mobile people missed it) */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__button,
    html body.woocommerce-cart .wc-block-cart button.wc-block-components-totals-coupon__button {
        position: static !important;
        transform: none !important;
        flex: 0 0 auto !important;
        margin: 0 0 0 12px !important;
        background: #5B49F3 !important;
        border: 1.5px solid #5B49F3 !important;
        border-radius: 999px !important;
        color: #fff !important;
        font-family: "e-Ukraine", sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        padding: 10px 22px !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        white-space: nowrap !important;
        text-indent: 0 !important;
        overflow: visible !important;
        cursor: pointer !important;
        opacity: 1 !important;
    }
    /* mini-cart.css draws the old arrow on desktop */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__button::after {
        content: none !important;
        display: none !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__button:hover {
        background: #4a3bd6 !important;
        border-color: #4a3bd6 !important;
    }
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__button .wc-block-components-totals-coupon__button-text,
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__button .wc-block-components-button__text {
        color: #fff !important;
        font-size: 14px !important;
    }
    /* Hide WC Blocks inline validation / error messages inside coupon */
    html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon .wc-block-components-validation-error {
        position: absolute !important;
        bottom: -20px !important;
        left: 0 !important;
        font-size: 11px !important;
        color: #ff6b7a !important;
    }

    /* Totals rows — typography */
    html body.woocommerce-cart .wc-block-components-totals-item {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border-bottom: 0 !important;
    }
    html body.woocommerce-cart .wc-block-components-totals-item__label {
        font-family: "e-Ukraine", sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        color: #fff !important;
        letter-spacing: 0.02em !important;
    }
    html body.woocommerce-cart .wc-block-components-totals-item__value,
    html body.woocommerce-cart .wc-block-components-totals-item__value * {
        font-family: "e-Ukraine", sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #fff !important;
    }
    /* Injected rows zero vertical margin between them */
    html body.woocommerce-cart .oct-cart-injected {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    /* Force-show shipping block (defensive — notes ::after lives here) */
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block,
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block .wc-block-components-totals-wrapper,
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block .wc-block-components-totals-shipping {
        display: block !important;
    }
    /* Hide standalone native summary blocks (we render our own values via totals-block) */
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-subtotal-block,
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-fee-block,
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-discount-block,
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-taxes-block {
        display: none !important;
    }
    /* Native duplicate rows inside totals-block are hidden via JS (label text match) */
    html body.woocommerce-cart .wc-block-components-totals-wrapper.oct-js-hidden {
        display: none !important;
    }
    /* Skeleton pill on injected values during cart recalculation */
    html body.woocommerce-cart.oct-cart-updating .oct-cart-injected .oct-value {
        color: transparent !important;
        background: linear-gradient(90deg, rgba(255,255,255,0.08) 25%, rgba(255,255,255,0.18) 50%, rgba(255,255,255,0.08) 75%) !important;
        background-size: 200% 100% !important;
        border-radius: 6px !important;
        display: inline-block !important;
        min-width: 60px !important;
        animation: oct-skel 1.1s linear infinite !important;
    }
    @keyframes oct-skel {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }
    /* Only show shipping-block pseudo (divider + notes) when it has an actual totals row */
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block:not(:has(.wc-block-components-totals-item))::before,
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block:not(:has(.wc-block-components-totals-item))::after {
        display: none !important;
        content: none !important;
    }
    /* Hide empty shipping-block wrapper entirely (defensive — empty wrapper collapses) */
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block:empty,
    html body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block:not(:has(.wc-block-components-totals-item)):not(:has(.wc-block-components-shipping-controls-panel)) {
        display: none !important;
    }
    /* Hide duplicate coupon-form blocks (keep first) */
    html body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block ~ .wp-block-woocommerce-cart-order-summary-coupon-form-block {
        display: none !important;
    }
    /* Hide any leftover JS-injected notes */
    html body.woocommerce-cart .oct-cart-delivery-notes {
        display: none !important;
    }

    /* Buttons */
    html body.woocommerce-cart .wc-block-cart__submit-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }
    html body.woocommerce-cart .wc-block-cart__submit-button {
        background: #5B49F3 !important;
        color: #fff !important;
        border: 0 !important;
        border-radius: 999px !important;
        padding: 14px 28px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-align: center !important;
        display: block !important;
        text-decoration: none !important;
    }
    html body.woocommerce-cart .octo-cart-back-btn {
        background: transparent !important;
        color: #fff !important;
        border: 1.5px solid rgba(255,255,255,0.25) !important;
        border-radius: 999px !important;
        padding: 14px 28px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-align: center !important;
        display: block !important;
        text-decoration: none !important;
    }

    /* Checkout summary notes — Figma Text-footer (e-Ukraine 200 12/150%/-1.1%) */
    .oct-checkout-summary .oct-coupon-msg {
        font-size: 13px;
        line-height: 1.3;
        margin-top: 8px;
    }
    .oct-checkout-summary .oct-coupon-msg:empty { display: none; }
    .oct-checkout-summary .oct-coupon-msg.is-ok { color: #7C7CFF; }
    .oct-checkout-summary .oct-coupon-msg.is-error { color: #ff6b7a; }
    .oct-checkout-summary .oct-sum-notes,
    .oct-checkout-summary p.oct-sum-notes {
        color: #F9F9F9 !important;
        font-family: "e-Ukraine", sans-serif !important;
        font-size: 12px !important;
        font-weight: 200 !important;
        line-height: 1.5 !important;
        letter-spacing: -0.011em !important;
        opacity: 1 !important;
        margin: 0 !important;
    }
    /* Desktop-only checkout-form redesign. Mobile (≤767px) is handled by
       mobile-checkout.css. */
    @media (min-width: 768px) {
    /* Checkout 2-col layout — match cart: 76px gap on each side of vertical purple divider */
    .oct-checkout-page .woocommerce form.checkout {
        gap: 76px !important;
    }
    .oct-checkout-page #order_review {
        padding-left: 76px !important;
        position: relative !important;
    }
    .oct-checkout-page #order_review::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 1px !important;
        background: #7C7CFF !important;
        box-shadow: 0 0 15px 0 #7C7CFF !important;
    }
    /* Field underlines — 1px per design + larger inputs per Figma */
    .oct-checkout-page .woocommerce-checkout .form-row input.input-text,
    .oct-checkout-page .woocommerce-checkout .form-row textarea,
    .oct-checkout-page .woocommerce-checkout .form-row select,
    .oct-checkout-page .oct-checkout-delivery input.input-text,
    .oct-checkout-page .oct-delivery-grid .oct-np-field,
    .oct-checkout-page .zen-ui-select__value {
        border-bottom-width: 1px !important;
        font-size: 18px !important;
        padding: 12px 0 14px !important;
        line-height: 1.2 !important;
    }
    /* Delivery grid — let each item keep its natural height (no stretching) */
    .oct-checkout-page .oct-delivery-grid {
        align-items: start !important;
    }
    /* Payment-info row — same 1px underline as other fields, not 3px */
    .oct-checkout-page .oct-delivery-grid .oct-payment-info,
    .oct-checkout-page .oct-payment-info {
        border-bottom: 1px solid #fff !important;
        padding: 12px 0 14px !important;
    }
    /* Summary horizontal dividers — match cart sidebar (purple #7C7CFF with glow) */
    .oct-checkout-summary .oct-sum-divider {
        height: 1px !important;
        background: #7C7CFF !important;
        box-shadow: 0 0 15px 0 #7C7CFF !important;
        margin: 16px 0 !important;
    }
    /* zen-ui-select city/warehouse dropdown — only ONE scrollbar (on container, not dropdown itself) */
    body.woocommerce-checkout .zen-ui-select__dropdown {
        overflow: visible !important;
        max-height: none !important;
    }
    body.woocommerce-checkout .zen-ui-select__dropdown-container {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        max-height: 280px !important;
    }
    /* Action buttons — 16px gap per design */
    .oct-checkout-summary .oct-sum-actions {
        gap: 16px !important;
    }
    .oct-checkout-summary .oct-sum-actions .oct-btn {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .oct-checkout-summary .oct-sum-actions br {
        display: none !important;
    }
    /* Telegram on its own row, left half — break the row so next "Дані доставки" starts fresh */
    .oct-checkout-page #billing_telegram_field {
        clear: both !important;
        float: left !important;
        width: 48% !important;
    }
    .oct-checkout-page #customer_details h3,
    .oct-checkout-page .oct-checkout-delivery-head,
    .oct-checkout-page .oct-acc__title {
        clear: both !important;
        width: 100% !important;
        float: none !important;
    }
    /* Section headings — Figma H3: Bebas Neue 400 60px / 90% / -1.1% / uppercase */
    .oct-checkout-page #customer_details h3,
    .oct-checkout-page .oct-checkout-delivery-head,
    .oct-checkout-page .oct-checkout-delivery-head h2,
    .oct-checkout-page .oct-checkout-delivery-head .oct-acc__title,
    .oct-checkout-page .oct-acc__title,
    .oct-checkout-page #customer_details > .woocommerce-billing-fields > h3 {
        font-family: "Bebas Neue Cyrillic", "Bebas Neue", sans-serif !important;
        font-weight: 400 !important;
        font-size: 60px !important;
        line-height: 0.9 !important;
        letter-spacing: -0.011em !important;
        text-transform: uppercase !important;
        color: #F9F9F9 !important;
        padding: 0 !important;
    }
    /* Heading + field spacing per Figma 100% render */
    .oct-checkout-page #customer_details h3,
    .oct-checkout-page .oct-checkout-delivery-head .oct-acc__title {
        margin: 0 0 8px !important;
    }
    .oct-checkout-page .oct-checkout-delivery-head {
        margin: 0 0 0 !important;
    }
    /* Field wrapper must contain its float children so margin-top of next block is correct.
       Use display:flow-root (not overflow:hidden) so tooltips can overflow without being clipped. */
    .oct-checkout-page .woocommerce-billing-fields__field-wrapper,
    .oct-checkout-page .woocommerce-billing-fields {
        display: flow-root;
    }
    /* Vertical rhythm between field rows — ~36px so field-to-field is ~80px */
    .oct-checkout-page .woocommerce-checkout #customer_details .form-row {
        margin-bottom: 36px !important;
    }
    } /* end @media (min-width: 768px) — desktop checkout-form */