.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}}
/* ==========================================================================
   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)}
: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}}
/* 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; }

html body :is(
.svc-input-field,.woocommerce input.input-text:not(.iti__tel-input),.woocommerce textarea,.woocommerce .woocommerce-Input.input-text:not(.iti__tel-input),.woocommerce-EditAccountForm .input-text:not(.iti__tel-input),.woocommerce-EditAccountForm textarea,.woocommerce-address-fields .input-text,.woocommerce-address-fields textarea,.woocommerce form .form-row .input-text,.woocommerce form .form-row textarea,.woocommerce-Input--text.input-text:not(.iti__tel-input),.ffui-account-address-fields input.input-text,.ffui-account-address-fields textarea,.forminator-ui input[type=text],.forminator-ui input[type=email],.forminator-ui input[type=number],.forminator-ui input[type=url],.forminator-ui input[type=search],.forminator-ui input[type=password],.forminator-ui input.forminator-input:not(.iti__tel-input),.forminator-ui textarea,.forminator-ui select,.forminator-ui .forminator-custom-input .forminator-input:not(.iti__tel-input)
){display:block!important;width:100%!important;box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;background:var(--svc-field-bg)!important;background-image:none!important;color:var(--svc-text)!important;border:1px solid var(--svc-glass-stroke)!important;border-radius:var(--svc-field-radius)!important;padding:var(--svc-field-padding)!important;min-height:var(--svc-field-min-height)!important;margin:0!important;font:inherit!important;font-size:var(--svc-field-font-size)!important;line-height:1.35!important;text-align:left!important;box-shadow:var(--svc-field-shadow-rest)!important;-webkit-backdrop-filter:var(--svc-field-blur)!important;backdrop-filter:var(--svc-field-blur)!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}html body :is(
.svc-input-field,.woocommerce input.input-text:not(.iti__tel-input),.woocommerce textarea,.woocommerce .woocommerce-Input.input-text:not(.iti__tel-input),.woocommerce-EditAccountForm .input-text:not(.iti__tel-input),.woocommerce-EditAccountForm textarea,.woocommerce-address-fields .input-text,.woocommerce-address-fields textarea,.woocommerce form .form-row .input-text,.woocommerce form .form-row textarea,.woocommerce-Input--text.input-text:not(.iti__tel-input),.ffui-account-address-fields input.input-text,.ffui-account-address-fields textarea,.forminator-ui input[type=text],.forminator-ui input[type=email],.forminator-ui input[type=number],.forminator-ui input[type=url],.forminator-ui input[type=search],.forminator-ui input[type=password],.forminator-ui input.forminator-input:not(.iti__tel-input),.forminator-ui textarea,.forminator-ui select,.forminator-ui .forminator-custom-input .forminator-input:not(.iti__tel-input)
)::placeholder{color:var(--svc-field-placeholder)!important}html body :is(
.svc-input-field:focus,.woocommerce input.input-text:not(.iti__tel-input):focus,.woocommerce textarea:focus,.woocommerce .woocommerce-Input.input-text:not(.iti__tel-input):focus,.woocommerce-EditAccountForm .input-text:not(.iti__tel-input):focus,.woocommerce-EditAccountForm textarea:focus,.woocommerce-address-fields .input-text:focus,.woocommerce-address-fields textarea:focus,.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce-Input--text.input-text:not(.iti__tel-input):focus,.ffui-account-address-fields input.input-text:focus,.ffui-account-address-fields textarea:focus,.forminator-ui input[type=text]:focus,.forminator-ui input[type=email]:focus,.forminator-ui input[type=number]:focus,.forminator-ui input[type=url]:focus,.forminator-ui input[type=search]:focus,.forminator-ui input[type=password]:focus,.forminator-ui input.forminator-input:not(.iti__tel-input):focus,.forminator-ui textarea:focus,.forminator-ui select:focus,.forminator-ui .forminator-custom-input .forminator-input:not(.iti__tel-input):focus
){outline:0!important;background:var(--svc-field-bg-focus)!important;border-color:var(--svc-input-focus-border)!important;box-shadow:0 0 0 3px var(--svc-input-focus-ring)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html body :is(
textarea.svc-input-field,.woocommerce textarea,.woocommerce-EditAccountForm textarea,.woocommerce-address-fields textarea,.woocommerce form .form-row textarea,.ffui-account-address-fields textarea,.forminator-ui textarea,.forminator-ui .forminator-custom-input textarea.forminator-input:not(.iti__tel-input),textarea.wc-block-components-textarea,.wc-block-components-textarea textarea
){min-height:var(--svc-textarea-min-height)!important;resize:vertical!important;overflow:auto!important;padding-bottom:calc(var(--svc-field-padding) + 4px)!important;padding-right:calc(var(--svc-field-padding) + 6px)!important}html body textarea::-webkit-resizer{background-color:transparent!important;background-image:var(--svc-textarea-resizer-grip)!important;background-repeat:no-repeat!important;background-position:bottom 3px right 3px!important;background-size:14px 14px!important;border:none!important}html body #ffui-email-change-input,html body #svc-otp-email,html body #svc-otp-wrapper .svc-input-field,html body .ffui-email-change-modal .svc-input-field{text-align:center!important}html body #ffui-email-change-input::placeholder,html body #svc-otp-email::placeholder,html body #svc-otp-wrapper .svc-input-field::placeholder,html body .ffui-email-change-modal .svc-input-field::placeholder{text-align:center!important}#svc-otp-step-1 .svc-input-field,.ffui-email-change-step .svc-input-field{margin-bottom:0}html body :is(
.ffui-account-phone-control .iti,.forminator-ui .forminator-iti-input.iti,.forminator-ui .iti.forminator-phone
){--iti-selected-flag-width:124px!important;position:relative!important;display:block!important;width:100%!important;height:var(--svc-field-min-height)!important;min-height:var(--svc-field-min-height)!important;max-height:var(--svc-field-min-height)!important}html body :is(
.ffui-account-phone-control .iti__tel-input,.forminator-ui .forminator-iti-input .iti__tel-input,.forminator-ui .iti .iti__tel-input
){display:block!important;width:100%!important;box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;background:var(--svc-field-bg)!important;background-image:none!important;color:var(--svc-text)!important;border:1px solid var(--svc-glass-stroke)!important;border-radius:var(--svc-field-radius)!important;min-height:var(--svc-field-min-height)!important;height:var(--svc-field-min-height)!important;margin:0!important;font:inherit!important;font-size:var(--svc-field-font-size)!important;line-height:1.35!important;text-align:left!important;box-shadow:var(--svc-field-shadow-rest)!important;-webkit-backdrop-filter:var(--svc-field-blur)!important;backdrop-filter:var(--svc-field-blur)!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}html body :is(
.ffui-account-phone-control .iti.iti--allow-dropdown .iti__tel-input,.ffui-account-phone-control .iti.iti--show-selected-dial-code .iti__tel-input,.ffui-account-phone-control input#account_phone_display.iti__tel-input,.forminator-ui .forminator-iti-input.iti .iti__tel-input,.forminator-ui .iti.forminator-phone .iti__tel-input,.forminator-ui .iti.ffui-forminator-phone-locked .iti__tel-input
){padding:0 var(--svc-field-padding) 0 124px!important}html body :is(
.ffui-account-phone-control .iti__tel-input:focus,.forminator-ui .forminator-iti-input .iti__tel-input:focus,.forminator-ui .iti .iti__tel-input:focus
){outline:0!important;background:var(--svc-field-bg-focus)!important;border-color:var(--svc-input-focus-border)!important;box-shadow:0 0 0 3px var(--svc-input-focus-ring)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html body :is(
.woocommerce-address-fields .select2-container--default .select2-selection--single,.forminator-ui .select2-container--default .select2-selection--single
){width:100%!important;box-sizing:border-box!important;background:var(--svc-field-bg)!important;background-image:none!important;color:var(--svc-text)!important;border:1px solid var(--svc-glass-stroke)!important;border-radius:var(--svc-field-radius)!important;min-height:var(--svc-field-min-height)!important;box-shadow:var(--svc-field-shadow-rest)!important;-webkit-backdrop-filter:var(--svc-field-blur)!important;backdrop-filter:var(--svc-field-blur)!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}html body :is(
.woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single,.woocommerce-address-fields .select2-container--default.select2-container--focus .select2-selection--single,.forminator-ui .select2-container--default.select2-container--open .select2-selection--single,.forminator-ui .select2-container--default.select2-container--focus .select2-selection--single
){outline:0!important;background:var(--svc-field-bg-focus)!important;border-color:var(--svc-input-focus-border)!important;box-shadow:0 0 0 3px var(--svc-input-focus-ring)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.forminator-ui .select2-container--default .select2-selection--single,.woocommerce-address-fields .select2-container--default .select2-selection--single{display:flex!important;align-items:center!important;height:auto!important;padding:0 36px 0 14px!important}.forminator-ui .forminator-iti-input.iti,.forminator-ui .iti.forminator-phone,html body .ffui-account-phone-control .iti{--iti-hover-color:transparent!important}.forminator-ui .forminator-iti-input.iti.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.forminator-ui .forminator-iti-input.iti.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary,.forminator-ui .iti.forminator-phone .iti__selected-country-primary:hover,html body .iti .iti__selected-country-primary:hover{background:0 0!important;background-color:transparent!important}.forminator-ui .iti__dial-code,html body .iti__dial-code{color:color-mix(in srgb,var(--svc-text) 50%,transparent)!important}@media (max-width:768px){html body #ui-datepicker-div{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;max-width:380px!important;box-sizing:border-box!important;margin:0!important;z-index:999999!important}}.woocommerce-account .ffui-account-phone-control,.woocommerce-account .ffui-account-phone-control .iti{display:block!important;width:100%!important}.woocommerce-account .ffui-account-phone-control .iti{position:relative!important;--iti-selected-flag-width:124px!important;height:52px!important;min-height:52px!important;max-height:52px!important}.woocommerce-account .ffui-account-phone-control .iti__tel-input{width:100%!important;font-family:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1.35!important;padding:0 14px 0 124px!important;box-sizing:border-box!important}.woocommerce-account .ffui-account-phone-control .iti__country-container{position:absolute!important;top:0!important;left:0!important;bottom:auto!important;z-index:2!important;display:flex!important;align-items:stretch!important;width:var(--iti-selected-flag-width,124px)!important;height:52px!important;min-height:52px!important;max-height:52px!important;max-width:42%!important;padding:0!important}.woocommerce-account .ffui-account-phone-control .iti__selected-country{border-radius:var(--svc-radius-xl) 0 0 var(--svc-radius-xl)!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;height:100%!important;padding:0 12px 0 18px!important;color:var(--svc-text,var(--svc-text))!important;border:0!important;background:0 0!important;box-shadow:none!important;font-family:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1!important}.woocommerce-account .ffui-account-phone-control .iti__selected-country-primary{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.woocommerce-account .ffui-account-phone-control .iti__selected-dial-code{margin-left:0!important;color:var(--svc-text,var(--svc-text))!important;font-size:1rem!important;font-weight:400!important;white-space:nowrap!important}.woocommerce-account .ffui-account-phone-control .iti__selected-country:focus,.woocommerce-account .ffui-account-phone-control .iti__selected-country:hover{background:0 0!important;background-color:transparent!important;box-shadow:none!important}.woocommerce-account .ffui-account-phone-control .iti__dropdown-content{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;width:min(var(--svc-account-phone-width,420px),calc(100vw - 32px))!important;min-width:0!important;max-height:min(360px,55vh)!important;margin:0!important;z-index:100000!important}.forminator-ui input.forminator-field--phone.ffui-forminator-phone-locked,html body input.forminator-field--phone.ffui-forminator-phone-locked{cursor:default!important;color:color-mix(in srgb,var(--svc-text,var(--svc-text)) 72%,transparent)!important}.forminator-ui .iti.ffui-forminator-phone-locked .iti__country-container,html body .forminator-ui .iti.ffui-forminator-phone-locked .iti__country-container{pointer-events:none!important;opacity:1!important;position:absolute!important;top:0!important;left:0!important;bottom:auto!important;z-index:2!important;display:flex!important;align-items:stretch!important;width:var(--iti-selected-flag-width,124px)!important;height:52px!important;min-height:52px!important;max-height:52px!important;max-width:42%!important;padding:0!important}.forminator-ui .iti.ffui-forminator-phone-locked .iti__selected-country,html body .forminator-ui .iti.ffui-forminator-phone-locked .iti__selected-country{border-radius:var(--svc-radius-md) 0 0 var(--svc-radius-md)!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;height:100%!important;padding:0 12px 0 18px!important;color:var(--svc-text,var(--svc-text))!important;border:0!important;background:0 0!important;box-shadow:none!important;font-family:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1!important}.forminator-ui .iti.ffui-forminator-phone-locked .iti__selected-country-primary,html body .forminator-ui .iti.ffui-forminator-phone-locked .iti__selected-country-primary{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.forminator-ui .iti.ffui-forminator-phone-locked .iti__selected-dial-code,html body .forminator-ui .iti.ffui-forminator-phone-locked .iti__selected-dial-code{margin-left:0!important;color:var(--svc-text,var(--svc-text))!important;font-size:1rem!important;font-weight:400!important;white-space:nowrap!important}.forminator-ui .iti.ffui-forminator-phone-locked .iti__tel-input,html body .forminator-ui .iti.ffui-forminator-phone-locked .iti__tel-input{width:100%!important;font-family:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1.35!important;padding:0 14px 0 124px!important;box-sizing:border-box!important}.woocommerce-account .ffui-account-address-editor .select2-container,.woocommerce-account .ffui-account-address-editor .woocommerce-input-wrapper,.woocommerce-account .woocommerce-address-fields .select2-container,.woocommerce-account .woocommerce-address-fields .woocommerce-input-wrapper{display:block!important;width:100%!important}.woocommerce-account .ffui-account-address-editor .woocommerce-input-wrapper{position:relative!important}.woocommerce-account .ffui-account-address-editor select.country_select,.woocommerce-account .ffui-account-address-editor select.state_select,.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single{min-height:56px!important;padding:14px 56px 14px var(--svc-field-radius-account,var(--svc-radius-xl))!important;border-radius:var(--svc-field-radius-account,var(--svc-radius-xl))!important;width:100%!important;border:1px solid var(--svc-glass-stroke,var(--svc-glass-stroke))!important;background-color:rgba(var(--ivory-rgb),.92)!important;box-shadow:0 10px 28px rgba(29,34,111,.08)!important;font-weight:400!important}.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection__rendered{padding:0!important;color:var(--svc-text,var(--svc-text))!important;font-weight:400!important;line-height:1.35!important}.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection__arrow{position:absolute!important;top:50%!important;right:24px!important;width:var(--svc-field-radius-account,var(--svc-radius-xl))!important;height:var(--svc-field-radius-account,var(--svc-radius-xl))!important;transform:translateY(-50%)!important}.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection__arrow b{display:none!important}.select2-container--default .select2-results__option.ffui-country-option{display:flex!important;align-items:center!important;gap:8px!important}.select2-container--default .select2-results__option .ffui-country-flag{flex:0 0 1.55em!important;width:1.55em!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:0!important}
/* Cart progress bar */
:root {
	--svc-cpb-top-edge-gap: 12px;
	--svc-cpb-top-btn-size: 44px;
	--svc-visual-bottom-offset: 0px;
	--svc-visual-right-offset: max(0px, calc(100vw - 100dvw));
}

