.svc-chromeless-tap{-webkit-tap-highlight-color:transparent}.svc-chromeless-tap:is(:focus,:focus-visible,:active){outline:0;box-shadow:none}.svc-chromeless-tap::-moz-focus-inner{border:0;padding:0}img:not([data-svc-image-save-enabled]),video:not([data-svc-media-save-enabled]){-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}video::-webkit-media-controls-download-button{display:none}video:-webkit-full-screen,video:fullscreen{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;border-radius:0;background:#000}
.wc-block-components-button.svc-btn-state-loading .wc-block-components-spinner,.wc-block-components-checkout-place-order-button.svc-btn-state-loading .wc-block-components-spinner{display:none!important}.wc-block-checkout__actions_row .wc-block-components-button,.wc-block-components-checkout-place-order-button{display:inline-flex!important;align-items:center!important;justify-content:center!important}.wc-block-checkout__actions_row .wc-block-components-button:not(.svc-btn-state-loading):not(.svc-btn-state-success):not(.svc-btn-state-error),.wc-block-components-checkout-place-order-button:not(.svc-btn-state-loading):not(.svc-btn-state-success):not(.svc-btn-state-error){width:100%!important;min-height:54px!important;padding:14px 32px!important;border:1px solid var(--svc-btn-border)!important;border-radius:var(--svc-radius-md)!important;background:var(--svc-btn-bg)!important;color:var(--svc-text)!important;font-weight:800!important;font-size:1rem!important;box-shadow:var(--svc-btn-shadow)!important;text-decoration:none!important;transition:all .3s cubic-bezier(.2, .8, .2, 1)!important}.wc-block-checkout__actions_row .wc-block-components-button:hover:not(:disabled),.wc-block-components-checkout-place-order-button:hover:not(:disabled){background:var(--svc-btn-bg-hover)!important;border-color:var(--svc-btn-border-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--svc-btn-shadow-hover)!important}.wc-block-mini-cart__footer-actions{width:100%;min-width:0;box-sizing:border-box}.wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block:empty{display:none!important}.wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block{width:100%;min-width:0;display:flex!important;flex-grow:0!important}.wc-block-mini-cart__footer-actions .svc-mini-cart-checkout-btn{width:100%;max-width:100%;box-sizing:border-box}.wc-block-components-shipping-rates-control__package-thumbnails{align-items:flex-end!important;gap:6px!important}.wc-block-components-order-summary-item__image img,.wc-block-components-product-metadata__image img,.wc-block-components-shipping-rates-control__package-thumbnails>img{width:48px!important;height:auto!important;max-height:none!important;aspect-ratio:3/4!important;object-fit:cover!important;object-position:center top!important;border-radius:var(--svc-radius-xs)!important;flex-shrink:0!important}
/*
   Pressidium cookie consent - global
   Target: #cm (consent bar), #s-cnt/#s-inr (settings modal)
   ========================================================================== */

/* ─── Pressidium theme variables ─── */
html body .cc_div,
html body .pressidium-cc-theme {
    --cc-bg: transparent !important;
    --cc-text: var(--ffui-text) !important;
    --cc-btn-primary-bg: transparent !important;
    --cc-btn-primary-text: var(--ffui-text) !important;
    --cc-btn-secondary-bg: transparent !important;
    --cc-btn-secondary-text: var(--ffui-text) !important;
    --cc-section-border: rgba(29, 34, 111, .08) !important;
    --cc-cookie-category-block-bg: rgba(253, 251, 239, .3) !important;
    --cc-cookie-category-block-bg-hover: rgba(253, 251, 239, .5) !important;
    --cc-cookie-table-border: rgba(29, 34, 111, .08) !important;
    --cc-block-text: var(--ffui-text) !important;
    --cc-toggle-bg-off: rgba(29, 34, 111, .2) !important;
    --cc-toggle-bg-on: var(--ffui-accent) !important;
    --cc-toggle-bg-readonly: rgba(29, 34, 111, .1) !important;
    --cc-toggle-knob-bg: #fff !important;
    --cc-toggle-knob-icon-color: rgba(29, 34, 111, .15) !important;
    --cc-webkit-scrollbar-bg: rgba(29, 34, 111, .12) !important;
    --cc-webkit-scrollbar-bg-hover: rgba(29, 34, 111, .3) !important;
    --cc-overlay-bg: rgba(0, 0, 0, .18) !important;
    --cc-overlay-opacity: 1 !important;
    --cc-font-family: var(--svc-font-ui) !important;
}

/* ─── A. CONSENT MODAL (#cm) ─── */
html body #cm {
    background: var(--svc-card-bg, var(--ffui-glass-bg)) !important;
    -webkit-backdrop-filter: blur(var(--svc-card-blur, 16px)) saturate(var(--svc-card-saturate, 1.4)) !important;
    backdrop-filter: blur(var(--svc-card-blur, 16px)) saturate(var(--svc-card-saturate, 1.4)) !important;
    border: 1px solid var(--svc-card-border, var(--ffui-glass-stroke)) !important;
    border-radius: var(--svc-radius-xl) !important;
    box-shadow: var(--ffui-shadow) !important;
    font-family: var(--svc-font-ui) !important;
    color: var(--ffui-text) !important;
    padding: 24px !important;
}

html body #cm #c-inr {
    background: transparent !important;
}

html body #cm #c-ttl {
    color: var(--ffui-text) !important;
    font-weight: 800 !important;
    font-family: inherit !important;
    font-size: 1.1rem !important;
    margin-bottom: 8px !important;
}

html body #cm #c-txt {
    color: var(--ffui-text) !important;
    opacity: .75 !important;
    font-size: .9rem !important;
    line-height: 1.5 !important;
    font-family: inherit !important;
}

/* Cookie Settings link - accent underline */
html body .cc_div .cc-link {
    background: transparent !important;
    color: var(--ffui-accent) !important;
    border: none !important;
    border-bottom: 1px solid var(--ffui-accent) !important;
    padding: 0 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: inherit !important;
    transition: opacity .2s ease !important;
}

html body .cc_div .cc-link:hover {
    opacity: .7 !important;
    border-color: transparent !important;
}

/* Buttons container */
html body #cm #c-bns {
    display: flex !important;
    gap: 8px !important;
    margin-top: 16px !important;
}

/* ─── ALL PRIMARY BUTTONS - OTP Continue style ─── */
html body #cm #c-p-bn,
html body #s-bns button:first-child {
    background: color-mix(in srgb, var(--ffui-accent) 20%, rgba(253, 251, 239, .75)) !important;
    border: 1px solid color-mix(in srgb, var(--ffui-accent) 35%, #fff) !important;
    color: var(--ffui-text) !important;
    font-weight: 800 !important;
    font-family: var(--svc-font-ui) !important;
    border-radius: var(--svc-radius-control-lg) !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(221, 48, 29, .06) !important;
    transition: all .3s cubic-bezier(.2, .8, .2, 1) !important;
}

html body #cm #c-p-bn:hover,
html body #s-bns button:first-child:hover {
    background: color-mix(in srgb, var(--ffui-accent) 30%, rgba(253, 251, 239, .9)) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 50%, #fff) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(221, 48, 29, .15) !important;
}

/* ─── ALL SECONDARY BUTTONS - subtle glass pill ─── */
html body #cm #c-s-bn,
html body #cm .c_link,
html body #s-bns button+button,
html body #s-cnt #s-rall-bn {
    background: var(--svc-card-bg, var(--ffui-glass-bg)) !important;
    border: 1px solid var(--ffui-glass-stroke) !important;
    color: var(--ffui-text) !important;
    font-weight: 700 !important;
    font-family: var(--svc-font-ui) !important;
    border-radius: var(--svc-radius-control-lg) !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    box-shadow: var(--ffui-shadow) !important;
    transition: all .3s cubic-bezier(.2, .8, .2, 1) !important;
}

html body #cm #c-s-bn:hover,
html body #cm .c_link:hover,
html body #s-bns button+button:hover,
html body #s-cnt #s-rall-bn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 24px rgba(29, 34, 111, .12) !important;
}

/* Button span text inherits the site button color. */
html body .cc_div .c-bn span {
    color: inherit !important;
    font-family: inherit !important;
}

/* ─── B. SETTINGS MODAL (#s-cnt / #s-inr) ─── */

/* Overlay */
html body #cs-ov {
    background: rgba(0, 0, 0, .18) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    opacity: 1 !important;
}

/* Settings inner - frosted glass pane */
html body #s-inr {
    background: var(--svc-card-bg, var(--ffui-glass-bg)) !important;
    -webkit-backdrop-filter: blur(var(--svc-card-blur, 16px)) saturate(var(--svc-card-saturate, 1.4)) !important;
    backdrop-filter: blur(var(--svc-card-blur, 16px)) saturate(var(--svc-card-saturate, 1.4)) !important;
    border: 1px solid var(--svc-card-border, var(--ffui-glass-stroke)) !important;
    border-radius: var(--svc-radius-xl) !important;
    box-shadow: var(--ffui-shadow) !important;
    font-family: var(--svc-font-ui) !important;
    color: var(--ffui-text) !important;
}

/* Settings header */
html body #s-hdr {
    background: transparent !important;
    border-bottom: 1px solid rgba(29, 34, 111, .08) !important;
}

html body #s-ttl {
    color: var(--ffui-text) !important;
    font-weight: 800 !important;
    font-family: inherit !important;
}

/* Settings close button - clean, no box */
html body #s-c-bn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--ffui-text) !important;
    opacity: .5 !important;
    transition: opacity .2s ease !important;
}

html body #s-c-bn:hover {
    opacity: 1 !important;
    background: transparent !important;
}

html body #s-c-bn::before,
html body #s-c-bn::after {
    background: var(--ffui-text) !important;
}

/* Settings body/blocks */
html body #s-bl {
    background: transparent !important;
    color: var(--ffui-text) !important;
    scrollbar-color: rgba(29, 34, 111, .15) transparent !important;
}

/* Cookie category blocks - frosted cards */
html body #s-bl .c-bl {
    background: var(--svc-card-bg, rgba(253, 251, 239, .3)) !important;
    -webkit-backdrop-filter: blur(var(--svc-card-blur, 16px)) saturate(var(--svc-card-saturate, 1.4)) !important;
    backdrop-filter: blur(var(--svc-card-blur, 16px)) saturate(var(--svc-card-saturate, 1.4)) !important;
    border: 1px solid var(--svc-card-border, rgba(29, 34, 111, .06)) !important;
    border-radius: var(--svc-radius-control-lg) !important;
    transition: background .2s ease !important;
}

html body #s-bl .c-bl:hover {
    background: color-mix(in srgb, var(--svc-accent, var(--ffui-accent)) 8%, var(--svc-card-bg, rgba(253, 251, 239, .5))) !important;
}

html body #s-bl .c-bl:not(.b-ex),
html body #s-bl .c-bl:not(.b-ex):hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html body #s-bl .c-bl:not(.b-ex) .title,
html body #s-bl .c-bl:not(.b-ex) .b-tl,
html body #s-bl .c-bl:not(.b-ex) .desc,
html body #s-bl .c-bl:not(.b-ex) .p {
    background: transparent !important;
    box-shadow: none !important;
}

html body #s-bl .c-bl.b-ex {
    background: var(--svc-card-bg, rgba(253, 251, 239, .25)) !important;
    border: 1px solid var(--svc-card-border, rgba(29, 34, 111, .06)) !important;
    border-radius: var(--svc-radius-control-lg) !important;
}

/* Accordion title - frosted row */
html body #s-cnt .b-bn .b-tl {
    font-family: var(--svc-font-ui) !important;
    color: var(--ffui-text) !important;
    font-weight: 700 !important;
    border-radius: var(--svc-radius-control-lg) !important;
    transition: background .2s ease !important;
}

html body #s-cnt .b-bn .b-tl:hover {
    background: color-mix(in srgb, var(--svc-accent, var(--ffui-accent)) 8%, var(--svc-card-bg, rgba(253, 251, 239, .4))) !important;
}

/* Accordion expanded content */
html body #s-bl .act .b-acc {
    border-radius: 0 0 var(--svc-radius-control-lg) var(--svc-radius-control-lg) !important;
}

html body #s-cnt .p {
    color: var(--ffui-text) !important;
    opacity: .75 !important;
    font-family: var(--svc-font-ui) !important;
}

/* Accordion chevron */
html body .cc_div .b-bn .exp::before,
html body .cc_div .act .b-bn .exp::before {
    border-color: var(--ffui-text) !important;
}

/* Settings footer buttons bar */
html body #s-bns {
    background: transparent !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
    border-top: 1px solid rgba(29, 34, 111, .08) !important;
}


/* ─── D. COOKIE TABLE ─── */
html body #s-bl table {
    font-family: var(--svc-font-ui) !important;
    color: var(--ffui-text) !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    width: 100% !important;
}

html body #s-bl td,
html body #s-bl th {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

html body #s-bl th {
    font-weight: 700 !important;
    opacity: .6 !important;
}

html body #s-bl caption {
    color: var(--ffui-text) !important;
    font-weight: 700 !important;
    font-family: inherit !important;
}

@media (min-width: 689px) {
    html body #s-bl th:nth-child(1),
    html body #s-bl td:nth-child(1) {
        width: 24%;
    }

    html body #s-bl th:nth-child(2),
    html body #s-bl td:nth-child(2) {
        width: 16%;
    }

    html body #s-bl th:nth-child(3),
    html body #s-bl td:nth-child(3) {
        width: 16%;
    }

    html body #s-bl th:nth-child(4),
    html body #s-bl td:nth-child(4) {
        width: 14%;
    }

    html body #s-bl th:nth-child(5),
    html body #s-bl td:nth-child(5) {
        width: 30%;
    }
}

/* Public policy inventory: stacked technical entries at every width. */
html body .pressidium-cookie-consent-cookies {
    --svc-cookie-table-line: color-mix(in srgb, var(--svc-text, #1d226f) 12%, transparent);
    box-sizing: border-box;
    color: var(--svc-text, #1d226f);
    font-family: var(--svc-font-ui);
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1100px !important;
    overflow: visible;
    width: 100%;
}

html body .pressidium-cookie-consent-cookies td p,
html body .pressidium-cookie-consent-cookies th p {
    line-height: inherit;
    margin: 0 !important;
}

    html body .pressidium-cookie-consent-cookies table,
    html body .pressidium-cookie-consent-cookies tbody,
    html body .pressidium-cookie-consent-cookies tr,
    html body .pressidium-cookie-consent-cookies td {
        display: block;
        width: 100%;
    }

    html body .pressidium-cookie-consent-cookies table {
        border: 0;
    }

    html body .pressidium-cookie-consent-cookies thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    html body .pressidium-cookie-consent-cookies tbody tr {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 0 12px;
        box-sizing: border-box;
        margin: 0 0 12px;
        padding: 16px;
        background: var(--svc-card-bg, rgba(253, 251, 239, .86));
        -webkit-backdrop-filter: blur(var(--svc-card-blur, 16px)) saturate(var(--svc-card-saturate, 1.4));
        backdrop-filter: blur(var(--svc-card-blur, 16px)) saturate(var(--svc-card-saturate, 1.4));
        border: 1px solid var(--svc-card-border, rgba(29, 34, 111, .12));
        border-radius: var(--svc-radius-lg, 18px);
        box-shadow: 0 10px 24px rgba(29, 34, 111, .07);
    }

    html body .pressidium-cookie-consent-cookies td {
        min-width: 0;
        box-sizing: border-box;
        padding: 10px 0 0;
        overflow-wrap: anywhere;
        border: 0;
        color: var(--svc-text, #1d226f);
        font-size: .88rem;
        line-height: 1.4;
        text-align: left;
        vertical-align: top !important;
        white-space: normal;
    }

    html body .pressidium-cookie-consent-cookies td::before {
        content: attr(data-column);
        display: block;
        margin-bottom: 4px;
        color: color-mix(in srgb, var(--svc-text, #1d226f) 58%, transparent);
        font-family: var(--wp--preset--font-family--montserrat, Montserrat, sans-serif);
        font-size: .64rem;
        font-weight: 800;
        letter-spacing: .055em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    html body .pressidium-cookie-consent-cookies td[data-column="name"],
    html body .pressidium-cookie-consent-cookies td[data-column="description"] {
        grid-column: 1 / -1;
    }

    html body .pressidium-cookie-consent-cookies td[data-column="name"] {
        padding-top: 0;
        font-family: var(--wp--preset--font-family--montserrat, Montserrat, sans-serif);
        font-weight: 750;
    }

    html body .pressidium-cookie-consent-cookies td[data-column="domain"] {
        grid-column: span 3;
    }

    html body .pressidium-cookie-consent-cookies td[data-column="expiration"] {
        grid-column: span 2;
    }

    html body .pressidium-cookie-consent-cookies td[data-column="path"] {
        grid-column: span 1;
    }

    html body .pressidium-cookie-consent-cookies td[data-column="description"] {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--svc-cookie-table-line);
    }

@media (max-width: 420px) {
    html body .pressidium-cookie-consent-cookies td[data-column="domain"],
    html body .pressidium-cookie-consent-cookies td[data-column="expiration"] {
        grid-column: span 3;
    }

    html body .pressidium-cookie-consent-cookies td[data-column="path"] {
        grid-column: 1 / -1;
    }
}

/* ─── E. SCROLLBAR ─── */
html body #s-bl::-webkit-scrollbar {
    width: 6px !important;
}

html body #s-bl::-webkit-scrollbar-track {
    background: transparent !important;
}

html body #s-bl::-webkit-scrollbar-thumb {
    background: rgba(29, 34, 111, .15) !important;
    border-radius: var(--svc-radius-sm) !important;
    border: none !important;
}

html body #s-bl::-webkit-scrollbar-thumb:hover {
    background: rgba(29, 34, 111, .3) !important;
}

/* ─── F. MOBILE LAYOUT ─── */
@media (max-width: 688px) {
    html body #cm {
        border-radius: var(--svc-radius-xl) var(--svc-radius-xl) 0 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        max-width: 100% !important;
    }

    html body #cm #c-bns {
        flex-flow: row wrap !important;
        align-items: stretch !important;
    }

    html body #cm #c-bns .c-bn {
        flex: 1 1 132px !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html body #s-inr {
        border-radius: 0 !important;
        max-width: 100% !important;
    }
}

/* ─── G. FALLBACK ─── */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html body #cm {
        background: rgba(253, 251, 239, .92) !important;
    }

    html body #s-inr {
        background: rgba(253, 251, 239, .92) !important;
    }
}

/* ─── H. FLOATING COOKIE BUTTON (Pressidium) ─── */
/* Hidden by default - JS adds .ffui-show-cookie-btn on /cookie-policy */
pressidium-floating-button {
    display: none !important;
}

body.ffui-show-cookie-btn pressidium-floating-button {
    display: block !important;
    --cc-btn-floating-bg: var(--svc-accent-tint, #F6D3C5);
    --cc-btn-floating-hover-bg: color-mix(in srgb, var(--svc-accent-tint, #F6D3C5) 82%, var(--svc-accent, #DD301D));
    --cc-btn-floating-icon: var(--svc-text, #1D226F);
    --cc-btn-floating-hover-icon: var(--svc-text, #1D226F);
}

/* Cookie icon - light DOM element using the site fill */
pressidium-floating-button svg,
pressidium-floating-button svg path {
    fill: #0d1163 !important;
    color: #0d1163 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body .cc_div .b-tg .c-tg {
    background: rgba(29, 34, 111, .2) !important;
    border-radius: 4em !important;
}

html body .cc_div .b-tg .c-tgl:checked + .c-tg,
html body .cc_div .b-tg .c-tgl:checked ~ .c-tg {
    background: linear-gradient(135deg, rgba(221, 48, 29, .35), rgba(221, 48, 29, .2)) !important;
}

html body .cc_div .b-tg .c-tg.c-ro {
    background: rgba(29, 34, 111, .1) !important;
}

/* Position above the mobile bottom menu bar */
@media (max-width: 768px) {
    body.ffui-show-cookie-btn pressidium-floating-button {
        bottom: calc(var(--bar-h, 64px) + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px) + 28px) !important;
        padding: 4px !important;
    }
}

#svc-back-to-top{position:fixed;z-index:9999;width:44px;height:44px;border-radius:var(--svc-radius-pill);border:1px solid var(--svc-glass-stroke);background:linear-gradient(145deg,rgba(var(--svc-ivory-rgb),.98),rgba(var(--svc-ivory-rgb),.92));backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--svc-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;opacity:0;pointer-events:none}#svc-back-to-top svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:none}@media (min-width:782px){#svc-back-to-top{bottom:calc(32px + var(--svc-visual-bottom-offset,0px));right:calc(32px + var(--svc-visual-right-offset,0px));transform:translateY(10px)}#svc-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}#svc-back-to-top:hover{box-shadow:0 14px 32px rgba(0,0,0,.35);transform:translateY(-1px)}#svc-back-to-top:active{transform:translateY(1px) scale(.97);box-shadow:0 7px 18px rgba(0,0,0,.25)}}@media (min-width:782px) and (max-width:1024px){body.svc-navigation-enabled #svc-back-to-top.svc-chrome-scrolled{bottom:calc(var(--svc-nav-height,64px) + var(--svc-nav-gap,18px) + var(--svc-visual-bottom-offset,0px) + 16px + env(safe-area-inset-bottom,0px))}body.svc-cpb-top-visible #svc-back-to-top{display:none}}@media (max-width:781px){#svc-back-to-top{display:none}}@media (prefers-reduced-motion:reduce){#svc-back-to-top{transition:none}}

/* Home collection grids */
body.home .wc-block-product-template__responsive,
body.home ul.wc-block-product-template,
body.home .wp-block-woocommerce-product-template {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.home .wc-block-product-template.columns-4,
body.home .wc-block-product-template.columns-5,
body.home .wc-block-product-template__responsive.columns-4,
body.home .wc-block-product-template__responsive.columns-5 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (min-width: 640px) {
  body.home .wc-block-product-template.columns-4,
  body.home .wc-block-product-template.columns-5,
  body.home .wc-block-product-template__responsive.columns-4,
  body.home .wc-block-product-template__responsive.columns-5,
  body.home .svc-stack-card .wc-block-product-template__responsive,
  body.home .svc-stack-card ul.wc-block-product-template {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (min-width: 900px) {
  body.home .wc-block-product-template.columns-5,
  body.home .wc-block-product-template__responsive.columns-5 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Shared Woo product cards - shop, home collections, related products */

:is(body.svc-catalog-enhanced, body.svc-product-single-enhanced, body.home, body.svc-article-surface) {
  --svc-card-stroke: rgba(29, 34, 111, .18);
  --svc-card-shadow: 0 18px 48px rgba(37, 30, 82, .10), 0 4px 12px rgba(221, 48, 29, .05);
  --svc-card-shadow-hover: 0 36px 88px rgba(37, 30, 82, .20), 0 14px 34px rgba(228, 59, 50, .16);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.wc-block-product-template.is-flex-container,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) ul.wc-block-product-template.is-flex-container {
  display: grid !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.wc-block-product-template.is-flex-container > li,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) ul.wc-block-product-template.is-flex-container > li {
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product-template__responsive,
:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.products,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wp-block-woocommerce-product-template,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product-template__responsive,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) ul.wc-block-product-template {
  display: grid !important;
  align-items: stretch !important;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product,
:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.products li.product,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100%;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 22px;
  border: 1px solid var(--svc-card-stroke);
  background: var(--svc-product-card-bg, var(--svc-card-bg));
  -webkit-backdrop-filter: var(--svc-product-card-backdrop, blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate)));
  backdrop-filter: var(--svc-product-card-backdrop, blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate)));
  box-shadow: var(--svc-card-shadow);
  box-sizing: border-box !important;
  overflow: hidden;
  isolation: isolate;
  transition: box-shadow .24s ease, border-color .24s ease, transform .24s cubic-bezier(.16, 1, .3, 1);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card {
  cursor: pointer;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover,
:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card:focus-within,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card:focus-within {
  transform: translateY(-4px);
  box-shadow: var(--svc-card-shadow-hover);
  border-color: rgba(228, 59, 50, .35);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image {
  aspect-ratio: 3 / 4;
  border-radius: 16px;
  overflow: hidden;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
  position: relative;
  contain: paint;
  isolation: isolate;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image a,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image a {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image img,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: auto;
  transition:
    transform var(--svc-image-motion-duration, 450ms)
    var(--svc-image-motion-ease, cubic-bezier(.2, .75, .2, 1));
  pointer-events: auto;
  cursor: pointer;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover .wc-block-components-product-image img,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover .wc-block-components-product-image img {
  transform: scale(1.04);
}

@media (hover: none), (pointer: coarse) {
  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover {
    box-shadow: var(--svc-card-shadow);
    border-color: var(--svc-card-stroke);
  }

  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image img,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image img,
  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover .wc-block-components-product-image img,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover .wc-block-components-product-image img {
    transform: none;
    transition: none;
    will-change: auto;
  }
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-post-title,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-post-title {
  margin: 14px 8px 0;
  font-size: 17px;
  line-height: 1.16;
  font-weight: 950;
  overflow: hidden;
  text-align: left !important;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product .svc-product-card-availability,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product .svc-product-card-availability {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  gap: 12px;
  min-width: 0;
  margin: 8px var(--svc-card-content-inset, 6px) 0;
  padding: 0;
  color: var(--svc-text-muted);
  font-size: .72rem;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product .svc-product-card-availability + .wp-block-post-title,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product .svc-product-card-availability + .wp-block-post-title {
  margin-top: 4px;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-post-title a,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-post-title a {
  text-decoration: none;
  color: inherit;
  pointer-events: none;
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-woocommerce-product-price,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-woocommerce-product-price {
  margin: 0;
  font-family: "Montserrat", var(--svc-font-ui);
  font-size: 18px;
  font-weight: 1000;
  text-align: left !important;
  white-space: normal !important;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card.svc-product-card--has-footer-price .svc-source-product-price,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card.svc-product-card--has-footer-price .svc-source-product-price {
  display: none;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-woocommerce-product-price .woocommerce-Price-amount,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-woocommerce-product-price .woocommerce-Price-amount,
:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price .woocommerce-Price-amount,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price .woocommerce-Price-amount {
  font-family: inherit;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: auto;
  padding: 14px 8px 6px;
  width: 100%;
  box-sizing: border-box;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .wp-block-woocommerce-product-price,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .wp-block-woocommerce-product-price,
:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin: 0;
  font-family: "Montserrat", var(--svc-font-ui);
  font-size: 18px;
  font-weight: 1000;
  color: var(--svc-text);
  text-align: left;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price--range,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price--range {
  min-width: 0;
  overflow: hidden;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-price-range-compact,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-price-range-compact {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  white-space: nowrap;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-price-range-plus,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-price-range-plus {
  display: inline-block;
  font-size: .92em;
  font-weight: 1000;
  line-height: 1;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-price-decimal,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-price-decimal {
  display: inline;
  font-size: inherit;
  line-height: 1;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-pfc-trigger-wrap,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-pfc-trigger-wrap {
  display: block;
  justify-self: end;
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card.svc-product-card--has-view-button .wp-block-button:not(.svc-catalog-card-actions .wp-block-button),
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card.svc-product-card--has-view-button .wp-block-button:not(.svc-catalog-card-actions .wp-block-button) {
  display: none;
}

html.svc-catalog-desktop :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product-template__responsive,
html.svc-catalog-desktop :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.products {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html.svc-catalog-mobile :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product-template__responsive,
html.svc-catalog-mobile :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.svc-product-single-enhanced .wp-block-woocommerce-related-products > h2.wp-block-heading,
body.home .svc-stack-card > h2.wp-block-heading {
  max-width: min(1180px, calc(100vw - 32px));
  margin-inline: auto;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight: 950;
  letter-spacing: -.03em;
}

@media (max-width: 1040px) {
  html.svc-catalog-desktop :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product-template__responsive,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wp-block-woocommerce-product-template {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Stack-card best-seller grids - must win over general card chrome above */
body.home .svc-stack-card .wc-block-product-template.is-flex-container,
body.home .svc-stack-card ul.wc-block-product-template,
body.home .svc-stack-card .wc-block-product-template__responsive {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

@media (min-width: 640px) {
  body.home .svc-stack-card .wc-block-product-template.is-flex-container.columns-5,
  body.home .svc-stack-card ul.wc-block-product-template.columns-5,
  body.home .svc-stack-card .wc-block-product-template__responsive.columns-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

@media (min-width: 1025px) {
  body.home .svc-stack-card .wc-block-product-template.is-flex-container.columns-5,
  body.home .svc-stack-card ul.wc-block-product-template.columns-5,
  body.home .svc-stack-card .wc-block-product-template__responsive.columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

@media (max-width: 780px) {
  body.home .svc-stack-card .wc-block-product-template.is-flex-container,
  body.home .svc-stack-card ul.wc-block-product-template,
  body.home .svc-stack-card .wc-block-product-template__responsive {
    padding-inline: 14px;
    box-sizing: border-box;
  }
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn.svc-ffui-btn,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn.svc-ffui-btn {
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 42px;
  height: 42px;
  font-size: 0.82rem;
  padding: 0 14px;
}

/* v4.3 correction: quieter commerce cards, textile palette, symmetric gutters. */
:is(body.svc-catalog-enhanced, body.svc-product-single-enhanced, body.home, body.svc-article-surface) {
  --svc-card-stroke: rgba(94, 62, 37, .14);
  --svc-card-shadow: 0 14px 34px rgba(68, 48, 33, .08), 0 2px 8px rgba(29, 34, 111, .04);
  --svc-card-shadow-hover: 0 22px 48px rgba(68, 48, 33, .13), 0 8px 18px rgba(221, 48, 29, .08);
  --svc-product-card-bg: rgba(255, 250, 241, .86);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product,
:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.products li.product,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product {
  padding: 10px !important;
  border-radius: 20px;
  border-color: var(--svc-card-stroke);
  background: var(--svc-product-card-bg);
  box-shadow: var(--svc-card-shadow);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product::after,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product::after {
  content: none;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card:hover,
:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-product-card:focus-within,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-product-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(221,48,29,.22);
  box-shadow: var(--svc-card-shadow-hover);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-components-product-image {
  border-radius: 15px;
  background: #fff8ed;
}


body.svc-product-single-enhanced .wp-block-woocommerce-product-collection .wc-block-product-template,
body.svc-product-single-enhanced .wp-block-woocommerce-product-collection ul.wc-block-product-template,
body.svc-product-single-enhanced .wp-block-woocommerce-related-products .wc-block-product-template,
body.svc-product-single-enhanced .wp-block-woocommerce-related-products ul.wc-block-product-template {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

body.svc-product-single-enhanced .wp-block-woocommerce-product-collection .wc-block-product-template > li,
body.svc-product-single-enhanced .wp-block-woocommerce-related-products .wc-block-product-template > li {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: unset !important;
}

@media (max-width: 1180px) {
  body.svc-product-single-enhanced .wp-block-woocommerce-product-collection .wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-product-collection ul.wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-related-products .wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-related-products ul.wc-block-product-template {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.svc-product-single-enhanced .wp-block-woocommerce-product-collection .wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-product-collection ul.wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-related-products .wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-related-products ul.wc-block-product-template {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.svc-product-single-enhanced .wp-block-woocommerce-product-collection .wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-product-collection ul.wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-related-products .wc-block-product-template,
  body.svc-product-single-enhanced .wp-block-woocommerce-related-products ul.wc-block-product-template {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-post-title,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-post-title {
  margin: 12px var(--svc-card-content-inset, 6px) 0;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 840;
  color: var(--svc-text, #1d226f);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 12px var(--svc-card-content-inset, 6px) 4px;
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .wp-block-woocommerce-product-price,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .wp-block-woocommerce-product-price,
:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price {
  min-height: 40px;
  font-size: 17px;
  font-weight: 900;
  color: var(--svc-text, #1d226f);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn.svc-ffui-btn,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn.svc-ffui-btn {
  min-height: 40px;
  height: 40px;
  border-radius: 14px;
  background: var(--svc-btn-bg);
  border-color: var(--svc-btn-border);
  color: var(--svc-btn-text);
  box-shadow: var(--svc-btn-shadow);
}

:is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn.svc-ffui-btn:hover,
:is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn.svc-ffui-btn:hover {
  background: var(--svc-btn-bg-hover);
  border-color: var(--svc-btn-border-hover);
  color: var(--svc-btn-text-hover);
  box-shadow: var(--svc-btn-shadow-hover);
}

html.svc-catalog-desktop :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product-template__responsive,
html.svc-catalog-desktop :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.products {
  gap: 16px;
}

html.svc-catalog-mobile :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .wc-block-product-template__responsive,
html.svc-catalog-mobile :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) ul.products {
  gap: 12px;
}

@media (max-width: 780px) {
  :is(body.svc-catalog-enhanced, body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product {
    --svc-card-content-inset: 4px;
    border-radius: var(--svc-radius-2xl);
    padding: 8px !important;
  }

  :is(body.svc-catalog-enhanced, body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wc-block-product .wp-block-post-title {
    font-size: 14px;
  }

  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions {
    gap: 6px;
    padding: 8px var(--svc-card-content-inset) 4px;
  }

  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .wp-block-woocommerce-product-price,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .wp-block-woocommerce-product-price,
  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-price {
    font-size: 16px;
  }

  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-price-decimal,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-price-decimal {
    font-size: .72em;
  }

  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn.svc-ffui-btn,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn.svc-ffui-btn {
    padding: 0 10px;
    font-size: .76rem;
  }

  :is(body.svc-catalog-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn .arrow,
  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .svc-catalog-card-actions .svc-product-view-btn .arrow {
    inline-size: 1em;
    block-size: 1em;
    margin-left: .24em;
  }

  :is(body.svc-product-single-enhanced, body.home, body.svc-article-surface) .wp-block-woocommerce-product-template {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

/* Native block font presets must inherit the card footer price size. */
.svc-catalog-card-price .wc-block-components-product-price {
  font-size: inherit !important;
}

@font-face{font-family:star;src:url("https://samveechi.com/assets/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff2") format("woff2"),url("https://samveechi.com/assets/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff") format("woff"),url("https://samveechi.com/assets/plugins/woocommerce/assets/css/../fonts/WooCommerce.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url("https://samveechi.com/assets/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff2") format("woff2"),url("https://samveechi.com/assets/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff") format("woff"),url("https://samveechi.com/assets/plugins/woocommerce/assets/css/../fonts/WooCommerce.ttf") format("truetype");font-weight:400;font-style:normal}:root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px}.woocommerce-account .wp-block-post-title,.woocommerce-account main .woocommerce,.woocommerce-cart .wp-block-post-title,.woocommerce-cart main .woocommerce,.woocommerce-checkout .wp-block-post-title,.woocommerce-checkout main .woocommerce{max-width:1000px}.clear{clear:both}.woocommerce a.button.disabled,.woocommerce a.button.disabled:hover,.woocommerce a.button:disabled,.woocommerce a.button:disabled:hover,.woocommerce a.button:disabled[disabled],.woocommerce a.button:disabled[disabled]:hover,.woocommerce button.button.disabled,.woocommerce button.button.disabled:hover,.woocommerce button.button:disabled,.woocommerce button.button:disabled:hover,.woocommerce button.button:disabled[disabled],.woocommerce button.button:disabled[disabled]:hover{opacity:.5}.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce input.button:hover{opacity:.9}.woocommerce #respond input#submit.disabled,.woocommerce #respond input#submit.disabled:hover,.woocommerce #respond input#submit:disabled,.woocommerce #respond input#submit:disabled:hover,.woocommerce #respond input#submit:disabled[disabled],.woocommerce #respond input#submit:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce input.button.disabled,.woocommerce input.button.disabled:hover,.woocommerce input.button:disabled,.woocommerce input.button:disabled:hover,.woocommerce input.button:disabled[disabled],.woocommerce input.button:disabled[disabled]:hover{opacity:.5}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.2em}.woocommerce div.product::after{content:"";display:block;clear:both}.woocommerce div.product div.summary>*{margin-bottom:var(--wp--style--block-gap)}.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before{box-shadow:2px 2px 0 var(--wp--preset--color--background,#fff)}.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{box-shadow:-2px 2px 0 var(--wp--preset--color--background,#fff)}.woocommerce div.product form.cart div.quantity{float:none;vertical-align:middle}.woocommerce div.product form.cart div.quantity .qty{margin-right:.5em}.woocommerce div.product form.cart button.single_add_to_cart_button,.woocommerce div.product form.cart button[name=add-to-cart]{display:inline-block;float:none;margin-top:0;margin-bottom:0;vertical-align:middle;word-break:normal}.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{word-break:normal}.woocommerce div.product .related.products{margin-top:5em}.woocommerce .woocommerce-Reviews #comments{margin-bottom:var(--wp--style--block-gap)}.woocommerce .woocommerce-Reviews .commentlist{box-sizing:border-box}.woocommerce .woocommerce-Reviews .comment-reply-title{font-size:var(--wp--preset--font-size--medium);font-weight:700}.woocommerce .price bdi,.woocommerce .price ins,.woocommerce .wc-block-components-product-price bdi,.woocommerce .wc-block-components-product-price ins,.woocommerce .woocommerce-grouped-product-list-item__price bdi,.woocommerce .woocommerce-grouped-product-list-item__price ins{text-decoration:none}.woocommerce span.onsale{background-color:var(--wp--preset--color--foreground,#958e09);color:var(--wp--preset--color--background,#fff)}.woocommerce table.variations{display:block}.woocommerce table.variations tr td,.woocommerce table.variations tr th{padding-bottom:var(--wp--style--block-gap);text-align:left}.woocommerce table.variations tr th{padding-right:1em}.woocommerce table.variations tr td select{height:3em;padding:.9em 1.1em;font-size:var(--wp--preset--font-size--small)}.woocommerce div.product form.cart table.variations td select{min-width:70%}.woocommerce div.product form.cart table.variations td,.woocommerce div.product form.cart table.variations th{vertical-align:middle}.woocommerce .single_variation_wrap .woocommerce-variation{margin-bottom:var(--wp--style--block-gap)}a.added_to_cart{display:block;margin-top:1em}.woocommerce-page .input-text,.woocommerce-page .select2-container,.woocommerce-page select{font-size:var(--wp--preset--font-size--small)}.woocommerce-page label{margin-bottom:.7em}.woocommerce form .form-row{margin-bottom:1em}.woocommerce form textarea{min-height:100px}.woocommerce-page table.shop_table{width:70%;border-collapse:collapse}@media only screen and (max-width:768px){.woocommerce-page table.shop_table{width:100%}}.woocommerce-page table.shop_table td,.woocommerce-page table.shop_table th{padding:1em}.woocommerce-page table.shop_table_responsive{width:100%}.woocommerce-page .woocommerce-cart-form .product-remove{width:1em}.woocommerce-page .woocommerce-cart-form .product-thumbnail{width:120px}.woocommerce-page .woocommerce-cart-form .product-thumbnail a img{width:117px}.woocommerce-page .woocommerce-cart-form .coupon{display:flex;align-items:center;flex-wrap:wrap}.woocommerce-page .woocommerce-cart-form #coupon_code{width:auto;margin-right:.8em;height:50px;font-size:var(--wp--preset--font-size--small);padding:0 1.1em}@media only screen and (max-width:768px){.woocommerce-page .woocommerce-cart-form .product-remove{width:auto}.woocommerce-page .woocommerce-cart-form #coupon_code{width:50%;margin-right:0}}.woocommerce-page .cart-collaterals h2{font-size:var(--wp--preset--font-size--medium)}.woocommerce-page .woocommerce-form-coupon .button{min-height:50px}.woocommerce-page .woocommerce-column__title,.woocommerce-page .woocommerce-customer-details h2,.woocommerce-page .woocommerce-thankyou-order-received{font-size:var(--wp--preset--font-size--large);font-weight:300}.woocommerce-page ul.woocommerce-order-overview{display:flex;width:100%;padding-left:0;font-size:var(--wp--preset--font-size--small)}@media only screen and (max-width:768px){.woocommerce-page ul.woocommerce-order-overview{flex-direction:column}}.woocommerce-page ul.woocommerce-order-overview li{flex-grow:1;margin-bottom:1em;border:none;display:inline;text-transform:uppercase}.woocommerce-page ul.woocommerce-order-overview li strong{text-transform:none;display:block}.woocommerce-page .woocommerce-customer-details address{box-sizing:border-box;width:70%;padding:1em;border-width:1px;border-radius:0}.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0 0 2em;padding:0}.woocommerce-account .woocommerce-MyAccount-navigation li{list-style:none;padding:1em 0}@media only screen and (max-width:768px){.woocommerce-account .woocommerce-MyAccount-navigation li{padding:.35em 0}}.woocommerce-account .woocommerce-MyAccount-navigation li:first-child{padding-top:0}.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{text-decoration:underline}.woocommerce-account .woocommerce-MyAccount-navigation li a{text-decoration:none}.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{text-decoration:underline}.woocommerce-account .woocommerce-MyAccount-content p.form-row-first,.woocommerce-account .woocommerce-MyAccount-content p.form-row-last,.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type{margin-block-start:0}.woocommerce-account .woocommerce-customer-details address,.woocommerce-account table.shop_table.order_details{width:100%}.woocommerce-account .addresses .title .edit{display:block;margin-bottom:1em}.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form>h3{margin-block-start:0}.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions::before{display:none}.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a{display:block;margin-bottom:1em;text-align:center}.woocommerce-page form .form-row input.input-text,.woocommerce-page form .form-row select,.woocommerce-page form .form-row textarea.input-text{font-size:var(--wp--preset--font-size--small);padding:.9rem 1.1rem}.woocommerce-page form .form-row select{background-position:calc(100% - 1.1rem) 50%}.woocommerce-page form .form-row label{margin-bottom:.7em}.woocommerce-page form .form-row .select2-container .select2-selection--single .select2-selection__rendered{padding:.9rem 1.1rem}.woocommerce-page form .form-row .select2-container .select2-selection--single .select2-selection__arrow{right:1.1em}.woocommerce-page .select2-container .select2-search--dropdown{padding:0 1.1rem .5rem}.woocommerce-page .select2-container .select2-search--dropdown .select2-search__field{padding:.5rem;font-size:var(--wp--preset--font-size--small)}.woocommerce-page .select2-container .select2-results__option{padding:.5rem 1.1rem}.woocommerce-store-notice,p.demo_store{background:var(--wp--preset--color--foreground,#720eec);bottom:0;color:var(--wp--preset--color--background,#fcfbfe);position:fixed;top:auto!important}.woocommerce-store-notice a,p.demo_store a{color:var(--wp--preset--color--background,#fcfbfe)}.woocommerce .product-category mark.count{background-color:transparent}
.wc-care-card{background:var(--svc-card-bg);-webkit-backdrop-filter:blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));backdrop-filter:blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));border:1px solid var(--svc-card-border);border-radius:var(--svc-radius-card);box-shadow:var(--svc-shadow);padding:30px;margin-bottom:20px;color:var(--svc-text);font-family:Montserrat,sans-serif}.wc-care-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:20px;margin-bottom:40px;text-align:center;justify-items:center}.wc-care-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.wc-care-svg svg{width:50px;height:50px;stroke:currentColor;stroke-width:1.5;display:block}.wc-care-label{font-weight:700;font-size:.9em;line-height:1.2;color:var(--svc-text)}.wc-care-disclaimer h3{font-family:Montserrat,sans-serif;color:var(--svc-text);font-size:1.5rem;margin-bottom:15px;font-weight:700}.wc-care-text{font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;line-height:1.6;color:var(--svc-text)}.wc-care-text p{margin-bottom:1em}#svc-pfc-wash-screen .wc-care-card{margin-bottom:0;padding:20px 0 0;background:0 0;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none}#svc-pfc-wash-screen .wc-care-icons{margin-bottom:28px}.wc-care-svg{display:grid;place-items:center;color:var(--svc-text,#1d226f)}.wc-care-svg svg{display:block;width:50px;height:50px;opacity:1;visibility:visible}.wc-care-card--single .wc-care-item{border-radius:var(--svc-radius-xl)}
/* ==========================================================================
   FFUI PRO STYLES - MASTER STYLESHEET (OPTIMIZED & CONSOLIDATED)
   ========================================================================== */

/* ==========================================================================
   1. VARIABLES & VIEW TRANSITIONS
   ========================================================================== */
:root {
    /* Theme & Layout Variables */
    --ivory-rgb: 253, 251, 239;
    --navy: #1D226F;
    --ease: cubic-bezier(.22, .61, .36, 1);
    --t-move: 520ms;
    --t-style: 300ms;
    --hx: .90rem;
    --ht: 1.40rem;
    --hb: 1.00rem;
    --ht-f: .90rem;
    --hb-f: .75rem;
    --head-gap: 10px;
    --head-radius: 22px;
    --head-max: 1160px;
    --head-mobile: 85vw;
    --bar-h: 64px;
    --svc-chrome-header-h: 76px;
    --svc-static-float-bg: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(253, 251, 239, .97));
    --float-gap: var(--svc-float-gap, 18px);
    --bmw-mobile: var(--svc-float-width-mobile, 85vw);
    --bmw-desktop: var(--svc-float-width-desktop, 980px);
    --bm-radius: var(--svc-float-radius, var(--svc-radius-2xl));
}

@view-transition {
    navigation: auto;
}

/* Lock Header and Bottom Bar to persist smoothly across page loads */
.wp-site-blocks>header,
header.wp-block-template-part {
    view-transition-name: site-header-locked;
}


main:not(.svc-home-main) {
    view-transition-name: main-content-area;
}

::view-transition-old(main-content-area),
::view-transition-new(main-content-area) {
    animation-duration: var(--t-move, 520ms);
    animation-timing-function: var(--ease, ease-in-out);
}

::view-transition-old(main-content-area) {
    animation-name: fade-out, slide-out-up;
}

::view-transition-new(main-content-area) {
    animation-name: fade-in, slide-in-up;
}

::view-transition-group(root) {
    background-color: var(--ivory-rgb, #FDFBEF);
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes slide-in-up {
    from {
        transform: translateY(15px);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes slide-out-up {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-15px);
    }
}

/* ==========================================================================
   2. VISIBILITY & BASE UTILITIES
   ========================================================================== */
@media only screen and (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }

}

@media only screen and (min-width: 769px) {
    .hide-on-desktop {
        display: none !important;
    }
}

.hide-on-tablet {
    display: none !important;
}

@media (max-width: 768px) {
    .hide-on-tablet {
        display: block !important;
    }
}

@media (min-width: 1025px) {
    .hide-on-tablet {
        display: block !important;
    }
}

/* Image Styling */
img:not(.custom-logo) {
    border-radius: var(--svc-radius-md);
    box-shadow: 0 6px 18px rgba(29, 34, 111, 0.15);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

img:not(.custom-logo):hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(29, 34, 111, 0.22);
}

.woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none !important;
}

body:not(.svc-product-single-enhanced) .woocommerce div.product div.woocommerce-product-gallery img,
body:not(.svc-product-single-enhanced) .woocommerce div.product div.woocommerce-product-gallery img:hover,
body:not(.svc-product-single-enhanced) .woocommerce div.product div.woocommerce-product-gallery .zoomImg,
body:not(.svc-product-single-enhanced) .woocommerce div.product div.woocommerce-product-gallery .zoomImg:hover,
body:not(.svc-product-single-enhanced) .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs img,
body:not(.svc-product-single-enhanced) .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs img:hover {
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}

.woocommerce div.product div.woocommerce-product-gallery .zoomImg {
    pointer-events: none !important;
}

.custom-logo {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ==========================================================================
   3. THEME LAYOUT (Header, Menus, Search, Drawer)
   ========================================================================== */
/* Header */
html body .wp-site-blocks>header {
    position: sticky;
    top: 0;
    z-index: var(--svc-layer-header, 9997) !important;
    background: transparent !important;
    color: var(--navy);
    padding: calc(var(--ht) + env(safe-area-inset-top)) var(--hx) var(--hb) !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    gap: 0 !important;
    --wp--style--block-gap: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: transform var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
        max-width var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
        padding var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
        border-radius var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
        box-shadow var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease) !important;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform, max-width, padding, border-radius, box-shadow;
    isolation: isolate;
}

html body .wp-site-blocks>header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: var(--svc-float-bg, rgba(253, 251, 239, .86));
    -webkit-backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4));
    backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4));
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
}

html body .wp-site-blocks>header>* {
    position: relative;
    z-index: 1;
}

.wp-site-blocks>header>.wp-block-group:first-child {
    margin: 0 auto !important;
    padding: 0 !important;
}

.wp-site-blocks>header .wp-block-group.is-layout-flex {
    display: flex !important;
    align-items: center !important;
    gap: .22rem !important;
}

.wp-site-blocks>header .wp-block-site-logo,
.wp-site-blocks>header .wp-block-site-title {
    margin: 0 !important;
}

.wp-site-blocks>header .wp-block-site-title {
font-family: "Montserrat", var(--svc-font-ui, system-ui, sans-serif) !important;
font-weight: 700 !important;
}

.wp-site-blocks>header .wc-block-mini-cart {
margin-left: auto !important;
}

@media (min-width:1025px) {
    .wp-site-blocks>header .wp-block-site-logo+.wp-block-site-title {
        margin-left: 0 !important;
    }

    .wp-site-blocks>header .wp-block-site-title {
        flex: 0 0 auto !important;
    }
}

@media (max-width:782px) {
    .wp-site-blocks>header .wp-block-site-logo {
        flex: 0 0 auto !important;
        margin-left: .10rem !important;
    }

    .wp-site-blocks>header .wp-block-site-title {
        flex: 1 1 9999px !important;
        min-width: 0 !important;
        text-align: center !important;
    }

    .wp-site-blocks>header .wc-block-mini-cart__button {
        margin-right: .25rem !important;
    }
}

html body .wp-site-blocks>header.stuck {
    top: 0 !important;
    transform: translate3d(0, var(--head-gap), 0);
    background: var(--svc-float-bg, rgba(253, 251, 239, .86)) !important;
    -webkit-backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4)) !important;
    backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4)) !important;
    border-radius: var(--head-radius) !important;
    box-shadow: var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, .20)) !important;
    padding: var(--ht-f) var(--hx) var(--hb-f) !important;
    max-width: min(var(--head-max), var(--head-mobile)) !important;
    margin: 0 auto !important;
}

html body .wp-site-blocks>header.stuck::before {
    opacity: 0;
}

/* Non-home pages: header always shows its frosted background.
   Home owns its transparent immersive header state in home.css. */
html body:not(.home) .wp-site-blocks>header::before {
    opacity: 1;
}

@supports (-webkit-backdrop-filter: blur(1px)) {
    html body .wp-site-blocks>header {
        transition: transform var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
            max-width var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
            padding var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
            border-radius var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
            box-shadow var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease) !important;
    }
}

@media (min-width:1025px) {
    html body .wp-site-blocks>header.stuck {
        max-width: min(var(--head-max), 92vw) !important;
    }
}

.wp-site-blocks>header :where(.wp-block-group, .wp-block-columns) {
    padding: 0 !important;
}

/* Bottom navigation now lives in the Samveechi Navigation plugin. */

/* ==========================================================================
   4. GENERAL FORMS & NATIVE INPUTS
   ========================================================================== */
/* Classic Text Inputs → inputs.css */

/* Modern Button-Style Radios & Checkboxes (Global excluding Checkout) */
:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="radio"]:not(.wc-block-components-radio-control__input),
:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="checkbox"]:not(.wc-block-components-checkbox-control__input),
.wc-block-product-filter-checkbox-list__input {
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    background: var(--ffui-glass-bg) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
    border: 1px solid var(--ffui-glass-stroke) !important;
    box-shadow: var(--ffui-shadow) !important;
    padding: 0 !important;
    margin: 0 12px 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    transition: transform 0.15s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="radio"]:not(.wc-block-components-radio-control__input) {
    border-radius: var(--svc-radius-pill) !important;
}

:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="checkbox"]:not(.wc-block-components-checkbox-control__input),
.wc-block-product-filter-checkbox-list__input {
    border-radius: var(--svc-radius-2xs) !important;
}

/* Checked & Hover States */
:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="radio"]:not(.wc-block-components-radio-control__input):hover,
:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="checkbox"]:not(.wc-block-components-checkbox-control__input):hover,
.wc-block-product-filter-checkbox-list__input:hover {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 35%, white) !important;
    box-shadow: 0 8px 24px rgba(221, 48, 29, .15), var(--ffui-shadow) !important;
}

:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="radio"]:not(.wc-block-components-radio-control__input):checked,
:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="checkbox"]:not(.wc-block-components-checkbox-control__input):checked,
.wc-block-product-filter-checkbox-list__input:checked {
    background: color-mix(in srgb, var(--ffui-accent) 20%, var(--ffui-glass-bg)) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 35%, white) !important;
}

/* Radio Dot & Checkbox Tick */
:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="radio"]:not(.wc-block-components-radio-control__input)::before {
    content: "" !important;
    box-sizing: border-box !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: var(--svc-radius-circle) !important;
    background: var(--ffui-text) !important;
    transform: scale(0) !important;
    transition: transform 0.15s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    display: block !important;
    margin: 0 !important;
    position: static !important;
}

:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="checkbox"]:not(.wc-block-components-checkbox-control__input)::before,
.wc-block-product-filter-checkbox-list__input::before {
    content: "" !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 11px !important;
    border-right: 2px solid var(--ffui-text) !important;
    border-bottom: 2px solid var(--ffui-text) !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: scale(0) rotate(45deg) !important;
    transition: transform 0.15s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    display: block !important;
    margin: 0 0 2px 0 !important;
    position: static !important;
}

:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="radio"]:not(.wc-block-components-radio-control__input):checked::before {
    transform: scale(1) !important;
}

:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="checkbox"]:not(.wc-block-components-checkbox-control__input):checked::before,
.wc-block-product-filter-checkbox-list__input:checked::before {
    transform: scale(1) rotate(45deg) !important;
}

/* Woo Blocks includes an SVG mark in addition to the SAMVEECHI input tick. */
html body.woocommerce-checkout .wc-block-components-checkbox__mark {
    display: none !important;
}

/* WooCommerce variation pill hidden radios */
:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="radio"].wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input,
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    width: 1px !important;
    height: 1px !important;
    flex: 0 0 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    position: absolute !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
}

:where(body):not(.ffui-no-inputs) form:not([class*="wpc-"]) input[type="radio"].wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input::before,
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input::before {
    display: none !important;
}

/* Native selects + custom dropdown panels → dropdowns.css + select-enhance.js */

/* ==========================================================================
   5. WOOCOMMERCE CORE & MY ACCOUNT
   ========================================================================== */
/* Buttons - product single uses components via product-single.css */
body:not(.svc-product-single-enhanced) .woocommerce a.button:not(.svc-btn),
body:not(.svc-product-single-enhanced) .woocommerce button.button:not(.svc-btn),
body:not(.svc-product-single-enhanced) .woocommerce input.button:not(.svc-btn),
body:not(.svc-product-single-enhanced) .woocommerce .single_add_to_cart_button:not(.svc-btn),
body:not(.svc-product-single-enhanced) .add_to_cart_button:not(.svc-btn),
body:not(.svc-product-single-enhanced) .ffui-filter-button,
.wc-block-mini-cart__shopping-button.wc-block-components-button {
    border-radius: var(--svc-radius-pill);
    border: 1px solid color-mix(in srgb, var(--ffui-accent) 35%, white);
    background: color-mix(in srgb, var(--ffui-accent) 20%, var(--ffui-glass-bg));
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    backdrop-filter: blur(16px) saturate(1.4);
    box-shadow: var(--ffui-shadow);
    color: var(--ffui-text);
    font-weight: 600;
    padding: .7rem 1rem;
    transition: transform .06s ease, box-shadow .2s ease;
}

body:not(.svc-product-single-enhanced) .woocommerce a.button:not(.svc-btn):hover,
body:not(.svc-product-single-enhanced) .woocommerce button.button:not(.svc-btn):hover,
body:not(.svc-product-single-enhanced) .woocommerce input.button:not(.svc-btn):hover,
body:not(.svc-product-single-enhanced) .woocommerce .single_add_to_cart_button:not(.svc-btn):hover,
body:not(.svc-product-single-enhanced) .add_to_cart_button:not(.svc-btn):hover,
body:not(.svc-product-single-enhanced) .ffui-filter-button:hover,
.wc-block-mini-cart__shopping-button.wc-block-components-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 32px rgba(221, 48, 29, .22), var(--ffui-shadow);
}

/* Text fields → design-system/assets/css/inputs.css (OTP #svc-otp-email recipe) */

/* Select2 carets → dropdowns.css (menu variant) */

/* Additional product information and product images */
tr.woocommerce-product-attributes-item--weight,
tr.woocommerce-product-attributes-item--dimensions {
    display: none !important;
}

.woocommerce-product-attributes-item__value a {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product img,
.woocommerce div.product div.images img,
.woocommerce div.product div.images a img,
.woocommerce .product img.wp-post-image,
.woocommerce-page ul.products li.product a img {
    border-radius: var(--svc-radius-md) !important;
    box-shadow: 0 6px 18px rgba(29, 34, 111, 0.15) !important;
    background-color: #fff;
}

.woocommerce ul.products li.product,
.woocommerce div.product div.images {
    overflow: visible !important;
}

.woocommerce-cart img,
.woocommerce-mini-cart img,
.woocommerce-checkout img {
    display: inline-block !important;
    vertical-align: middle !important;
}

.woocommerce ul.products li.product a img,
.wc-block-grid__product img {
    display: block;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Notices & Banners */
.wc-block-components-notice-banner,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    --svc-notice-tone: #2EAC6A;
    --svc-notice-bg: color-mix(in srgb,
            var(--svc-notice-tone) 8%,
            var(--svc-nav-float-bg,
                var(--svc-float-bg, rgba(var(--svc-ivory-rgb, 253, 251, 239), 0.86))));
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 58px !important;
    margin: 0 0 22px !important;
    padding: 15px 18px 15px 20px !important;
    overflow: hidden !important;
    background: var(--svc-notice-bg) !important;
    -webkit-backdrop-filter: blur(var(--svc-nav-blur, var(--svc-float-blur, 16px))) saturate(var(--svc-nav-saturate, var(--svc-float-saturate, 1.4))) !important;
    backdrop-filter: blur(var(--svc-nav-blur, var(--svc-float-blur, 16px))) saturate(var(--svc-nav-saturate, var(--svc-float-saturate, 1.4))) !important;
    border: 1px solid color-mix(in srgb, var(--svc-notice-tone) 24%, var(--ffui-glass-stroke)) !important;
    border-left: 5px solid var(--svc-notice-tone) !important;
    border-radius: var(--svc-radius-control-lg) !important;
    box-shadow: var(--svc-nav-shadow,
            var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, 0.20))) !important;
    color: var(--ffui-text) !important;
    font-family: var(--svc-font-ui) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    list-style: none !important;
}

.wc-block-components-notice-banner.is-info,
.woocommerce-info {
    --svc-notice-tone: #4A63C8;
}

.woocommerce-error {
    --svc-notice-tone: var(--ffui-accent);
}

.wc-block-components-notice-banner.is-error {
    --svc-notice-tone: var(--ffui-accent);
}

.wc-block-components-notice-banner__content {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: space-between !important;
}

.wc-block-components-notice-banner>svg {
    flex: 0 0 26px !important;
    width: 26px !important;
    height: 26px !important;
    padding: 5px !important;
    border-radius: var(--svc-radius-circle) !important;
    background: color-mix(in srgb, var(--svc-notice-tone) 16%, white) !important;
    fill: var(--svc-notice-tone) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--svc-notice-tone) 24%, transparent) !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    content: "" !important;
    flex: 0 0 26px !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    position: static !important;
    border-radius: var(--svc-radius-circle) !important;
    background: radial-gradient(circle at center, var(--svc-notice-tone) 0 38%, transparent 40%),
        color-mix(in srgb, var(--svc-notice-tone) 16%, white) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--svc-notice-tone) 24%, transparent) !important;
}

.woocommerce-error::before {
    background: linear-gradient(var(--svc-notice-tone), var(--svc-notice-tone)) center / 12px 3px no-repeat,
        color-mix(in srgb, var(--svc-notice-tone) 14%, white) !important;
}

.woocommerce-error li {
    margin: 0 !important;
    padding: 0 !important;
}

.wc-block-components-notice-banner>svg+div,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    min-width: 0 !important;
}

.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-error a:not(.button),
.wc-block-components-notice-banner a:not(.button) {
    color: var(--ffui-text) !important;
    font-weight: 800 !important;
    text-underline-offset: 3px !important;
}

.wc-block-components-notice-banner .wc-forward,
.woocommerce-error .wc-forward,
.woocommerce-info .wc-forward,
.woocommerce-message .wc-forward {
    order: 2 !important;
}

.wc-block-components-notice-banner .button,
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 36px !important;
    margin-left: auto !important;
    padding: 7px 16px !important;
    border: 1px solid color-mix(in srgb, var(--svc-notice-tone) 28%, var(--ffui-glass-stroke)) !important;
    border-radius: var(--svc-radius-pill) !important;
    background: color-mix(in srgb, var(--svc-notice-tone) 10%, rgba(var(--ivory-rgb), 0.92)) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.2) !important;
    backdrop-filter: blur(12px) saturate(1.2) !important;
    box-shadow: 0 4px 12px rgba(29, 34, 111, 0.08) !important;
    color: var(--ffui-text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: transform .16s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease !important;
}

.wc-block-components-notice-banner .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message .button:hover {
    background: color-mix(in srgb, var(--svc-notice-tone) 16%, rgba(var(--ivory-rgb), 0.96)) !important;
    border-color: color-mix(in srgb, var(--svc-notice-tone) 44%, var(--ffui-glass-stroke)) !important;
    box-shadow: 0 8px 18px rgba(29, 34, 111, 0.12) !important;
    transform: translateY(-1px) !important;
}

/* Checkout feedback is a viewport surface, not page content. WooCommerce's
   legacy mobile snackbar rule sets top:10px on the same node its current
   snackbar list anchors to the bottom; explicitly resolve that conflict and
   keep both block checkout and classic order-pay feedback above site chrome. */
body.woocommerce-checkout .wc-block-components-notices__snackbar.wc-block-components-notice-snackbar-list,
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-notices-wrapper,
body.woocommerce-order-pay .svc-order-pay-notices {
    position: fixed !important;
    top: auto !important;
    right: 24px !important;
    bottom: 24px !important;
    left: 24px !important;
    z-index: var(--svc-layer-notice, 100300) !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 48px);
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto;
    box-sizing: border-box;
    pointer-events: none !important;
}

body.woocommerce-checkout .wc-block-components-notices__snackbar.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner,
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-notices-wrapper > :is(.woocommerce-error, .woocommerce-info, .woocommerce-message),
body.woocommerce-order-pay .svc-order-pay-notices .wc-block-components-notice-banner {
    width: fit-content !important;
    max-width: min(600px, 100%) !important;
    margin: 10px 0 0 !important;
    box-sizing: border-box;
    pointer-events: auto !important;
}

body.woocommerce-checkout .wc-block-components-notices__snackbar.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner:first-child,
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-notices-wrapper > :first-child,
body.woocommerce-order-pay .svc-order-pay-notices .wc-block-components-notice-banner:first-child {
    margin-top: 0 !important;
}

@media (max-width: 640px) {

    body.woocommerce-checkout .wc-block-components-notices__snackbar.wc-block-components-notice-snackbar-list,
    body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-notices-wrapper,
    body.woocommerce-order-pay .svc-order-pay-notices {
        top: auto !important;
        right: 12px !important;
        bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
        left: 12px !important;
        width: auto !important;
        max-height: calc(100dvh - 24px - env(safe-area-inset-bottom, 0px));
    }

    body.woocommerce-checkout .wc-block-components-notices__snackbar.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner,
    body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-notices-wrapper > :is(.woocommerce-error, .woocommerce-info, .woocommerce-message),
    body.woocommerce-order-pay .svc-order-pay-notices .wc-block-components-notice-banner {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
    }

    .wc-block-components-notice-banner,
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        align-items: flex-start !important;
        gap: 12px !important;
        padding: 14px 14px 14px 16px !important;
        font-size: 14px !important;
    }

    .wc-block-components-notice-banner__content {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .wc-block-components-notice-banner .button,
    .woocommerce-error .button,
    .woocommerce-info .button,
    .woocommerce-message .button {
        margin-left: 0 !important;
    }
}

/* Mini-Cart Drawer (Woo Blocks) - Always Frosted */
.wc-block-mini-cart__drawer {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    border-radius: 0 !important;
    view-transition-name: none !important;
}

.wc-block-mini-cart__drawer .wc-block-components-drawer__content {
    background: var(--ffui-glass-bg) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-left: 1px solid var(--ffui-glass-stroke) !important;
    box-shadow: var(--ffui-shadow) !important;
    border-radius: var(--svc-radius-lg) 0 0 var(--svc-radius-lg) !important;
    overflow: hidden !important;
    color: var(--navy) !important;
}

.wc-block-components-drawer__screen-overlay:not(.wc-block-components-drawer__screen-overlay--is-hidden) .wc-block-mini-cart__drawer .wc-block-components-drawer__content {
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
}

.wc-block-mini-cart__drawer .wc-block-components-drawer__close {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--ffui-text) !important;
    opacity: .6 !important;
    transition: opacity .2s ease !important;
}

.wc-block-mini-cart__drawer .wc-block-components-drawer__close:hover {
    opacity: 1 !important;
    background: transparent !important;
}

.wp-block-woocommerce-mini-cart-contents,
.wp-block-woocommerce-filled-mini-cart-contents-block {
    background: transparent !important;
    border: 0 !important;
    color: var(--navy) !important;
}

.wc-block-components-radio-control__input:not(.visually-hidden):not(.screen-reader-text):not([hidden]):not([name="radio-control-wc-payment-method-options"]),
.wc-block-components-checkbox-control__input:not(.visually-hidden):not(.screen-reader-text):not([hidden]) {
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    background: var(--ffui-glass-bg) !important;
    border: 1px solid var(--ffui-glass-stroke) !important;
    box-shadow: var(--ffui-shadow) !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 12px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wc-block-components-radio-control__input:not([name="radio-control-wc-payment-method-options"]) {
    border-radius: var(--svc-radius-pill) !important;
}

.wc-block-components-checkbox-control__input {
    border-radius: var(--svc-radius-2xs) !important;
}

.wc-block-components-radio-control__input:not([name="radio-control-wc-payment-method-options"])::before,
.wc-block-components-checkbox-control__input::before {
    content: "" !important;
    box-sizing: border-box !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: inherit !important;
    background: var(--ffui-text, #1D226F) !important;
    transform: scale(0) !important;
    transition: transform 0.12s ease !important;
    display: block !important;
    margin: 0 !important;
    position: static !important;
}

.wc-block-components-radio-control__input:not([name="radio-control-wc-payment-method-options"]):checked,
.wc-block-components-checkbox-control__input:checked {
    background-color: var(--ffui-glass-bg) !important;
}

.wc-block-components-radio-control__input:not([name="radio-control-wc-payment-method-options"]):checked::before,
.wc-block-components-checkbox-control__input:checked::before {
    transform: scale(1) !important;
}

.wc-block-components-radio-control__input.visually-hidden,
.wc-block-components-radio-control__input.screen-reader-text {
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    position: absolute !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* --- Shipping Rates Control (Frosted) --- */
.wc-block-components-shipping-rates-control {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wc-block-components-shipping-rates-control__package {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
}

.wc-block-components-shipping-rates-control__package-title,
.wc-block-components-shipping-rates-control__package .wc-block-components-title {
    color: var(--ffui-text) !important;
    font-weight: 800 !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
}

/* Each shipping option row - SCOPED to shipping only */
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option {
    display: flex !important;
    align-items: center !important;
    background: var(--ffui-glass-bg) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
    border: 1px solid var(--ffui-glass-stroke) !important;
    border-radius: var(--ffui-radius) !important;
    box-shadow: var(--ffui-shadow) !important;
    padding: 14px 16px !important;
    margin-bottom: 8px !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
    cursor: pointer !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option:last-child {
    margin-bottom: 0 !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option:hover {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 25%, var(--ffui-glass-stroke)) !important;
    box-shadow: 0 8px 24px rgba(221, 48, 29, 0.08), var(--ffui-shadow) !important;
}

/* Kill WooCommerce default separator lines between shipping options */
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option::after,
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option-layout::after,
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option-layout::before {
    display: none !important;
    border: none !important;
    content: none !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control {
    border: none !important;
    outline: none !important;
}

/* Selected shipping option */
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option-checked,
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked {
    background: color-mix(in srgb, var(--ffui-accent) 12%, var(--ffui-glass-bg)) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 35%, white) !important;
    box-shadow: 0 6px 18px rgba(221, 48, 29, 0.10), var(--ffui-shadow) !important;
}

/* Kill WooCommerce's native highlight bar - shipping only */
.wc-block-components-shipping-rates-control .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: 0 6px 18px rgba(221, 48, 29, 0.10), var(--ffui-shadow) !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control--highlight-checked::before,
.wc-block-components-shipping-rates-control .wc-block-components-radio-control--highlight-checked::after {
    display: none !important;
}

/* Shipping radio buttons - visible frosted dot (ID specificity to match payment) */
#shipping-option .wc-block-components-radio-control__input {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-height: 20px !important;
    flex: 0 0 20px !important;
    background: var(--ffui-glass-bg) !important;
    background-image: none !important;
    border: 1px solid var(--ffui-glass-stroke) !important;
    border-radius: var(--svc-radius-pill) !important;
    box-shadow: var(--ffui-shadow) !important;
    padding: 0 !important;
    margin: 0 12px 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    transform: none !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}

#shipping-option .wc-block-components-radio-control__input:checked {
    background: color-mix(in srgb, var(--ffui-accent) 20%, var(--ffui-glass-bg)) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 35%, white) !important;
}

#shipping-option .wc-block-components-radio-control__input::before {
    content: "" !important;
    box-sizing: border-box !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: var(--svc-radius-circle) !important;
    background: var(--ffui-text, #1D226F) !important;
    transform: scale(0) !important;
    transition: transform 0.15s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    display: block !important;
    margin: 0 !important;
    position: static !important;
}

#shipping-option .wc-block-components-radio-control__input:checked::before {
    transform: scale(1) !important;
}

/* Shipping option layout internals */
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option-layout {
    flex: 1 !important;
    min-width: 0 !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label {
    color: var(--ffui-text) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    flex: 1 !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.35 !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control__secondary-label {
    color: var(--ffui-text) !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* --- Saved Address Card (Frosted) --- */
.wc-block-components-address-card {
    background: var(--ffui-glass-bg) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
    border: 1px solid var(--ffui-glass-stroke) !important;
    border-radius: var(--ffui-radius) !important;
    box-shadow: var(--ffui-shadow) !important;
    padding: 16px 18px !important;
}

.wc-block-components-address-card__address-section {
    color: var(--ffui-text) !important;
}

.wc-block-components-address-card__edit {
    color: var(--ffui-text) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.wc-block-components-address-card__edit:hover {
    opacity: 0.7 !important;
}

/* ==========================================================================
   PAYMENT METHODS (Frosted)
   DOM: .wc-block-checkout__payment-method (fieldset)
     > .wc-block-components-radio-control.--highlight-checked
       > .wc-block-components-radio-control-accordion-option   ← THE CARD
         > label.wc-block-components-radio-control__option
           > input.wc-block-components-radio-control__input
           > div.option-layout > div.label-group > span.label
         > div.wc-block-components-radio-control-accordion-content (only on selected)
   ========================================================================== */

/* 1. Reset fieldset chrome only - do NOT touch padding/margin (it's the step container) */
.wc-block-checkout__payment-method {
    border: none !important;
    min-inline-size: 0 !important;
}

/* 2. Kill the --highlight-checked wrapper (it draws the black box) */
.wc-block-checkout__payment-method .wc-block-components-radio-control,
.wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked::before,
.wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked::after {
    display: none !important;
    content: none !important;
}

/* 3. The ACCORDION OPTION is the frosted card */
/* ID scoped for maximum specificity against WooCommerce Blocks internal styles */
#payment-method .wc-block-components-radio-control-accordion-option {
    display: flex !important;
    flex-direction: column !important;
    background: var(--ffui-glass-bg) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
    border: 1px solid var(--ffui-glass-stroke) !important;
    border-radius: var(--ffui-radius) !important;
    box-shadow: var(--ffui-shadow) !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
    outline: none !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

#payment-method .wc-block-components-radio-control-accordion-option:last-child {
    margin-bottom: 0 !important;
}

#payment-method .wc-block-components-radio-control-accordion-option:hover {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 25%, var(--ffui-glass-stroke)) !important;
    box-shadow: 0 8px 24px rgba(221, 48, 29, 0.08), var(--ffui-shadow) !important;
}

/* 4. Selected accordion option */
#payment-method .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
#payment-method .wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
    background: color-mix(in srgb, var(--ffui-accent) 12%, var(--ffui-glass-bg)) !important;
    border: 1px solid color-mix(in srgb, var(--ffui-accent) 35%, white) !important;
    box-shadow: 0 6px 18px rgba(221, 48, 29, 0.10), var(--ffui-shadow) !important;
    outline: none !important;
}

/* 5. The label INSIDE the accordion option - transparent, just a flex row */
#payment-method .wc-block-components-radio-control__option {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    position: relative !important;
}

/* Kill any pseudo-element separators on the label */
#payment-method .wc-block-components-radio-control__option::after,
#payment-method .wc-block-components-radio-control__option::before {
    display: none !important;
    content: none !important;
}

/* Selected label - also transparent (the card handles the highlight) */
#payment-method .wc-block-components-radio-control__option-checked {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 6. Payment radio - VISIBLE frosted dot (ID specificity beats all class rules) */
#payment-method .wc-block-components-radio-control__input {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-height: 20px !important;
    flex: 0 0 20px !important;
    background: var(--ffui-glass-bg) !important;
    background-image: none !important;
    border: 1px solid var(--ffui-glass-stroke) !important;
    border-radius: var(--svc-radius-pill) !important;
    box-shadow: var(--ffui-shadow) !important;
    padding: 0 !important;
    margin: 0 12px 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    transform: none !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}

#payment-method .wc-block-components-radio-control__input:checked {
    background: color-mix(in srgb, var(--ffui-accent) 20%, var(--ffui-glass-bg)) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 35%, white) !important;
}