#svc-cart-progress-bar.svc-cart-progress-bar {
	position: fixed;
	left: 0;
	right: var(--svc-visual-right-offset, 0px);
	bottom: calc(var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
	z-index: var(--svc-nav-underlay-z, 9995);
	width: auto;
	padding: 6px 12px;
	box-sizing: border-box;
	font-size: 15px;
	pointer-events: none;
	transform: translate3d(0, 0, 0);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	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-cart-progress-bar.svc-cart-progress-bar::before,
#svc-cart-progress-bar.svc-cart-progress-bar::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-cart-progress-bar.svc-cart-progress-bar::before {
	background: rgb(var(--ivory-rgb, var(--svc-ivory-rgb, 253, 251, 239)));
	opacity: 1;
}

#svc-cart-progress-bar.svc-cart-progress-bar::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;
	transform: translateZ(0);
	will-change: opacity;
}

body.svc-navigation-enabled #svc-cart-progress-bar.svc-cart-progress-bar {
	bottom: calc(var(--svc-nav-height, 64px) + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
}

#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
	--svc-cpb-floating-width: min(var(--svc-nav-mobile-width, 85vw), calc(100% - 24px));
	--svc-cpb-floating-edge: max(12px, calc((100% - var(--svc-cpb-floating-width)) / 2));
	left: var(--svc-cpb-floating-edge);
	right: var(--svc-cpb-floating-edge);
	width: auto;
	transform: translate3d(0, calc(-1 * (var(--svc-nav-gap, 18px) + 8px)), 0);
	border-radius: var(--svc-nav-radius, var(--svc-float-radius, 22px));
	box-shadow: var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, .20)) !important;
}