#payment-method .wc-block-components-radio-control__input::before {
    content: "" !important;
    box-sizing: border-box !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: var(--svc-radius-circle) !important;
    background: var(--ffui-text, #1D226F) !important;
    transform: scale(0) !important;
    transition: transform 0.15s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    display: block !important;
    margin: 0 !important;
    position: static !important;
}

#payment-method .wc-block-components-radio-control__input:checked::before {
    transform: scale(1) !important;
}

/* 7. Layout internals */
#payment-method .wc-block-components-radio-control__option-layout {
    flex: 1 !important;
    min-width: 0 !important;
}

#payment-method .wc-block-components-radio-control__label {
    color: var(--ffui-text) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

/* 8. Accordion content - description & payment icons area */
/* ID scoped to beat WooCommerce Blocks internal grid/absolute positioning */
#payment-method .wc-block-components-radio-control-accordion-content {
    background: transparent !important;
    border: none !important;
    border-top: 1px solid var(--ffui-glass-stroke) !important;
    box-shadow: none !important;
    padding: 10px 16px 14px !important;
    margin: 0 !important;
    outline: none !important;
    color: color-mix(in srgb, var(--ffui-text) 65%, transparent) !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.2px !important;
    /* Force it below the label as a normal block element */
    display: block !important;
    position: static !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    order: 2 !important;
    float: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
}

/* Ensure the label is always FIRST in flex order */
#payment-method .wc-block-components-radio-control-accordion-option>label {
    width: 100% !important;
    flex-shrink: 0 !important;
    order: 1 !important;
}

/* Constrain images inside accordion content so they never overflow */
#payment-method .wc-block-components-radio-control-accordion-content img {
    max-height: 28px !important;
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* HitPay background layer - flex layout for icons (BLOCK CHECKOUT ONLY) */
/* Scoped to accordion content to avoid overriding the full-screen drop-in overlay on classic/order-pay */
.wc-block-components-radio-control-accordion-content #hitpay_background_layer {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    align-items: center !important;
    align-content: flex-start !important;
    padding: 4px 0 !important;
    width: 100% !important;
    height: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
    z-index: auto !important;
}

.wc-block-components-radio-control-accordion-content #hitpay_background_layer>* {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* HitPay classic checkout / order-pay icon container (injected by FFUI JS) */
.ffui-hitpay-icons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 8px 0 4px !important;
}

.ffui-hitpay-icons img {
    height: 24px !important;
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* --- Order Summary (Forminator Accordion Panel Clone) --- */
/* Apply the floating card to BOTH the desktop sidebar wrapper AND the mobile fill-wrapper */
.wc-block-components-checkout-order-summary,
.wp-block-woocommerce-checkout-order-summary-block,
.checkout-order-summary-block-fill-wrapper {
    border: 1px solid rgba(29, 34, 111, .16) !important;
    border-radius: var(--svc-radius-card) !important;
    background: var(--svc-card-bg) !important;
    -webkit-backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate)) !important;
    backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate)) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04) !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
    padding: 24px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.wc-block-components-checkout-order-summary:hover,
.wp-block-woocommerce-checkout-order-summary-block:hover,
.checkout-order-summary-block-fill-wrapper:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .12) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 40%, rgba(29, 34, 111, .16)) !important;
}

/* Reset inner wrappers: strip backgrounds/borders/shadows but KEEP native padding/margin for spacing */
.checkout-order-summary-block-fill,
.checkout-order-summary-block-fill-wrapper .wc-block-components-checkout-step__heading,
.checkout-order-summary-block-fill-wrapper .wc-block-components-order-summary,
.checkout-order-summary-block-fill-wrapper .wc-block-components-totals-wrapper,
.checkout-order-summary-block-fill-wrapper [class*="wp-block-woocommerce-checkout-order-summary-"],
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block [class*="wp-block-woocommerce-checkout-order-summary-"],
.wc-block-components-checkout-order-summary .wc-block-components-totals-wrapper,
.wc-block-components-order-summary .wc-block-components-panel,
.wc-block-components-order-summary .wc-block-components-panel__content,
.wc-block-components-order-summary .wc-block-components-order-summary-item {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
}

/* Kill pseudo-element separators injected by WooCommerce Blocks */
.checkout-order-summary-block-fill-wrapper .wc-block-components-totals-wrapper::before,
.checkout-order-summary-block-fill-wrapper .wc-block-components-totals-wrapper::after,
.checkout-order-summary-block-fill-wrapper [class*="wp-block-woocommerce-checkout-order-summary-"]::before,
.checkout-order-summary-block-fill-wrapper [class*="wp-block-woocommerce-checkout-order-summary-"]::after,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper::before,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper::after,
.wp-block-woocommerce-checkout-order-summary-block [class*="wp-block-woocommerce-checkout-order-summary-"]::before,
.wp-block-woocommerce-checkout-order-summary-block [class*="wp-block-woocommerce-checkout-order-summary-"]::after,
.wc-block-components-checkout-order-summary .wc-block-components-totals-wrapper::before,
.wc-block-components-checkout-order-summary .wc-block-components-totals-wrapper::after {
    content: none !important;
    display: none !important;
    border: none !important;
}

/* Checkout summary separators */
.wc-block-checkout .wc-block-components-totals-item,
.wc-block-checkout .wc-block-components-totals-coupon,
.wc-block-checkout .wc-block-components-totals-footer-item,
.wc-block-checkout .wc-block-components-order-summary-item {
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Add back ONE clean separator above each totals row */
.checkout-order-summary-block-fill-wrapper .wc-block-components-totals-item,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-item,
.wc-block-components-checkout-order-summary .wc-block-components-totals-item {
    border-top: 1px solid rgba(29, 34, 111, .10) !important;
    padding-top: 14px !important;
    margin-top: 14px !important;
}

/* No line above Subtotal (first real totals row) */
.checkout-order-summary-block-fill-wrapper .wc-block-components-totals-item:first-child,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-item:first-child,
.wc-block-components-checkout-order-summary .wc-block-components-totals-item:first-child,
.checkout-order-summary-block-fill-wrapper .wc-block-components-totals-item.wc-block-components-totals-item--subtotal,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-item.wc-block-components-totals-item--subtotal,
.wc-block-components-checkout-order-summary .wc-block-components-totals-item.wc-block-components-totals-item--subtotal {
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Footer total gets a slightly heavier line */
.checkout-order-summary-block-fill-wrapper .wc-block-components-totals-footer-item,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-footer-item,
.wc-block-components-checkout-order-summary .wc-block-components-totals-footer-item {
    border-top: 1px solid rgba(29, 34, 111, .15) !important;
    padding-top: 14px !important;
    margin-top: 4px !important;
}

/* ============================================================
   MOBILE ORDER SUMMARY: Sleek Accordion (Forminator-style)
   Target: .wp-block-woocommerce-checkout-order-summary-block 
   which uses __title / __content with .is-open toggle
   ============================================================ */

/* Kill the top/bottom horizontal lines at the card edges */
.wp-block-woocommerce-checkout-order-summary-block>.wc-block-components-checkout-order-summary__title {
    border: none !important;
    outline: none !important;
    padding: 20px 24px !important;
    margin: 0 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.wp-block-woocommerce-checkout-order-summary-block>.wc-block-components-checkout-order-summary__title:focus,
.wp-block-woocommerce-checkout-order-summary-block>.wc-block-components-checkout-order-summary__title:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.wp-block-woocommerce-checkout-order-summary-block>.wc-block-components-checkout-order-summary__content {
    border: none !important;
}

/* Kill any stray borders on the very first and very last wrappers inside the content */
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper:first-child {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Smooth slide animation for the content panel */
.wp-block-woocommerce-checkout-order-summary-block>.wc-block-components-checkout-order-summary__content {
    overflow: hidden !important;
    transition: max-height 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s ease !important;
}

/* Only hide and animate as an accordion on mobile */
@media (max-width: 959px) {
    .wp-block-woocommerce-checkout-order-summary-block>.wc-block-components-checkout-order-summary__content:not(.is-open) {
        max-height: 0 !important;
        opacity: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-top: none !important;
    }

    .wp-block-woocommerce-checkout-order-summary-block>.wc-block-components-checkout-order-summary__content.is-open {
        max-height: 2000px !important;
        opacity: 1 !important;
    }
}

/* Smooth caret rotation on the toggle icon */
.wc-block-components-checkout-order-summary__title-icon {
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    display: inline-flex !important;
}

@media (min-width: 960px) {
    .wc-block-components-checkout-order-summary__title-icon {
        display: none !important;
    }

    .wp-block-woocommerce-checkout-order-summary-block>.wc-block-components-checkout-order-summary__title {
        pointer-events: none !important;
        cursor: default !important;
    }
}

.svc-order-pay-summary .wc-block-components-checkout-order-summary__title[aria-expanded="false"] .wc-block-components-checkout-order-summary__title-icon {
    transform: rotate(0deg) !important;
}

.svc-order-pay-summary .wc-block-components-checkout-order-summary__title.is-open .wc-block-components-checkout-order-summary__title-icon,
.svc-order-pay-summary .wc-block-components-checkout-order-summary__title[aria-expanded="true"] .wc-block-components-checkout-order-summary__title-icon {
    transform: rotate(180deg) !important;
}

/* Coupon panel - completely flattened inside order summary AND native button restored */
.wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.wc-block-components-totals-coupon,
.wc-block-components-totals-coupon .wc-block-components-panel,
.wc-block-components-totals-coupon .wc-block-components-panel__content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.wc-block-components-panel__button {
    background: transparent !important;
    border: none !important;
    color: var(--ffui-text) !important;
    font-weight: 700 !important;
}

/* Coupon Apply Button - styled like svc-ffui-btn */
.wc-block-components-totals-coupon__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: color-mix(in srgb, var(--ffui-accent) 20%, rgba(253, 251, 239, 0.75)) !important;
    border: 1px solid color-mix(in srgb, var(--ffui-accent) 35%, white) !important;
    color: var(--ffui-text) !important;
    padding: 10px 20px !important;
    border-radius: var(--svc-radius-control) !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(221, 48, 29, 0.06) !important;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    white-space: nowrap !important;
    min-height: 44px !important;
}

.wc-block-components-totals-coupon__button:hover:not(:disabled) {
    background: color-mix(in srgb, var(--ffui-accent) 30%, rgba(253, 251, 239, 0.90)) !important;
    border-color: color-mix(in srgb, var(--ffui-accent) 50%, white) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(221, 48, 29, 0.15) !important;
}

/* Checkout Step Containers - remove default borders */
.wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control,
.wc-block-checkout__payment-method,
.wc-block-components-checkout-step__content {
    border: none !important;
}

/* WC block primary buttons → integrations.css */

/* Return to Cart link */
.wc-block-components-checkout-return-to-cart-button {
    color: var(--ffui-text) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.wc-block-components-checkout-return-to-cart-button:hover {
    opacity: 0.7 !important;
}


/* Checkout order summary: sticky offset below floating header (same as filters). */
@media (min-width: 769px) {
    .wc-block-checkout__sidebar {
        top: calc(var(--head-gap, 10px) + var(--svc-chrome-header-h, 76px) + env(safe-area-inset-top, 0px) + 16px) !important;
    }
}


/* Forminator form UI moved to forminator-rep.css (loaded on /rep/ only). */

/* ==========================================================================
   SAMVEECHI ambient background v7.0
   Warm gradient canvas only - intentionally no navy grid overlay.
   ========================================================================== */
body.svc-ambient-bg {
    --svc-ambient-bg:
        radial-gradient(circle at 4% 0%, rgba(228, 59, 50, .22), transparent 34rem),
        radial-gradient(circle at 94% 2%, rgba(255, 167, 132, .32), transparent 35rem),
        radial-gradient(circle at 86% 78%, rgba(255, 207, 116, .17), transparent 30rem),
        radial-gradient(circle at 14% 88%, rgba(228, 59, 50, .12), transparent 32rem),
        linear-gradient(135deg, #fffdf1 0%, #fff8ea 44%, #fff0e4 100%);
    min-height: 100vh;
    background:
        radial-gradient(circle at 4% 0%, rgba(228, 59, 50, .22), transparent 34rem),
        radial-gradient(circle at 94% 2%, rgba(255, 167, 132, .32), transparent 35rem),
        radial-gradient(circle at 86% 78%, rgba(255, 207, 116, .17), transparent 30rem),
        radial-gradient(circle at 14% 88%, rgba(228, 59, 50, .12), transparent 32rem),
        linear-gradient(135deg, #fffdf1 0%, #fff8ea 44%, #fff0e4 100%) !important;
    background-attachment: scroll;
}

body.svc-ambient-bg::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, .40), transparent 42%),
        radial-gradient(ellipse at 50% 100%, rgba(228, 59, 50, .16), transparent 56%);
    filter: none;
}

@media (max-width: 781px) {
    body.svc-ambient-bg {
        background-attachment: scroll;
    }

    body.svc-ambient-bg::before {
        filter: none;
    }
}

body.svc-ambient-bg .wp-site-blocks,
body.svc-ambient-bg main,
body.svc-ambient-bg .site,
body.svc-ambient-bg .site-main {
    background: transparent;
}

body.svc-ambient-bg:not(.svc-motion-immersive-active) .svc-category-showroom--global-nav .svc-category-showroom__nav:not(.svc-chrome-scrolled) {
    background: transparent;
    background-attachment: initial;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.svc-ambient-bg .wp-site-blocks > header.stuck {
    background: var(--svc-float-bg, rgba(253, 251, 239, .86)) !important;
    -webkit-backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4)) !important;
    backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4)) !important;
}

body.svc-ambient-bg .svc-category-showroom--global-nav .svc-category-showroom__nav.svc-chrome-scrolled {
    background: var(--svc-static-float-bg) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.svc-ambient-bg .wp-site-blocks > header.stuck::before {
    opacity: 0 !important;
}

/* Keep header chrome and navigation overlays visible when sticky/scrolled */
.wp-site-blocks > header,
header.wp-block-template-part,
.wp-site-blocks > header .wp-block-navigation,
.wp-site-blocks > header .wp-block-group {
  overflow: visible !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: var(--svc-layer-navigation-modal, 100001) !important;
}

html body .wp-block-navigation-item {
  position: relative !important;
}

/* Scoped floating chrome state. site-utilities.js no longer uses body.scrolled. */
body.svc-ambient-bg .svc-category-showroom--global-nav .svc-category-showroom__nav.svc-chrome-scrolled:not(.svc-motion-header-immersive) {
    background: var(--svc-static-float-bg) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, .20)) !important;
}

html body .wp-block-navigation__submenu-container {
  position: absolute !important;
}

/* Normal pages use a transparent full-width header at top; .stuck owns the floating state.
   Immersive carousel headers keep their transparent treatment until the page leaves that section. */
html body.svc-ambient-bg:not(.svc-motion-immersive-active) .wp-site-blocks > header:not(.stuck),
html body.svc-ambient-bg:not(.svc-motion-immersive-active) header.wp-block-template-part:not(.stuck) {
    top: 0 !important;
    transform: translate3d(0, 0, 0) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: calc(var(--ht, 1.4rem) + env(safe-area-inset-top, 0px)) var(--hx, .90rem) var(--hb, 1rem) !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

html body.svc-ambient-bg:not(.svc-motion-immersive-active) .wp-site-blocks > header::before,
html body.svc-ambient-bg:not(.svc-motion-immersive-active) header.wp-block-template-part::before {
    opacity: 0 !important;
}

@media (min-width: 1025px) {
    html body.svc-ambient-bg:not(.svc-motion-immersive-active) .wp-site-blocks > header.stuck,
    html body.svc-ambient-bg:not(.svc-motion-immersive-active) header.wp-block-template-part.stuck {
        max-width: min(var(--head-max, 1160px), 92vw) !important;
    }
}

@media (max-width: 782px) {
    .wp-site-blocks > header .is-content-justification-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: .28rem !important;
        margin-left: auto !important;
    }
}

/* Footer Policies submenu. This is global navigation, not a form dropdown. */
html body .wp-site-blocks > footer.wp-block-template-part .wp-block-navigation-item__content {
    display: inline-flex !important;
    align-items: center !important;
    min-block-size: 24px !important;
}

html body .wp-site-blocks > footer.wp-block-template-part .wp-block-navigation-submenu__toggle,
html body .wp-site-blocks > footer.wp-block-template-part .wp-block-navigation__submenu-icon {
    width: 24px !important;
    height: 24px !important;
}

html body .wp-site-blocks > footer.wp-block-template-part .wp-block-navigation__submenu-container {
    box-sizing: border-box !important;
    width: max-content !important;
    min-width: min(220px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    gap: 2px !important;
    padding: 6px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

html body .wp-site-blocks > footer.wp-block-template-part .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    box-sizing: border-box !important;
    min-height: 40px !important;
    padding: 10px 13px !important;
    font-size: .92rem !important;
    line-height: 1.25 !important;
    white-space: nowrap;
}

html body .wp-site-blocks > footer.wp-block-template-part .wp-block-navigation__submenu-container.svc-footer-submenu--positioned {
    top: var(--svc-footer-submenu-top) !important;
    right: auto !important;
    bottom: auto !important;
    left: var(--svc-footer-submenu-left) !important;
    max-height: var(--svc-footer-submenu-max-height, calc(100dvh - 24px)) !important;
    transform-origin: var(--svc-footer-submenu-origin, top left);
}

html body .wp-site-blocks > footer.wp-block-template-part .wp-block-navigation__submenu-container.svc-footer-submenu--positioned {
    animation-name: svc-footer-submenu-in-up;
}

@keyframes svc-footer-submenu-in-up {
    from {
        opacity: 0;
        transform: translateY(0);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html body .wp-block-navigation__submenu-container {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--svc-dropdown-option-gap) !important;
    padding: var(--svc-dropdown-panel-padding) !important;
    overflow: hidden;
    z-index: var(--svc-layer-popover, 99999);
    color: var(--svc-text) !important;
    background: var(--svc-dropdown-panel-bg) !important;
    border: 1px solid var(--svc-dropdown-panel-border) !important;
    border-radius: var(--svc-dropdown-panel-radius) !important;
    box-shadow: var(--svc-dropdown-panel-shadow) !important;
    font-family: var(--svc-font-ui) !important;
    animation: ffui-submenu-in .25s cubic-bezier(.22, .61, .36, 1) both;
}

html body .wp-block-navigation__submenu-container .wp-block-navigation-item {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    transition: none !important;
}

html body .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
    transform: none !important;
    background: transparent !important;
}

html body .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    display: block !important;
    padding: var(--svc-dropdown-option-padding) !important;
    border-radius: var(--svc-dropdown-option-radius) !important;
    color: var(--svc-text) !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: var(--svc-dropdown-option-weight) !important;
    text-decoration: none !important;
    opacity: 1 !important;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

html body .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
html body .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
    color: var(--svc-text) !important;
    background: var(--svc-dropdown-option-hover) !important;
}

@keyframes ffui-submenu-in {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width: 641px) {
    html body .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
        pointer-events: none !important;
    }
}

@media (max-width: 640px) {
    html body .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}

html body .wp-block-navigation-submenu__toggle,
html body .wp-block-navigation__submenu-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 18px !important;
    height: 18px !important;
    margin-left: 2px !important;
    padding: 0 !important;
    color: var(--svc-text) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

html body .wp-block-navigation-submenu__toggle::after,
html body .wp-block-navigation__submenu-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--svc-caret-menu-size);
    height: var(--svc-caret-menu-size);
    border-right: var(--svc-caret-menu-weight) solid var(--svc-text);
    border-bottom: var(--svc-caret-menu-weight) solid var(--svc-text);
    transform: translate(-50%, -65%) rotate(45deg);
    transition: transform .25s cubic-bezier(.22, .61, .36, 1);
}

html body .wp-block-navigation-submenu__toggle:hover,
html body .wp-block-navigation__submenu-icon:hover {
    opacity: .7 !important;
}

html body .wp-block-navigation-submenu__toggle svg,
html body .wp-block-navigation__submenu-icon svg {
    display: none !important;
}

html body .wp-block-navigation-submenu__toggle[aria-expanded="true"]::after,
html body .wp-block-navigation__submenu-icon[aria-expanded="true"]::after {
    transform: translate(-50%, -35%) rotate(225deg) !important;
}

.wp-block-navigation__submenu-container::-webkit-scrollbar {
    width: 6px;
}

.wp-block-navigation__submenu-container::-webkit-scrollbar-track {
    background: transparent;
}

.wp-block-navigation__submenu-container::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--svc-text) 20%, transparent);
    border-radius: var(--svc-radius-sm);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html body .wp-block-navigation__submenu-container {
        background: rgba(253, 251, 239, .92) !important;
    }
}

/* Account dashboard and account-details cleanup. */
.woocommerce-EditAccountForm fieldset.ffui-password-fieldset-hidden,
.woocommerce-EditAccountForm fieldset:has(#password_current),
.woocommerce-account form.edit-account fieldset,
.woocommerce-account form.woocommerce-EditAccountForm fieldset,
.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-account fieldset:has(#password_current),
.woocommerce-account fieldset:has(#password_1),
.woocommerce-account fieldset:has(#password_2),
form.edit-account fieldset:has(#password_current),
form.woocommerce-EditAccountForm fieldset:has(#password_current),
fieldset:has(#password_current),
fieldset:has(#password_1),
fieldset:has(#password_2) {
    display: none !important;
}

.svc-mega-menu,.svc-mm-backdrop,.svc-mm-drawer,.svc-mm-mega{--mm-orange:#DD301D;--mm-ink:#1d226f;--mm-stroke:rgba(221, 48, 29, .18);--mm-blur:20px;--mm-sat:1.3;--mm-ease:cubic-bezier(.25, .46, .45, .94);--mm-glass:linear-gradient(
      140deg,
      rgba(255, 225, 215, .82) 0%,
      rgba(255, 242, 236, .85) 42%,
      rgba(253, 251, 239, .82) 100%
    )}.svc-mega-menu{display:flex;align-items:center;gap:0;position:static}.svc-mm-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;background:0 0;border:none;cursor:pointer;border-radius:10px;color:inherit;transition:background .18s;flex-shrink:0}.svc-mm-burger:hover{background:rgba(221,48,29,.1)}.svc-mm-burger>span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transform-origin:center;transition:transform .28s var(--mm-ease),opacity .22s ease,width .22s ease}.svc-mm-burger[aria-expanded=true]>span:first-child{transform:translateY(7px) rotate(45deg)}.svc-mm-burger[aria-expanded=true]>span:nth-child(2){opacity:0;width:0}.svc-mm-burger[aria-expanded=true]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.svc-mm-nav-wrap{display:flex;align-items:center}@media (max-width:782px){.svc-mm-burger{display:flex}.svc-mm-nav-wrap{display:none}}.svc-mm-nav{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.svc-mm-item{position:static}.svc-mm-link{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:650;letter-spacing:-.01em;color:inherit;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.svc-mm-item.is-active .svc-mm-link,.svc-mm-item.is-mega-open .svc-mm-link,.svc-mm-link:hover{background:rgba(221,48,29,.1);color:var(--mm-orange)}.svc-mm-mega[hidden]{display:block!important;visibility:hidden;pointer-events:none}.svc-mm-mega{position:fixed;--svc-mm-header-gap:8px;top:var(--svc-mm-anchor-top,calc(var(--svc-chrome-header-h,76px) + var(--svc-mm-header-gap)));left:50%;transform:translateX(-50%) translateY(-8px) scale(.97);z-index:var(--svc-layer-mega-panel,100002);width:min(1080px,calc(100vw - 32px));background:var(--mm-glass);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--mm-stroke);border-radius:24px;box-shadow:0 32px 80px rgba(221,48,29,.14),0 8px 24px rgba(0,0,0,.1);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s var(--mm-ease),visibility .2s}.svc-mm-mega:not([hidden]){opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0) scale(1);-webkit-backdrop-filter:blur(var(--mm-blur)) saturate(var(--mm-sat));backdrop-filter:blur(var(--mm-blur)) saturate(var(--mm-sat))}.svc-mm-panel{display:none}.svc-mm-panel[hidden]{display:none}.svc-mm-panel.is-active{display:grid;grid-template-columns:minmax(260px,33%) minmax(0,1fr);min-height:300px}.svc-mm-panel-heading{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:14px;padding:36px 108px 36px 32px;margin-right:-72px;clip-path:polygon(0 0,calc(100% - 74px) 0,100% 100%,0 100%);background:linear-gradient(150deg,rgba(255,195,175,.92) 0,rgba(255,228,212,.96) 50%,rgba(253,245,238,.9) 100%);border:0;min-width:0}.svc-mm-panel-heading::after{content:none;display:none}.svc-mm-eyebrow{font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mm-orange);margin:0}.svc-mm-panel-heading h2{font-size:clamp(2rem, 4vw, 3.8rem);font-weight:820;line-height:.94;letter-spacing:-.04em;color:var(--mm-ink);max-width:8ch;text-wrap:balance;margin:0}.svc-mm-view-all{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--mm-orange);background:rgba(221,48,29,.07);color:var(--mm-orange);font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,transform .18s var(--mm-ease),box-shadow .15s}.svc-mm-view-all:hover{background:var(--mm-orange);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(221,48,29,.32)}.svc-mm-panel-grid{display:flex;flex-direction:column;justify-content:center;padding:36px 36px 36px 96px;min-width:0}.svc-mm-panel-grid>div>h3{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(29,34,111,.38);margin:0 0 14px}.svc-mm-links{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;list-style:none;padding:0;margin:0}.svc-mm-links li{margin:0;padding:0;list-style:none}.svc-mm-links a{display:flex;align-items:center;min-height:50px;padding:0 20px;border-radius:16px;border:1.5px solid rgba(221,48,29,.12);background:rgba(255,242,235,.64);-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.88rem;font-weight:700;color:var(--mm-ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,border-color .15s,color .15s,transform .2s var(--mm-ease),box-shadow .18s}.svc-mm-links a:hover{background:rgba(221,48,29,.07);border-color:rgba(221,48,29,.4);color:var(--mm-orange);transform:translateY(-3px);box-shadow:0 8px 22px rgba(221,48,29,.2)}.svc-mm-drawer:not([hidden]) .svc-mm-links a,.svc-mm-mega:not([hidden]) .svc-mm-links a{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width:900px){.svc-mm-mega{width:min(960px,calc(100vw - 20px))}.svc-mm-panel.is-active{grid-template-columns:minmax(220px,38%) minmax(0,1fr)}.svc-mm-panel-grid{padding-left:76px}.svc-mm-links{grid-template-columns:1fr}}.svc-mm-backdrop[hidden]{display:block!important;visibility:hidden;pointer-events:none}.svc-mm-backdrop{position:fixed;inset:0;z-index:var(--svc-layer-mega-backdrop,100003);background:rgba(29,34,111,.24);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s}.svc-mm-backdrop:not([hidden]){opacity:1;visibility:visible;pointer-events:all;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.svc-mm-drawer[hidden]{display:flex!important;visibility:hidden;pointer-events:none}.svc-mm-drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--svc-layer-mega-drawer,100004);width:min(380px,92vw);display:flex;flex-direction:column;overflow:hidden;background:var(--mm-glass);-webkit-backdrop-filter:none;backdrop-filter:none;border-left:1px solid var(--mm-stroke);box-shadow:-12px 0 48px rgba(221,48,29,.14),-3px 0 14px rgba(0,0,0,.08);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .34s var(--mm-ease),visibility .34s}.svc-mm-drawer:not([hidden]){transform:translateX(0);visibility:visible;pointer-events:all;-webkit-backdrop-filter:blur(var(--mm-blur)) saturate(var(--mm-sat));backdrop-filter:blur(var(--mm-blur)) saturate(var(--mm-sat))}.svc-mm-overlay-body{display:flex;flex-direction:column;height:100%;overflow:hidden}.svc-mm-overlay-edit{box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;min-height:56px;padding:14px 20px;border-top:1px solid var(--mm-stroke);color:var(--mm-ink);text-decoration:none;transition:color .15s,background .15s}.svc-mm-overlay-edit-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.svc-mm-overlay-edit-label strong{color:var(--mm-orange)}.svc-mm-overlay-edit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--mm-ease)}.svc-mm-overlay-edit:focus-visible,.svc-mm-overlay-edit:hover{color:var(--mm-orange);background:rgba(221,48,29,.06)}.svc-mm-overlay-edit:focus-visible svg,.svc-mm-overlay-edit:hover svg{transform:translateX(3px)}.svc-mm-overlay-edit:focus-visible{outline:2px solid color-mix(in srgb,var(--mm-orange) 35%,transparent);outline-offset:-3px}.svc-mm-overlay-hd{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 18px;border-bottom:1px solid var(--mm-stroke);flex-shrink:0}.svc-mm-overlay-brand{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mm-ink);text-decoration:none}.svc-mm-overlay-brand strong{color:var(--mm-orange)}.svc-mm-overlay-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:rgba(221,48,29,.08);color:var(--mm-orange);cursor:pointer;flex-shrink:0;transition:background .15s,transform .22s var(--mm-ease)}.svc-mm-overlay-close>span{display:block;width:14px;height:14px;position:relative;pointer-events:none}.svc-mm-overlay-close>span::after,.svc-mm-overlay-close>span::before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:currentColor;border-radius:2px;transition:transform .22s var(--mm-ease)}.svc-mm-overlay-close>span::before{transform:translateY(-50%) rotate(45deg)}.svc-mm-overlay-close>span::after{transform:translateY(-50%) rotate(-45deg)}.svc-mm-overlay-close:hover{background:rgba(221,48,29,.18);transform:rotate(90deg)}.svc-mm-overlay-nav{display:flex;flex-direction:column;min-height:0;padding:18px 20px 32px;flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.svc-mm-overlay-section{display:flex;flex-direction:column;border-bottom:1px solid var(--mm-stroke);padding-bottom:10px;margin-bottom:10px}.svc-mm-overlay-section:last-child{border-bottom:0;margin-bottom:0}.svc-mm-overlay-cat{font-size:1rem;font-weight:750;color:var(--mm-ink);text-decoration:none;padding:10px 0;transition:color .15s,padding-left .15s}.svc-mm-overlay-cat:hover{color:var(--mm-orange);padding-left:4px}.svc-mm-overlay-subcats{display:flex;flex-direction:column;gap:2px;padding-left:10px}.svc-mm-overlay-subcat{font-size:.88rem;font-weight:500;color:rgba(29,34,111,.58);text-decoration:none;padding:7px 10px;border-radius:10px;transition:background .12s,color .14s,transform .14s var(--mm-ease)}.svc-mm-overlay-subcat:hover{background:rgba(221,48,29,.08);color:var(--mm-orange);transform:translateX(4px)}.wp-site-blocks>header.svc-home-header-immersive,header.wp-block-template-part.svc-home-header-immersive{background:0 0!important;box-shadow:none!important;color:#fff!important}.svc-home-header-immersive *{color:inherit}.svc-home-header-immersive .wp-block-navigation-item__content,.svc-home-header-immersive a,.svc-home-header-immersive button{color:rgba(255,255,255,.92)!important}.svc-home-header-immersive svg{fill:rgba(255,255,255,.85);color:rgba(255,255,255,.85)}
/* ============================================================
   Samveechi Home - fresh build
   ============================================================ */

/* ── TOKENS ─────────────────────────────────────────────── */
:root {
  --ink: #1D226F;
  --red: #DD301D;
  --cream: #FDFBEF;
  --stroke: rgba(29, 34, 111, .12);
  --card: 20px;
  --pill: 999px;
  --fh: "Instrument Sans", system-ui, sans-serif;
  --fu: "Montserrat", system-ui, sans-serif;
}

html body.home.svc-ambient-bg {
  background:
    linear-gradient(to bottom, #FDFBEF 0, #FDFBEF 100svh, rgba(253, 251, 239, 0) 100svh),
    radial-gradient(circle at 4% 100svh, rgba(228, 59, 50, .22), transparent 34rem),
    radial-gradient(circle at 94% calc(100svh + 2rem), rgba(255, 167, 132, .32), transparent 35rem),
    radial-gradient(circle at 86% 78%, rgba(255, 207, 116, .17), transparent 30rem),
    radial-gradient(circle at 14% 88%, rgba(228, 59, 50, .12), transparent 32rem),
    linear-gradient(135deg, #fffdf1 0%, #fff8ea 44%, #fff0e4 100%);
  background-attachment: scroll;
  background-repeat: no-repeat;
}

html body.home.svc-ambient-bg::before {
  display: none;
}

.svc-home {
  position: relative;
  margin-block-start: 0;
  background: transparent;
  overflow-x: clip;
}

.svc-home-carousel,
.svc-editorial,
.svc-ticker-strip,
.svc-tagline-section,
.svc-social-section {
  position: relative;
  z-index: 1;
}

/* ── HEADER: fixed so carousel goes behind it ────────────── */
body.home .wp-site-blocks>header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: var(--svc-layer-header, 9997);
}

body.home .wp-site-blocks,
body.home .wp-site-blocks>main {
  padding-block-start: 0 !important;
  margin-block-start: 0 !important;
}

body.home.svc-ambient-bg .wp-site-blocks,
body.home.svc-ambient-bg .wp-site-blocks>main,
body.home.svc-ambient-bg .wp-site-blocks>footer,
body.home.svc-ambient-bg .wp-site-blocks>footer>.wp-block-group,
body.home.svc-ambient-bg footer.wp-block-template-part {
  background: transparent !important;
}

/* ── CAROUSEL ────────────────────────────────────────────── */
.svc-home-carousel-shell {
  position: relative;
  width: 100%;
}

.svc-home-carousel {
  position: relative;
  width: 100%;
  height: var(--svc-home-carousel-height, 100svh);
  overflow: hidden;
  background: #FDFBEF
}

.svc-home-carousel-shell--aspect .svc-home-carousel {
  height: auto;
  aspect-ratio: var(--svc-home-carousel-aspect-ratio, 16 / 9);
}

.svc-home-carousel-strip {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  overscroll-behavior-x: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-y
}

.svc-home-carousel-strip::-webkit-scrollbar {
  display: none
}

.svc-home-track-panel {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  scroll-snap-align: start;
  scroll-snap-stop: always
}

.svc-home-track-slides {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch
}

.svc-home-track-slides::-webkit-scrollbar {
  display: none
}

.svc-home-track-slides>.svc-home-carousel-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always
}

.svc-home-carousel-slide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.svc-home-carousel-slide--hero {
  display: flex;
  align-items: flex-end;
  background: #FDFBEF
}

.svc-home-mobile-trackbar {
  display: none;
}

@media (max-width: 782px) {
  .svc-home {
    --svc-home-mobile-trackbar-h: 62px;
    --svc-home-mobile-chrome-clearance: calc(var(--svc-nav-height, 64px) + var(--svc-home-mobile-trackbar-h) + 42px + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
  }

  .svc-home-mobile-trackbar {
    --svc-home-trackbar-pad: 6px;
    --svc-home-trackbar-gap: 4px;
    position: fixed;
    left: 0;
    right: var(--svc-visual-right-offset, 0px);
    bottom: calc(var(--svc-nav-height, 64px) + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
    z-index: var(--svc-nav-underlay-z, 9996);
    display: block;
    width: auto;
    padding: 6px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    pointer-events: none;
    transform: translate3d(0, 0, 0);
    contain: layout paint style;
    isolation: isolate;
    will-change: transform, border-radius, box-shadow;
    transition:
      border-radius var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
      box-shadow var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
  }

  .svc-home-mobile-trackbar,
  .svc-home-mobile-trackbar * {
    box-sizing: border-box;
  }

  .svc-home-mobile-trackbar::before,
  .svc-home-mobile-trackbar::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    transition: opacity var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
  }

  .svc-home-mobile-trackbar::before {
    background: rgb(var(--ivory-rgb, var(--svc-ivory-rgb, 253, 251, 239)));
    opacity: 1;
  }

  .svc-home-mobile-trackbar::after {
    background: var(--svc-float-bg, rgba(253, 251, 239, .86));
    -webkit-backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4));
    backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4));
    opacity: 0;
  }

  .svc-home-mobile-trackbar.svc-chrome-scrolled {
    left: max(12px, 7.5vw);
    right: max(12px, 7.5vw);
    transform: translate3d(0, calc(-1 * (var(--svc-nav-gap, 18px) + 8px)), 0);
    border-radius: var(--svc-nav-radius, var(--svc-float-radius, 22px));
    -webkit-backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4));
    backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4));
    box-shadow: var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, .20)) !important;
    contain: layout style;
    isolation: auto;
  }

  .svc-home-mobile-trackbar.svc-chrome-scrolled::before {
    opacity: 0;
  }

  .svc-home-mobile-trackbar.svc-chrome-scrolled::after {
    opacity: 1;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body.svc-home-immersive-active .svc-home-mobile-trackbar {
    left: 0;
    right: var(--svc-visual-right-offset, 0px);
    padding: 6px max(10px, env(safe-area-inset-left, 0px)) 6px max(10px, env(safe-area-inset-right, 0px));
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .38);
    border-radius: 0;
    background: rgba(5, 4, 18, .16) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.18);
    backdrop-filter: blur(14px) saturate(1.18);
  }

  body.svc-home-immersive-active .svc-home-mobile-trackbar::before,
  body.svc-home-immersive-active .svc-home-mobile-trackbar::after {
    opacity: 0;
  }

  .svc-home-mobile-trackbar__rail {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(var(--svc-home-track-count, 4), minmax(0, 1fr));
    gap: var(--svc-home-trackbar-gap);
    width: 100%;
    min-height: 38px;
    margin: 0;
    padding: var(--svc-home-trackbar-pad);
    overflow: hidden;
    border-radius: calc(var(--svc-nav-radius, 22px) - 6px);
    pointer-events: auto;
  }

  body.svc-home-immersive-active .svc-home-mobile-trackbar__rail {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .svc-home-mobile-trackbar__rail::before {
    content: "";
    position: absolute;
    top: var(--svc-home-trackbar-pad);
    bottom: var(--svc-home-trackbar-pad);
    left: 0;
    z-index: 0;
    width: var(--svc-home-track-indicator-w, 25%);
    border: 1px solid var(--svc-nav-selected-border, rgba(221, 48, 29, .18));
    border-radius: calc(var(--svc-nav-radius, 22px) - 10px);
    background: var(--svc-nav-selected-bg, rgba(221, 48, 29, .08));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 6px 14px rgba(29, 37, 84, .08);
    transform: translate3d(var(--svc-home-track-indicator-x, var(--svc-home-trackbar-pad)), 0, 0);
    transition:
      transform .24s cubic-bezier(.2, .8, .2, 1),
      width .24s cubic-bezier(.2, .8, .2, 1);
  }

  .svc-home-mobile-trackbar.svc-home-track-indicator-sync .svc-home-mobile-trackbar__rail::before {
    transition: none;
  }

  body.svc-home-immersive-active .svc-home-mobile-trackbar__rail::before {
    border-color: rgba(255, 255, 255, .34);
    background: rgba(255, 255, 255, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24);
  }

  .svc-home-mobile-track {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 32px;
    border: 0;
    border-radius: calc(var(--svc-nav-radius, 22px) - 10px);
    padding: 0 4px;
    background: transparent;
    color: var(--svc-nav-text, var(--ink));
    font-family: var(--fu);
    font-size: .73rem;
    font-weight: 820;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    outline-style: none;
    outline-width: 0;
    outline-color: transparent;
    box-shadow: none;
    transition: color .18s ease, transform .2s cubic-bezier(.2, .8, .2, 1);
  }

  body.svc-home-immersive-active .svc-home-mobile-track {
    color: rgba(255, 255, 255, .78);
    text-shadow: 0 1px 4px rgba(0, 0, 0, .18);
  }

  .svc-home-mobile-track.is-active,
  .svc-home-mobile-track:hover,
  .svc-home-mobile-track:focus-visible {
    color: var(--svc-nav-text, var(--ink));
    transform: translateY(-1px);
  }

  body.svc-home-immersive-active .svc-home-mobile-track.is-active,
  body.svc-home-immersive-active .svc-home-mobile-track:hover,
  body.svc-home-immersive-active .svc-home-mobile-track:focus-visible {
    color: #fff;
  }

  .svc-home-mobile-track:focus-visible {
    outline-style: none;
    outline-width: 0;
    outline-color: transparent;
    box-shadow: none;
  }

  html.svc-search-open .svc-home-mobile-trackbar {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .svc-home .svc-hero-content {
    padding-bottom: var(--svc-home-mobile-chrome-clearance);
  }

  body.svc-home-immersive-active .svc-slide-scrim {
    background: linear-gradient(to top,
        rgba(5, 4, 18, .05) 0%,
        rgba(5, 4, 18, .12) 14%,
        rgba(5, 4, 18, .50) 38%,
        rgba(5, 4, 18, .22) 66%,
        transparent 84%);
  }
}

.svc-hero-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  box-shadow: none;
  transform: scale(1.065);
  filter: saturate(.94) contrast(1.02);
  transition: transform 5.6s cubic-bezier(.16, 1, .3, 1), filter 1.1s ease;
}

.svc-home-carousel-slide--hero.is-hero-ready .svc-hero-media {
  transform: scale(1.015);
  filter: saturate(1.06) contrast(1.04);
}

video.svc-hero-media,
.svc-home-carousel-slide--hero.is-hero-ready video.svc-hero-media {
  transform: none;
  transition: filter 1.1s ease;
}

.svc-slide-scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top,
      rgba(5, 4, 18, .88) 0%,
      rgba(5, 4, 18, .25) 48%,
      transparent 76%);
}

.svc-hero-content {
  position: relative;
  z-index: 2;
  padding: 0 clamp(24px, 6vw, 100px) clamp(80px, 12vh, 140px);
  max-width: 680px;
  opacity: 1;
  transform: none;
}

body.svc-js-ready .svc-hero-eye,
body.svc-js-ready .svc-hero-hl,
body.svc-js-ready .svc-hero-sub,
body.svc-js-ready .svc-hero-cta {
  opacity: 1;
  transform: none;
  transition: none;
}

.svc-home-carousel-slide--hero.is-hero-ready-static .svc-hero-media {
  transition: none;
}

.svc-hero-eye {
  display: block;
  font-family: var(--fu);
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 14px;
}

.svc-hero-hl {
  font-family: var(--fh);
  font-size: clamp(2.6rem, 6.5vw, 5.5rem);
  font-weight: 780;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: #fff;
  margin: 0 0 16px;
  padding-block: .03em .07em;
  overflow: visible;
  text-wrap: balance;
}

.svc-hero-sub {
  font-family: var(--fh);
  font-size: clamp(.88rem, 1.4vw, 1rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, .75);
  margin: 0 0 30px;
  max-width: 440px;
}

.svc-hero-cta.svc-btn {
  background: rgba(255, 255, 255, .14);
  border: 1.5px solid rgba(255, 255, 255, .4);
  color: #fff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.svc-hero-cta.svc-btn:hover {
  background: rgba(255, 255, 255, .26);
  transform: translateY(-2px);
}

@keyframes bounce-hint {

  0%,
  100% {
    transform: translateX(-50%) translateY(0);
    opacity: .5
  }

  50% {
    transform: translateX(-50%) translateY(8px);
    opacity: 1
  }
}

/* ── EDITORIAL INTRO ─────────────────────────────────────── */
.svc-editorial {
  padding: clamp(56px, 8vh, 100px) 0 0
}

.svc-editorial-intro {
  text-align: center;
  max-width: min(1120px, calc(100vw - 40px));
  margin: 0 auto;
  padding: 0 20px clamp(48px, 7vh, 80px);
}

.svc-pill-label {
  display: inline-block;
  font-family: var(--fu);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--red);
  background: color-mix(in srgb, var(--red) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--red) 22%, transparent);
  padding: 5px 14px;
  border-radius: var(--pill);
  margin-bottom: 16px;
}

.svc-editorial-heading {
  font-family: var(--fh);
  font-size: clamp(2.35rem, 7.2vw, 6.8rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.06;
  color: var(--ink);
  margin: 0 auto 12px;
  max-width: min(1120px, 100%);
  padding: .09em .08em .14em;
  overflow: visible;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.svc-editorial-heading em {
  display: inline;
  font-style: italic;
  background: linear-gradient(135deg, var(--red) 0%, #FF8C65 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: .035em .085em;
  margin-inline: 0;
  line-height: inherit;
  overflow: visible;
}

.svc-editorial-sub {
  font-family: var(--fh);
  font-size: .96rem;
  color: color-mix(in srgb, var(--ink) 50%, transparent);
  margin: 0;
  line-height: 1.6;
}

/* ── PRODUCT SPREAD ──────────────────────────────────────── */
.svc-editorial-spreads {
  position: relative
}

.svc-spread {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  padding: clamp(48px, 7vw, 100px) clamp(24px, 7vw, 100px);
  overflow: visible;
}

/* Left spread: image left, text right */
.svc-spread--left .svc-spread-img-col {
  order: 1
}

.svc-spread--left .svc-spread-text-col {
  order: 2
}

/* Right spread: text left, image right */
.svc-spread--right .svc-spread-img-col {
  order: 2
}

.svc-spread--right .svc-spread-text-col {
  order: 1
}

/* Big background number */
.svc-spread-num {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
  font-family: var(--fh);
  font-size: clamp(120px, 20vw, 220px);
  font-weight: 800;
  letter-spacing: -.07em;
  line-height: 1;
  color: color-mix(in srgb, var(--ink) 4%, transparent);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

/* Image column */
.svc-spread-img-col {
  position: relative;
  z-index: 1;
  min-width: 0
}

.svc-spread-text-col {
  position: relative;
  z-index: 1;
  min-width: 0
}

/* Reveal: elements always visible, animated when svc-js-ready is on body */
.js-spread-img,
.js-spread-txt {
  transition: opacity .75s ease, transform .75s ease;
}

body.svc-js-ready .js-spread-img {
  opacity: 0
}

body.svc-js-ready .svc-spread--left .js-spread-img {
  transform: translateX(-50px)
}

body.svc-js-ready .svc-spread--right .js-spread-img {
  transform: translateX(50px)
}

body.svc-js-ready .js-spread-txt {
  opacity: 0
}

body.svc-js-ready .svc-spread--left .js-spread-txt {
  transform: translateX(40px)
}

body.svc-js-ready .svc-spread--right .js-spread-txt {
  transform: translateX(-40px)
}

.js-spread-img.is-visible {
  opacity: 1 !important;
  transform: none !important
}

.js-spread-txt.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: .08s
}

/* Tilted image frame */
.svc-spread-img-frame {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  position: relative;
  transform: rotate(var(--tilt, -4deg)) translateY(var(--py, 0px));
  transform-origin: center 80%;
  border-radius: var(--card);
  overflow: hidden;
  aspect-ratio: 3/4;
  box-shadow: 0 24px 60px rgba(29, 34, 111, .2), 0 6px 20px rgba(0, 0, 0, .1);
  background: var(--cream);
  will-change: transform;
  transition: box-shadow .3s;
}

.svc-spread-img-frame:hover {
  box-shadow: 0 32px 80px rgba(29, 34, 111, .28), 0 8px 28px rgba(0, 0, 0, .14)
}

.svc-spread-img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  transition:
    transform var(--svc-image-motion-duration, 450ms)
    var(--svc-image-motion-ease, cubic-bezier(.2, .75, .2, 1));
}

.svc-spread-img-frame:hover img {
  transform: scale(1.04)
}

.svc-spread-sale {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--red);
  color: #fff;
  font-family: var(--fu);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: var(--pill);
}

/* Annotation card */
.svc-spread-annot {
  position: absolute;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  max-width: 220px;
  background: rgba(253, 251, 239, .94);
  border: 1px solid var(--stroke);
  border-radius: 14px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 6px 24px rgba(29, 34, 111, .12);
  transition: transform .25s ease, box-shadow .25s ease;
}

.svc-spread--left .svc-spread-annot {
  bottom: 20px;
  right: -14px
}

.svc-spread--right .svc-spread-annot {
  bottom: 20px;
  left: -14px
}

.svc-spread-annot:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(29, 34, 111, .18)
}

.svc-annot-emoji {
  font-size: 1.5rem;
  line-height: 1;
  flex-shrink: 0
}

.svc-annot-body strong {
  font-family: var(--fh);
  font-size: .78rem;
  font-weight: 700;
  color: var(--ink);
  display: block;
  margin-bottom: 2px
}

.svc-annot-body small {
  font-family: var(--fu);
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--ink) 42%, transparent)
}

/* Dot cluster */
.svc-spread-dots {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  pointer-events: none;
  z-index: 2;
}

.svc-spread--left .svc-spread-dots {
  bottom: -6px;
  right: -14px
}

.svc-spread--right .svc-spread-dots {
  bottom: -6px;
  left: -14px
}

.svc-spread-dots i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--red);
  opacity: .2;
  transition: opacity .25s, transform .3s ease;
}

.svc-spread:hover .svc-spread-dots i {
  opacity: .45
}

.svc-spread:hover .svc-spread-dots i:nth-child(odd) {
  transform: scale(1.4)
}

/* Text column content */
.svc-spread-text-inner {
  transform: translateY(var(--py-txt, 0px));
  will-change: transform
}

/* Cat + avail on the same row */
.svc-spread-cat-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.svc-spread-cat {
  display: inline;
  font-family: var(--fu);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--ink) 40%, transparent);
}

.svc-spread-avail {
  display: inline;
  font-family: var(--fu);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .06em;
}

.svc-spread-avail--in {
  color: #22863a
}

.svc-spread-avail--in::before {
  content: "● ";
  font-size: .7em;
  animation: pulse 2s ease-in-out infinite
}

.svc-spread-avail--out {
  color: #c0392b
}

.svc-spread-avail--out::before {
  content: "● ";
  font-size: .7em
}

@keyframes pulse {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: .3
  }
}

.svc-spread-title {
  font-family: var(--fh);
  font-size: clamp(1.5rem, 2.8vw, 3rem);
  font-weight: 780;
  letter-spacing: -.035em;
  line-height: 1.12;
  color: var(--ink);
  margin: 0 0 18px;
  padding-block: .03em .07em;
  overflow: visible;
  overflow-wrap: break-word;
  word-break: break-word;
  text-wrap: balance;
}

.svc-spread-price {
  font-family: var(--fh);
  font-size: clamp(1rem, 1.8vw, 1.5rem);
  font-weight: 700;
  margin-bottom: 14px
}

.svc-spread-price del {
  color: color-mix(in srgb, var(--ink) 30%, transparent);
  font-size: .8em
}

.svc-spread-price ins {
  color: var(--red);
  text-decoration: none
}

.svc-spread-desc {
  font-family: var(--fh);
  font-size: .9rem;
  line-height: 1.65;
  color: color-mix(in srgb, var(--ink) 58%, transparent);
  margin: 0 0 16px;
  overflow-wrap: break-word;
}

.svc-spread-desc > :first-child { margin-top: 0; }
.svc-spread-desc > :last-child  { margin-bottom: 0; }
.svc-spread-desc p { margin: 0 0 0.5em; }
.svc-spread-desc ul,
.svc-spread-desc ol {
  margin: 0 0 0.5em;
  padding-left: 1.35em;
}
.svc-spread-desc ul { list-style: disc; }
.svc-spread-desc ol { list-style: decimal; }
.svc-spread-desc li { margin: 0.2em 0; line-height: 1.55; }
.svc-spread-desc li > ul,
.svc-spread-desc li > ol { margin-top: 0.2em; margin-bottom: 0; }


/* Action buttons */
.svc-spread-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center
}

.svc-spread-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--fu);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .03em;
  padding: 11px 22px;
  border-radius: var(--pill);
  border: 2px solid transparent;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  transition: background .18s, color .18s, border-color .18s, transform .2s ease, box-shadow .18s;
}

.svc-spread-btn--view {
  background: transparent;
  color: var(--ink);
  border-color: color-mix(in srgb, var(--ink) 25%, transparent)
}

.svc-spread-btn--view:hover {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(29, 34, 111, .22)
}

.svc-spread-btn--bag {
  background: linear-gradient(135deg, rgba(255, 255, 255, .30) 0%, rgba(255, 192, 203, .40) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid rgba(255, 255, 255, .5);
  color: #1D226F;
  transition: background .18s, color .18s, border-color .18s, transform .2s ease, box-shadow .18s;
}

.svc-spread-btn--bag:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .45) 0%, rgba(255, 182, 193, .6) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 182, 193, .4);
}

.svc-spread-btn--bag:active {
  transform: translateY(1px);
  box-shadow: 0 2px 10px rgba(255, 182, 193, .3);
}

.svc-spread-btn--bag.loading {
  opacity: .65;
  pointer-events: none
}

/* Responsive spread */
@media (max-width: 860px) {
  .svc-spread {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 48px clamp(16px, 5vw, 40px);
    overflow: hidden;
  }

  .svc-spread--left .svc-spread-img-col,
  .svc-spread--left .svc-spread-text-col,
  .svc-spread--right .svc-spread-img-col,
  .svc-spread--right .svc-spread-text-col {
    order: unset
  }

  .svc-spread-img-frame {
    max-width: 320px;
    margin: 0 auto
  }

  .svc-spread-dots,
  .svc-spread-annot {
    display: none
  }

  .svc-spread-num {
    font-size: clamp(80px, 28vw, 140px)
  }

  body.svc-js-ready .svc-spread--left .js-spread-img,
  body.svc-js-ready .svc-spread--right .js-spread-img,
  body.svc-js-ready .svc-spread--left .js-spread-txt,
  body.svc-js-ready .svc-spread--right .js-spread-txt {
    transform: translateY(40px)
  }
}

@media (max-width: 480px) {
  .svc-spread {
    padding: 36px 20px
  }

  .svc-spread-title {
    font-size: clamp(1.4rem, 7vw, 2rem)
  }

  .svc-spread-actions {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 8px;
  }

  .svc-spread-btn {
    flex: 1 1 50%;
    justify-content: center;
    padding-inline: 4px;
  }
}

/* ── FEATURE BANNERS ─────────────────────────────────────── */
.svc-fbanner {
  background: var(--fb, var(--ink));
  position: relative;
  overflow: hidden;
  transition: opacity .65s ease, transform .65s ease;
}

body.svc-js-ready .svc-fbanner {
  opacity: 0;
  transform: translateY(36px)
}

.svc-fbanner.is-visible {
  opacity: 1 !important;
  transform: none !important
}

.svc-fbanner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(55deg, rgba(255, 226, 232, .035) 0, rgba(255, 226, 232, .035) 1px, transparent 1px, transparent 30px);
}

.svc-fbanner-wrap {
  display: flex;
  align-items: center;
  gap: clamp(18px, 3.5vw, 44px);
  padding: clamp(32px, 5.5vw, 56px) clamp(24px, 8vw, 100px);
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.svc-fbanner-emoji {
  font-size: clamp(48px, 8vw, 88px);
  line-height: 1;
  flex-shrink: 0
}

.svc-fbanner-content {
  flex: 1;
  min-width: 0
}

.svc-fbanner-title {
  display: block;
  font-family: var(--fh);
  font-size: clamp(1.3rem, 3vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -.025em;
  color: #fff;
  line-height: 1.14;
  margin-bottom: 8px;
  padding-block: .02em .06em;
  overflow: visible;
  overflow-wrap: break-word;
  text-wrap: balance;
}

.svc-fbanner-desc {
  font-family: var(--fh);
  font-size: clamp(.8rem, 1.3vw, .94rem);
  color: rgba(255, 255, 255, .8);
  line-height: 1.55
}

.svc-fbanner-badge {
  flex-shrink: 0;
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--pill);
  padding: 9px 20px;
  color: #fff;
  font-family: var(--fu);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .svc-fbanner-badge {
    display: none
  }

  .svc-fbanner-wrap {
    gap: 14px;
    padding: 24px 18px
  }
}

/* ── TICKER ──────────────────────────────────────────────── */
.svc-ticker-strip {
  background: var(--ink);
  overflow: hidden;
  position: relative
}

.svc-ticker-strip::before,
.svc-ticker-strip::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  z-index: 2;
  pointer-events: none
}

.svc-ticker-strip::before {
  left: 0;
  background: linear-gradient(to right, var(--ink), transparent)
}

.svc-ticker-strip::after {
  right: 0;
  background: linear-gradient(to left, var(--ink), transparent)
}

.svc-ticker-inner {
  display: flex;
  align-items: center;
  width: max-content;
  animation: ticker 36s linear infinite;
  will-change: transform
}

.svc-ticker-group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-evenly;
  min-width: 100vw;
}

@keyframes ticker {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}

.svc-ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-family: var(--fu);
  font-size: clamp(.72rem, 1vw, .84rem);
  font-weight: 700;
  letter-spacing: .05em;
  color: rgba(255, 255, 255, .88);
  padding: 17px 26px;
}

.svc-ticker-sep {
  color: rgba(255, 255, 255, .16);
  font-size: .5rem;
  padding: 0 4px;
  user-select: none
}

/* ── TAGLINE ─────────────────────────────────────────────── */
.svc-tagline-section {
  background: var(--ink);
  /* NEVER transparent - this must stay dark */
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 12vh, 140px) 0;
}

.svc-tagline-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(55px);
}

.svc-tagline-orb--1 {
  width: clamp(260px, 42vw, 560px);
  height: clamp(260px, 42vw, 560px);
  top: -80px;
  left: -80px;
  background: rgba(221, 48, 29, .2);
  animation: orb-a 18s ease-in-out infinite alternate
}

.svc-tagline-orb--2 {
  width: clamp(220px, 34vw, 460px);
  height: clamp(220px, 34vw, 460px);
  bottom: -60px;
  right: -60px;
  background: rgba(255, 160, 120, .15);
  animation: orb-b 22s ease-in-out infinite alternate
}

.svc-tagline-orb--3 {
  width: clamp(160px, 22vw, 330px);
  height: clamp(160px, 22vw, 330px);
  top: 30%;
  left: 38%;
  background: rgba(130, 88, 155, .12);
  animation: orb-c 16s ease-in-out infinite alternate
}

@keyframes orb-a {
  from {
    transform: translate(0, 0)
  }

  to {
    transform: translate(50px, 44px) scale(1.2)
  }
}

@keyframes orb-b {
  from {
    transform: translate(0, 0)
  }

  to {
    transform: translate(-44px, -36px) scale(1.15)
  }
}

@keyframes orb-c {
  from {
    transform: translate(0, 0)
  }

  to {
    transform: translate(-36px, 52px) rotate(18deg)
  }
}

.svc-tagline-inner {
  display: grid;
  place-items: center;
  min-height: clamp(220px, 26vw, 360px);
  text-align: center;
  padding: 0 clamp(18px, 4vw, 72px);
  position: relative;
  z-index: 1;
  overflow: visible;
}