#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled::before {
	opacity: 0;
}

#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled::after {
	opacity: 1;
}

#svc-cart-progress-bar .svc-cpb-inner {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	box-sizing: border-box;
	background: transparent;
	border: 0;
	box-shadow: none;
	pointer-events: auto;
}

#svc-cart-progress-bar .svc-cpb-line {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-width: 0;
	min-height: 34px;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

#svc-cart-progress-bar .svc-cpb-text {
	flex: 0 1 auto;
	min-width: 0;
	text-align: center;
	font-weight: 600;
	color: var(--svc-text);
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#svc-cart-progress-bar .svc-cpb-text strong {
	font-size: inherit;
	line-height: inherit;
	font-weight: 900;
}

#svc-cart-progress-bar .svc-cpb-link {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-decoration: none;
}

#svc-cart-progress-bar .svc-cpb-link:hover,
#svc-cart-progress-bar .svc-cpb-link:focus-visible {
	color: var(--svc-accent);
}

#svc-cart-progress-bar .svc-cpb-track {
	--svc-cpb-track-bg: color-mix(in srgb, var(--svc-text) 12%, var(--svc-surface-alt, rgba(var(--svc-ivory-rgb), 0.35)));
	position: relative;
	flex: 1 1 auto;
	min-width: 72px;
	max-width: none;
	height: 10px;
	border-radius: var(--svc-radius-pill);
	background: var(--svc-cpb-track-bg);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.18);
	overflow: hidden;
}