.svc-tagline-quote {
  grid-area: 1 / 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: .015em .18em;
  width: min(1500px, calc(100vw - 44px));
  font-family: var(--fh);
  font-size: clamp(2.75rem, 6.7vw, 7.15rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0;
  color: #fff;
  margin: 0 auto;
  padding: .15em .08em .22em;
  overflow: visible;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.svc-tw {
  display: inline-block;
  margin: 0;
  transform-origin: 50% 80%
}

.svc-tw--lead {
  color: #fff
}

.svc-tw--dim {
  color: rgba(255, 255, 255, .36)
}

.svc-tw--accent {
  background: linear-gradient(135deg, var(--red) 0%, #FF8C65 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.svc-tw--final {
  font-style: italic;
  color: #fff;
  text-shadow: 0 18px 52px rgba(255, 255, 255, .16);
}

/* Tagline word animation - only when svc-js-ready */
body.svc-js-ready .svc-tw {
  opacity: 0;
  transform: translateY(44px) rotate(-4deg);
  filter: blur(5px);
  transition: opacity .6s ease, transform .6s ease, filter .6s ease;
}

body.svc-js-ready .svc-tagline-inner.is-lit:not(.svc-tagline--hi-active) .svc-tw {
  opacity: 1;
  transform: none;
  filter: none
}

body.svc-js-ready .svc-tagline-inner.is-lit:not(.svc-tagline--hi-active) .svc-tw:nth-child(1) {
  transition-delay: .00s
}

body.svc-js-ready .svc-tagline-inner.is-lit:not(.svc-tagline--hi-active) .svc-tw:nth-child(2) {
  transition-delay: .08s
}

body.svc-js-ready .svc-tagline-inner.is-lit:not(.svc-tagline--hi-active) .svc-tw:nth-child(3) {
  transition-delay: .16s
}

body.svc-js-ready .svc-tagline-inner.is-lit:not(.svc-tagline--hi-active) .svc-tw:nth-child(4) {
  transition-delay: .24s
}

body.svc-js-ready .svc-tagline-inner.is-lit:not(.svc-tagline--hi-active) .svc-tw:nth-child(5) {
  transition-delay: .32s
}

body.svc-js-ready .svc-tagline-inner.is-lit:not(.svc-tagline--hi-active) .svc-tw:nth-child(6) {
  transition-delay: .40s
}

.svc-tagline-hindi {
  grid-area: 1 / 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .02em .15em;
  position: relative;
  width: min(1500px, calc(100vw - 44px));
  font-family: "Noto Sans Devanagari", "Nirmala UI", "Mangal", var(--fh);
  font-size: clamp(2.45rem, 6.35vw, 6.95rem);
  font-weight: 1000;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: 0;
  color: #fff;
  margin: 0 auto;
  padding: .16em .08em .25em;
  overflow: visible;
  overflow-wrap: anywhere;
  text-wrap: balance;
  opacity: 0;
  transform: translateY(.18em) scale(.985);
  filter: blur(6px);
  pointer-events: none;
  text-shadow: 0 18px 48px rgba(5, 4, 18, .24);
}

.svc-hiw {
  display: inline-block;
  margin: 0;
  transform-origin: 50% 80%;
}

.svc-hiw--lead {
  color: #fff;
}

.svc-hiw--dim {
  color: rgba(255, 255, 255, .38);
}

.svc-hiw--accent {
  background: linear-gradient(135deg, var(--red) 0%, #FF8C65 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.svc-hiw--final {
  color: #fff;
  text-shadow: 0 18px 52px rgba(255, 255, 255, .16);
}

body.svc-js-ready .svc-hiw {
  opacity: 0;
  transform: translateY(.32em) rotate(2deg);
  filter: blur(6px);
  transition: opacity .62s cubic-bezier(.16, 1, .3, 1), transform .62s cubic-bezier(.16, 1, .3, 1), filter .62s cubic-bezier(.16, 1, .3, 1);
}

body.svc-js-ready .svc-tagline--hi-active .svc-hiw {
  opacity: 1;
  transform: none;
  filter: none;
}

body.svc-js-ready .svc-tagline--hi-active .svc-hiw:nth-child(1) {
  transition-delay: .02s
}

body.svc-js-ready .svc-tagline--hi-active .svc-hiw:nth-child(2) {
  transition-delay: .10s
}

body.svc-js-ready .svc-tagline--hi-active .svc-hiw:nth-child(3) {
  transition-delay: .18s
}

body.svc-js-ready .svc-tagline--hi-active .svc-hiw:nth-child(4) {
  transition-delay: .26s
}

body.svc-js-ready .svc-tagline--hi-active .svc-hiw:nth-child(5) {
  transition-delay: .34s
}

body.svc-js-ready .svc-tagline--hi-active .svc-hiw:nth-child(6) {
  transition-delay: .42s
}

/* ── SOCIAL CARDS ────────────────────────────────────────── */
.svc-social-section {
  padding: clamp(72px, 11vh, 136px) 0
}

.svc-social-inner {
  text-align: center;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 48px)
}

.svc-social-heading {
  font-family: var(--fh);
  font-size: clamp(2.2rem, 5.8vw, 5.4rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.06;
  color: var(--ink);
  margin: 0 auto 12px;
  max-width: min(980px, 100%);
  padding: .09em .08em .14em;
  overflow: visible;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.svc-social-heading em {
  display: inline;
  font-style: italic;
  background: linear-gradient(135deg, var(--red) 0%, #FF8C65 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: .035em .085em;
}

.svc-social-sub {
  font-family: var(--fh);
  font-size: .94rem;
  color: color-mix(in srgb, var(--ink) 50%, transparent);
  margin: 0;
  line-height: 1.6;
}

.svc-social-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: clamp(12px, 2vw, 22px);
  margin-top: 48px;
}

.svc-social-cards--count-1 {
  max-width: 360px;
  margin-inline: auto
}

.svc-social-cards--count-2 {
  max-width: 720px;
  margin-inline: auto
}

.svc-social-cards--count-3 {
  max-width: 980px;
  margin-inline: auto
}

.svc-social-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  padding: 24px;
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none;
  min-height: 280px;
  border: 1px solid rgba(255, 255, 255, .24);
  background: transparent;
  box-shadow: 0 18px 44px rgba(29, 34, 111, .12);
  isolation: isolate;
  transform: translateZ(0);
  transition: transform .28s cubic-bezier(.16, 1, .3, 1), box-shadow .28s ease, border-color .28s ease;
}

.svc-social-card:hover {
  transform: translateY(-9px) rotate(-.6deg);
  box-shadow: 0 28px 72px rgba(29, 34, 111, .22), 0 16px 32px rgba(221, 48, 29, .14);
  border-color: rgba(255, 255, 255, .42)
}

.svc-social-card--instagram {
  --svc-social-bg: radial-gradient(circle at 20% 0%, rgba(255, 220, 128, .82), transparent 34%), linear-gradient(150deg, #f58529 0%, #dd2a7b 48%, #8134af 100%)
}

.svc-social-card--facebook {
  --svc-social-bg: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .22), transparent 32%), linear-gradient(150deg, #1877F2 0%, #083e91 100%)
}

.svc-social-card--whatsapp {
  --svc-social-bg: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .22), transparent 34%), linear-gradient(150deg, #25D366 0%, #075E54 100%)
}

.svc-social-card--lazada {
  --svc-social-bg: radial-gradient(circle at 15% 0%, rgba(246, 114, 43, .24), transparent 34%), linear-gradient(145deg, #1D226F 0%, #000083 100%)
}

.svc-social-card--shopee {
  --svc-social-bg: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .22), transparent 34%), linear-gradient(145deg, #FF7337 0%, #EE4D2D 100%)
}

.svc-social-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -3;
  border-radius: calc(22px - 1px);
  background: var(--svc-social-bg);
  background-clip: padding-box;
  pointer-events: none;
}

.svc-social-card::before {
  content: attr(data-initial);
  position: absolute;
  top: -24px;
  right: -8px;
  z-index: -2;
  font-family: var(--fh);
  font-size: clamp(116px, 14vw, 190px);
  font-weight: 1000;
  line-height: 1;
  color: rgba(255, 255, 255, .075);
  pointer-events: none;
  user-select: none;
}

.svc-social-card-shine {
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: calc(22px - 1px);
  background: linear-gradient(120deg, transparent 0 36%, rgba(255, 226, 232, .22) 50%, transparent 64% 100%);
  transform: translateX(-115%);
  transition: transform .72s cubic-bezier(.16, 1, .3, 1);
}

.svc-social-card:hover .svc-social-card-shine {
  transform: translateX(115%)
}

.svc-social-card-icon {
  width: 58px;
  height: 58px;
  margin-bottom: auto;
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(5, 4, 18, .22);
  border: 1px solid rgba(255, 255, 255, .22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 10px 24px rgba(5, 4, 18, .12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.svc-social-card-icon::before {
  content: "";
  position: absolute;
  inset: 13%;
  display: block;
  background: #fff;
  -webkit-mask: var(--svc-social-logo, none) center / contain no-repeat;
  mask: var(--svc-social-logo, none) center / contain no-repeat;
}

.svc-social-card--instagram {
  --svc-social-logo: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+SW5zdGFncmFtPC90aXRsZT48cGF0aCBkPSJNNy4wMzAxLjA4NGMtMS4yNzY4LjA2MDItMi4xNDg3LjI2NC0yLjkxMS41NjM0LS43ODg4LjMwNzUtMS40NTc1LjcyLTIuMTIyOCAxLjM4NzctLjY2NTIuNjY3Ny0xLjA3NSAxLjMzNjgtMS4zODAyIDIuMTI3LS4yOTU0Ljc2MzgtLjQ5NTYgMS42MzY1LS41NTIgMi45MTQtLjA1NjQgMS4yNzc1LS4wNjg5IDEuNjg4Mi0uMDYyNiA0Ljk0Ny4wMDYyIDMuMjU4Ni4wMjA2IDMuNjY3MS4wODI1IDQuOTQ3My4wNjEgMS4yNzY1LjI2NCAyLjE0ODIuNTYzNSAyLjkxMDcuMzA4Ljc4ODkuNzIgMS40NTczIDEuMzg4IDIuMTIyOC42Njc5LjY2NTUgMS4zMzY1IDEuMDc0MyAyLjEyODUgMS4zOC43NjMyLjI5NSAxLjYzNjEuNDk2MSAyLjkxMzQuNTUyIDEuMjc3My4wNTYgMS42ODg0LjA2OSA0Ljk0NjIuMDYyNyAzLjI1NzgtLjAwNjIgMy42NjgtLjAyMDcgNC45NDc4LS4wODE0IDEuMjgtLjA2MDcgMi4xNDctLjI2NTIgMi45MDk4LS41NjMzLjc4ODktLjMwODYgMS40NTc4LS43MiAyLjEyMjgtMS4zODgxLjY2NS0uNjY4MiAxLjA3NDUtMS4zMzc4IDEuMzc5NS0yLjEyODQuMjk1Ny0uNzYzMi40OTY2LTEuNjM2LjU1Mi0yLjkxMjQuMDU2LTEuMjgwOS4wNjkyLTEuNjg5OC4wNjMtNC45NDgtLjAwNjMtMy4yNTgzLS4wMjEtMy42NjY4LS4wODE3LTQuOTQ2NS0uMDYwNy0xLjI3OTctLjI2NC0yLjE0ODctLjU2MzMtMi45MTE3LS4zMDg0LS43ODg5LS43Mi0xLjQ1NjgtMS4zODc2LTIuMTIyOEMyMS4yOTgyIDEuMzMgMjAuNjI4LjkyMDggMTkuODM3OC42MTY1IDE5LjA3NC4zMjEgMTguMjAxNy4xMTk3IDE2LjkyNDQuMDY0NSAxNS42NDcxLjAwOTMgMTUuMjM2LS4wMDUgMTEuOTc3LjAwMTQgOC43MTguMDA3NiA4LjMxLjAyMTUgNy4wMzAxLjA4MzltLjE0MDIgMjEuNjkzMmMtMS4xNy0uMDUwOS0xLjgwNTMtLjI0NTMtMi4yMjg3LS40MDgtLjU2MDYtLjIxNi0uOTYtLjQ3NzEtMS4zODE5LS44OTUtLjQyMi0uNDE3OC0uNjgxMS0uODE4Ni0uOS0xLjM3OC0uMTY0NC0uNDIzNC0uMzYyNC0xLjA1OC0uNDE3MS0yLjIyOC0uMDU5NS0xLjI2NDUtLjA3Mi0xLjY0NDItLjA3OS00Ljg0OC0uMDA3LTMuMjAzNy4wMDUzLTMuNTgzLjA2MDctNC44NDguMDUtMS4xNjkuMjQ1Ni0xLjgwNS40MDgtMi4yMjgyLjIxNi0uNTYxMy40NzYyLS45Ni44OTUtMS4zODE2LjQxODgtLjQyMTcuODE4NC0uNjgxNCAxLjM3ODMtLjkwMDMuNDIzLS4xNjUxIDEuMDU3NS0uMzYxNCAyLjIyNy0uNDE3MSAxLjI2NTUtLjA2IDEuNjQ0Ny0uMDcyIDQuODQ4LS4wNzkgMy4yMDMzLS4wMDcgMy41ODM1LjAwNSA0Ljg0OTUuMDYwOCAxLjE2OS4wNTA4IDEuODA1My4yNDQ1IDIuMjI4LjQwOC41NjA4LjIxNi45Ni40NzU0IDEuMzgxNi44OTUuNDIxNy40MTk0LjY4MTYuODE3Ni45MDA1IDEuMzc4Ny4xNjUzLjQyMTcuMzYxNyAxLjA1Ni40MTY5IDIuMjI2My4wNjAyIDEuMjY1NS4wNzM5IDEuNjQ1LjA3OTYgNC44NDguMDA1OCAzLjIwMy0uMDA1NSAzLjU4MzQtLjA2MSA0Ljg0OC0uMDUxIDEuMTctLjI0NSAxLjgwNTUtLjQwOCAyLjIyOTQtLjIxNi41NjA0LS40NzYzLjk2LS44OTU0IDEuMzgxNC0uNDE5LjQyMTUtLjgxODEuNjgxMS0xLjM3ODMuOS0uNDIyNC4xNjQ5LTEuMDU3Ny4zNjE3LTIuMjI2Mi40MTc0LTEuMjY1Ni4wNTk1LTEuNjQ0OC4wNzItNC44NDkzLjA3OS0zLjIwNDUuMDA3LTMuNTgyNS0uMDA2LTQuODQ4LS4wNjA4TTE2Ljk1MyA1LjU4NjRBMS40NCAxLjQ0IDAgMSAwIDE4LjM5IDQuMTQ0YTEuNDQgMS40NCAwIDAgMC0xLjQzNyAxLjQ0MjRNNS44Mzg1IDEyLjAxMmMuMDA2NyAzLjQwMzIgMi43NzA2IDYuMTU1NyA2LjE3MyA2LjE0OTMgMy40MDI2LS4wMDY1IDYuMTU3LTIuNzcwMSA2LjE1MDYtNi4xNzMzLS4wMDY1LTMuNDAzMi0yLjc3MS02LjE1NjUtNi4xNzQtNi4xNDk4LTMuNDAzLjAwNjctNi4xNTYgMi43NzEtNi4xNDk2IDYuMTczOE04IDEyLjAwNzdhNCA0IDAgMSAxIDQuMDA4IDMuOTkyMUEzLjk5OTYgMy45OTk2IDAgMCAxIDggMTIuMDA3NyIvPjwvc3ZnPg==");
}

.svc-social-card--facebook {
  --svc-social-logo: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+RmFjZWJvb2s8L3RpdGxlPjxwYXRoIGQ9Ik05LjEwMSAyMy42OTF2LTcuOThINi42Mjd2LTMuNjY3aDIuNDc0di0xLjU4YzAtNC4wODUgMS44NDgtNS45NzggNS44NTgtNS45NzguNDAxIDAgLjk1NS4wNDIgMS40NjguMTAzYTguNjggOC42OCAwIDAgMSAxLjE0MS4xOTV2My4zMjVhOC42MjMgOC42MjMgMCAwIDAtLjY1My0uMDM2IDI2LjgwNSAyNi44MDUgMCAwIDAtLjczMy0uMDA5Yy0uNzA3IDAtMS4yNTkuMDk2LTEuNjc1LjMwOWExLjY4NiAxLjY4NiAwIDAgMC0uNjc5LjYyMmMtLjI1OC40Mi0uMzc0Ljk5NS0uMzc0IDEuNzUydjEuMjk3aDMuOTE5bC0uMzg2IDIuMTAzLS4yODcgMS41NjRoLTMuMjQ2djguMjQ1QzE5LjM5NiAyMy4yMzggMjQgMTguMTc5IDI0IDEyLjA0NGMwLTYuNjI3LTUuMzczLTEyLTEyLTEycy0xMiA1LjM3My0xMiAxMmMwIDUuNjI4IDMuODc0IDEwLjM1IDkuMTAxIDExLjY0N1oiLz48L3N2Zz4=");
}

.svc-social-card--whatsapp {
  --svc-social-logo: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+V2hhdHNBcHA8L3RpdGxlPjxwYXRoIGQ9Ik0xNy40NzIgMTQuMzgyYy0uMjk3LS4xNDktMS43NTgtLjg2Ny0yLjAzLS45NjctLjI3My0uMDk5LS40NzEtLjE0OC0uNjcuMTUtLjE5Ny4yOTctLjc2Ny45NjYtLjk0IDEuMTY0LS4xNzMuMTk5LS4zNDcuMjIzLS42NDQuMDc1LS4yOTctLjE1LTEuMjU1LS40NjMtMi4zOS0xLjQ3NS0uODgzLS43ODgtMS40OC0xLjc2MS0xLjY1My0yLjA1OS0uMTczLS4yOTctLjAxOC0uNDU4LjEzLS42MDYuMTM0LS4xMzMuMjk4LS4zNDcuNDQ2LS41Mi4xNDktLjE3NC4xOTgtLjI5OC4yOTgtLjQ5Ny4wOTktLjE5OC4wNS0uMzcxLS4wMjUtLjUyLS4wNzUtLjE0OS0uNjY5LTEuNjEyLS45MTYtMi4yMDctLjI0Mi0uNTc5LS40ODctLjUtLjY2OS0uNTEtLjE3My0uMDA4LS4zNzEtLjAxLS41Ny0uMDEtLjE5OCAwLS41Mi4wNzQtLjc5Mi4zNzItLjI3Mi4yOTctMS4wNCAxLjAxNi0xLjA0IDIuNDc5IDAgMS40NjIgMS4wNjUgMi44NzUgMS4yMTMgMy4wNzQuMTQ5LjE5OCAyLjA5NiAzLjIgNS4wNzcgNC40ODcuNzA5LjMwNiAxLjI2Mi40ODkgMS42OTQuNjI1LjcxMi4yMjcgMS4zNi4xOTUgMS44NzEuMTE4LjU3MS0uMDg1IDEuNzU4LS43MTkgMi4wMDYtMS40MTMuMjQ4LS42OTQuMjQ4LTEuMjg5LjE3My0xLjQxMy0uMDc0LS4xMjQtLjI3Mi0uMTk4LS41Ny0uMzQ3bS01LjQyMSA3LjQwM2gtLjAwNGE5Ljg3IDkuODcgMCAwMS01LjAzMS0xLjM3OGwtLjM2MS0uMjE0LTMuNzQxLjk4Mi45OTgtMy42NDgtLjIzNS0uMzc0YTkuODYgOS44NiAwIDAxLTEuNTEtNS4yNmMuMDAxLTUuNDUgNC40MzYtOS44ODQgOS44ODgtOS44ODQgMi42NCAwIDUuMTIyIDEuMDMgNi45ODggMi44OThhOS44MjUgOS44MjUgMCAwMTIuODkzIDYuOTk0Yy0uMDAzIDUuNDUtNC40MzcgOS44ODQtOS44ODUgOS44ODRtOC40MTMtMTguMjk3QTExLjgxNSAxMS44MTUgMCAwMDEyLjA1IDBDNS40OTUgMCAuMTYgNS4zMzUuMTU3IDExLjg5MmMwIDIuMDk2LjU0NyA0LjE0MiAxLjU4OCA1Ljk0NUwuMDU3IDI0bDYuMzA1LTEuNjU0YTExLjg4MiAxMS44ODIgMCAwMDUuNjgzIDEuNDQ4aC4wMDVjNi41NTQgMCAxMS44OS01LjMzNSAxMS44OTMtMTEuODkzYTExLjgyMSAxMS44MjEgMCAwMC0zLjQ4LTguNDEzWiIvPjwvc3ZnPg==");
}

.svc-social-card--shopee {
  --svc-social-logo: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U2hvcGVlPC90aXRsZT48cGF0aCBkPSJNMTUuOTQxNCAxNy45NjMzYy4yMjktMS44NzktLjk4MS0zLjA3Ny00LjE3NTgtNC4wOTY5LTEuNTQ4LS41MjgtMi4yNzctMS4yMi0yLjI2LTIuMTcxOS4wNjUtMS4wNTYgMS4wNDgtMS44MjUgMi4zNTItMS44NWE1LjI4OTggNS4yODk4IDAgMCAxIDIuODgzOC44OWMuMTE2LjA3Mi4xOTcuMDYuMjYzLS4wMzkuMDktLjE0NS4zMTUtLjQ5NC4zOS0uNjIuMDUxLS4wODEuMDYxLS4xODctLjA2OC0uMjgxLS4xODUtLjEzNjktLjcwNC0uNDE0OS0uOTgzLS41MzE5YTYuNDY5NyA2LjQ2OTcgMCAwIDAtMi41MTE4LS41MTRjLTEuOTA5LjAwOC0zLjQxMjkgMS4yMTUtMy41Mzg5IDIuODI2LS4wODIgMS4xNjI5LjQ5NCAyLjEwNzggMS43MyAyLjgyNzguMjYyLjE1MiAxLjY3OTkuNzE2IDIuMjQzOC44OTIgMS43NzQuNTUyIDIuNjk1IDEuNTQxOSAyLjQ3OCAyLjY5NjktLjE5NyAxLjA0Ny0xLjI5OSAxLjcyMzktMi44MTggMS43NDM5LTEuMjAzOS0uMDQ2LTIuMjg3OC0uNTM3LTMuMTI3OC0xLjE5bC0uMTQxLS4xMWMtLjEwNC0uMDgtLjIxOC0uMDc1LS4yODcuMDMtLjA1LjA3Ny0uMzc2LjU0Ny0uNDU4LjY3LS4wNzcuMTA4LS4wMzUuMTY4LjA0NS4yMzQuMzUuMjkzLjgxNy42MTMgMS4xMzQuNzc1YTYuNzA5NyA2LjcwOTcgMCAwIDAgMi44Mjg5LjcyNyA0LjkwNDggNC45MDQ4IDAgMCAwIDIuMDc1OS0uMzU0YzEuMDk1LS40NjUgMS44MDI5LTEuMzk0IDEuOTQ0OS0yLjU1NHpNMTEuOTk4NiAxLjQwMDljLTIuMDY4IDAtMy43NTM5IDEuOTUtMy44MzI5IDQuMzg5OWg3LjY2NTdjLS4wOC0yLjQ0LTEuNzY1LTQuMzg5OS0zLjgzMjgtNC4zODk5em03Ljg1MTYgMjIuNTk4MS0uMDguMDAxLTE1Ljc4NDMtLjAwMmMtMS4wNzQtLjA0LTEuODYzLS45MS0xLjk3MS0xLjk5MWwtLjAxLS4xOTVMMS4yOTggNi4yODU4YS40NTkuNDU5IDAgMCAxIC40NS0uNDk0aDQuOTc0OEM2Ljg0NDggMi41NjggOS4xNjA3IDAgMTEuOTk5NiAwYzIuODM4OCAwIDUuMTUzNyAyLjU2ODkgNS4yNzU3IDUuNzg5OGg0Ljk2NzhhLjQ1OS40NTkgMCAwIDEgLjQ1OC40ODNsLS43NzMgMTUuNTg4My0uMDA3LjEzMWMtLjA5NCAxLjA5NC0uOTc5IDEuOTc2OS0yLjA3MDkgMi4wMDU5eiIvPjwvc3ZnPg==");
}

.svc-social-card-icon img,
.svc-social-card-icon svg {
  position: relative;
  z-index: 1;
  width: 74%;
  height: 74%;
  display: block;
  object-fit: contain;
  filter: brightness(0) invert(1);
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

.svc-social-card-icon:has(img)::before,
.svc-social-card-icon:has(svg)::before {
  display: none
}

.svc-social-card--lazada .svc-social-card-icon img {
  filter: none
}

.svc-social-card-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2px
}

.svc-social-card-platform {
  font-family: var(--fu);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .66)
}

.svc-social-card-handle {
  font-family: var(--fh);
  font-size: clamp(1.15rem, 1.9vw, 1.65rem);
  font-weight: 950;
  color: #fff;
  letter-spacing: 0;
  line-height: 1.04;
  overflow-wrap: anywhere
}

.svc-social-card-cta {
  position: relative;
  z-index: 1;
  font-family: var(--fu);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .03em;
  color: rgba(255, 255, 255, .85);
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

@media (min-width: 980px) {
  .svc-social-cards--count-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .svc-social-cards--count-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (max-width: 680px) {
  .svc-social-cards {
    grid-template-columns: 1fr;
    max-width: 420px;
    margin-inline: auto
  }

  .svc-social-card {
    min-height: 220px
  }
}

/* ── IO reveal ───────────────────────────────────────────── */
body.svc-js-ready .js-reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity .65s ease, transform .65s ease;
}

.js-reveal.is-visible {
  opacity: 1 !important;
  transform: none !important
}

/* ── Track filter ────────────────────────────────────────── */
.svc-spread.is-track-hidden {
  display: none
}

.svc-fbanner.is-track-hidden {
  display: none
}

.svc-editorial-track-cta.is-track-hidden {
  display: none
}

/* A quiet final step from each editorial track into its full collection. */
.svc-editorial-track-cta {
  display: flex;
  justify-content: center;
  padding: clamp(48px, 6vw, 76px) clamp(24px, 7vw, 100px) clamp(58px, 8vw, 96px);
  text-align: center;
}

.svc-editorial-track-cta > a {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: .38em .62em;
  color: var(--ink);
  font-family: var(--fh);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  font-weight: 650;
  line-height: 1.45;
  text-decoration: none;
}

.svc-editorial-track-cta__prompt {
  color: color-mix(in srgb, var(--ink) 62%, transparent);
}

.svc-editorial-track-cta__action {
  display: inline-flex;
  align-items: center;
  gap: .38em;
  color: var(--red);
  font-family: var(--fu);
  font-weight: 800;
  white-space: nowrap;
}

.svc-editorial-track-cta__label {
  padding-bottom: .08em;
  background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1.5px no-repeat;
}

.svc-editorial-track-cta__arrow {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.08em;
  height: 1.08em;
  background: currentColor;
  -webkit-mask: url("https://samveechi.com/assets/plugins/samveechi-storefront/components/design-system/assets/css/../icons/arrow-right.svg") center / contain no-repeat;
  mask: url("https://samveechi.com/assets/plugins/samveechi-storefront/components/design-system/assets/css/../icons/arrow-right.svg") center / contain no-repeat;
  transform: translateX(0);
  transition: transform .2s cubic-bezier(.2, .8, .2, 1);
}

.svc-editorial-track-cta > a:hover .svc-editorial-track-cta__arrow {
  transform: translateX(4px)
}

.svc-editorial-track-cta > a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--red) 55%, transparent);
  outline-offset: 7px;
  border-radius: 2px;
}

@media (max-width: 600px) {
  .svc-editorial-track-cta {
    padding: 42px 20px 54px
  }
}

/* ── Reduced motion ──────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  body.svc-js-ready .js-spread-img,
  body.svc-js-ready .js-spread-txt,
  body.svc-js-ready .js-reveal,
  body.svc-js-ready .svc-fbanner,
  body.svc-js-ready .svc-tw,
  body.svc-js-ready .svc-hiw,
  body.svc-js-ready .svc-hero-eye,
  body.svc-js-ready .svc-hero-hl,
  body.svc-js-ready .svc-hero-sub,
  body.svc-js-ready .svc-hero-cta {
    opacity: 1;
    transform: none;
    filter: none;
  }

  .svc-tagline-quote,
  .svc-tagline-hindi {
    transform: none;
    filter: none;
  }

  .svc-tagline-hindi {
    opacity: 0
  }

  .svc-tagline--hi-active .svc-tagline-quote {
    opacity: 0
  }

  .svc-tagline--hi-active .svc-tagline-hindi {
    opacity: 1
  }
}

/* ── HEADER: transparent immersive (over hero) vs cream card ── */
/* When .svc-home-immersive-active is on body = user is over the hero */
body.home.svc-home-immersive-active .wp-site-blocks>header,
body.home .wp-site-blocks>header {
  background: transparent !important;
  box-shadow: none !important;
}

body.home .wp-site-blocks>header .wc-block-mini-cart__badge {
  transition: background-color .24s ease, color .24s ease;
}

body.home.svc-home-immersive-active .wp-site-blocks>header .wc-block-mini-cart__badge {
  background-color: #fff !important;
  color: var(--ink, #1D226F) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.home.svc-js-ready:not(.svc-home-immersive-active) .wp-site-blocks>header .wc-block-mini-cart__badge {
  background-color: var(--ink, #1D226F) !important;
  color: var(--cream, #FDFBEF) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Once user scrolls past hero (.stuck added by JS) → pill card */
body.home .wp-site-blocks>header.stuck {
  background: var(--svc-float-bg, rgba(253, 251, 239, .86)) !important;
  box-shadow: var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, .20)) !important;
  -webkit-backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4)) !important;
  backdrop-filter: blur(var(--svc-float-blur, 16px)) saturate(var(--svc-float-saturate, 1.4)) !important;
}

/* Kill the theme layout gap (forehead) aggressively */
body.home .wp-site-blocks {
  display: block !important;
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
  margin-block-start: 0 !important;
}

body.home .wp-site-blocks>header {
  height: auto
}

/* Theme sometimes sets body margin via custom props */
body.home {
  margin-block-start: 0 !important
}


/* ════════════════════════════════════════════════════════
   v3.9 - Correct header, forehead, mobile, tagline
   ════════════════════════════════════════════════════════ */

/* .svc-home-header-immersive styles live in mega-menu.css */

/* ── FOREHEAD: remove WP block layout gaps on home page ─────────────
   Uses :where() so specificity is 0 and won't fight theme rules.
   ──────────────────────────────────────────────────────────────────── */
:where(body.home .wp-site-blocks) {
  row-gap: 0 !important
}

:where(body.home .wp-block-post-content),
:where(body.home .entry-content) {
  padding-block-start: 0 !important;
  margin-block-start: 0 !important;
}

.svc-home-carousel {
  margin-top: 0
}

/* ── GLOBAL: prevent horizontal overflow ────────────────────────────── */
/* overflow-x:clip is correct - does NOT create a BFC (unlike hidden).  */
/* The overlay is at body level now, so clip won't affect it in Y-axis.  */
body {
  overflow-x: clip
}

/* ── SPREAD: contain overflowing decorations ────────────────────────── */
.svc-spread {
  overflow: hidden
}



/* ── TAGLINE ROTATION: class-based ─────────────────────────────────── */
.svc-tagline-inner {
  overflow: visible
}

.svc-tagline-quote {
  transition: opacity .55s ease, transform .55s ease, filter .55s ease;
  overflow: visible;
}

.svc-tagline-hindi {
  transition: opacity .55s ease, transform .55s ease, filter .55s ease;
  pointer-events: none;
}

/* Container fade removed so words animate individually */
.svc-tagline--hi-active .svc-tagline-hindi {
  opacity: 1;
  transform: none;
  filter: none;
}

/* ═══════════════════════════════════════════════════════
   MOBILE (< 768px) - uses actual PHP-rendered class names
   ═══════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* Hero content clears the mobile track switcher and bottom navigation. */
  .svc-hero-content {
    padding: 0 20px var(--svc-home-mobile-chrome-clearance, 192px)
  }

  .svc-hero-hl {
    font-size: clamp(1.5rem, 7vw, 2.8rem)
  }

  .svc-hero-sub {
    font-size: .88rem;
    max-width: 75%
  }

  .svc-btn.svc-hero-cta {
    padding: 10px 20px;
    font-size: .82rem
  }

  /* Spread: block layout (image → text), using PHP's actual classes */
  .svc-spread-inner {
    display: block
  }

  .svc-spread-img-col {
    width: 100%;
    margin: 0;
    padding: 0
  }

  .svc-spread-img-frame {
    max-width: 100%
  }

  .svc-spread-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  .svc-spread-text-col {
    width: 100%;
    padding: 22px 0 0
  }

  .svc-spread-name {
    font-size: clamp(1.2rem, 6vw, 1.8rem)
  }

  .svc-spread-actions {
    gap: 10px
  }

  .svc-spread-btn {
    padding: 10px 14px;
    font-size: .78rem
  }

  /* Prevent annotation from bleeding outside spread */
  .svc-spread-annot {
    position: static;
    display: inline-flex;
    margin: 14px 0 0
  }

  .svc-spread-dots {
    display: none
  }

  .svc-spread-num {
    font-size: 4rem;
    opacity: .07
  }

  /* Feature banners */
  .svc-fbanner {
    flex-direction: column;
    gap: 10px;
    padding: 20px 20px;
    margin-inline: 0
  }

  .svc-fbanner-heading {
    font-size: 1.1rem
  }

  /* Editorial intro */
  .svc-editorial-intro {
    padding: 44px 20px 18px
  }

  .svc-editorial-heading {
    font-size: clamp(2rem, 10vw, 3.35rem);
    line-height: 1.08
  }

  /* Ticker */
  .svc-ticker-strip {
    font-size: .7rem
  }

  .svc-ticker-item {
    padding: 14px 12px
  }

  /* Tagline */
  .svc-tagline-section {
    min-height: unset;
    padding: 56px 0 64px
  }

  .svc-tagline-inner {
    min-height: clamp(180px, 52vw, 260px);
    padding-inline: 20px
  }

  .svc-tagline-quote {
    font-size: clamp(2rem, 10.4vw, 3.55rem);
    line-height: 1.1;
    width: min(100%, calc(100vw - 28px))
  }

  .svc-tagline-hindi {
    font-size: clamp(1.95rem, 9.8vw, 3.35rem);
    line-height: 1.18;
    width: min(100%, calc(100vw - 28px))
  }

  /* Social */
  .svc-social-section {
    padding: 44px 20px
  }

  .svc-social-heading {
    font-size: clamp(2rem, 10vw, 3.15rem);
    line-height: 1.08
  }

  .svc-social-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px
  }

  .svc-social-card {
    border-radius: 18px;
    min-height: 190px;
    padding: 16px
  }

  .svc-social-card-icon {
    width: 46px;
    height: 46px;
    border-radius: 15px
  }

}

@media (max-width: 420px) {
  .svc-social-cards {
    grid-template-columns: 1fr
  }
}

/* v4.3 correction: symmetric tagline spacing, no edge clipping. */
.svc-tagline-section {
  box-sizing: border-box;
  min-height: clamp(440px, 62svh, 620px);
  padding: clamp(84px, 11vh, 128px) clamp(24px, 5vw, 64px) clamp(92px, 12vh, 144px);
}

.svc-tagline-inner {
  width: min(1180px, 100%);
  min-height: clamp(260px, 30vw, 390px);
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}

.svc-tagline-quote,
.svc-tagline-hindi {
  width: 100%;
  max-width: 100%;
  padding: .08em .03em .18em;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .svc-tagline-section {
    min-height: 0;
    padding: 56px 20px 64px;
  }

  .svc-tagline-inner {
    min-height: 0;
    padding-inline: 0;
  }

  .svc-tagline-quote,
  .svc-tagline-hindi {
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
  }
}

/* SAMVEECHI editorial surfaces */

.svc-home-articles,
.svc-article-index,
.svc-article-single {
  --svc-article-shell-width: var(--svc-page-shell-width);
  --svc-article-page-gutter: var(--svc-page-gutter);
  color: var(--svc-text);
}

.svc-home-articles {
  padding: clamp(72px, 9vw, 132px) var(--svc-article-page-gutter);
}

.svc-home-articles__inner {
  width: min(var(--svc-article-shell-width), 100%);
  margin-inline: auto;
}

.svc-article-index,
.svc-article-single {
  width: min(
    calc(
      var(--svc-article-shell-width)
      + var(--svc-article-page-gutter)
      + var(--svc-article-page-gutter)
    ),
    100%
  );
  margin-inline: auto;
}

.svc-home-articles__inner {
  display: grid;
  grid-template-areas:
    "heading action"
    "articles articles";
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: clamp(18px, 3vw, 34px);
}

.svc-home-articles__header {
  grid-area: heading;
  margin-bottom: clamp(26px, 4vw, 44px);
}

.svc-home-articles__header h2,
.svc-related-articles__heading h2 {
  margin: 10px 0 0;
  color: var(--svc-text);
  font-family: var(--svc-font-heading);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: .98;
}

.svc-home-articles__header h2 {
  font-size: clamp(2.25rem, 5vw, 4.8rem);
}

.svc-article-brand {
  color: var(--svc-accent);
}

.svc-home-articles__header p {
  max-width: 590px;
  margin: 16px 0 0;
  color: var(--svc-text-muted);
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  line-height: 1.55;
}

.svc-home-articles__all {
  flex: 0 0 auto;
  height: 48px;
  min-height: 48px;
  padding: 0 20px;
  text-decoration: none;
}

.svc-home-articles__all.svc-btn.svc-btn--block {
  width: auto;
}

.svc-home-articles__footer,
.svc-related-articles__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}

.svc-home-articles__footer {
  grid-area: action;
  align-self: end;
  margin: 0 0 clamp(26px, 4vw, 44px);
}

.svc-article-grid--home {
  grid-area: articles;
}

.svc-related-articles__all.svc-btn.svc-btn--block {
  width: auto;
}

.svc-article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2.2vw, 26px);
}

.svc-article-grid.svc-article-grid--single {
  grid-template-columns: minmax(0, 680px);
  justify-content: center;
}

.svc-article-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--svc-text) 14%, transparent);
  border-radius: var(--svc-radius-card);
  background: rgba(var(--svc-ivory-rgb), .79);
  -webkit-backdrop-filter: blur(16px) saturate(1.35);
  backdrop-filter: blur(16px) saturate(1.35);
  box-shadow: 0 18px 48px rgba(68, 48, 33, .09), 0 3px 10px rgba(29, 34, 111, .04);
  transition: transform .28s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease, border-color .28s ease;
}

.svc-article-card:hover,
.svc-article-card:focus-within {
  border-color: color-mix(in srgb, var(--svc-accent) 34%, transparent);
  box-shadow: 0 26px 64px rgba(68, 48, 33, .14), 0 10px 26px rgba(221, 48, 29, .09);
  transform: translateY(-4px);
}

.svc-article-card__link {
  display: flex;
  height: 100%;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.svc-article-card__link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--svc-accent) 38%, transparent);
  outline-offset: -4px;
  border-radius: inherit;
}

.svc-article-card__media {
  display: block;
  aspect-ratio: 4 / 3;
  margin: 9px 9px 0;
  overflow: hidden;
  border-radius: var(--svc-radius-card-inner);
  background: #f4e8d6;
}

.svc-article-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.svc-article-card:hover .svc-article-card__media img {
  transform: scale(1.035);
}

.svc-article-card__placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-content: center;
  gap: 4px;
  color: var(--svc-text);
  text-align: center;
  background:
    radial-gradient(circle at 20% 10%, rgba(221, 48, 29, .21), transparent 34%),
    radial-gradient(circle at 85% 88%, rgba(255, 183, 122, .35), transparent 40%),
    linear-gradient(145deg, #fffbe9, #f7e2d2);
}

.svc-article-card__placeholder > span {
  font-family: "Montserrat", var(--svc-font-ui);
  font-size: clamp(2.8rem, 7vw, 5rem);
  font-weight: 700;
  line-height: 1;
}

.svc-article-card__placeholder small {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.svc-article-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px clamp(18px, 2vw, 24px) 22px;
}

.svc-article-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--svc-text-muted);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.svc-article-card__meta span,
.svc-article-card__meta time {
  min-width: 0;
}

.svc-article-card__meta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.svc-article-card__title {
  margin: 14px 0 0;
  color: var(--svc-text);
  font-family: var(--svc-font-heading);
  font-size: clamp(1.25rem, 2vw, 1.58rem);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.12;
}

.svc-article-card__excerpt {
  display: -webkit-box;
  margin-top: 13px;
  overflow: hidden;
  color: var(--svc-text-muted);
  font-size: .98rem;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.svc-article-card__cta-wrap {
  display: block;
  margin-top: auto;
  padding-top: 22px;
}

.svc-article-card__cta.svc-btn {
  width: 100%;
  height: 42px;
  min-height: 42px;
  align-self: stretch;
  padding: 0 16px;
  color: var(--svc-btn-text);
  font-size: .88rem;
  font-weight: 850;
}

.svc-article-card:hover .svc-article-card__cta,
.svc-article-card:focus-within .svc-article-card__cta {
  border-color: var(--svc-btn-border-hover);
  color: var(--svc-btn-text-hover);
  background: var(--svc-btn-bg-hover);
  box-shadow: var(--svc-btn-shadow-hover);
  transform: translateY(-2px);
}

.svc-article-card:hover .svc-article-card__cta .arrow,
.svc-article-card:focus-within .svc-article-card__cta .arrow {
  --svc-arrow-shift: 4px;
}

.svc-articles-page,
.svc-article-main {
  margin-block-start: 0;
}

.svc-article-index {
  box-sizing: border-box;
  padding:
    clamp(18px, 3vw, 34px)
    var(--svc-article-page-gutter)
    clamp(88px, 10vw, 150px);
}

.svc-article-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  width: 100%;
  margin: 20px 0 0;
}

.svc-article-search--standalone {
  margin: 0 auto clamp(30px, 4vw, 48px);
}

.svc-article-search .svc-input-field {
  min-width: 0;
  margin: 0;
}

.svc-article-search__submit.svc-btn {
  width: var(--svc-field-min-height);
  min-width: var(--svc-field-min-height);
  height: var(--svc-field-min-height);
  min-height: var(--svc-field-min-height);
  padding: 0;
}

.svc-article-search__submit svg {
  width: 24px;
  height: 24px;
}

.svc-article-index__results {
  transition: opacity .18s ease;
}

.svc-article-index.is-searching .svc-article-index__results {
  opacity: .52;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .svc-article-index__results {
    transition: none;
  }
}

.svc-article-empty {
  padding: clamp(36px, 6vw, 70px);
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-card);
  background: var(--svc-card-bg);
  text-align: center;
}

.svc-article-empty strong {
  display: block;
  font-size: clamp(1.35rem, 3vw, 2rem);
}

.svc-article-empty p {
  max-width: 560px;
  margin: 12px auto 0;
  color: var(--svc-text-muted);
}

.svc-article-empty__reset.svc-btn.svc-btn--block {
  width: min(280px, 100%);
  margin: 24px auto 0;
}

.svc-article-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 44px;
}

.svc-article-pagination .page-numbers {
  display: grid;
  min-width: 44px;
  min-height: 44px;
  place-items: center;
  padding-inline: 14px;
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-pill);
  color: var(--svc-text);
  font-weight: 800;
  text-decoration: none;
  background: rgba(var(--svc-ivory-rgb), .82);
}

.svc-article-pagination .page-numbers.current,
.svc-article-pagination a.page-numbers:hover {
  border-color: color-mix(in srgb, var(--svc-accent) 34%, transparent);
  background: var(--svc-accent-tint);
}

.svc-article-single {
  box-sizing: border-box;
  padding:
    clamp(42px, 5.5vw, 78px)
    var(--svc-article-page-gutter)
    clamp(88px, 10vw, 150px);
}

.svc-article-hero {
  box-sizing: border-box;
  width: min(var(--svc-article-shell-width), 100%);
  margin-inline: auto;
  padding: clamp(24px, 3vw, 42px);
  border: 1px solid color-mix(in srgb, var(--svc-text) 14%, transparent);
  border-radius: var(--svc-radius-surface);
  background:
    radial-gradient(circle at 5% 5%, rgba(255, 193, 131, .25), transparent 38%),
    radial-gradient(circle at 96% 92%, rgba(221, 48, 29, .13), transparent 34%),
    rgba(var(--svc-ivory-rgb), .8);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
  backdrop-filter: blur(18px) saturate(1.35);
  box-shadow: 0 18px 48px rgba(29, 34, 111, .12);
  text-align: center;
}

.svc-article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  gap: 8px;
  margin: 7px auto 0;
  color: var(--svc-text-muted);
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .025em;
}

.svc-article-meta a {
  color: var(--svc-accent);
  text-decoration: none;
}

.svc-article-meta__author {
  color: var(--svc-text);
  font-weight: 850;
}

.svc-article-meta__author .svc-article-brand {
  letter-spacing: .05em;
}

.svc-article-meta__dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--svc-text) 32%, transparent);
}

.svc-article-title {
  max-width: 1080px;
  margin: 0 auto;
  color: var(--svc-text);
  font-family: var(--svc-font-heading);
  font-size: clamp(2.2rem, 4vw, 4rem);
  font-weight: 950;
  letter-spacing: -.045em;
  line-height: 1.02;
  text-wrap: balance;
}

.svc-article-lead {
  max-width: 720px;
  margin: 12px auto 0;
  color: var(--svc-text-muted);
  font-size: clamp(1.08rem, 2vw, 1.32rem);
  line-height: 1.62;
  text-wrap: pretty;
}

.svc-article-lead > :first-child {
  margin-top: 0;
}

.svc-article-lead > :last-child {
  margin: 0;
}

.svc-article-tools {
  --svc-article-tool-selected-bg:
    color-mix(
      in srgb,
      var(--svc-accent) 8%,
      rgba(var(--svc-ivory-rgb), .78)
    );
  --svc-article-tool-selected-border:
    color-mix(in srgb, var(--svc-accent) 18%, transparent);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  box-sizing: border-box;
  width: min(500px, 100%);
  margin: 22px auto 0;
  padding: 4px;
  border: 1px solid color-mix(in srgb, var(--svc-text) 14%, transparent);
  border-radius: var(--svc-radius-control-lg);
  background: rgba(var(--svc-ivory-rgb), .54);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 12px 32px rgba(68, 48, 33, .06);
}

.svc-article-tool {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: calc(var(--svc-radius-control-lg) - 6px);
  color: var(--svc-text);
  font: inherit;
  font-size: .86rem;
  font-weight: 820;
  line-height: 1.15;
  background: transparent;
  cursor: pointer;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1);
}

.svc-article-tool::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 1px solid var(--svc-article-tool-selected-border);
  border-radius: inherit;
  background: var(--svc-article-tool-selected-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .42),
    0 6px 14px rgba(29, 37, 84, .08);
  opacity: 0;
  transform: scale(.96);
  pointer-events: none;
  transition:
    opacity .18s ease,
    transform .2s cubic-bezier(.2, .8, .2, 1);
}

.svc-article-tool svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
}

.svc-article-tool:hover,
.svc-article-tool:focus-visible,
.svc-article-tool.is-active {
  color: var(--svc-text);
  transform: translateY(-1px);
}

.svc-article-tool:hover::before,
.svc-article-tool:focus-visible::before,
.svc-article-tool:active::before,
.svc-article-tool.is-active::before {
  opacity: 1;
  transform: scale(1);
}

.svc-article-tool:active {
  transform: scale(.97);
  transition-duration: .08s;
}

.svc-article-tool:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--svc-accent) 22%, transparent);
  outline-offset: 2px;
}

.svc-article-tool[hidden] {
  display: none;
}

.svc-article-tools:has(.svc-article-tool[hidden]) {
  grid-template-columns: minmax(0, 1fr);
  width: min(270px, 100%);
}

.svc-article-featured {
  width: 100%;
  margin: clamp(14px, 1.4vw, 20px) auto 0;
  overflow: hidden;
  border-radius: var(--svc-radius-card);
  background: transparent;
  box-shadow: 0 18px 54px rgba(68, 48, 33, .1);
}

.svc-article-featured:empty {
  display: none;
}

.svc-article-featured img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 900px;
  margin-inline: auto;
  aspect-ratio: auto;
  object-fit: unset;
  object-position: var(--svc-article-focal-x, 50%) var(--svc-article-focal-y, 50%);
  border-radius: inherit;
  background: transparent;
  box-shadow: none;
  transform-origin: var(--svc-article-focal-x, 50%) var(--svc-article-focal-y, 50%);
}

.svc-article-content {
  --svc-article-rhythm-text: clamp(17px, 1.4vw, 22px);
  --svc-article-rhythm-block: clamp(24px, 2.8vw, 36px);
  --svc-article-rhythm-media: clamp(28px, 3.2vw, 40px);
  --svc-article-rhythm-section: clamp(40px, 4.5vw, 56px);
  box-sizing: border-box;
  width: 100%;
  margin: clamp(42px, 5vw, 64px) auto 0;
  padding-inline: 0;
  text-align: left;
}

.svc-article-single .svc-article-content > :first-child {
  margin-block-start: 0;
}

.svc-article-single .svc-article-content > p:empty {
  display: none;
}

.svc-article-single .svc-article-content > * {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  margin-block-end: 0;
}

.svc-article-single .svc-article-content > * + * {
  margin-block-start: var(--svc-article-rhythm-block);
}

.svc-article-single .svc-article-content > :is(p, ul, ol) + :is(p, ul, ol) {
  margin-block-start: var(--svc-article-rhythm-text);
}

.svc-article-single .svc-article-content > :is(h2, h3, h4) + :is(p, ul, ol) {
  margin-block-start: var(--svc-article-rhythm-text);
}

.svc-article-single .svc-article-content > :is(p, ul, ol) + :is(
  .wp-block-image,
  .wp-block-gallery,
  .wp-block-video,
  .wp-block-embed,
  .wp-block-cover,
  .wp-block-media-text,
  .wp-block-group,
  .wp-block-samveechi-image-comparison,
  .svc-article-product-showcase,
  .svc-article-editorial-product
) {
  margin-block-start: var(--svc-article-rhythm-media) !important;
}

.svc-article-single .svc-article-content > :is(
  .wp-block-image,
  .wp-block-gallery,
  .wp-block-video,
  .wp-block-embed,
  .wp-block-cover,
  .wp-block-media-text,
  .wp-block-group,
  .wp-block-samveechi-image-comparison,
  .svc-article-product-showcase,
  .svc-article-editorial-product
) + :is(p, ul, ol) {
  margin-block-start: var(--svc-article-rhythm-block);
}

.svc-article-content p,
.svc-article-content li {
  color: color-mix(in srgb, var(--svc-text) 88%, #3d3859);
  font-size: clamp(1.04rem, 1.4vw, 1.14rem);
  line-height: 1.78;
}

.svc-article-content :where(h2, h3:not(.svc-spread-title), h4) {
  color: var(--svc-text);
  font-family: var(--svc-font-heading);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.12;
  text-wrap: balance;
}

.svc-article-single .svc-article-content > :where(h2) {
  margin-block-start: var(--svc-article-rhythm-section);
  font-size: clamp(1.85rem, 4vw, 3.2rem);
}

.svc-article-single .svc-article-content > :where(h3:not(.svc-spread-title)) {
  margin-block-start: clamp(40px, 4.8vw, 56px);
  font-size: clamp(1.45rem, 3vw, 2.3rem);
}

.svc-article-single .svc-article-content > :where(h4) {
  margin-block-start: clamp(34px, 4vw, 48px);
  font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.svc-article-content :where(a:not(.wp-element-button):not(.svc-product-view-btn):not(.svc-spread-btn)) {
  color: var(--svc-accent);
  text-decoration-color: color-mix(in srgb, var(--svc-accent) 38%, transparent);
  text-decoration-thickness: .1em;
  text-underline-offset: .18em;
}

.svc-article-content ul,
.svc-article-content ol {
  box-sizing: border-box;
  padding-left: 1.3em;
}

.svc-article-content li + li {
  margin-top: .55em;
}

.svc-article-content li::marker {
  color: var(--svc-accent);
  font-weight: 900;
}

.svc-article-content .wp-block-quote {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  padding:
    clamp(28px, 4vw, 44px)
    clamp(26px, 4vw, 44px)
    clamp(28px, 4vw, 44px)
    clamp(102px, 12vw, 132px);
  border: 1px solid color-mix(in srgb, var(--svc-accent) 24%, var(--svc-card-border));
  border-radius: var(--svc-radius-card);
  background:
    radial-gradient(circle at 100% 0, rgba(255, 133, 92, .2), transparent 42%),
    radial-gradient(circle at 0 100%, rgba(255, 185, 124, .24), transparent 40%),
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--svc-accent-tint) 72%, rgba(var(--svc-ivory-rgb), .96)),
      rgba(var(--svc-ivory-rgb), .94)
    );
  box-shadow:
    0 22px 52px rgba(68, 48, 33, .1),
    inset 0 1px 0 rgba(255, 255, 255, .72);
}

.svc-article-content .wp-block-quote::before {
  position: absolute;
  top: 50%;
  left: clamp(22px, 3vw, 34px);
  display: grid;
  width: clamp(58px, 7vw, 72px);
  aspect-ratio: 1;
  place-items: center;
  padding-top: .16em;
  border: 1px solid color-mix(in srgb, var(--svc-accent) 24%, transparent);
  border-radius: clamp(18px, 2.5vw, 24px);
  color: var(--svc-accent);
  font-family: var(--svc-font-heading);
  font-size: clamp(3.1rem, 5vw, 4.2rem);
  font-weight: 900;
  line-height: .72;
  background:
    linear-gradient(
      145deg,
      rgba(var(--svc-ivory-rgb), .9),
      color-mix(in srgb, var(--svc-accent-tint) 62%, rgba(var(--svc-ivory-rgb), .8))
    );
  box-shadow:
    0 10px 24px rgba(221, 48, 29, .1),
    inset 0 1px 0 rgba(255, 255, 255, .82);
  transform: translateY(-50%);
  content: "“";
}

.svc-article-content .wp-block-quote p {
  margin: 0;
  color: var(--svc-text);
  font-family: var(--svc-font-heading);
  font-size: clamp(1.18rem, 2.15vw, 1.66rem);
  font-weight: 820;
  letter-spacing: -.026em;
  line-height: 1.42;
  text-wrap: balance;
}

.svc-article-content .wp-block-quote p + p {
  margin-top: .7em;
}

.svc-article-content .wp-block-quote cite {
  display: block;
  margin-top: 10px;
  color: var(--svc-accent);
  font-size: .78rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.svc-article-content .wp-block-pullquote {
  box-sizing: border-box;
  padding: clamp(32px, 6vw, 62px);
  border: 0;
  border-block: 1px solid color-mix(in srgb, var(--svc-accent) 28%, transparent);
  color: var(--svc-text);
  background:
    radial-gradient(circle at 50% 0, rgba(255, 185, 124, .25), transparent 58%),
    transparent;
  text-align: center;
}

.svc-article-content .wp-block-pullquote blockquote {
  margin: 0;
}

.svc-article-content .wp-block-pullquote p {
  margin: 0;
  color: var(--svc-text);
  font-family: var(--svc-font-heading);
  font-size: clamp(1.7rem, 4vw, 3.4rem);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1.08;
  text-wrap: balance;
}

.svc-article-content .wp-block-pullquote cite {
  display: block;
  margin-top: 18px;
  color: var(--svc-accent);
  font-size: .74rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.svc-article-content figcaption {
  margin-top: 10px;
  color: var(--svc-text-muted);
  font-size: .82rem;
  line-height: 1.45;
  text-align: center;
}

.svc-article-content :is(.wp-block-image, .wp-block-gallery, .wp-block-video, .wp-block-embed) {
  margin-block: 0;
}

.svc-article-content :is(.wp-block-image img, .wp-block-video video, iframe) {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: var(--svc-radius-card);
}

.svc-article-content .wp-block-image:not(.wp-block-gallery .wp-block-image) img {
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.svc-article-card__media img,
.svc-article-featured img,
.svc-article-content :is(
  .wp-block-image img,
  .wp-block-cover__image-background,
  .wp-block-media-text__media img
) {
  transform: scale(1);
  transition:
    transform var(--svc-image-motion-duration, 450ms)
    var(--svc-image-motion-ease, cubic-bezier(.2, .75, .2, 1));
}

.svc-article-content :is(
  .wp-block-image,
  .wp-block-gallery figure,
  .wp-block-cover,
  .wp-block-media-text__media
) {
  overflow: hidden;
  border-radius: var(--svc-radius-card);
}

@media (hover: hover) and (pointer: fine) {
  .svc-article-featured:hover img,
  .svc-article-content .wp-block-image:hover img,
  .svc-article-content .wp-block-gallery figure:hover img,
  .svc-article-content .wp-block-cover:hover .wp-block-cover__image-background,
  .svc-article-content .wp-block-media-text__media:hover img {
    transform: scale(1.018);
  }
}

.svc-article-content .wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  align-items: start;
  gap: clamp(10px, 1.8vw, 16px) !important;
}

.svc-article-content .wp-block-gallery > .wp-block-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  align-self: start !important;
  flex: none !important;
  margin: 0 !important;
}

.svc-article-content .wp-block-gallery > .wp-block-image > a,
.svc-article-content .wp-block-gallery > .wp-block-image > div {
  display: block !important;
  height: auto !important;
  flex: none !important;
}

.svc-article-content .wp-block-gallery.has-nested-images.is-cropped > .wp-block-image img {
  display: block;
  width: 100% !important;
  height: auto !important;
  flex: none !important;
  object-fit: contain !important;
  border-radius: var(--svc-radius-card-inner);
}

.svc-article-content .wp-block-table {
  overflow-x: auto;
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-card);
  background: rgba(var(--svc-ivory-rgb), .72);
}

.svc-article-content table {
  width: 100%;
  border-collapse: collapse;
}

.svc-article-content th,
.svc-article-content td {
  padding: 14px 16px;
  border: 0;
  border-bottom: 1px solid var(--svc-card-border);
  border-right: 1px solid var(--svc-card-border);
  text-align: left;
}

.svc-article-content tr:last-child > * {
  border-bottom: 0;
}

.svc-article-content tr > :last-child {
  border-right: 0;
}

.svc-article-content th {
  color: var(--svc-text);
  font-weight: 850;
  background: color-mix(in srgb, var(--svc-accent-tint) 32%, transparent);
}

.svc-article-content > .wp-block-group {
  gap: clamp(28px, 4vw, 44px);
}

.svc-article-content > .wp-block-group.is-layout-flex {
  align-items: flex-start;
  flex-wrap: wrap !important;
}

.svc-article-content > .wp-block-group > .wp-block-group.has-global-padding {
  padding-inline: 0;
}

.svc-article-content > .wp-block-group.is-layout-flex > * {
  min-width: min(260px, 100%);
  flex: 1 1 320px;
}

.svc-article-content .wp-block-cover {
  min-height: clamp(260px, 42vw, 520px) !important;
  border: 1px solid var(--svc-card-border);
  box-shadow: 0 18px 48px rgba(68, 48, 33, .09);
}

.svc-article-content .wp-block-cover__inner-container {
  width: min(680px, 100%);
}

.svc-article-content .wp-block-cover__inner-container p {
  color: #fff;
  font-family: var(--svc-font-heading);
  font-weight: 850;
  line-height: 1.2;
  text-wrap: balance;
}

.svc-article-content .wp-block-media-text {
  overflow: hidden;
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-card);
  background: rgba(var(--svc-ivory-rgb), .72);
  box-shadow: 0 18px 48px rgba(68, 48, 33, .08);
}

.svc-article-content .wp-block-media-text__media {
  align-self: stretch;
  border-radius: 0;
}

.svc-article-content .wp-block-media-text:not(.has-media-on-the-right) > .wp-block-media-text__media {
  border-radius:
    var(--svc-radius-card)
    0
    0
    var(--svc-radius-card);
}

.svc-article-content .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
  border-radius:
    0
    var(--svc-radius-card)
    var(--svc-radius-card)
    0;
}

.svc-article-content .wp-block-media-text__media a {
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}

.svc-article-content .wp-block-media-text__media :is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: inherit;
}

.svc-article-content .wp-block-media-text__content {
  padding: clamp(24px, 5vw, 54px);
}

.svc-article-content .wp-block-media-text__content > :first-child {
  margin-top: 0;
}

.svc-article-content .wp-block-media-text__content > :last-child {
  margin-bottom: 0;
}

.svc-article-content .wp-block-video {
  overflow: hidden;
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-card);
  background: transparent;
  box-shadow: 0 18px 48px rgba(68, 48, 33, .1);
}

.svc-article-content .wp-block-video video {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 0;
}

.svc-article-content .wp-block-buttons {
  gap: 12px;
}

.svc-article-content .wp-block-button__link {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid var(--svc-btn-border);
  border-radius: var(--svc-radius-control);
  color: var(--svc-btn-text);
  font-family: var(--svc-font-ui);
  font-weight: 850;
  text-decoration: none;
  background: var(--svc-btn-bg);
  box-shadow: var(--svc-btn-shadow);
  transition:
    transform .2s cubic-bezier(.2, .8, .2, 1),
    box-shadow .2s ease,
    border-color .2s ease,
    background-color .2s ease;
}

.svc-article-content .wp-block-button__link:hover,
.svc-article-content .wp-block-button__link:focus-visible {
  border-color: var(--svc-btn-border-hover);
  color: var(--svc-btn-text-hover);
  background: var(--svc-btn-bg-hover);
  box-shadow: var(--svc-btn-shadow-hover);
  transform: translateY(-2px);
}

.svc-article-content > .wp-block-post-time-to-read {
  display: table;
  width: auto;
  margin-inline: auto;
  padding: 8px 13px;
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-pill);
  color: var(--svc-text-muted);
  font-size: .76rem;
  font-weight: 800;
  background: rgba(var(--svc-ivory-rgb), .72);
}

.svc-article-content pre,
.svc-article-content code {
  border-radius: var(--svc-radius-sm);
  background: color-mix(in srgb, var(--svc-text) 8%, var(--svc-surface));
}

.svc-article-content pre {
  box-sizing: border-box;
  overflow-x: auto;
  padding: 18px;
}

.svc-article-content hr {
  height: 1px;
  margin-block: clamp(40px, 7vw, 72px);
  border: 0;
  background: linear-gradient(90deg, transparent, var(--svc-card-border), transparent);
}

.svc-article-product-showcase {
  box-sizing: border-box;
  width: 100%;
  margin-block: clamp(34px, 6vw, 62px);
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid color-mix(in srgb, var(--svc-text) 13%, transparent);
  border-radius: var(--svc-radius-surface);
  background:
    radial-gradient(circle at 100% 0, rgba(255, 185, 124, .2), transparent 32%),
    rgba(var(--svc-ivory-rgb), .7);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  backdrop-filter: blur(16px) saturate(1.3);
}

body.svc-article-surface .svc-article-products--cards .wc-block-product-template {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.svc-article-product-showcase > .wp-block-heading {
  margin: 0 0 clamp(18px, 3vw, 28px) !important;
}

.svc-article-editorial-product {
  box-sizing: border-box;
  width: 100%;
  margin-block: clamp(34px, 6vw, 62px);
}

.svc-article-after {
  width: min(var(--svc-article-shell-width), 100%);
  margin: clamp(52px, 8vw, 96px) auto 0;
}

.svc-related-articles {
  margin: clamp(48px, 7vw, 82px) 0 0;
}

.svc-related-articles__heading {
  margin-bottom: 26px;
}

.svc-related-articles__heading h2 {
  font-size: clamp(2rem, 4vw, 3.6rem);
}

.svc-article-card--compact .svc-article-card__media {
  aspect-ratio: 16 / 10;
}

.svc-article-card--compact .svc-article-card__body {
  padding-block: 17px 19px;
}

.svc-article-card--compact .svc-article-card__title {
  font-size: clamp(1.1rem, 1.8vw, 1.35rem);
}

.svc-article-after > .wp-block-comments {
  box-sizing: border-box;
  margin-top: 28px;
  padding: clamp(18px, 2.5vw, 26px);
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-card);
  background: rgba(var(--svc-ivory-rgb), .76);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  backdrop-filter: blur(16px) saturate(1.3);
  box-shadow: 0 18px 48px rgba(68, 48, 33, .08);
}

.svc-article-after .comment-reply-title {
  margin-top: 0;
  color: var(--svc-text);
  font-family: var(--svc-font-heading);
  font-weight: 900;
  letter-spacing: -.035em;
}

.svc-article-after .comment-reply-title {
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
}

.svc-article-comments__count {
  display: block;
  margin: 30px 0 16px;
  color: var(--svc-accent);
}

.svc-article-after .wp-block-comment-template {
  margin: 0;
  padding: 0;
  list-style: none;
}

.svc-article-after .wp-block-comment-template > li {
  box-sizing: border-box;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-card-inner);
  background: color-mix(in srgb, var(--svc-surface) 72%, transparent);
}

.svc-article-after .wp-block-comment-template > li + li {
  margin-top: 14px;
}

.svc-article-after .wp-block-comment-template ol {
  margin: 18px 0 0;
  padding: 0 0 0 clamp(14px, 3vw, 30px);
  border-left: 2px solid color-mix(in srgb, var(--svc-accent) 26%, transparent);
  list-style: none;
}

.svc-article-after .wp-block-comment-template ol > li + li {
  margin-top: 18px;
}

.svc-article-after .wp-block-avatar {
  display: none !important;
}

.svc-article-after .svc-article-comment__meta {
  display: grid;
  grid-template-columns: minmax(0, max-content) auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  gap: 5px 8px;
  align-items: center;
  width: 100%;
}

.svc-article-after .wp-block-comment-author-name {
  grid-column: 1;
  grid-row: 1;
  color: var(--svc-text);
  font-weight: 850;
}

.svc-article-after .wp-block-comment-author-name a,
.svc-article-after .wp-block-comment-date a,
.svc-article-after .wp-block-comment-reply-link a {
  color: inherit;
  text-decoration: none;
}

.svc-article-after .wp-block-comment-date {
  grid-column: 1;
  grid-row: 2;
  margin-top: 0;
  color: var(--svc-text-muted);
  font-size: .78rem;
}

.svc-comment-pinned-badge,
.svc-comment-edited-label {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding-inline: 9px;
  border-radius: var(--svc-radius-pill);
  font-family: var(--svc-font-ui);
  font-size: .67rem;
  font-weight: 800;
  line-height: 1;
}

.svc-comment-pinned-badge {
  grid-column: 2;
  grid-row: 1;
  border: 1px solid color-mix(in srgb, var(--svc-accent) 32%, transparent);
  color: var(--svc-accent);
  background: color-mix(in srgb, var(--svc-accent-tint) 48%, transparent);
}

.svc-comment-edited-label {
  grid-column: 2;
  grid-row: 2;
  color: var(--svc-text-muted);
  background: color-mix(in srgb, var(--svc-text) 6%, transparent);
}

.svc-article-after .wp-block-comment-content {
  margin-top: 14px;
}

.svc-article-after .wp-block-comment-content > :first-child {
  margin-top: 0;
}

.svc-article-after .wp-block-comment-content > :last-child {
  margin-bottom: 0;
}

.svc-article-after .wp-block-comment-content p {
  color: var(--svc-text);
  line-height: 1.65;
}

.svc-article-after .wp-block-comment-reply-link {
  margin: 0;
}

.svc-article-after .wp-block-comment-reply-link a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: 7px;
  padding-inline: 14px;
  border: 1px solid color-mix(in srgb, var(--svc-accent) 28%, var(--svc-card-border));
  border-radius: var(--svc-radius-pill);
  color: var(--svc-text);
  font-size: .82rem;
  font-weight: 800;
  background: color-mix(in srgb, var(--svc-accent-tint) 36%, transparent);
}

.svc-comment-reply-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}

.svc-comment-tools {
  grid-column: 4;
  grid-row: 1 / span 2;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-self: end;
  align-self: start;
  gap: 6px;
}

.svc-comment-action {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--svc-text) 16%, var(--svc-card-border));
  border-radius: var(--svc-radius-pill);
  color: var(--svc-text);
  font: inherit;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  background: rgba(var(--svc-ivory-rgb), .62);
  transition:
    color .18s ease,
    border-color .18s ease,
    background-color .18s ease,
    box-shadow .18s ease;
}

.svc-comment-action__icon {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.svc-comment-action--icon-only {
  width: 32px;
  padding: 0;
}

.svc-comment-action:hover,
.svc-comment-action:focus-visible,
.svc-comment-action[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--svc-accent) 34%, transparent);
  color: var(--svc-accent);
  background: color-mix(in srgb, var(--svc-accent-tint) 42%, transparent);
}

.svc-comment-action:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--svc-accent) 38%, transparent);
  outline-offset: 2px;
}

.svc-comment-action--delete:hover,
.svc-comment-action--delete:focus-visible,
.svc-comment-action--confirm {
  border-color: #b9221a;
  color: #fff;
  background: #bd281f;
  box-shadow: 0 8px 18px color-mix(in srgb, #a6221c 24%, transparent);
}

.svc-comment-action--delete {
  border-color: #df3a30;
  color: #fff;
  background: #df3a30;
}

.svc-comment-action--confirm {
  width: auto;
  padding-inline: 10px;
}

.svc-comment-action:disabled {
  cursor: wait;
}

.svc-comment-editor {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--svc-accent) 24%, var(--svc-card-border));
  border-radius: var(--svc-radius-card-inner);
  background: color-mix(in srgb, var(--svc-accent-tint) 18%, rgba(var(--svc-ivory-rgb), .82));
}

.svc-comment-editor label {
  color: var(--svc-text);
  font-size: .82rem;
  font-weight: 850;
}

.svc-comment-editor textarea {
  min-height: 108px;
  resize: vertical;
}

.svc-comment-editor__controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.svc-comment-editor__save {
  width: 100%;
}

.svc-comment-editor__cancel {
  min-height: 42px;
  padding-inline: 14px;
  border: 0;
  color: var(--svc-text);
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
  background: transparent;
}

.svc-comment-editor__cancel:hover,
.svc-comment-editor__cancel:focus-visible {
  color: var(--svc-accent);
}

.svc-article-after .wp-block-comments-pagination {
  gap: 8px;
  margin-block: 24px 32px;
}

.svc-article-after .wp-block-comments-pagination a,
.svc-article-after .wp-block-comments-pagination .current {
  display: inline-grid;
  min-width: 40px;
  min-height: 40px;
  place-items: center;
  padding-inline: 12px;
  border: 1px solid var(--svc-card-border);
  border-radius: var(--svc-radius-pill);
  color: var(--svc-text);
  font-weight: 800;
  text-decoration: none;
  background: rgba(var(--svc-ivory-rgb), .78);
}

.svc-article-after .wp-block-comments-pagination .current {
  border-color: color-mix(in srgb, var(--svc-accent) 34%, transparent);
  background: var(--svc-accent-tint);
}

.svc-article-after .comment-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  --svc-textarea-min-height: 108px;
}

.svc-article-after .comment-form > :where(.comment-notes, .comment-form-comment, .comment-form-cookies-consent, .form-submit, .logged-in-as) {
  grid-column: 1 / -1;
}

.svc-article-after .comment-form p {
  margin: 0;
}

.svc-article-after .comment-respond {
  margin: 0;
  padding: 0;
}

.svc-article-after .comment-form label {
  display: block;
  margin-bottom: 8px;
  color: var(--svc-text);
  font-size: .82rem;
  font-weight: 850;
}

.svc-article-after .comment-notes,
.svc-article-after .logged-in-as {
  color: var(--svc-text-muted);
  font-size: .9rem;
  line-height: 1.5;
}

.svc-article-after .svc-comment-identity {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.svc-article-after .svc-comment-identity strong {
  color: var(--svc-accent);
  font-weight: 850;
}

.svc-article-after .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.svc-article-after .comment-form-cookies-consent label {
  margin: 0;
  color: var(--svc-text-muted);
  font-weight: 600;
  line-height: 1.45;
}

.svc-article-after .form-submit {
  width: 100%;
}

.svc-article-after .form-submit :is(button, input[type="submit"]) {
  width: 100%;
  white-space: normal;
  line-height: 1.25;
}

.svc-article-after .form-submit :is(button, input[type="submit"]):disabled {
  cursor: wait;
  opacity: .72;
}

.svc-inline-reply {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--svc-accent) 24%, var(--svc-card-border));
  border-radius: var(--svc-radius-card-inner);
  background: color-mix(in srgb, var(--svc-accent-tint) 18%, rgba(var(--svc-ivory-rgb), .76));
}

.svc-inline-reply__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.svc-inline-reply__header .svc-pill-label {
  color: var(--svc-accent);
}

.svc-inline-reply__cancel {
  padding: 0;
  border: 0;
  color: var(--svc-text);
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
  background: transparent;
}

.svc-inline-reply__cancel:hover,
.svc-inline-reply__cancel:focus-visible {
  color: var(--svc-accent);
}

.svc-article-after nav[aria-label="Posts"] {
  gap: 18px;
}

.svc-article-after .wp-block-post-navigation-link {
  min-width: 0;
}

.svc-article-after .wp-block-post-navigation-link a {
  color: var(--svc-text);
  font-weight: 850;
  text-decoration: none;
}