#svc-cart-progress-bar .svc-cpb-fill {
	height: 100%;
	width: 0;
	border-radius: var(--svc-radius-pill);
	background: linear-gradient(180deg,
		color-mix(in srgb, var(--svc-accent) 95%, white 5%),
		color-mix(in srgb, var(--svc-accent) 80%, #FF6A4D 20%));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
	transition: width 0.35s ease;
}

#svc-cart-progress-bar .svc-cpb-fill-green {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	border-radius: var(--svc-radius-pill) 0 0 var(--svc-radius-pill);
	background: linear-gradient(90deg, #16a34a, #4ade80);
	transition: width 0.35s ease;
	z-index: 2;
}

#svc-cart-progress-bar.svc-cpb-state-done .svc-cpb-text {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #16a34a;
	overflow: visible;
}

#svc-cart-progress-bar.svc-cpb-state-done .svc-cpb-fill {
	background: linear-gradient(90deg, #16a34a, #4ade80);
}

#svc-cart-progress-bar.svc-cpb-state-done .svc-cpb-track {
	display: none;
}

.svc-cpb-complete-badge {
	display: inline-flex;
	flex: 0 0 18px;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #16a34a;
	color: rgb(var(--svc-ivory-rgb, 253, 251, 239));
}

.svc-cpb-complete-badge svg {
	display: block;
	width: 12px;
	height: 12px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Mini-cart reward summary uses the drawer's own visual rhythm rather than
   copying the fixed, single-line progress chrome. */
.svc-cart-progress-bar--mini {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	margin: 0 0 14px;
	padding: 0 0 10px;
	border: 0;
	color: var(--svc-text);
	font-family: var(--svc-font-ui);
}

.svc-cart-progress-bar--mini[hidden],
.svc-cart-progress-bar--mini .svc-cpb-mini-thresholds:empty {
	display: none !important;
}

.svc-cart-progress-bar--mini .svc-cpb-text {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	color: color-mix(in srgb, var(--svc-text) 72%, transparent);
	font-size: .74rem;
	font-weight: 650;
	line-height: 1.3;
}

.svc-cart-progress-bar--mini .svc-cpb-text strong {
	color: var(--svc-text);
	font-weight: 850;
}

.svc-cart-progress-bar--mini .svc-cpb-link {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, var(--svc-accent) 58%, transparent);
	text-decoration-thickness: 1px;
	text-underline-offset: .18em;
}