@media (max-width: 900px) {
  .svc-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.svc-article-surface .svc-article-products--cards .wc-block-product-template {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .svc-home-articles__inner {
    grid-template-areas:
      "heading"
      "articles"
      "action";
    grid-template-columns: minmax(0, 1fr);
  }

  .svc-home-articles__footer {
    margin: 22px 0 0;
  }

  .svc-home-articles__all.svc-btn.svc-btn--block {
    width: 100%;
  }

}

@media (min-width: 681px) {
  .svc-article-grid--home,
  .svc-article-grid--related {
    display: flex;
    gap: clamp(16px, 2.2vw, 26px);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 4px 4px 18px;
    scroll-padding-inline: 4px;
    scroll-snap-type: inline mandatory;
    scrollbar-color: color-mix(in srgb, var(--svc-accent) 42%, transparent) transparent;
    scrollbar-width: thin;
  }

  .svc-article-grid--home::-webkit-scrollbar,
  .svc-article-grid--related::-webkit-scrollbar {
    height: 7px;
  }

  .svc-article-grid--home::-webkit-scrollbar-track,
  .svc-article-grid--related::-webkit-scrollbar-track {
    background: transparent;
  }

  .svc-article-grid--home::-webkit-scrollbar-thumb,
  .svc-article-grid--related::-webkit-scrollbar-thumb {
    border-radius: var(--svc-radius-pill);
    background: color-mix(in srgb, var(--svc-accent) 42%, transparent);
  }

  .svc-article-grid--home > .svc-article-card,
  .svc-article-grid--related > .svc-article-card {
    flex: 0 0 clamp(300px, 31vw, 374px);
    scroll-snap-align: start;
  }
}

@media (max-width: 680px) {
  .svc-home-articles {
    padding-inline: 14px;
  }

  .svc-home-articles__header {
    display: block;
  }

  .svc-home-articles__all.svc-btn.svc-btn--block,
  .svc-related-articles__all.svc-btn.svc-btn--block {
    width: 100%;
  }

  .svc-article-single {
    padding-inline: 16px;
  }

  .svc-article-hero {
    padding: 20px;
    border-radius: var(--svc-radius-card);
  }

  .svc-article-grid {
    grid-template-columns: 1fr;
  }

  .svc-article-grid--home {
    grid-template-columns: 1fr;
  }

  .svc-article-grid--home,
  .svc-article-grid--related {
    display: grid;
    overflow: visible;
    padding: 0;
  }

  .svc-article-card__media {
    aspect-ratio: 16 / 10;
  }

  .svc-article-title {
    font-size: clamp(1.9rem, 9vw, 2.8rem);
  }

  .svc-article-meta {
    gap: 8px;
    font-size: .68rem;
    letter-spacing: .04em;
  }

  .svc-article-tools {
    margin-top: 18px;
  }

  .svc-article-tool {
    min-height: 38px;
    padding-inline: 10px;
    font-size: .78rem;
  }

  .svc-article-tool svg {
    width: 18px;
    height: 18px;
  }

  .svc-article-content p,
  .svc-article-content li {
    font-size: 1rem;
    line-height: 1.72;
  }

  .svc-article-product-showcase {
    padding: 10px;
    border-radius: var(--svc-radius-card);
  }

  body.svc-article-surface .svc-article-products--cards .wc-block-product-template {
    gap: 10px !important;
  }

  .svc-article-content .wp-block-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .svc-article-content .wp-block-media-text__media img {
    min-height: 0;
    max-height: 620px;
  }

  .svc-article-content .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media,
  .svc-article-content .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right > .wp-block-media-text__media {
    border-radius:
      var(--svc-radius-card)
      var(--svc-radius-card)
      0
      0;
  }

  .svc-article-content .wp-block-media-text__content {
    padding: 22px 18px;
  }

  .svc-article-after .comment-form {
    grid-template-columns: 1fr;
  }

  .svc-article-after .comment-form > * {
    grid-column: 1 / -1;
  }

  .svc-article-after nav[aria-label="Posts"] {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (hover: none), (pointer: coarse) {
  .svc-article-card:hover {
    border-color: color-mix(in srgb, var(--svc-text) 14%, transparent);
    box-shadow: 0 18px 48px rgba(68, 48, 33, .09), 0 3px 10px rgba(29, 34, 111, .04);
    transform: none;
  }

  .svc-article-card:hover .svc-article-card__media img {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .svc-article-tool,
  .svc-article-card,
  .svc-article-card__media img,
  .svc-article-featured img,
  .svc-article-content :is(
    .wp-block-image img,
    .wp-block-gallery img,
    .wp-block-cover__image-background,
    .wp-block-media-text__media img
  ) {
    transition: none;
  }

  .svc-article-featured:hover img,
  .svc-article-content .wp-block-image:hover img,
  .svc-article-content .wp-block-gallery figure:hover img,
  .svc-article-content .wp-block-cover:hover .wp-block-cover__image-background,
  .svc-article-content .wp-block-media-text__media:hover img {
    transform: none;
  }
}

/* Article glossary/FAQ: native WordPress accordion behavior, editorial styling. */
.svc-article-content .wp-block-accordion {
  display: block;
  border: 1px solid color-mix(in srgb, var(--svc-text) 18%, transparent);
  border-radius: 16px;
  background: rgba(var(--svc-ivory-rgb), .65);
  overflow: clip;
}
.svc-article-content .wp-block-accordion-item { margin: 0; }
.svc-article-content .wp-block-accordion-item + .wp-block-accordion-item {
  border-top: 1px solid color-mix(in srgb, var(--svc-text) 14%, transparent);
}
.svc-article-content .wp-block-accordion-heading {
  margin: 0;
  font-size: clamp(18px, 1.5vw, 21px);
  font-weight: 750;
  letter-spacing: -.015em;
  line-height: 1.4;
}
.svc-article-content .wp-block-accordion-heading__toggle {
  gap: 20px;
  min-height: 68px;
  padding: 20px clamp(20px, 2.5vw, 30px);
  text-align: left;
  transition: color 160ms ease, background-color 160ms ease;
}
.svc-article-content .wp-block-accordion-heading__toggle:hover,
.svc-article-content .wp-block-accordion-heading__toggle[aria-expanded="true"] {
  color: var(--svc-accent);
  background: color-mix(in srgb, var(--svc-accent) 5%, transparent);
}
.svc-article-content .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title { text-decoration: none; }
.svc-article-content .wp-block-accordion-heading__toggle:focus-visible {
  outline: 2px solid var(--svc-accent);
  outline-offset: -4px;
}
.svc-article-content .wp-block-accordion-heading__toggle-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  font-size: 0;
}
.svc-article-content .wp-block-accordion-heading__toggle-icon::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 200ms ease;
}
.svc-article-content .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
  transform: translateY(2px) rotate(225deg);
}
.svc-article-content .wp-block-accordion-panel {
  margin: 0;
  padding: 4px clamp(20px, 2.5vw, 30px) 24px;
}
.svc-article-content .wp-block-accordion-panel > :first-child { margin-top: 0; }
.svc-article-content .wp-block-accordion-panel > :last-child { margin-bottom: 0; }
.svc-article-content .wp-block-accordion-panel > * + * { margin-top: 16px; }
@media (prefers-reduced-motion: reduce) {
  .svc-article-content .wp-block-accordion-heading__toggle,
  .svc-article-content .wp-block-accordion-heading__toggle-icon::before { transition: none; }
}

.svc-article-content .wp-block-accordion-panel[hidden] { padding: 0; }

:root {
    --svc-nav-height: 64px;
    --svc-nav-gap: var(--svc-float-gap, var(--float-gap, 18px));
    --svc-nav-radius: var(--svc-float-radius, var(--bm-radius, 22px));
    --svc-nav-mobile-width: var(--svc-float-width-mobile, var(--bmw-mobile, 85vw));
    --svc-nav-desktop-width: var(--svc-float-width-desktop, var(--bmw-desktop, 980px));
    --svc-account-nav-height: 56px;
    --svc-account-nav-gap: 12px;
    --svc-account-nav-mobile-width: 75vw;
    --svc-account-nav-desktop-width: 720px;
    --svc-search-mobile-width: 72vw;
    --svc-search-desktop-width: 760px;
    --svc-nav-bg: rgb(var(--ivory-rgb, var(--svc-ivory-rgb, 253, 251, 239)));
    --svc-nav-float-bg: var(--svc-float-bg, rgba(253, 251, 239, .86));
    --svc-nav-selected-bg: color-mix(in srgb, var(--svc-accent, var(--ffui-accent, #dd301d)) 8%, rgba(var(--ivory-rgb, var(--svc-ivory-rgb, 253, 251, 239)), .78));
    --svc-nav-selected-border: color-mix(in srgb, var(--svc-accent, var(--ffui-accent, #dd301d)) 18%, transparent);
    --svc-nav-text: var(--svc-text, var(--ffui-text, #1d2554));
    --svc-nav-accent: var(--svc-accent, var(--ffui-accent, #dd301d));
    --svc-nav-shadow: var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, .20));
    --svc-nav-blur: var(--svc-float-blur, 16px);
    --svc-nav-saturate: var(--svc-float-saturate, 1.4);
    --svc-nav-z: var(--svc-layer-navigation, 9998);
    --svc-nav-underlay-z: var(--svc-layer-nav-underlay, 9996);
    --svc-search-z: var(--svc-layer-header, 9997);
    --svc-account-nav-z: var(--svc-layer-nav-underlay, 9996);
    --svc-visual-bottom-offset: 0px;
    --svc-visual-right-offset: 0px;
}

body.svc-navigation-enabled {
    padding-bottom: calc(var(--svc-nav-height) + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
}

body.svc-account-navigation-enabled {
    padding-bottom: calc(var(--svc-nav-height) + var(--svc-account-nav-height) + var(--svc-account-nav-gap) + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
}

.svc-bottom-nav,
.svc-account-nav {
    box-sizing: border-box;
    color: var(--svc-nav-text);
    font-family: "Montserrat", var(--svc-font-ui, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.svc-bottom-nav *,
.svc-account-nav *,
.svc-bottom-nav__search * {
    box-sizing: border-box;
}

.svc-bottom-nav {
    position: fixed;
    right: var(--svc-visual-right-offset, 0px);
    bottom: 0;
    left: 0;
    z-index: var(--svc-nav-z);
    display: flex;
    width: auto;
    height: calc(var(--svc-nav-height) + env(safe-area-inset-bottom, 0px));
    align-items: stretch;
    justify-content: space-around;
    gap: 4px;
    margin: 0;
    padding: 6px max(10px, env(safe-area-inset-left, 0px)) calc(6px + env(safe-area-inset-bottom, 0px));
    transform: translate3d(0, 0, 0);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    overflow: hidden;
    contain: layout paint style;
    isolation: isolate;
    will-change: transform, border-radius, box-shadow;
    transition: border-radius var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
        box-shadow var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
}

.svc-bottom-nav::before,
.svc-bottom-nav::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    transition: opacity var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
}

.svc-bottom-nav::before {
    background: rgb(var(--ivory-rgb, var(--svc-ivory-rgb, 253, 251, 239)));
    opacity: 1;
}

.svc-bottom-nav::after {
    background: var(--svc-nav-float-bg);
    -webkit-backdrop-filter: blur(var(--svc-nav-blur)) saturate(var(--svc-nav-saturate));
    backdrop-filter: blur(var(--svc-nav-blur)) saturate(var(--svc-nav-saturate));
    opacity: 0;
}

.svc-bottom-nav.svc-chrome-scrolled:not(.svc-motion-bottom-menu-immersive) {
    --svc-nav-floating-width: min(var(--svc-nav-mobile-width), calc(100% - 24px));
    --svc-nav-floating-edge: max(12px, calc((100% - var(--svc-nav-floating-width)) / 2));
    bottom: env(safe-area-inset-bottom, 0px);
    left: var(--svc-nav-floating-edge);
    right: var(--svc-nav-floating-edge);
    width: auto;
    height: var(--svc-nav-height);
    padding-bottom: 6px;
    transform: translate3d(0, calc(-1 * var(--svc-nav-gap)), 0);
    border-radius: var(--svc-nav-radius);
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: var(--svc-nav-shadow);
}

.svc-bottom-nav.svc-chrome-scrolled:not(.svc-motion-bottom-menu-immersive)::before {
    opacity: 0;
}

.svc-bottom-nav.svc-chrome-scrolled:not(.svc-motion-bottom-menu-immersive)::after {
    opacity: 1;
}

@media (min-width: 1025px) {
    .svc-bottom-nav.svc-chrome-scrolled:not(.svc-motion-bottom-menu-immersive) {
        --svc-nav-floating-width: min(var(--svc-nav-desktop-width), calc(100% - 48px));
        --svc-nav-floating-edge: max(24px, calc((100% - var(--svc-nav-floating-width)) / 2));
    }
}

.svc-bottom-nav__item,
.svc-account-nav__item {
    position: relative;
    isolation: isolate;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--svc-nav-text);
    border: 1px solid transparent;
    border-radius: calc(var(--svc-nav-radius) - var(--svc-inset-md));
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    outline: none;
    transition: color .2s ease, transform .22s cubic-bezier(.2, .8, .2, 1), background .2s ease, border-color .2s ease;
}

.svc-bottom-nav__item {
    z-index: 1;
    flex: 1 1 0;
    height: 100%;
    flex-direction: row;
    gap: 8px;
    padding: 4px 6px;
    font-size: .78rem;
    font-weight: 780;
    line-height: 1;
}

.svc-bottom-nav__item--conditional {
    display: none;
}

.svc-bottom-nav__item--conditional.svc-is-visible,
html.svc-catalog-mobile body.svc-catalog-enhanced .svc-bottom-nav__item--filter {
    display: inline-flex;
}

.svc-bottom-nav__item::before,
.svc-account-nav__item::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    border: 1px solid var(--svc-nav-selected-border);
    border-radius: calc(var(--svc-nav-radius) - var(--svc-inset-md));
    background: var(--svc-nav-selected-bg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 6px 14px rgba(29, 37, 84, .08);
    opacity: 0;
    transform: scale(.96);
    transition: opacity .18s ease, transform .2s cubic-bezier(.2, .8, .2, 1);
}

.svc-bottom-nav__item::before {
    top: 4px;
    bottom: 4px;
    left: 50%;
    width: min(132px, calc(100% - 12px));
    transform: translateX(-50%) scale(.96);
}

.svc-account-nav__item::before {
    inset: 0;
}

.svc-bottom-nav__item--filter::before {
    display: none;
}

.svc-bottom-nav__item:hover,
.svc-bottom-nav__item:focus-visible,
.svc-bottom-nav__item.is-active,
html.svc-search-open .svc-bottom-nav__item--search,
.svc-account-nav__item:hover,
.svc-account-nav__item:focus-visible,
.svc-account-nav__item.is-active {
    color: var(--svc-nav-text);
    transform: translateY(-1px);
}

.svc-bottom-nav__item:not(.svc-bottom-nav__item--filter):hover::before,
.svc-bottom-nav__item:not(.svc-bottom-nav__item--filter):focus-visible::before,
.svc-bottom-nav__item.is-active:not(.svc-bottom-nav__item--filter)::before,
html.svc-search-open .svc-bottom-nav__item--search::before,
.svc-account-nav__item:hover::before,
.svc-account-nav__item:focus-visible::before,
.svc-account-nav__item.is-active::before {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.svc-account-nav__item:hover::before,
.svc-account-nav__item:focus-visible::before,
.svc-account-nav__item.is-active::before {
    transform: scale(1);
}

.svc-bottom-nav__item:active,
.svc-account-nav__item:active {
    transform: scale(.96);
    transition-duration: .08s;
}

.svc-bottom-nav__icon,
.svc-account-nav__icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: currentColor;
    line-height: 0;
    transition: transform .22s cubic-bezier(.2, .8, .2, 1);
}

.svc-bottom-nav__icon {
    width: 26px;
    height: 26px;
}

.svc-account-nav__icon {
    width: 24px;
    height: 24px;
}

.svc-bottom-nav__icon svg,
.svc-account-nav__icon svg,
.svc-bottom-nav__search-form svg {
    display: block;
    width: 100%;
    height: 100%;
    color: currentColor;
    fill: currentColor;
}

.svc-bottom-nav__label,
.svc-account-nav__label {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: currentColor;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.svc-bottom-nav__label {
    font-size: .78rem;
    line-height: 1;
}

.svc-bottom-nav__item:hover .svc-bottom-nav__icon,
.svc-bottom-nav__item:focus-visible .svc-bottom-nav__icon,
.svc-bottom-nav__item.is-active .svc-bottom-nav__icon,
html.svc-search-open .svc-bottom-nav__item--search .svc-bottom-nav__icon,
.svc-account-nav__item:hover .svc-account-nav__icon,
.svc-account-nav__item:focus-visible .svc-account-nav__icon,
.svc-account-nav__item.is-active .svc-account-nav__icon {
    transform: translateY(-1px);
}

.svc-account-nav {
    position: fixed;
    right: var(--svc-visual-right-offset, 0px);
    bottom: calc(var(--svc-nav-height) + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: var(--svc-account-nav-z);
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    grid-template-columns: none;
    gap: 6px;
    width: auto;
    height: var(--svc-account-nav-height);
    margin: 0;
    padding: 6px;
    transform: translate3d(0, 0, 0);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    overflow: hidden;
    contain: layout paint style;
    isolation: isolate;
    will-change: transform;
    transition: border-radius var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
        box-shadow var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
}

.svc-account-nav::before,
.svc-account-nav::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    transition: opacity var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
}

.svc-account-nav::before {
    background: var(--svc-nav-bg);
    opacity: 1;
}

.svc-account-nav::after {
    background: var(--svc-nav-float-bg);
    -webkit-backdrop-filter: blur(var(--svc-nav-blur)) saturate(var(--svc-nav-saturate));
    backdrop-filter: blur(var(--svc-nav-blur)) saturate(var(--svc-nav-saturate));
    opacity: 0;
    transform: translateZ(0);
    will-change: opacity;
}

.svc-account-nav.svc-chrome-scrolled {
    right: max(12px, 12.5vw);
    left: max(12px, 12.5vw);
    width: auto;
    transform: translate3d(0, calc(-1 * (var(--svc-nav-gap) + var(--svc-account-nav-gap))), 0);
    border-radius: var(--svc-nav-radius);
    background: transparent;
    box-shadow: var(--svc-nav-shadow);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.svc-account-nav.svc-chrome-scrolled::before {
    opacity: 0;
}

.svc-account-nav.svc-chrome-scrolled::after {
    opacity: 1;
}

.svc-account-nav__item {
    z-index: 1;
    height: 100%;
    flex-direction: row;
    gap: 8px;
    padding: 0 10px;
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.25;
    align-items: center;
}

.svc-account-nav__item--logout {
    color: var(--svc-nav-accent);
}

.svc-account-nav__item--logout:hover,
.svc-account-nav__item--logout:focus-visible,
.svc-account-nav__item--logout:active {
    color: var(--svc-nav-accent);
}

.svc-account-nav__label {
    display: none;
}

html.svc-search-open #svc-cart-progress-bar.svc-cart-progress-bar {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

/* WooCommerce defaults this body-level screen overlay to 9999, below the
   SAMVEECHI header and filter layers. */
.wc-block-components-drawer__screen-overlay[data-wp-interactive="woocommerce/mini-cart"] {
    z-index: var(--svc-layer-mini-cart, 100200) !important;
}

.svc-bottom-nav__search {
    position: fixed;
    right: auto;
    bottom: calc(var(--svc-nav-height) + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px) - 28px);
    left: 50%;
    z-index: var(--svc-search-z);
    width: min(var(--svc-search-mobile-width), calc(100% - 48px));
    padding: .75rem 1rem calc(.75rem + 28px);
    --svc-search-float-lift: 0px;
    transform: translate3d(-50%, calc(10px - var(--svc-search-float-lift)), 0);
    border-radius: var(--svc-nav-radius) var(--svc-nav-radius) 0 0;
    background: var(--svc-nav-float-bg);
    box-shadow: var(--svc-nav-shadow);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    contain: layout paint style;
    isolation: isolate;
    will-change: transform;
    transition: opacity .2s ease, transform var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease), width var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease), border-radius var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
}

.svc-bottom-nav__search.svc-chrome-scrolled {
    --svc-search-float-lift: var(--svc-nav-gap);
}

.svc-bottom-nav__search.is-active {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(-50%, calc(-1 * var(--svc-search-float-lift)), 0);
    visibility: visible;
    -webkit-backdrop-filter: blur(var(--svc-nav-blur)) saturate(var(--svc-nav-saturate));
    backdrop-filter: blur(var(--svc-nav-blur)) saturate(var(--svc-nav-saturate));
}

@supports (-webkit-backdrop-filter: blur(1px)) {
    .svc-bottom-nav {
        transition: border-radius var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease),
            box-shadow var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
    }

    .svc-bottom-nav__search {
        transition: opacity .2s ease, transform var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease), width var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease), border-radius var(--svc-float-motion-duration, 320ms) var(--svc-float-motion-ease, ease);
    }
}

.svc-bottom-nav__search-form {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0;
}

.svc-bottom-nav__search-form svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    color: var(--svc-nav-text);
    opacity: .88;
}

.svc-bottom-nav__search-field {
    min-width: 0;
    flex: 1 1 auto;
    height: 42px;
    padding: .55rem .8rem;
    border: 1px solid rgba(30, 34, 111, .15);
    border-radius: var(--svc-radius-md);
    background: rgba(var(--ivory-rgb, var(--svc-ivory-rgb, 253, 251, 239)), .64);
    color: var(--svc-nav-text);
    font: 650 1rem/1 var(--svc-font-ui, "Instrument Sans", system-ui, sans-serif);
    outline: none;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.svc-bottom-nav__search-field:focus {
    border-color: rgba(30, 34, 111, .32);
    background: rgba(var(--ivory-rgb, var(--svc-ivory-rgb, 253, 251, 239)), .88);
    box-shadow: 0 0 0 3px rgba(29, 37, 84, .08);
}

.svc-bottom-nav__search-field::placeholder {
    color: rgba(30, 34, 111, .55);
}

body.svc-motion-immersive-active .svc-bottom-nav__search {
    color: #fff;
    border: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.svc-motion-immersive-active .svc-bottom-nav__search-form svg {
    color: #fff;
    opacity: .92;
}

body.svc-motion-immersive-active .svc-bottom-nav__search-field {
    color: #fff;
    border-color: rgba(255, 255, 255, .30);
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body.svc-motion-immersive-active .svc-bottom-nav__search-field:focus {
    border-color: rgba(255, 255, 255, .46);
    background: rgba(255, 255, 255, .20);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .10);
}

body.svc-motion-immersive-active .svc-bottom-nav__search-field::placeholder {
    color: rgba(255, 255, 255, .72);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-account .woocommerce {
    display: block !important;
    max-width: min(1040px, calc(100% - 24px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    max-width: min(1040px, 100%) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (min-width: 720px) {
    .svc-account-nav__label {
        display: block;
        line-height: 1.25;
        overflow: visible;
        padding-bottom: 1px;
    }
}

@media (min-width: 1025px) {
    .svc-bottom-nav__search {
        width: min(var(--svc-search-desktop-width), calc(100% - 96px));
    }

.svc-bottom-nav__search.svc-chrome-scrolled {
 width: min(var(--svc-search-desktop-width), calc(100% - 96px));
 }
}

@media (max-width: 1024px) {
    .svc-account-nav.svc-chrome-scrolled {
        right: max(12px, 12.5vw);
        left: max(12px, 12.5vw);
    }
}

@media (max-width: 640px) {
    .svc-bottom-nav {
        gap: 2px;
        padding-right: max(8px, env(safe-area-inset-right, 0px));
        padding-left: max(8px, env(safe-area-inset-left, 0px));
    }

    .svc-bottom-nav__icon {
        width: 25px;
        height: 25px;
    }

    .svc-bottom-nav__label {
        display: none;
    }

    .svc-account-nav {
        height: 54px;
        padding: 6px;
    }

    .svc-account-nav__item {
        padding: 0;
    }

    .svc-bottom-nav__item {
        gap: 0;
        padding-right: 2px;
        padding-left: 2px;
    }
}

body.svc-motion-immersive-active .svc-bottom-nav,
body.svc-motion-immersive-active.scrolled .svc-bottom-nav,
.svc-bottom-nav.svc-motion-bottom-menu-immersive {
    color: #fff !important;
    left: 0 !important;
    right: var(--svc-visual-right-offset, 0px) !important;
    width: auto !important;
    background: rgba(5, 4, 18, .16) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
    backdrop-filter: blur(14px) saturate(1.18) !important;
}

body.svc-motion-immersive-active .svc-bottom-nav__item,
body.svc-motion-immersive-active .svc-bottom-nav__item:hover,
body.svc-motion-immersive-active .svc-bottom-nav__item:focus-visible,
body.svc-motion-immersive-active .svc-bottom-nav__item.is-active,
.svc-bottom-nav.svc-motion-bottom-menu-immersive .svc-bottom-nav__item {
    color: #fff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .18);
}

body.svc-motion-immersive-active .svc-bottom-nav__item::before,
.svc-bottom-nav.svc-motion-bottom-menu-immersive .svc-bottom-nav__item::before {
    background: rgba(255, 255, 255, .16) !important;
    border-color: rgba(255, 255, 255, .34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

body.svc-motion-immersive-active .svc-bottom-nav__item:hover::before,
body.svc-motion-immersive-active .svc-bottom-nav__item:focus-visible::before,
body.svc-motion-immersive-active .svc-bottom-nav__item.is-active::before,
html.svc-search-open body.svc-motion-immersive-active .svc-bottom-nav__item--search::before,
.svc-bottom-nav.svc-motion-bottom-menu-immersive .svc-bottom-nav__item:hover::before,
.svc-bottom-nav.svc-motion-bottom-menu-immersive .svc-bottom-nav__item:focus-visible::before,
.svc-bottom-nav.svc-motion-bottom-menu-immersive .svc-bottom-nav__item.is-active::before {
    opacity: 1 !important;
    transform: translateX(-50%) scale(1) !important;
}

body.svc-motion-immersive-active .svc-bottom-nav__item--filter::before,
.svc-bottom-nav.svc-motion-bottom-menu-immersive .svc-bottom-nav__item--filter::before {
    opacity: 0 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .svc-bottom-nav,
body.woocommerce-checkout .svc-account-nav {
    display: none !important;
}

body.woocommerce-checkout.svc-navigation-enabled {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
}

body.svc-motion-immersive-active .svc-bottom-nav::before,
body.svc-motion-immersive-active .svc-bottom-nav::after,
body.svc-motion-immersive-active.scrolled .svc-bottom-nav::before,
body.svc-motion-immersive-active.scrolled .svc-bottom-nav::after,
.svc-bottom-nav.svc-motion-bottom-menu-immersive::before,
.svc-bottom-nav.svc-motion-bottom-menu-immersive::after {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    opacity: 0 !important;
}

/* Canonical non-immersive geometry and prebuilt frost layers. */
body.svc-navigation-enabled:not(.svc-motion-immersive-active) .svc-bottom-nav:not(.svc-motion-bottom-menu-immersive):not(.svc-chrome-scrolled) {
    bottom: 0 !important;
    left: 0 !important;
    right: var(--svc-visual-right-offset, 0px) !important;
    width: auto !important;
    height: calc(var(--svc-nav-height) + env(safe-area-inset-bottom, 0px));
    padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
    transform: translate3d(0, 0, 0);
    border-radius: 0 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

body.svc-navigation-enabled:not(.svc-motion-immersive-active) .svc-bottom-nav.svc-chrome-scrolled:not(.svc-motion-bottom-menu-immersive) {
    --svc-nav-floating-width: min(var(--svc-nav-mobile-width), calc(100% - 24px));
    --svc-nav-floating-edge: max(12px, calc((100% - var(--svc-nav-floating-width)) / 2));
    bottom: env(safe-area-inset-bottom, 0px) !important;
    left: max(12px, 7.5vw) !important;
    right: max(12px, 7.5vw) !important;
    width: auto !important;
    height: var(--svc-nav-height);
    padding-bottom: 6px;
    transform: translate3d(0, calc(-1 * var(--svc-nav-gap, 18px)), 0);
    border-radius: var(--svc-nav-radius, 22px) !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 10px 28px rgba(29, 34, 111, .20) !important;
}

body.svc-navigation-enabled:not(.svc-motion-immersive-active) .svc-bottom-nav:not(.svc-motion-bottom-menu-immersive):not(.svc-chrome-scrolled)::before {
    opacity: 1 !important;
}

body.svc-navigation-enabled:not(.svc-motion-immersive-active) .svc-bottom-nav:not(.svc-motion-bottom-menu-immersive):not(.svc-chrome-scrolled)::after,
body.svc-navigation-enabled:not(.svc-motion-immersive-active) .svc-bottom-nav.svc-chrome-scrolled:not(.svc-motion-bottom-menu-immersive)::before {
    opacity: 0 !important;
}

body.svc-navigation-enabled:not(.svc-motion-immersive-active) .svc-bottom-nav.svc-chrome-scrolled:not(.svc-motion-bottom-menu-immersive)::after {
    opacity: 1 !important;
}

@media (min-width: 1025px) {
    .svc-account-nav.svc-chrome-scrolled {
        right: max(24px, calc((100% - var(--svc-account-nav-desktop-width)) / 2));
        left: max(24px, calc((100% - var(--svc-account-nav-desktop-width)) / 2));
    }

    body.svc-navigation-enabled:not(.svc-motion-immersive-active) .svc-bottom-nav.svc-chrome-scrolled:not(.svc-motion-bottom-menu-immersive) {
        --svc-nav-floating-width: min(var(--svc-nav-desktop-width), calc(100% - 48px));
        --svc-nav-floating-edge: max(24px, calc((100% - var(--svc-nav-floating-width)) / 2));
        left: var(--svc-nav-floating-edge) !important;
        right: var(--svc-nav-floating-edge) !important;
    }
}

:root{--svc-skeleton-radius:.25rem;--svc-skeleton-opacity:.15;--svc-skeleton-shimmer:hsla(0, 0%, 96%, .302);--svc-skeleton-speed:1.5s}@keyframes svc-skeleton-shimmer{to{transform:translateX(100%)}}.svc-skeleton-block.svc-skeleton-showing,.svc-skeleton-card.svc-skeleton-showing,.svc-skeleton-media-host.svc-skeleton-showing,.svc-skeleton-media.svc-skeleton-showing,.wc-block-components-skeleton,.wc-block-placeholder{position:relative!important;z-index:1;display:block;overflow:hidden!important;border:0!important;border-radius:var(--svc-skeleton-radius)!important;background-color:currentColor!important;box-shadow:none!important;color:currentColor!important;opacity:var(--svc-skeleton-opacity);outline:0!important;pointer-events:none!important}.wc-block-components-skeleton>*,.wc-block-placeholder>*{visibility:hidden}.svc-skeleton-block.svc-skeleton-showing::after,.svc-skeleton-card.svc-skeleton-showing::after,.svc-skeleton-media-host.svc-skeleton-showing::after,.wc-block-components-skeleton::after,.wc-block-placeholder::after{content:" "!important;position:absolute!important;inset:0!important;display:block;height:100%;transform:translateX(-100%);background-image:linear-gradient(90deg,currentColor,var(--svc-skeleton-shimmer),currentColor);background-repeat:no-repeat;animation:svc-skeleton-shimmer var(--svc-skeleton-speed) ease-in-out infinite;pointer-events:none!important}.svc-skeleton-media.svc-skeleton-showing{min-height:32px}.svc-skeleton-media-host.svc-skeleton-showing>iframe,.svc-skeleton-media-host.svc-skeleton-showing>img,.svc-skeleton-media-host.svc-skeleton-showing>picture,.svc-skeleton-media-host.svc-skeleton-showing>video,iframe.svc-skeleton-media.svc-skeleton-showing,img.svc-skeleton-media.svc-skeleton-showing,video.svc-skeleton-media.svc-skeleton-showing{opacity:0}iframe.svc-skeleton-loaded,img.svc-skeleton-loaded,video.svc-skeleton-loaded{opacity:1;transition:opacity .18s ease}.svc-skeleton-block.svc-skeleton-showing{min-height:72px}.svc-skeleton-card.svc-skeleton-showing{min-height:150px}.wc-block-cart--is-loading .wc-block-cart-items,.wc-block-components-sidebar-layout.is-loading .wc-block-components-sidebar,.wc-block-mini-cart__drawer.is-loading .wc-block-components-drawer__content,.wp-block-woocommerce-cart.is-loading .wc-block-cart-items,.wp-block-woocommerce-checkout.is-loading .wc-block-components-checkout-step{position:relative!important;overflow:hidden!important;border-radius:var(--svc-skeleton-radius)!important;background-color:currentColor!important;opacity:var(--svc-skeleton-opacity)}.wc-block-cart--is-loading .wc-block-cart-items::after,.wc-block-components-sidebar-layout.is-loading .wc-block-components-sidebar::after,.wc-block-mini-cart__drawer.is-loading .wc-block-components-drawer__content::after,.wp-block-woocommerce-cart.is-loading .wc-block-cart-items::after,.wp-block-woocommerce-checkout.is-loading .wc-block-components-checkout-step::after{content:" "!important;position:absolute!important;inset:0!important;transform:translateX(-100%);background-image:linear-gradient(90deg,currentColor,var(--svc-skeleton-shimmer),currentColor);animation:svc-skeleton-shimmer var(--svc-skeleton-speed) ease-in-out infinite;pointer-events:none!important}#svc-pfc-overlay.is-loading .svc-pfc-card-header{min-height:76px}#svc-pfc-overlay.is-loading .svc-pfc-form-scroll{min-height:178px}#svc-pfc-overlay.is-loading .svc-pfc-footer-sticky{min-height:55px}#svc-pfc-overlay.is-loading .svc-pfc-slider-viewport,#svc-pfc-overlay.is-loading .svc-pfc-thumbs{background:0 0}@media (prefers-reduced-motion:reduce){.svc-skeleton-block.svc-skeleton-showing::after,.svc-skeleton-card.svc-skeleton-showing::after,.svc-skeleton-media-host.svc-skeleton-showing::after,.wc-block-cart--is-loading .wc-block-cart-items::after,.wc-block-components-sidebar-layout.is-loading .wc-block-components-sidebar::after,.wc-block-components-skeleton::after,.wc-block-mini-cart__drawer.is-loading .wc-block-components-drawer__content::after,.wc-block-placeholder::after,.wp-block-woocommerce-cart.is-loading .wc-block-cart-items::after,.wp-block-woocommerce-checkout.is-loading .wc-block-components-checkout-step::after{animation:none}}
/* Product flyout layout - geometry, slider, panes. Buttons/chips/skeleton → theme primitives. */
/* === Triggers === */
        body:not(.single-product) a.add_to_cart_button.product_type_variable:not(.svc-pfc-trigger),
        body.single-product .related a.add_to_cart_button.product_type_variable:not(.svc-pfc-trigger),
        body.single-product .cross-sells a.add_to_cart_button.product_type_variable:not(.svc-pfc-trigger),
        body.single-product .upsells a.add_to_cart_button.product_type_variable:not(.svc-pfc-trigger),
        body.single-product .up-sells a.add_to_cart_button.product_type_variable:not(.svc-pfc-trigger),
        body.single-product [data-collection*="/related"] a.add_to_cart_button.product_type_variable:not(.svc-pfc-trigger),
        body.single-product [data-collection*="/upsell"] a.add_to_cart_button.product_type_variable:not(.svc-pfc-trigger),
        body.single-product [data-collection*="/cross"] a.add_to_cart_button.product_type_variable:not(.svc-pfc-trigger) { display: none !important; }
        .svc-pfc-trigger-wrap {
            display: flex;
            justify-content: center;
            width: 100%;
            margin: 0 0 1rem;
        }
        .svc-pfc-trigger, .svc-pfc-view-link, .svc-product-view-btn {
            appearance: none;
            -webkit-appearance: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 42px;
            padding: .7rem 1rem;
            border-radius: var(--svc-radius-control-lg);
            border: 1px solid var(--svc-btn-border, color-mix(in srgb, var(--svc-accent) 35%, white));
            background: var(--svc-btn-bg, color-mix(in srgb, var(--svc-accent) 20%, var(--svc-glass-bg)));
            -webkit-backdrop-filter: var(--svc-product-action-backdrop, blur(16px) saturate(1.4));
            backdrop-filter: var(--svc-product-action-backdrop, blur(16px) saturate(1.4));
            box-shadow: var(--svc-btn-shadow);
            color: var(--svc-text);
            font: inherit;
            font-weight: 780;
            letter-spacing: -0.004em;
            line-height: 1.1;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        .svc-pfc-trigger:hover,
        .svc-pfc-trigger:focus-visible,
        .svc-pfc-view-link:hover,
        .svc-pfc-view-link:focus-visible,
        .svc-product-view-btn:hover,
        .svc-product-view-btn:focus-visible {
            background: var(--svc-btn-bg-hover, color-mix(in srgb, var(--svc-accent) 30%, var(--svc-glass-bg)));
            box-shadow: var(--svc-btn-shadow-hover);
            color: var(--svc-text);
            transform: translateY(-1px);
        }
        .svc-pfc-trigger:focus-visible {
            outline: 2px solid color-mix(in srgb, var(--svc-accent) 45%, transparent);
            outline-offset: 3px;
        }

        /* === Product Attributes Pane === */
        .svc-pfc-attributes-grid {
            display: grid; grid-template-columns: 1fr; gap: 0;
        }
        .svc-pfc-attr-item {
            display: grid; grid-template-columns: minmax(92px, 0.35fr) minmax(0, 1fr);
            align-items: start; gap: 12px;
            padding: 14px 4px; border-bottom: 1px solid var(--svc-glass-stroke);
        }
        .svc-pfc-attr-item:last-child { border-bottom: none; }
        .svc-pfc-attr-label {
            font-size: 0.85rem; font-weight: 700; text-transform: uppercase;
            letter-spacing: 0.5px; color: var(--svc-text-muted);
        }
        .svc-pfc-attr-value {
            font-size: 0.9rem; font-weight: 600; color: var(--svc-text);
            min-width: 0; text-align: right; text-wrap: pretty;
            overflow-wrap: break-word;
        }

        /* === Overlay === */
        #svc-pfc-overlay {
            --svc-pfc-initial-vw: var(--svc-initial-vw, 1vw);
            --svc-pfc-initial-vh: var(--svc-initial-vh, 1vh);
            position: fixed; inset: 0; z-index: 99999;
            display: flex; align-items: center; justify-content: center;
            pointer-events: none; opacity: 0; visibility: hidden;
            transition: opacity 0.2s ease, visibility 0s linear 0.2s;
            font-family: inherit; gap: 20px; flex-direction: row; overflow: hidden;
            margin: 0; margin-block-start: 0;
        }
        #svc-pfc-overlay.is-open {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition-delay: 0s;
        }
        .svc-pfc-backdrop {
            position: absolute;
            inset: 0;
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
        }
        #svc-pfc-overlay.is-open .svc-pfc-backdrop {
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
        }

        /* Lock background scrolling across all browsers */
        html.svc-pfc-locked, body.svc-pfc-locked {
            overflow: hidden;
        }
        html.svc-pfc-motion-context.svc-pfc-locked,
        body.svc-pfc-motion-context.svc-pfc-locked {
            overflow: visible;
        }

        /* === Floating Media === */
        .svc-pfc-media-wrapper {
            position: relative; width: min(calc(var(--svc-pfc-initial-vw) * 50), 590px, calc(var(--svc-pfc-initial-vh) * 60 + 70px)); max-width: calc(var(--svc-pfc-initial-vw) * 100 - 40px);
            margin-bottom: 0px; 
            transform: translateY(-20px); transition: all 0.25s ease; opacity: 0;
            display: flex; align-items: stretch; gap: 10px; height: auto; max-height: calc(var(--svc-pfc-initial-vh) * 80); min-height: 0;
        }
        #svc-pfc-overlay.is-open .svc-pfc-media-wrapper { transform: translateY(0); opacity: 1; }

        .svc-pfc-slider-viewport {
            flex: 1; position: relative; overflow: hidden; border-radius: var(--svc-radius-md);
            min-width: 0;
        }
        .svc-pfc-slider-track {
            display: flex; height: 100%; width: 100%;
            overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
            -webkit-overflow-scrolling: touch; scroll-behavior: smooth;
        }
        .svc-pfc-slider-track::-webkit-scrollbar { display: none; }

        .svc-pfc-slide {
            flex: 0 0 100%; width: 100%; height: 100%;
            display: flex; align-items: center; justify-content: center;
            scroll-snap-align: start;
        }
        .svc-pfc-slide img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; -webkit-user-drag: none; user-select: none; pointer-events: none; }
        
        .svc-pfc-thumbs { box-sizing: border-box; padding-block: 3px; flex: 0 0 60px; display: flex; flex-direction: column; gap: 8px; overflow-y: auto; scrollbar-width: none; scroll-behavior: smooth; }
        .svc-pfc-thumbs::-webkit-scrollbar { display: none; }
        
        .svc-pfc-thumb-btn { box-sizing: border-box; width: 100%; height: auto; aspect-ratio: 3 / 4; padding: 0; border-radius: var(--svc-radius-md); overflow: hidden; cursor: pointer; opacity: 0.5; transition: opacity .2s ease, border-color .2s ease, transform .2s ease; border: 2px solid transparent; flex-shrink: 0; display: block; background: transparent; }
        .svc-pfc-thumb-btn.is-active, .svc-pfc-thumb-btn:hover, .svc-pfc-thumb-btn:focus-visible { opacity: 1; border-color: color-mix(in srgb, var(--svc-accent) 55%, white); transform: translateY(-2px); }
        .svc-pfc-thumb-btn:focus-visible { outline: 2px solid var(--svc-text); outline-offset: -2px; }
        .svc-pfc-thumb-btn img { width: 100%; height: 100%; object-fit: contain; display: block; transform: none !important; transition: none; }

        /* === Product Card === */
        .svc-pfc-card {
            position: relative; width: calc(var(--svc-pfc-initial-vw) * 45); max-width: 650px; /* Scaled up from 500px */
            background: var(--svc-card-bg);
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            border: 1px solid var(--svc-card-border);
            border-radius: var(--svc-radius-flyout); overflow: hidden;
            box-shadow: 0 -10px 40px rgba(0,0,0,0.15);
            transform: translateX(50px) translateZ(0); opacity: 0; transition: transform 0.4s cubic-bezier(0.1, 0.9, 0.2, 1), opacity 0.3s ease, width 0.3s ease;
            height: calc(var(--svc-pfc-initial-vh) * 80); max-height: 900px; display: flex; flex-direction: column;
            will-change: auto; backface-visibility: hidden;
            font-size: clamp(14px, calc(var(--svc-pfc-initial-vw) * 1.2), 18px); /* Responsive font scaling for large monitors */
        }
        #svc-pfc-overlay.is-open .svc-pfc-card {
            transform: translateX(0) translateZ(0);
            opacity: 1;
            -webkit-backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));
            backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));
            will-change: transform, opacity, width, height;
        }

        .svc-pfc-card-header { padding: 24px 24px 10px; display: flex; justify-content: space-between; align-items: center; }
        .svc-pfc-title { margin: 0; font-size: clamp(1.2rem, calc(var(--svc-pfc-initial-vw) * 1.5), 1.8rem); color: var(--svc-text); }
        
        .svc-pfc-card-body { 
            display: flex; flex-direction: column; flex: 1; min-height: 0; 
            padding: 0; /* padding removed to allow full-width footer */
        }
        .svc-pfc-form-scroll { 
            flex: 1; overflow-y: auto; 
            padding: 0 24px 0px;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-y: contain;
        }
        .svc-pfc-footer-sticky {
            padding: 7px 20px 4px;
            background: var(--svc-card-bg);
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            border-top: 1px solid var(--svc-glass-stroke); 
            margin-top: auto; z-index: 10;
            min-height: 55px;
            flex-shrink: 0;
        }
        #svc-pfc-overlay.is-open .svc-pfc-footer-sticky {
            -webkit-backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));
            backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));
        }
        .svc-pfc-short {
            font-size: 0.9rem;
            color: var(--svc-text-muted);
            margin-bottom: 15px;
        }
        .svc-pfc-short > :first-child { margin-top: 0; }
        .svc-pfc-short > :last-child  { margin-bottom: 0; }
        .svc-pfc-short p { margin: 0 0 0.6em; line-height: 1.65; }
        .svc-pfc-short ul,
        .svc-pfc-short ol {
            margin: 0 0 0.6em;
            padding-left: 1.4em;
        }
        .svc-pfc-short ul { list-style: disc; }
        .svc-pfc-short ol { list-style: decimal; }
        .svc-pfc-short li { margin: 0.25em 0; line-height: 1.55; }
        .svc-pfc-short li > ul,
        .svc-pfc-short li > ol { margin-top: 0.25em; margin-bottom: 0; }

        @keyframes svc-pfc-skeleton-shimmer {
            to { transform: translateX(100%); }
        }

        .svc-pfc-skeleton-line {
            position: relative;
            display: block;
            overflow: hidden;
            border-radius: var(--svc-radius-xs);
            background: currentColor;
            color: currentColor;
            opacity: .15;
            pointer-events: none;
        }

        .svc-pfc-skeleton-line::after {
            content: "";
            position: absolute;
            inset: 0;
            transform: translateX(-100%);
            background-image: linear-gradient(90deg, currentColor, rgba(255,255,255,.36), currentColor);
            animation: svc-pfc-skeleton-shimmer 1.5s ease-in-out infinite;
        }

        .svc-pfc-skeleton-title {
            width: min(80%, 24rem);
            height: 1.45em;
        }

        .svc-pfc-skeleton-description {
            width: 100%;
            height: 4.2em;
            margin: 4px 0 18px;
        }

        .svc-pfc-skeleton-variant {
            width: 100%;
            height: 76px;
            margin: 0 0 14px;
        }

        .svc-pfc-skeleton-price {
            width: 7em;
            height: 1.35em;
        }

        .svc-pfc-slide-placeholder {
            background: rgba(29,37,84,.06);
            border-radius: var(--svc-radius-xl);
        }

        .svc-pfc-skeleton-image {
            width: 100%;
            height: 100%;
            border-radius: var(--svc-radius-xl);
            opacity: .08;
        }

        .svc-pfc-thumb-placeholder {
            aspect-ratio: 3 / 4;
            min-height: 72px;
            background: currentColor;
            opacity: .1;
            pointer-events: none;
            cursor: default;
        }


        /* === Chips === */
        #svc-pfc-overlay .variations tr { display: none; }
        #svc-pfc-overlay .variations { width: 100%; margin-bottom: 12px; }
        #svc-pfc-overlay .variations tr.svc-pfc-chip-row { display: table-row; }
        #svc-pfc-overlay .variations tr.svc-pfc-chip-row td { padding: 0 0 9px; border: 0; }
        #svc-pfc-overlay .variations tr.svc-pfc-chip-row:last-child td { padding-bottom: 14px; }
        .svc-pfc-chip-row-div {
            min-width: 0;
        }
        .svc-pfc-chip-label { 
            font-size: 0.74rem; font-weight: 800; 
            text-transform: uppercase; letter-spacing: 0.06em; 
            margin-bottom: 4px; color: var(--svc-text);
        }
        .svc-pfc-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 0; min-width: 0; }
        #svc-pfc-overlay .wc-block-product-filter-chips__item {
            box-sizing: border-box; min-width: 42px; min-height: 34px; height: 34px; padding: 0 0.65rem; font-size: 0.82rem;
            display: inline-flex !important; align-items: center; justify-content: center; line-height: 1 !important; text-align: center;
            color: var(--svc-text) !important;
            -webkit-text-fill-color: var(--svc-text) !important;
            text-decoration: none !important;
            white-space: nowrap;
            flex: 0 0 auto;
            box-shadow: none !important;
        }
        #svc-pfc-overlay .wc-block-product-filter-chips__item.is-active {
            color: var(--svc-text) !important;
            -webkit-text-fill-color: var(--svc-text) !important;
        }
        @media (max-width: 900px) {
            #svc-pfc-overlay .wc-block-product-filter-chips__item {
                min-width: 42px; min-height: 38px; height: 38px; font-size: 0.86rem;
                padding: 0 10px;
            }
            .svc-pfc-chip-label { margin-bottom: 4px; }
            .svc-pfc-chips { gap: 7px; }
        }
        
        /* Ensure disabled chips show correctly and cannot be hovered/clicked */
        #svc-pfc-overlay button.wc-block-product-filter-chips__item.is-disabled,
        #svc-pfc-overlay .woocommerce button.button.wc-block-product-filter-chips__item.is-disabled {
            color: var(--svc-accent) !important;
            -webkit-text-fill-color: var(--svc-accent) !important;
            border-color: rgba(221,48,29,0.3) !important;
            background: rgba(221,48,29,0.08) !important;
            backdrop-filter: blur(6px) !important;
            -webkit-backdrop-filter: blur(6px) !important;
            box-shadow: none !important;
            opacity: 0.6 !important;
            text-decoration: line-through !important;
            cursor: not-allowed !important;
            pointer-events: none !important;
            transform: translateY(1px) scale(0.98) !important;
        }

        /* === Footer === */
        .svc-pfc-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 0; width: 100%; }
        .svc-pfc-price { font-size: 1.1rem; font-weight: bold; color: var(--svc-text); margin-right: auto; }
        .svc-pfc-stock-state {
            margin: 0;
            padding: 7px 10px;
            border: 1px solid color-mix(in srgb, var(--svc-accent) 28%, transparent);
            border-radius: var(--svc-radius-pill);
            background: color-mix(in srgb, var(--svc-accent) 9%, transparent);
            color: var(--svc-accent);
            font-size: 0.78rem;
            font-weight: 850;
            line-height: 1.2;
            white-space: nowrap;
        }
        .svc-pfc-stock-state[hidden] { display: none; }

        /* Icon Add to Cart & Actions */
        .svc-pfc-actions .single_add_to_cart_button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            min-height: 44px;
            max-height: 44px;
            padding: 0;
            border-radius: var(--svc-radius-circle);
            min-width: unset;
            text-indent: -9999px;
            position: relative;
            transition: opacity 0.2s;
            background: var(--svc-btn-bg);
            border: 1px solid var(--svc-btn-border);
            color: var(--svc-btn-text);
            box-shadow: var(--svc-btn-shadow);
        }
        .svc-pfc-actions .single_add_to_cart_button:hover {
            background: var(--svc-btn-bg-hover);
            border-color: var(--svc-btn-border-hover);
            color: var(--svc-btn-text-hover);
            box-shadow: var(--svc-btn-shadow-hover);
        }
        .svc-pfc-actions .single_add_to_cart_button.loading { opacity: 0.5; pointer-events: none; }
        #svc-pfc-overlay .svc-pfc-actions .single_add_to_cart_button.svc-pfc-add-hidden {
            display: none;
        }
        #svc-pfc-overlay .svc-pfc-actions .single_add_to_cart_button.is-variation-invalid,
        #svc-pfc-overlay .svc-pfc-actions .single_add_to_cart_button:disabled {
            opacity: 0.45;
            cursor: not-allowed;
            transform: none;
        }
        .svc-pfc-actions .single_add_to_cart_button::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; text-indent: 0; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><line x1="3" y1="6" x2="21" y2="6"></line><path d="M16 10a4 4 0 0 1-8 0"></path></svg>') no-repeat center / contain; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><line x1="3" y1="6" x2="21" y2="6"></line><path d="M16 10a4 4 0 0 1-8 0"></path></svg>') no-repeat center / contain; }

        .svc-pfc-circle-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--svc-radius-circle); background: transparent; border: 1px solid currentColor; color: var(--svc-text); transition: all 0.2s; flex-shrink: 0; cursor: pointer; }
        .svc-pfc-circle-btn:hover { opacity: 0.7; transform: scale(1.05); background: rgba(0,0,0,0.05); }
        .svc-pfc-circle-btn svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 2; }
        
        .svc-pfc-close-footer { color: var(--svc-accent); border-color: color-mix(in srgb, var(--svc-accent) 30%, transparent); background: color-mix(in srgb, var(--svc-accent) 8%, transparent); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
        .svc-pfc-close-footer:hover { background: color-mix(in srgb, var(--svc-accent) 15%, transparent); border-color: var(--svc-accent); transform: scale(1.05); }

        #svc-pfc-overlay .single_variation_wrap .quantity, #svc-pfc-overlay .single_variation_wrap .woocommerce-variation-description, #svc-pfc-overlay .single_variation_wrap .woocommerce-variation-availability, #svc-pfc-overlay .single_variation_wrap .woocommerce-variation-price, #svc-pfc-overlay .single_variation .woocommerce-variation-price, #svc-pfc-overlay .woocommerce-variation-add-to-cart { display: none !important; }
        #svc-pfc-overlay .single_variation_wrap, #svc-pfc-overlay .woocommerce-variation, #svc-pfc-overlay .woocommerce-variation-custom-text-wrap { margin: 0 !important; padding: 0 !important; border: none !important; }

/* === PANES (Dynamic Height & Layout) === */
        .svc-pfc-pane {
            position: relative; 
            background: var(--svc-card-bg);
            -webkit-backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));
            backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));
            display: none; flex-direction: column; padding: 0 24px 24px;
            flex: 1; min-height: 0; overflow: hidden; /* Locks the pane height to the card */
        }
        .svc-pfc-pane.is-active { display: flex; }
        .svc-pfc-pane-scroll { 
            overflow: auto; flex: 1; padding-bottom: 0; min-height: 0;
            scrollbar-width: none; /* Firefox */
        }
        .svc-pfc-pane-scroll::-webkit-scrollbar { display: none; } /* Chrome, Safari, Opera */
        
        /* The Pane Header (Used for the slider now) */
        /* === PANES & Size Chart Details === */
        #svc-pfc-overlay.is-pane-open .svc-pfc-pane-header { display: flex; }
        #svc-pfc-overlay.is-pane-open .svc-pfc-card-header { display: none; }
        .svc-pfc-back-text-btn { background: none; border: none; padding: 0; cursor: pointer; display: flex; align-items: center; gap: 5px; font-weight: bold; color: var(--svc-text-muted); font-size: 14px; }
        #svc-pfc-overlay .svc-pfc-pane-scroll table { width: 100%; border-collapse: collapse; text-align: center; background: transparent; }
        #svc-pfc-overlay .svc-pfc-pane-scroll th, #svc-pfc-overlay .svc-pfc-pane-scroll td { border: none; padding: 16px 10px; color: var(--svc-text); font-size: 15px; }
        #svc-pfc-overlay .svc-pfc-pane-scroll th { background: var(--svc-surface-alt); font-weight: bold; border-bottom: 2px solid var(--svc-text); }
        #svc-pfc-overlay .svc-pfc-pane-scroll td { font-weight: 500; border-bottom: 1px solid var(--svc-glass-stroke); }
        
        #svc-pfc-overlay .size_chart_table th:first-child, #svc-pfc-overlay .size_chart_table td:first-child { position: static; }

        .svc-pfc-pane-header { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--svc-glass-stroke); display: none; justify-content: space-between; align-items: center; padding: 15px 24px; }
        .svc-pfc-pane-header h2 { margin: 0; font-size: 1.2rem; color: var(--svc-text); font-weight: bold; text-align: left; }
        .svc-pfc-pane-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--svc-glass-stroke); }


        /* === Sliding Pill Toggle (Matches Image 1) === */
        #svc-pfc-overlay .svc-slider-toggle { position: relative; display: inline-flex; background: #EBEAE2; padding: 4px; border-radius: var(--svc-segment-radius); isolation: isolate; }
        #svc-pfc-overlay .svc-slider-bg { position: absolute; top: 4px; bottom: 4px; left: 0; width: 0; background: #F6D3C5; border-radius: var(--svc-segment-inner-radius); z-index: -1; transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), width 0.3s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
        #svc-pfc-overlay .svc-slider-btn { background: transparent; border: none; padding: 6px 24px; color: var(--svc-text-muted); font-weight: 700; font-size: 14px; cursor: pointer; transition: color 0.3s ease; margin: 0; font-family: var(--svc-font-heading); -webkit-tap-highlight-color: transparent; }
        #svc-pfc-overlay .svc-slider-btn.active { color: var(--svc-text); }

        /* When pane is open on desktop, do NOT squish gallery and just show pane inside card */
        #svc-pfc-overlay.is-pane-open .svc-pfc-card-body { opacity: 0; pointer-events: none; transform: translateX(-20px); transition: opacity 0.3s ease, transform 0.3s ease; }
        
        /* Desktop Panes float over the card body, taking up the full height to avoid a 'forehead' gap */
        .svc-pfc-pane { 
            position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20;
            border-radius: var(--svc-radius-flyout-inner); padding: 24px; 
            background: var(--svc-card-bg);
            -webkit-backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));
            backdrop-filter: blur(var(--svc-card-blur)) saturate(var(--svc-card-saturate));
            display: none; flex-direction: column; overflow: hidden;
            transform: translateX(30px); opacity: 0; transition: transform 0.35s cubic-bezier(0.1, 0.9, 0.2, 1), opacity 0.35s ease;
        }
        /* Using a tiny timeout class in JS (or just CSS animation) makes the display:flex to opacity:1 transition actually work */
        .svc-pfc-pane.is-active { display: flex; animation: slideInX 0.35s cubic-bezier(0.1, 0.9, 0.2, 1) forwards; }
        
        @keyframes slideInX {
            from { opacity: 0; transform: translateX(30px); }
            to { opacity: 1; transform: translateX(0); }
        }
        
        /* When returning to main pane, animate the body back in smoothly */
        #svc-pfc-overlay:not(.is-pane-open) .svc-pfc-card-body {
            opacity: 1; transform: translateX(0); transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
        }

        @media (max-width: 900px) {
            #svc-pfc-overlay {
                --svc-pfc-mobile-gallery-h: calc(var(--svc-pfc-initial-vh) * 56);
                --svc-pfc-mobile-gallery-gap: 8px;
                --svc-pfc-mobile-thumb-w: clamp(50px, calc(var(--svc-pfc-initial-vw) * 8), 58px);
                --svc-pfc-mobile-gallery-w: min(calc(var(--svc-pfc-initial-vw) * 98), calc(var(--svc-pfc-initial-vh) * 42 + var(--svc-pfc-mobile-thumb-w) + var(--svc-pfc-mobile-gallery-gap)));
                --svc-pfc-mobile-gallery-collapse: calc(var(--svc-pfc-initial-vh) * -56);
                flex-direction: column;
                justify-content: flex-end;
                gap: 0;
                height: 100%;
            } /* height: 100% fixes iOS negative space bug when URL bar is hidden */
            
            .svc-pfc-media-wrapper {
                width: var(--svc-pfc-mobile-gallery-w);
                max-width: calc(var(--svc-pfc-initial-vw) * 98);
                height: var(--svc-pfc-mobile-gallery-h);
                max-height: var(--svc-pfc-mobile-gallery-h);
                min-height: 0;
                margin-bottom: 6px;
                transform: translateY(-20px) translate3d(0,0,0);
                flex-direction: row;
                align-items: stretch;
                gap: var(--svc-pfc-mobile-gallery-gap);
                flex-shrink: 0;
                transition: transform 0.4s cubic-bezier(0.1, 0.9, 0.2, 1), margin 0.4s ease, opacity 0.3s ease;
                will-change: transform, opacity;
            }
            #svc-pfc-overlay.is-open .svc-pfc-media-wrapper { transform: translateY(0) translate3d(0,0,0); }

            .svc-pfc-slider-viewport {
                flex: 1 1 auto;
                min-width: 0;
                width: auto;
                height: 100%;
                max-width: calc(100% - var(--svc-pfc-mobile-thumb-w) - var(--svc-pfc-mobile-gallery-gap));
            }

            .svc-pfc-thumbs {
                flex: 0 0 var(--svc-pfc-mobile-thumb-w);
                width: var(--svc-pfc-mobile-thumb-w);
                height: 100%;
                max-height: var(--svc-pfc-mobile-gallery-h);
                flex-direction: column;
                gap: 7px;
                overflow-x: hidden;
                overflow-y: auto;
                padding: 3px 2px 3px 0;
                scroll-snap-type: y proximity;
            }

            .svc-pfc-thumb-btn {
                flex: 0 0 auto;
                width: 100%;
                height: auto;
                scroll-snap-align: start;
            }

            .svc-pfc-thumb-btn img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
            
            .svc-pfc-card { width: min(500px, 100%); max-width: none; border-radius: var(--svc-radius-flyout) var(--svc-radius-flyout) 0 0; height: auto; max-height: none; transform: translateY(100%) translate3d(0,0,0); flex: 0 0 auto; min-height: 0; margin-bottom: 0; transition: transform 0.4s cubic-bezier(0.1, 0.9, 0.2, 1), max-height 0.4s cubic-bezier(0.1, 0.9, 0.2, 1); will-change: transform, max-height; }
            #svc-pfc-overlay.is-open .svc-pfc-card { transform: translateY(0) translate3d(0,0,0); }
            #svc-pfc-overlay.is-loading .svc-pfc-card { min-height: min(360px, calc(var(--svc-pfc-initial-vh) * 46)); }
            .svc-pfc-card-body { flex: 0 0 auto; }
            .svc-pfc-form-scroll { flex: 0 0 auto; overflow: visible; }
            
            /* Mobile pane behavior: Squish gallery and expand pane */
            /* Instead of squishing HEIGHT, we slide it up out of frame and hide it, which is 100x cheaper for the browser to draw */
            #svc-pfc-overlay.is-pane-open .svc-pfc-media-wrapper { opacity: 0; transform: translateY(-100px) translate3d(0,0,0); margin-bottom: var(--svc-pfc-mobile-gallery-collapse); margin-left: 0; border: 0; padding: 0; }
            #svc-pfc-overlay.is-pane-open .svc-pfc-card-body { position: absolute; opacity: 0; pointer-events: none; transform: translateY(20px) translate3d(0,0,0); }
            #svc-pfc-overlay.is-pane-open .svc-pfc-card { max-height: calc(var(--svc-pfc-initial-vh) * 90); height: auto; width: min(500px, 100%); max-width: none; border-radius: var(--svc-radius-flyout) var(--svc-radius-flyout) 0 0; }
            .svc-pfc-pane { padding: 0 24px 24px 24px; position: relative; border-radius: var(--svc-radius-flyout-inner) var(--svc-radius-flyout-inner) 0 0; top: 0; z-index: 1; transform: translate3d(0,0,0); will-change: transform, opacity; } /* Return to relative flow for mobile */
            
            .svc-pfc-pane.is-active { animation: paneFadeIn 0.45s cubic-bezier(0.1, 0.9, 0.2, 1) forwards; }
            
            /* When returning to main pane, animate the body back in smoothly on mobile */
            #svc-pfc-overlay:not(.is-pane-open) .svc-pfc-card-body {
                position: relative; opacity: 1; transform: translateY(0) translate3d(0,0,0); transition: opacity 0.4s cubic-bezier(0.1, 0.9, 0.2, 1) 0.1s, transform 0.45s cubic-bezier(0.1, 0.9, 0.2, 1) 0.1s;
            }
            @keyframes paneFadeIn {
                from { opacity: 0; transform: translateY(20px) translate3d(0,0,0); }
                to { opacity: 1; transform: translateY(0) translate3d(0,0,0); }
            }
        }
        
        @media (max-width: 600px) {
            /* Keep the full-width overlay from creating horizontal scroll */
            #svc-pfc-overlay {
                --svc-pfc-mobile-gallery-h: calc(var(--svc-pfc-initial-vh) * 56);
                --svc-pfc-mobile-thumb-w: clamp(48px, calc(var(--svc-pfc-initial-vw) * 13), 54px);
                --svc-pfc-mobile-gallery-w: min(calc(var(--svc-pfc-initial-vw) * 98), calc(var(--svc-pfc-initial-vh) * 42 + var(--svc-pfc-mobile-thumb-w) + var(--svc-pfc-mobile-gallery-gap)));
                --svc-pfc-mobile-gallery-collapse: calc(var(--svc-pfc-initial-vh) * -56);
            }
            .svc-pfc-media-wrapper { width: var(--svc-pfc-mobile-gallery-w); max-width: calc(var(--svc-pfc-initial-vw) * 98); margin: 0 0 6px 0; height: var(--svc-pfc-mobile-gallery-h); max-height: var(--svc-pfc-mobile-gallery-h); min-height: 0; border-radius: 0; }
            .svc-pfc-card { border-radius: var(--svc-radius-flyout) var(--svc-radius-flyout) 0 0; max-height: none; }
            #svc-pfc-overlay.is-pane-open .svc-pfc-card { max-height: calc(var(--svc-pfc-initial-vh) * 95); }
        }
		
		
        /* === Global Text and Pane Shape === */
        #svc-pfc-overlay { color: var(--svc-text); }
        #svc-pfc-overlay .svc-pfc-title, #svc-pfc-overlay .svc-pfc-short, #svc-pfc-overlay .svc-pfc-price, #svc-pfc-overlay .svc-pfc-chip-label, 
        #svc-pfc-overlay .svc-pfc-pane-header h2, #svc-pfc-overlay .svc-pfc-pane-scroll th, #svc-pfc-overlay .svc-pfc-pane-scroll td, 
        #svc-pfc-overlay .svc-slider-btn, #svc-pfc-overlay .svc-pfc-circle-btn { color: var(--svc-text); }
        
        #svc-pfc-overlay .svc-pfc-short, #svc-pfc-overlay .svc-slider-btn { opacity: 0.8; }
        #svc-pfc-overlay .svc-slider-btn.active { opacity: 1; font-weight: 800; }
        #svc-pfc-overlay .svc-pfc-close-footer { color: var(--svc-accent); } /* Keeps the main close button Red */
        
        /* Restore rounded corners to the top of the panes */
        #svc-pfc-overlay .svc-pfc-pane { border-radius: var(--svc-radius-flyout-inner); }

#svc-pfc-overlay .svc-pfc-pane-scroll {
    overflow-x: hidden;
    border-radius: var(--svc-radius-control-lg);
}

#svc-pfc-overlay .svc-pfc-size-chart-split {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: start;
    width: 100%;
    overflow: hidden;
    border-radius: var(--svc-radius-control-lg);
}

#svc-pfc-overlay .svc-pfc-size-chart-locked {
    min-width: 76px;
    max-width: min(36vw, 40cqw);
    border-right: 1px solid rgba(29, 37, 84, .12);
    overflow: hidden;
}

#svc-pfc-overlay .svc-pfc-size-chart-scroll {
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

#svc-pfc-overlay .svc-pfc-size-chart-scroll::-webkit-scrollbar {
    display: none;
}

#svc-pfc-overlay .svc-size-chart-wrapper--flyout .size_chart_table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 20px;
    table-layout: auto;
}

#svc-pfc-overlay .svc-size-chart-wrapper--flyout .svc-single-title {
    display: none;
}

#svc-pfc-overlay .svc-pfc-size-chart-locked-table {
    width: 100%;
}

#svc-pfc-overlay .svc-pfc-size-chart-scroll-table {
    width: max-content;
    min-width: 100%;
    max-width: none;
}

#svc-pfc-overlay .svc-size-chart-wrapper--flyout .size_chart_table th,
#svc-pfc-overlay .svc-size-chart-wrapper--flyout .size_chart_table td {
    border: 0;
    background: transparent;
    white-space: nowrap;
    min-width: 74px;
}

#svc-pfc-overlay .svc-size-chart-wrapper--flyout .size_chart_table thead th {
    border-bottom: 2.5px solid rgba(29, 37, 84, .35);
}

#svc-pfc-overlay .svc-size-chart-wrapper--flyout .size_chart_table tbody tr + tr > th,
#svc-pfc-overlay .svc-size-chart-wrapper--flyout .size_chart_table tbody tr + tr > td {
    border-top: 1px solid rgba(29, 37, 84, .12);
}

#svc-pfc-overlay .svc-pfc-size-chart-scroll-table tr > th + th,
#svc-pfc-overlay .svc-pfc-size-chart-scroll-table tr > td + td {
    border-left: 1px solid rgba(29, 37, 84, .12);
}

#svc-pfc-overlay .svc-pfc-size-chart-locked-table th,
#svc-pfc-overlay .svc-pfc-size-chart-locked-table td {
    min-width: 76px;
    max-width: none;
}

/* Wrap complete label words while reserving space for measurements. */
#svc-pfc-overlay .svc-size-chart-wrapper { container-type: inline-size; }
#svc-pfc-overlay .svc-size-chart-row-label {
    display: block;
    inline-size: max-content;
    min-inline-size: min-content;
    min-block-size: 1lh;
    max-inline-size: calc(min(36vw, 40cqw) - 22px);
    margin-inline: auto;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}