.svc-cart-progress-bar--mini .svc-cpb-link:hover,
.svc-cart-progress-bar--mini .svc-cpb-link:focus-visible {
	color: var(--svc-accent);
}

.svc-cart-progress-bar--mini .svc-cpb-track {
	--svc-cpb-track-bg: color-mix(in srgb, var(--svc-text) 11%, var(--svc-surface-alt, rgba(253, 251, 239, .4)));
	position: relative;
	width: 100%;
	height: 7px;
	margin-top: 7px;
	overflow: hidden;
	border-radius: var(--svc-radius-pill);
	background: var(--svc-cpb-track-bg);
	box-shadow: inset 0 1px 1px rgba(29, 34, 111, .07);
}

.svc-cart-progress-bar--mini .svc-cpb-fill,
.svc-cart-progress-bar--mini .svc-cpb-fill-green {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	border-radius: var(--svc-radius-pill);
	transition: width .35s ease;
}

.svc-cart-progress-bar--mini .svc-cpb-fill {
	background: linear-gradient(90deg,
		color-mix(in srgb, var(--svc-accent) 92%, white 8%),
		color-mix(in srgb, var(--svc-accent) 74%, #ff8b62 26%));
}

.svc-cart-progress-bar--mini .svc-cpb-fill-green {
	z-index: 2;
	background: linear-gradient(90deg, #16813b, #49b86c);
}

.svc-cart-progress-bar--mini.svc-cpb-state-done .svc-cpb-fill {
	background: linear-gradient(90deg, #16813b, #49b86c);
}

.svc-cart-progress-bar--mini .svc-cpb-mini-labels {
	position: relative;
	height: 20px;
	min-width: 0;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-labels.is-flat {
	display: flex;
	align-items: center;
	gap: 14px;
	height: auto;
	min-height: 20px;
	flex-wrap: wrap;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-milestone {
	position: absolute;
	left: var(--svc-cpb-position, 0%);
	display: inline-flex;
	align-items: center;
	gap: 3px;
	max-width: 38%;
	color: var(--svc-text);
	font-size: .76rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
	transform: translateX(-50%);
}

.svc-cart-progress-bar--mini .svc-cpb-mini-labels.is-flat .svc-cpb-mini-milestone {
	position: static;
	transform: none;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-milestone.is-start {
	transform: none;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-milestone.is-end {
	transform: translateX(-100%);
}

.svc-cart-progress-bar--mini .svc-cpb-mini-milestone.is-unlocked {
	color: #16813b;
}

.svc-cart-progress-bar--mini .svc-cpb-complete-badge {
	flex-basis: 16px;
	width: 16px;
	height: 16px;
}

.svc-cart-progress-bar--mini .svc-cpb-complete-badge svg {
	width: 11px;
	height: 11px;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-milestone .svc-cpb-link,
.svc-cart-progress-bar--mini .svc-cpb-mini-milestone strong {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-plus {
	padding: 0 1px;
	color: color-mix(in srgb, currentColor 55%, transparent);
	font-weight: 650;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-meta {
	position: relative;
	min-height: 18px;
	margin-top: 6px;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-thresholds {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.svc-cart-progress-bar--mini .svc-cpb-mini-thresholds .svc-cpb-mini-milestone {
	color: color-mix(in srgb, var(--svc-text) 58%, transparent);
	font-size: .68rem;
	font-weight: 650;
}

.svc-shipping-strike {
	display: inline-block;
	margin-inline-end: 6px;
	opacity: .56;
	font-size: .95em;
	font-weight: inherit;
}

.svc-cpb-track-hidden {
	display: none;
}

.svc-cpb-top-btn {
	display: none;
	position: fixed;
	right: calc(var(--svc-cpb-top-edge-gap, 12px) + var(--svc-visual-right-offset, 0px));
	bottom: calc(var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
	z-index: var(--svc-nav-underlay-z, 9995);
	align-items: center;
	justify-content: center;
	width: var(--svc-cpb-top-btn-size, 44px);
	height: var(--svc-cpb-top-btn-size, 44px);
	margin: 0;
	padding: 0;
	border-radius: var(--svc-radius-circle, 999px);
	border: 1px solid var(--svc-glass-stroke);
	background: var(--svc-float-bg, rgba(var(--svc-ivory-rgb), 0.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));
	color: var(--svc-accent);
	cursor: pointer;
	box-shadow: var(--svc-float-shadow, 0 10px 28px rgba(30, 34, 111, 0.20));
	opacity: 0;
	transform: translateY(8px) scale(0.92);
	transition: opacity .2s ease, transform .2s cubic-bezier(.2, .8, .2, 1);
	pointer-events: none;
	overflow: hidden;
}

.svc-cpb-top-btn.is-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

.svc-cpb-top-btn svg {
	width: 18px;
	height: 18px;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	fill: none;
}

body.svc-navigation-enabled .svc-cpb-top-btn {
	bottom: calc(var(--svc-nav-height, 64px) + 8px + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
}

.svc-cpb-top-btn.svc-chrome-scrolled {
	bottom: calc(var(--svc-nav-gap, 18px) + var(--svc-nav-height, 64px) + 8px + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 1024px) {
	.svc-cpb-top-btn {
		display: flex;
	}

	#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
		--svc-cpb-mobile-edge: max(12px, 7.5vw);
		left: var(--svc-cpb-mobile-edge);
		right: var(--svc-cpb-mobile-edge);
	}

	#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled.svc-cpb-top-visible {
		left: var(--svc-cpb-mobile-edge);
		right: calc(var(--svc-cpb-top-edge-gap, 12px) + var(--svc-cpb-top-btn-size, 44px) + var(--svc-cpb-top-edge-gap, 12px));
	}

	#svc-cart-progress-bar .svc-cpb-track {
		height: 8px;
	}

	#svc-cart-progress-bar .svc-cpb-text {
		font-size: 13px;
	}
}

html.svc-catalog-desktop body.svc-catalog-enhanced #svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
	--svc-cpb-floating-width: min(637px, calc(65vw - 31.2px));
	--svc-cpb-floating-edge: max(24px, calc((100% - var(--svc-cpb-floating-width)) / 2));
}

@media (min-width: 1025px) {
	.svc-cpb-top-btn {
		display: none;
	}
}

@media (min-width: 1025px) {
	#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
		--svc-cpb-floating-width: min(637px, calc(65vw - 31.2px));
		--svc-cpb-floating-edge: max(24px, calc((100% - var(--svc-cpb-floating-width)) / 2));
	}
}

/* Scoped scroll state: site-utilities.js now toggles this on the bar itself. */
#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
	--svc-cpb-floating-width: min(var(--svc-nav-mobile-width, 85vw), calc(100% - 24px));
	--svc-cpb-floating-edge: max(12px, calc((100% - var(--svc-cpb-floating-width)) / 2));
	left: max(12px, 7.5vw) !important;
	right: max(12px, 7.5vw) !important;
	width: auto !important;
	transform: translate3d(0, calc(-1 * (var(--svc-nav-gap, 18px) + 8px)), 0);
	border-radius: var(--svc-nav-radius, var(--svc-float-radius, 22px));
	box-shadow: var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, .20)) !important;
}

#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled::before {
	opacity: 0;
}

#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled::after {
	opacity: 1;
}

.svc-cpb-top-btn.svc-chrome-scrolled {
	bottom: calc(var(--svc-nav-gap, 18px) + var(--svc-nav-height, 64px) + 8px + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 1024px) {
	#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
		--svc-cpb-mobile-edge: max(12px, 7.5vw);
		left: max(12px, 7.5vw) !important;
		right: max(12px, 7.5vw) !important;
	}

	#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled.svc-cpb-top-visible {
		left: max(12px, 7.5vw) !important;
		right: calc(var(--svc-cpb-top-edge-gap, 12px) + var(--svc-cpb-top-btn-size, 44px) + var(--svc-cpb-top-edge-gap, 12px)) !important;
	}
}

html.svc-catalog-desktop body.svc-catalog-enhanced #svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
	--svc-cpb-floating-width: min(637px, calc(65vw - 31.2px));
	--svc-cpb-floating-edge: max(24px, calc((100% - var(--svc-cpb-floating-width)) / 2));
}

@media (min-width: 1025px) {
	#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
		--svc-cpb-floating-width: min(637px, calc(65vw - 31.2px));
		--svc-cpb-floating-edge: max(24px, calc((100% - var(--svc-cpb-floating-width)) / 2));
		left: var(--svc-cpb-floating-edge) !important;
		right: var(--svc-cpb-floating-edge) !important;
	}
}

html body.svc-ambient-bg #svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
	left: max(12px, 7.5vw) !important;
	right: max(12px, 7.5vw) !important;
	width: auto !important;
	transform: translate3d(0, -26px, 0);
	border-radius: var(--svc-nav-radius, var(--svc-float-radius, 22px)) !important;
	box-shadow: var(--svc-float-shadow, 0 10px 28px rgba(29, 34, 111, .20)) !important;
}

html body.svc-ambient-bg #svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled.svc-cpb-top-visible {
	left: max(12px, 7.5vw) !important;
	right: calc(var(--svc-cpb-top-edge-gap, 12px) + var(--svc-cpb-top-btn-size, 44px) + var(--svc-cpb-top-edge-gap, 12px)) !important;
}

@media (min-width: 1025px) {
	html body.svc-ambient-bg #svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled {
		left: var(--svc-cpb-floating-edge) !important;
		right: var(--svc-cpb-floating-edge) !important;
	}
}

/* v4.3 correction: reserve a stable slot for mobile back-to-top. */
@media (max-width: 1024px) {
	.svc-cpb-top-btn,
	body.svc-navigation-enabled .svc-cpb-top-btn,
	.svc-cpb-top-btn.svc-chrome-scrolled {
		right: calc(14px + var(--svc-visual-right-offset, 0px)) !important;
		bottom: calc(var(--svc-nav-height, 64px) + 26px + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px)) !important;
		z-index: calc(var(--svc-nav-z, 9998) + 1);
	}

	html.svc-product-mobile body.svc-product-single-enhanced .svc-cpb-top-btn,
	html.svc-product-mobile body.svc-product-single-enhanced .svc-cpb-top-btn.svc-chrome-scrolled {
		bottom: calc(var(--svc-nav-height, 64px) + var(--svc-mobile-buy-h, 88px) + var(--svc-nav-gap, 18px) + 16px + var(--svc-visual-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px)) !important;
	}

	html body.svc-ambient-bg #svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled.svc-cpb-top-visible,
	#svc-cart-progress-bar.svc-cart-progress-bar.svc-chrome-scrolled.svc-cpb-top-visible {
		left: max(12px, 7.5vw) !important;
		right: calc(14px + var(--svc-cpb-top-btn-size, 44px) + 14px + var(--svc-visual-right-offset, 0px)) !important;
	}
}

