/**
 * Brand landing CSS — Safease + Limark brand pages.
 *
 * Ported verbatim from safease.html block 1 + block 3 (brand-specific sections).
 * Both Safease + Limark brand pages share same markup patterns with adaptive tokens.
 */

/* ===== BRAND BLOCK 1 — sm-zone + shared brand styles ===== */
    .sm-zone {
        --primary-color:   #1B2A5B;
        --secondary-color: #F5EEE4;
        --accent-color:    #D4A84B;
        --text-color:      #5A5A5A;
        --white-color:     #FFFFFF;
        --divider-color:   rgba(27, 42, 91, 0.1);
        --default-font:    'Plus Jakarta Sans', sans-serif;
        --accent-font:     'Lora', serif;
    }
    /* Scroll reveal — hidden default, reveal via JS (IntersectionObserver) */
    .sm-zone .wow,
    .sm-zone .text-anime-style-2,
    .sm-zone [class*="fadeIn"],
    .sm-zone .image-anime {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
        will-change: opacity, transform;
    }
    .sm-zone .wow.is-visible,
    .sm-zone .text-anime-style-2.is-visible,
    .sm-zone [class*="fadeIn"].is-visible,
    .sm-zone .image-anime.is-visible {
        opacity: 1;
        transform: translateY(0);
    }
    .sm-zone [data-wow-delay="0.2s"] { transition-delay: 0.1s; }
    .sm-zone [data-wow-delay="0.4s"] { transition-delay: 0.2s; }
    .sm-zone [data-wow-delay="0.6s"] { transition-delay: 0.3s; }
    .sm-zone [data-wow-delay="0.8s"] { transition-delay: 0.4s; }
    @media (prefers-reduced-motion: reduce) {
        .sm-zone .wow,
        .sm-zone .text-anime-style-2,
        .sm-zone [class*="fadeIn"],
        .sm-zone .image-anime {
            opacity: 1 !important;
            transform: none !important;
            transition: none !important;
        }
    }

    /* Hero + trust-strip + philosophy + triband reveal */
    .reveal-on-scroll {
        opacity: 0;
        transform: translateY(28px);
        transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }
    @media (prefers-reduced-motion: reduce) {
        .reveal-on-scroll {
            opacity: 1 !important;
            transform: none !important;
            transition: none !important;
        }
    }

    /* Hard reset typography inside sm-zone — matches sellsmart expectations exactly */
    .sm-zone {
        font-family: var(--default-font);
        font-size: 16px;
        line-height: 1em;
        color: #606060;
    }
    .sm-zone h1, .sm-zone h2, .sm-zone h3, .sm-zone h4, .sm-zone h5, .sm-zone h6 {
        font-family: var(--default-font);
        font-weight: 600;                      /* was 700 — sellsmart uses 600 */
        line-height: 1.2em;
        color: var(--primary-color);
        margin: 0;
    }
    .sm-zone p,
    .sm-zone li {
        font-size: 16px;
        line-height: 1.7em;
        margin-bottom: 1.57em;
        color: #161616;
    }
    .sm-zone li { margin-bottom: 8px; }
    .sm-zone a { text-decoration: none; }
    .sm-zone ul, .sm-zone ol { list-style: none; padding: 0; margin: 0; }
    .sm-zone * { box-sizing: border-box; }

    /* Section title — EXACT sellsmart spec */
    .sm-zone .section-title { margin-bottom: 40px; }
    .sm-zone .section-title h3 {
        position: relative;
        display: inline-block;
        font-family: var(--accent-font);
        font-style: italic;
        font-size: 17px;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        color: var(--primary-color);
        padding-left: 18px;
        margin-bottom: 15px;
    }
    .sm-zone .section-title h3::before {
        content: '';
        position: absolute;
        top: 50%; left: 0;
        transform: translateY(-50%);
        background: var(--accent-color);       /* gold dot */
        border-radius: 50%;
        width: 8px; height: 8px;
    }
    .sm-zone .section-title h2 {
        font-size: 44px;
        font-weight: 600;
        line-height: 1.1em;                    /* was 1.15 — matches theme tight */
        letter-spacing: -0.015em;              /* tighter for post-anim look */
        color: var(--primary-color);
        margin: 0;
        font-optical-sizing: auto;
        -webkit-font-smoothing: antialiased;
    }
    /* H2 span italic — inherits parent color for unified tone */
    .sm-zone .section-title h2 span {
        font-family: var(--accent-font);
        font-style: italic;
        font-weight: 400;
        color: inherit;
        letter-spacing: -0.01em;
    }
    .sm-zone .section-title p {
        margin-top: 20px;
        margin-bottom: 0;
        line-height: 1.7em;
        font-size: 15px;
    }
    @media (max-width: 767px) {
        .sm-zone .section-title h2 { font-size: 32px; }
    }

    /* About — tuned to match 2.png exactly */
    .sm-zone .about-us { background: #FAF6F1; }
    .sm-zone .about-us .section-title h2 { font-size: 38px; line-height: 1.1em; letter-spacing: -0.015em; }

    /* Shrink bottle image, align height to content */
    .sm-zone .about-us .about-images {
        max-width: 420px;
        margin-inline: auto;
    }
    .sm-zone .about-us .about-images figure img {
        max-width: 100%;
        height: auto;
    }
    @media (min-width: 1024px) {
        .sm-zone .about-us .about-images { max-width: 460px; }
    }

    /* Two organic cards — side-by-side grid */
    .sm-zone .about-us .about-body-item-btn {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        margin-bottom: 22px;
        width: 100%;
    }
    @media (max-width: 575px) {
        .sm-zone .about-us .about-body-item-btn { grid-template-columns: 1fr; }
    }
    .sm-zone .about-us .about-organic-item {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding: 16px 18px;
        background: #d4d4d457;
        border-radius: 14px;
        border: 0;
        height: 100%;
        transition: background 0.3s, transform 0.3s;
    }
    .sm-zone .about-us .about-organic-item:hover {
        background: #d4d4d480;
        transform: translateY(-2px);
    }
    .sm-zone .about-us .about-body-item-btn { align-items: stretch; }
    .sm-zone .about-us .about-col {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .sm-zone .about-us .about-col .about-organic-item { flex: 1; }
    .sm-zone .about-us .about-col .sm-shop-link { align-self: flex-start; margin-left: 10px; }
    .sm-zone .about-us .about-organic-item .icon-box {
        width: 44px; height: 44px;
        flex-shrink: 0;
        background: transparent;
        border: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    .sm-zone .about-us .about-organic-item .icon-box img {
        width: 100%; height: 100%;
        object-fit: contain;
        display: block;
    }
    .sm-zone .about-us .about-organic-content h3 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 3px;
        line-height: 1.25em;
        color: var(--primary-color);
    }
    .sm-zone .about-us .about-organic-content p {
        font-size: 12.5px;
        line-height: 1.5em;
        color: #161616;
        margin: 0;
    }
    .sm-zone .about-us .section-title p  { font-size: 15px; line-height: 1.7em; margin-top: 16px; max-width: 46ch; }
    .sm-zone .about-us-list ul li { font-size: 14px; line-height: 1.6em; margin-bottom: 8px; }
    .sm-zone .about-us-list { margin-bottom: 28px; }

    /* Shop links — minimal underlined text style (matches tri-panel__link) */
    .sm-zone .sm-shop-links {
        display: flex;
        gap: clamp(1.5rem, 3vw, 2.5rem);
        flex-wrap: wrap;
        align-items: center;
        margin-top: 4px;
    }
    .sm-zone .sm-shop-link {
        display: inline-block;
        padding-bottom: 4px;
        border-bottom: 1.5px solid;
        font-family: var(--default-font);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        transition: letter-spacing 0.3s, color 0.3s;
    }
    .sm-zone .sm-shop-link:hover { letter-spacing: 0.2em; }
    .sm-zone .sm-shop-link--safease { color: #3B1053; }
    .sm-zone .sm-shop-link--limark  { color: var(--primary-color); }

    /* Legacy chip styles (kept but not used on about) */
    .sm-zone .sm-shop-chips { display: flex; gap: 12px; flex-wrap: nowrap; align-items: center; }
    .sm-zone .sm-shop-chip {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 8px 22px 8px 8px;
        border-radius: 999px;
        font-family: var(--default-font);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        line-height: 1;
        min-height: 46px;
        transition: transform 0.25s, box-shadow 0.25s;
        text-decoration: none;
    }
    .sm-zone .sm-shop-chip--safease { background: #3B1053; color: #fff; box-shadow: 0 8px 20px rgba(59, 16, 83, 0.25); }
    .sm-zone .sm-shop-chip--safease:hover { background: #4A2366; transform: translateY(-2px); }
    .sm-zone .sm-shop-chip--limark { background: var(--accent-color); color: var(--primary-color); box-shadow: 0 8px 20px rgba(212, 168, 75, 0.3); }
    .sm-zone .sm-shop-chip--limark:hover { background: #E8C872; transform: translateY(-2px); }
    .sm-zone .sm-shop-chip__circle {
        width: 28px; height: 28px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        overflow: hidden;
        padding: 3px;
    }
    .sm-zone .sm-shop-chip--safease .sm-shop-chip__circle { background: #F8DC4A; }
    .sm-zone .sm-shop-chip--limark  .sm-shop-chip__circle { background: #fff; }
    .sm-zone .sm-shop-chip__circle img { width: 100%; height: 100%; object-fit: contain; display: block; }
    .sm-zone .sm-shop-chip::after { content: '→'; font-size: 14px; margin-left: 2px; transition: transform 0.25s; }
    .sm-zone .sm-shop-chip:hover::after { transform: translateX(3px); }

    /* Limark icon in trust-card */
    .sm-zone .about-body-item img.sm-limark-mini { width: 44px; height: 44px; object-fit: contain; max-width: none; }
    .sm-zone .about-body-item h3 { font-size: 15px; line-height: 1.35em; }

    /* Card heading sizes across sections — match 2.png rhythm */
    .sm-zone .why-choose-item-content h3,
    .sm-zone .what-we-item h3,
    .sm-zone .key-points-item-content h3,
    .sm-zone .benefit-item-content h3,
    .sm-zone .benefit-list-item-content h3,
    .sm-zone .footer-links h3 { font-size: 18px; font-weight: 600; line-height: 1.3em; margin-bottom: 8px; letter-spacing: -0.005em; }
    .sm-zone .why-choose-item-content p,
    .sm-zone .what-we-item p,
    .sm-zone .key-points-item-content p,
    .sm-zone .benefit-item-content p,
    .sm-zone .benefit-list-item-content p { font-size: 14px; line-height: 1.6em; margin: 0; }
    .sm-zone .product-content h3 { font-size: 17px; line-height: 1.3em; margin-bottom: 6px; }
    .sm-zone .product-content p { font-size: 17px; font-weight: 700; color: var(--accent-color); margin: 0; line-height: 1.2em; }
    .sm-zone .about-organic-content h3 { font-size: 16px; margin-bottom: 4px; }
    .sm-zone .about-organic-content p  { font-size: 13px; line-height: 1.55em; margin: 0; }

    /* Brand CTA button override — deep Safease purple replacing gold */
    .sm-zone .btn-default,
    .sm-zone a.btn-default {
        background: #3B1053;
        color: #fff;
        border-color: #3B1053;
        padding: 14px 30px;
        font-weight: 600;
        letter-spacing: 0.1em;
    }
    .sm-zone .btn-default:hover,
    .sm-zone a.btn-default:hover {
        background: #4A2366;
        border-color: #4A2366;
        color: #F8DC4A;
    }

    /* Explore-chip (hero style, ported into sm-zone) */
    .sm-zone .sm-explore-chip {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 8px 22px 8px 10px;
        border-radius: 999px;
        backdrop-filter: blur(12px);
        text-decoration: none;
        transition: transform 0.3s, box-shadow 0.3s;
    }
    .sm-zone .sm-explore-chip:hover { transform: translateY(-2px); }
    .sm-zone .sm-explore-chip--safease {
        background: rgba(59, 16, 83, 0.92);
        color: #fff;
        border: 1px solid rgba(248, 220, 74, 0.35);
        box-shadow: 0 10px 24px rgba(59, 16, 83, 0.28);
    }
    .sm-zone .sm-explore-chip--safease:hover { box-shadow: 0 14px 30px rgba(59, 16, 83, 0.38); }
    .sm-zone .sm-explore-chip__circle {
        width: 34px; height: 34px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: #F8DC4A;
        color: #3B1053;
    }
    .sm-zone .sm-explore-chip__circle svg { width: 16px; height: 16px; }
    .sm-zone .sm-explore-chip__text {
        display: flex;
        flex-direction: column;
        gap: 1px;
        line-height: 1.1;
    }
    .sm-zone .sm-explore-chip__text span:first-child {
        font-family: var(--accent-font);
        font-weight: 400;
        font-style: italic;
        font-size: 11px;
        letter-spacing: 0;
        text-transform: none;
        opacity: 0.85;
    }
    .sm-zone .sm-explore-chip__text span:last-child {
        font-weight: 600;
        font-size: 11.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        display: inline-flex;
        gap: 6px;
        align-items: center;
    }
    .sm-zone .sm-explore-chip__text span:last-child::after {
        content: '→';
        font-size: 13px;
        transition: transform 0.3s;
    }
    .sm-zone .sm-explore-chip:hover .sm-explore-chip__text span:last-child::after { transform: translateX(3px); }

    /* Limark ring icon — replaces sellsmart icon-box in why-choose */
    .sm-zone .limark-ring-icon {
        position: relative;
        width: 72px;
        height: 72px;
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: transparent !important;
        border: 0 !important;
    }
    .sm-zone .limark-ring-icon--lg { width: 92px; height: 92px; }
    .sm-zone .limark-ring-icon .limark-ring-outer,
    .sm-zone .limark-ring-icon .limark-ring-inner {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
    }
    .sm-zone .limark-ring-icon .limark-ring-outer {
        inset: 0;
        border: 1.5px dashed var(--accent-color);
        animation: limarkRingSpin 16s linear infinite;
    }
    .sm-zone .limark-ring-icon .limark-ring-inner {
        inset: 8px;
        border: 1px solid rgba(212, 168, 75, 0.35);
        animation: limarkRingSpin 22s linear infinite reverse;
    }
    .sm-zone .limark-ring-icon img {
        position: relative;
        z-index: 2;
        width: 60%;
        height: 60%;
        object-fit: contain;
        transition: transform 0.5s;
    }
    .sm-zone .limark-ring-icon:hover img { transform: scale(1.08); }
    @keyframes limarkRingSpin {
        from { transform: rotate(0); }
        to   { transform: rotate(360deg); }
    }

    /* Why-choose icons — limark navy bg + gold icon */
    .sm-zone .why-choose-item-box .icon-box {
        background: var(--primary-color) !important;
        width: 68px;
        height: 68px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        flex-shrink: 0;
        transition: background 0.3s;
    }
    .sm-zone .why-choose-item-box .icon-box img {
        filter: brightness(0) saturate(100%) invert(72%) sepia(42%) saturate(600%) hue-rotate(12deg) brightness(92%);
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .sm-zone .why-choose-item:hover .icon-box { background: #0F1D42 !important; }
    /* Limark text-ring icon — symbol + rotating gold text circle */
    .sm-zone .limark-text-ring {
        position: relative;
        width: 110px; height: 110px;
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: transparent !important;
        border: 0 !important;
    }
    .sm-zone .limark-text-ring--lg { width: 140px; height: 140px; }
    .sm-zone .limark-text-ring__svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        animation: limarkRingSpin 22s linear infinite;
    }
    .sm-zone .limark-text-ring__svg text {
        font-family: var(--default-font);
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 2px;
        fill: var(--primary-color);            /* navy, not gold */
        text-transform: uppercase;
    }
    .sm-zone .limark-text-ring img {
        position: relative;
        z-index: 2;
        width: 52%;
        height: 52%;
        object-fit: contain;
    }
    .sm-zone .dark-section .limark-text-ring__svg text { fill: #fff; }

    /* What We Do — HIDDEN for now */
    .sm-zone .what-we-do.dark-section { display: none !important; }

    /* What We Do — classic ayurvedic forest green (sellsmart original) */
    .sm-zone .dark-section { background: #0A2C0F; }
    .sm-zone .dark-section .section-title h2,
    .sm-zone .dark-section .section-title h3,
    .sm-zone .dark-section .what-we-item h3 { color: #fff; }
    .sm-zone .dark-section p,
    .sm-zone .dark-section .what-we-item p { color: rgba(245, 238, 228, 0.78); }
    .sm-zone .dark-section .section-title h3::before { background: #D4A84B; }
    .sm-zone .dark-section .section-title h2 span { color: #E8C872; }
    /* What-we-circle with Limark ring — proper size */
    .sm-zone .what-we-circle.limark-ring-icon { width: 120px; height: 120px; }
    .sm-zone .what-we-circle.limark-ring-icon .limark-ring-outer { border-color: #D4A84B; }
    .sm-zone .what-we-circle.limark-ring-icon .limark-ring-inner { border-color: rgba(212, 168, 75, 0.45); }

    /* Footer — editorial compact redesign */
    .sm-zone .main-footer {
        position: relative;
        background: #14204A;
        color: rgba(255,255,255,0.78);
        padding: 72px 0 0;
        overflow: hidden;
    }
    .sm-zone .main-footer::before {
        content: '';
        position: absolute;
        top: 0; left: 50%;
        transform: translateX(-50%);
        width: 72px; height: 1px;
        background: var(--accent-color);
        opacity: 0.9;
    }
    .sm-zone .footer-manifesto {
        text-align: center;
        max-width: 760px;
        margin: 0 auto 56px;
        padding: 0 20px;
    }
    .sm-zone .footer-manifesto .fm-eyebrow {
        font-family: var(--accent-font);
        font-style: italic;
        font-size: 13px;
        letter-spacing: 0.08em;
        text-transform: capitalize;
        color: var(--accent-color);
        display: block;
        margin-bottom: 18px;
    }
    .sm-zone .footer-manifesto h2 {
        font-family: var(--accent-font);
        font-style: italic;
        font-weight: 400;
        font-size: clamp(22px, 3.4vw, 34px);
        line-height: 1.2em;
        color: #fff;
        letter-spacing: -0.01em;
        margin: 0;
    }
    .sm-zone .footer-manifesto h2 span { color: var(--accent-color); }

    .sm-zone .footer-grid {
        display: grid;
        grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
        gap: 48px;
        padding-bottom: 48px;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .sm-zone .footer-grid .fg-col h4 {
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--accent-color);
        margin: 0 0 18px;
    }
    .sm-zone .footer-grid .fg-brand img {
        max-height: 60px; width: auto;
        margin-bottom: 18px;
    }
    .sm-zone .footer-grid .fg-brand p {
        font-size: 14px;
        line-height: 1.7em;
        color: rgba(255,255,255,0.62);
        margin: 0 0 20px;
        max-width: 320px;
    }
    .sm-zone .footer-grid .fg-brand .fg-signoff {
        font-family: var(--accent-font);
        font-style: italic;
        font-size: 14px;
        color: var(--accent-color);
        letter-spacing: 0.01em;
    }
    .sm-zone .footer-grid ul { margin: 0; padding: 0; }
    .sm-zone .footer-grid ul li {
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 1.5em;
    }
    .sm-zone .footer-grid ul li a {
        color: rgba(255,255,255,0.75);
        transition: color 0.2s, padding-left 0.2s;
        display: inline-block;
        position: relative;
    }
    .sm-zone .footer-grid ul li a:hover {
        color: var(--accent-color);
        padding-left: 6px;
    }
    .sm-zone .footer-grid .fg-contact li {
        margin-bottom: 14px;
    }
    .sm-zone .footer-grid .fg-contact .fc-label {
        display: block;
        font-size: 10px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.4);
        margin-bottom: 3px;
    }
    .sm-zone .footer-grid .fg-contact .fc-value {
        font-size: 15px;
        color: #fff;
        transition: color 0.2s;
    }
    .sm-zone .footer-grid .fg-contact .fc-value:hover { color: var(--accent-color); }

    .sm-zone .fg-socials {
        display: flex;
        gap: 8px;
        margin-top: 22px;
    }
    .sm-zone .fg-socials a {
        width: 36px; height: 36px;
        display: inline-flex;
        align-items: center; justify-content: center;
        border: 1px solid rgba(255,255,255,0.18);
        border-radius: 50%;
        color: rgba(255,255,255,0.75);
        font-size: 13px;
        transition: all 0.25s ease;
    }
    .sm-zone .fg-socials a:hover {
        border-color: var(--accent-color);
        color: var(--accent-color);
        transform: translateY(-2px);
    }

    .sm-zone .sm-footer-bottom {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 24px;
        padding: 24px 0 28px;
        font-size: 12px;
        letter-spacing: 0.04em;
        color: rgba(255,255,255,0.5);
    }
    .sm-zone .sm-footer-bottom > p { margin: 0; color: rgba(255,255,255,0.5); }
    .sm-zone .sm-footer-bottom .sm-legal-links {
        justify-self: end;
        display: flex; gap: 22px;
        list-style: none; padding: 0; margin: 0;
    }
    .sm-zone .sm-footer-bottom .sm-legal-links li { margin: 0; }
    .sm-zone .sm-footer-bottom .sm-legal-links a {
        color: rgba(255,255,255,0.5);
        transition: color 0.2s;
    }
    .sm-zone .sm-footer-bottom .sm-legal-links a:hover { color: var(--accent-color); }
    .sm-zone .sm-footer-tagline {
        justify-self: center;
        font-family: var(--accent-font);
        font-style: italic;
        font-size: 13px;
        color: var(--accent-color);
        letter-spacing: 0.01em;
        white-space: nowrap;
    }
    @media (max-width: 991px) {
        .sm-zone .footer-grid {
            grid-template-columns: 1fr 1fr;
            gap: 36px;
        }
        .sm-zone .footer-grid .fg-brand { grid-column: 1 / -1; }
    }
    .sm-zone .footer-toggle { display: none; }
    @media (max-width: 767px) {
        .sm-zone .main-footer { padding-top: 44px; }
        .sm-zone .footer-manifesto { margin-bottom: 28px; }
        .sm-zone .footer-manifesto h2 { font-size: clamp(22px, 5.5vw, 28px); }
        .sm-zone .footer-grid { display: flex !important; flex-direction: column; gap: 22px; padding-bottom: 22px; }
        .sm-zone .footer-grid .fg-brand { order: 1; text-align: center; }
        .sm-zone .footer-grid .fg-brand img { margin: 0 auto 16px; }
        .sm-zone .footer-grid .fg-brand p { margin-left: auto; margin-right: auto; }
        .sm-zone .footer-grid .fg-contact { order: 2; text-align: center; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.08); }
        .sm-zone .footer-grid .fg-contact h4 { margin-bottom: 14px; }
        .sm-zone .footer-grid .fg-contact ul { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 12px 24px; }
        .sm-zone .footer-grid .fg-contact li { margin: 0; }
        .sm-zone .footer-grid .fg-contact .fc-value { font-size: 14px; }
        .sm-zone .fg-socials { justify-content: center; margin-top: 18px; }
        .sm-zone .footer-toggle {
            order: 3; display: inline-flex; align-items: center; justify-content: center;
            gap: 10px; width: auto; align-self: center; padding: 10px 22px;
            background: transparent; color: rgba(255,255,255,0.85);
            border: 1px solid rgba(255,255,255,0.18); border-radius: 999px;
            font-family: var(--default-font); font-size: 11px; font-weight: 600;
            letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer;
        }
        .sm-zone .footer-toggle::after {
            content: ''; width: 8px; height: 8px;
            border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
            transform: rotate(45deg); transition: transform 0.3s; margin-top: -3px;
        }
        .sm-zone .footer-toggle[aria-expanded="true"]::after { transform: rotate(-135deg); margin-top: 3px; }
        .sm-zone .footer-grid .fg-col--links { order: 4; display: none; text-align: center; padding-top: 8px; }
        .sm-zone .footer-grid .fg-col--links.is-open { display: block; }
        .sm-zone .footer-grid .fg-col--links h4 { margin-bottom: 10px; }
        .sm-zone .footer-grid .fg-col--links ul { display: flex; flex-direction: column; gap: 8px; }
        .sm-zone .sm-footer-bottom { grid-template-columns: 1fr; text-align: center; gap: 10px; padding: 18px 0; }
        .sm-zone .sm-footer-bottom .sm-legal-links { justify-self: center; flex-wrap: wrap; justify-content: center; gap: 10px 16px; }
    }
    .sm-zone .sm-nav-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .sm-zone .sm-nav-list a {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        transition: color 0.2s;
    }
    .sm-zone .sm-nav-list a:hover { color: var(--accent-color); }
    .sm-zone .sm-legal-links {
        display: inline-flex;
        gap: 22px;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .sm-zone .sm-legal-links li { margin: 0; }
    .sm-zone .sm-legal-links a {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.7);
        transition: color 0.2s;
    }
    .sm-zone .sm-legal-links a:hover { color: var(--accent-color); }

    /* FAQ — soft grey bg + Limark-themed accordion */
    .sm-zone .our-faqs { background: #F5F5F5; }
    .sm-zone .about-footer-content { text-align: left; }
    .sm-zone .about-footer { text-align: left; }
    .sm-zone .our-faqs .accordion-item {
        background: #fff !important;
        border: 1px solid rgba(27, 42, 91, 0.08) !important;
        border-radius: 14px !important;
        margin-bottom: 12px;
        overflow: hidden;
        transition: border-color 0.3s, box-shadow 0.3s;
    }
    .sm-zone .our-faqs .accordion-item:hover {
        border-color: rgba(212, 168, 75, 0.35) !important;
    }
    .sm-zone .our-faqs .accordion-button {
        background: #fff !important;
        color: var(--primary-color) !important;
        font-size: 16px;
        font-weight: 600;
        padding: 18px 22px;
        border: 0 !important;
        box-shadow: none !important;
    }
    .sm-zone .our-faqs .accordion-button:not(.collapsed) {
        background: var(--primary-color) !important;
        color: #fff !important;
    }
    .sm-zone .our-faqs .accordion-button:not(.collapsed)::after {
        filter: brightness(0) invert(1);
    }
    .sm-zone .our-faqs .accordion-body {
        background: #FBF8F3;
        color: #161616;
        padding: 18px 22px;
        font-size: 14.5px;
        line-height: 1.7em;
        border-top: 1px solid rgba(212, 168, 75, 0.18);
    }

    /* ============ PHILOSOPHY / FOUNDER SECTION ============ */
    .sm-zone .philosophy {
        background:
            radial-gradient(ellipse 60% 80% at 18% 10%, rgba(212,168,75,0.10) 0%, transparent 55%),
            radial-gradient(ellipse 70% 80% at 88% 92%, rgba(59, 16, 83, 0.07) 0%, transparent 55%),
            linear-gradient(168deg, #FBF6EC 0%, #F5EEE4 45%, #EDE2CF 100%);
        padding: clamp(48px, 6vw, 80px) 0;
        min-height: 90vh;
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
    }
    /* Giant lotus watermark behind headline */
    .sm-zone .philosophy::before {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -48%);
        width: clamp(340px, 42vw, 620px);
        height: clamp(340px, 42vw, 620px);
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23D4A84B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M100 160 C85 140 88 100 92 70 C96 50 100 35 100 20 C100 35 104 50 108 70 C112 100 115 140 100 160 Z'/><path d='M100 162 C72 152 56 120 50 92 C48 78 52 68 58 58 C68 70 82 98 96 135 C100 148 102 156 100 162 Z'/><path d='M100 162 C128 152 144 120 150 92 C152 78 148 68 142 58 C132 70 118 98 104 135 C100 148 98 156 100 162 Z'/><path d='M100 164 C66 168 32 150 16 120 C14 114 18 108 26 108 C46 110 74 128 94 150 C100 158 102 162 100 164 Z'/><path d='M100 164 C134 168 168 150 184 120 C186 114 182 108 174 108 C154 110 126 128 106 150 C100 158 98 162 100 164 Z'/><ellipse cx='100' cy='168' rx='54' ry='3' opacity='0.3'/></svg>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        opacity: 0.09;
        pointer-events: none;
        z-index: 0;
    }
    /* Top + bottom hairlines */
    .sm-zone .philosophy::after {
        content: '';
        position: absolute;
        bottom: 44px;
        left: 50%; transform: translateX(-50%);
        width: 72px; height: 1px;
        background: var(--accent-color);
        opacity: 0.45;
    }
    .sm-zone .philosophy__inner {
        max-width: 1080px;
        width: 100%;
        margin: 0 auto;
        padding: 0 32px;
        text-align: center;
        position: relative;
        z-index: 1;
    }
    .sm-zone .philosophy__crest {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin-bottom: 14px;
    }
    .sm-zone .philosophy__crest .crest-line {
        width: 36px; height: 1px;
        background: linear-gradient(90deg, transparent, var(--accent-color));
    }
    .sm-zone .philosophy__crest .crest-line + .crest-line {
        background: linear-gradient(90deg, var(--accent-color), transparent);
    }
    .sm-zone .philosophy__crest svg {
        width: 22px; height: 22px;
        color: var(--accent-color);
    }
    .sm-zone .philosophy__eyebrow {
        font-family: var(--accent-font);
        font-style: italic;
        font-size: 12.5px;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: var(--accent-color);
        margin: 0 0 16px;
        display: block;
    }
    .sm-zone .philosophy__head {
        font-family: var(--accent-font);
        font-style: italic;
        font-weight: 400;
        font-size: clamp(28px, 4.6vw, 46px);
        line-height: 1.14em;
        letter-spacing: -0.018em;
        color: var(--primary-color);
        margin: 0 0 20px;
    }
    .sm-zone .philosophy__head span {
        color: var(--accent-color);
        position: relative;
        display: inline-block;
    }
    .sm-zone .philosophy__head span::after {
        content: '';
        position: absolute;
        left: 0; right: 0; bottom: -4px;
        height: 1px;
        background: var(--accent-color);
        opacity: 0.3;
    }
    .sm-zone .philosophy__lead {
        max-width: 620px;
        margin: 0 auto 36px;
        font-size: 15.5px;
        line-height: 1.75em;
        color: #3b3b3b;
    }

    /* Quote — compact editorial, no box, decorative gold glyphs flanking */
    .sm-zone .philosophy__quote {
        max-width: 720px;
        margin: 0 auto 44px;
        padding: 0 32px;
        position: relative;
        font-family: var(--accent-font);
        font-style: italic;
        font-size: clamp(16px, 1.75vw, 19px);
        line-height: 1.6em;
        color: var(--primary-color);
        text-align: center;
        border: 0;
        background: transparent;
    }
    .sm-zone .philosophy__quote::before {
        content: '\201C';
        display: block;
        font-family: var(--accent-font);
        font-size: 54px;
        line-height: 0.6;
        color: var(--accent-color);
        margin-bottom: 10px;
        font-style: italic;
        opacity: 0.85;
    }
    .sm-zone .philosophy__quote cite {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-style: normal;
        font-family: var(--default-font);
        font-size: 10.5px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: var(--accent-color);
        margin-top: 16px;
        font-weight: 600;
    }
    .sm-zone .philosophy__quote cite::before,
    .sm-zone .philosophy__quote cite::after {
        content: '';
        width: 18px; height: 1px;
        background: var(--accent-color);
        opacity: 0.5;
    }

    /* Pillars — with roman numerals + icons + hover lift */
    .sm-zone .philosophy__pillars {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        text-align: left;
    }
    .sm-zone .philosophy__pillar {
        padding: 26px 22px 22px;
        background: rgba(255,255,255,0.55);
        border: 1px solid rgba(212, 168, 75, 0.18);
        border-radius: 4px;
        position: relative;
        transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                    box-shadow 0.45s ease,
                    border-color 0.45s ease,
                    background 0.45s ease;
        overflow: hidden;
    }
    .sm-zone .philosophy__pillar::before {
        content: attr(data-numeral);
        position: absolute;
        top: 10px; right: 18px;
        font-family: var(--accent-font);
        font-style: italic;
        font-size: 34px;
        font-weight: 400;
        color: var(--accent-color);
        opacity: 0.2;
        line-height: 1;
        transition: opacity 0.45s ease, transform 0.45s ease;
    }
    .sm-zone .philosophy__pillar:hover {
        transform: translateY(-6px);
        border-color: rgba(212, 168, 75, 0.5);
        background: rgba(255,255,255,0.85);
        box-shadow: 0 18px 42px -18px rgba(27, 42, 91, 0.22);
    }
    .sm-zone .philosophy__pillar:hover::before {
        opacity: 0.35;
        transform: translateY(-2px);
    }
    .sm-zone .philosophy__pillar .pillar-icon {
        width: 38px; height: 38px;
        display: inline-flex;
        align-items: center; justify-content: center;
        color: var(--accent-color);
        margin-bottom: 14px;
        border: 1px solid rgba(212,168,75,0.45);
        border-radius: 50%;
        background: rgba(255,255,255,0.6);
        transition: background 0.4s ease, border-color 0.4s ease, transform 0.5s ease;
    }
    .sm-zone .philosophy__pillar:hover .pillar-icon {
        background: #FFFFFF;
        border-color: var(--accent-color);
        transform: rotate(-4deg) scale(1.04);
    }
    .sm-zone .philosophy__pillar .pillar-icon svg { width: 18px; height: 18px; }
    .sm-zone .philosophy__pillar span.pillar-label {
        font-size: 10px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: var(--accent-color);
        font-weight: 600;
        display: block;
        margin-bottom: 8px;
    }
    .sm-zone .philosophy__pillar h3 {
        font-family: var(--accent-font);
        font-style: italic;
        font-weight: 500;
        font-size: 19px;
        line-height: 1.25em;
        color: var(--primary-color);
        margin: 0 0 10px;
        letter-spacing: -0.01em;
    }
    .sm-zone .philosophy__pillar p {
        font-size: 13.5px;
        line-height: 1.7em;
        color: #3a3a3a;
        margin: 0;
    }

    @media (max-width: 900px) {
        .sm-zone .philosophy__pillars {
            grid-template-columns: 1fr;
            gap: 20px;
            max-width: 520px;
            margin: 0 auto;
        }
        .sm-zone .philosophy__quote { padding: 40px 24px 32px; margin-bottom: 56px; }
        .sm-zone .philosophy__quote::before { font-size: 90px; top: -18px; left: 20px; }
        .sm-zone .philosophy__lead { margin-bottom: 52px; font-size: 15.5px; }
        .sm-zone .philosophy::before { width: 300px; height: 300px; opacity: 0.07; }
    }

    /* Benefits — compact cards, icon+title inline, navy icon, Limark theming */
    .sm-zone .our-benefits { background: linear-gradient(180deg, #FBF8F3 0%, #F5EDE4 100%); }
    .sm-zone .our-benefits .benefit-item,
    .sm-zone .our-benefits .benefit-item-box:nth-child(odd) .benefit-item:nth-child(even),
    .sm-zone .our-benefits .benefit-item-box:nth-child(even) .benefit-item:nth-child(odd) {
        background: #EFE6D8 !important;
        border: 1px solid rgba(212, 168, 75, 0.22) !important;
        border-radius: 16px;
        padding: 18px 20px !important;
        transition: transform 0.35s, border-color 0.35s, background 0.35s;
    }
    .sm-zone .our-benefits .benefit-item:hover {
        background: #E5D8C2 !important;
        border-color: var(--accent-color) !important;
        transform: translateY(-2px);
    }
    /* Icon + title side-by-side, description below */
    .sm-zone .our-benefits .benefit-item {
        display: grid !important;
        grid-template-columns: 36px 1fr;
        grid-template-rows: auto auto;
        column-gap: 14px;
        row-gap: 6px;
        align-items: center;
    }
    .sm-zone .our-benefits .benefit-item .icon-box {
        background: transparent !important;
        width: 36px;
        height: 36px;
        padding: 0;
        margin: 0;
        border-radius: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
    .sm-zone .our-benefits .benefit-item-content {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }
    .sm-zone .our-benefits .benefit-item-content p {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        margin-top: 4px;
    }
    .sm-zone .our-benefits .benefit-item .icon-box img {
        filter: brightness(0) saturate(100%) invert(13%) sepia(80%) saturate(1400%) hue-rotate(215deg) brightness(92%) contrast(95%);
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .sm-zone .our-benefits .benefit-item-content h3 {
        font-size: 16px !important;
        margin-bottom: 4px;
        line-height: 1.3em;
    }
    .sm-zone .our-benefits .benefit-item-content p {
        font-size: 13.5px;
        line-height: 1.55em;
    }
    .sm-zone .our-benefits .benefits-list { display: none !important; }

    /* Key Points — full Safease feel: lavender→cream gradient + yellow glow */
    .sm-zone .our-key-points {
        background: linear-gradient(180deg, #EADBF1 0%, #F5EAFA 55%, #FBF6E8 100%);
        position: relative;
        overflow: hidden;
    }
    .sm-zone .our-key-points::before {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 720px; height: 720px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(248, 220, 74, 0.35) 0%, transparent 55%);
        filter: blur(50px);
        pointer-events: none;
        z-index: 0;
    }
    .sm-zone .our-key-points > .container { position: relative; z-index: 2; }
    .sm-zone .our-key-points .section-title h3::before { background: #F8DC4A; }
    .sm-zone .our-key-points .section-title h2 span { color: #3B1053; }
    .sm-zone .our-key-points .key-points-item .icon-box {
        background: #3B1053 !important;
        width: 68px; height: 68px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
        flex-shrink: 0;
        transition: background 0.3s;
    }
    .sm-zone .our-key-points .key-points-item .icon-box img {
        filter: brightness(0) saturate(100%) invert(92%) sepia(32%) saturate(800%) hue-rotate(359deg) brightness(102%);
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .sm-zone .our-key-points .key-points-item:hover .icon-box { background: #4A2366 !important; }
    .sm-zone .our-key-points .section-footer-text p a { color: #3B1053; }
    .sm-zone .our-key-points .section-footer-text p a:hover { color: #9E2A6D; }

    /* Pad ring overlay — Safease logo + rotating text circle on pad image */
    .sm-zone .our-key-points .key-points-image { position: relative; }
    .sm-zone .pad-ring {
        position: absolute;
        bottom: 4%;
        right: -2%;
        width: clamp(80px, 11vw, 110px);
        aspect-ratio: 1 / 1;
        z-index: 3;
        pointer-events: none;
        filter: drop-shadow(0 8px 20px rgba(59, 16, 83, 0.2));
    }
    .sm-zone .pad-ring__svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        animation: limarkRingSpin 18s linear infinite;
    }
    .sm-zone .pad-ring__svg text {
        font-family: var(--default-font);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 3px;
        fill: #3B1053;
        text-transform: uppercase;
    }
    .sm-zone .pad-ring__core {
        position: absolute;
        inset: 16%;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F8DC4A;
        overflow: hidden;
    }
    .sm-zone .pad-ring__core img { width: 100%; height: 100%; object-fit: contain; }

    /* Key-points center image (Safease pad) — 30% larger */
    .sm-zone .our-key-points .key-points-image figure { margin: 0; }
    .sm-zone .our-key-points .key-points-image figure img {
        width: 130%;
        max-width: none;
        margin-left: -15%;
        display: block;
    }
    @media (max-width: 991px) {
        .sm-zone .our-key-points .key-points-image figure img { width: 100%; margin-left: 0; }
    }
    @media (max-width: 767px) {
        .sm-zone .our-key-points .key-points-image { text-align: center; margin: 0 auto; }
        .sm-zone .our-key-points .key-points-image figure { margin: 0 auto; display: block; }
        .sm-zone .pad-ring {
            right: auto !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
        }
        .sm-zone .why-choose-item-box {
            justify-content: center;
            text-align: center;
            gap: 20px !important;
        }
        .sm-zone .why-choose-item { width: 100% !important; max-width: 360px; }
        .sm-zone .why-choose-item .icon-box { margin-left: auto; margin-right: auto; }
        .sm-zone .why-choose-body {
            text-align: center;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .sm-zone .why-choose-body .icon-box,
        .sm-zone .why-choose-body .limark-text-ring {
            margin: 0 auto 16px !important;
        }
        .sm-zone .why-choose-body-content { text-align: center; max-width: 420px; margin: 0 auto; }
    }

    /* Product image box — transparent bg, image fits centered */
    .sm-zone .product-item .product-image,
    .sm-zone .product-item .product-image figure {
        background: transparent !important;
        border-radius: 16px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1 / 1;
    }
    .sm-zone .product-item .product-image figure { margin: 0; padding: 0; width: 100%; height: 100%; }
    .sm-zone .product-item .product-image figure img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 0;
        background: transparent;
        display: block;
    }

    /* Tighten Our Products spacing */
    .sm-zone .our-products { padding: 60px 0; background: #fff; }
    .sm-zone .why-choose-us { background: #F5EDE4; }
    .sm-zone .why-choose-us .why-choose-box { background: #F5EDE4; }
    .sm-zone .our-products .section-row { margin-bottom: 30px !important; }
    .sm-zone .our-products .section-title { margin-bottom: 0; }
    .sm-zone .our-products .section-title h2 { font-size: 38px; line-height: 1.1em; }
    .sm-zone .product-item { margin-bottom: 20px; }
    .sm-zone .section-footer-text { margin-top: 20px; }

/* ===== BRAND BLOCK 3 — brand-specific sections ===== */
:root {
    --sf-primary: #4A2366;
    --sf-deep: #3B1053;
    --sf-darker: #2A0A3E;
    --sf-yellow: #F8DC4A;
    --sf-yellow-soft: #FFE88A;
    --sf-bg: #F8F4FB;
    --sf-bg-mid: #F0E6F5;
    --sf-cream: #FAF6EE;
}

/* Hero — flower bg, light purple wash, dark text */
.sf-hero {
    position: relative;
    padding: calc(var(--ticker-h) + 130px) 0 clamp(60px, 8vw, 110px);
    background:
        linear-gradient(135deg,
            rgba(255, 255, 255, 0.78) 0%,
            rgba(248, 244, 251, 0.72) 45%,
            rgba(232, 223, 240, 0.68) 100%),
        url('../images/flower.jpg') center/cover no-repeat,
        linear-gradient(165deg, #F8F4FB 0%, #F0E6F5 55%, #E8DFF0 100%);
    color: #3B1053;
    overflow: hidden;
    isolation: isolate;
    filter: brightness(1.03) saturate(1.06);
}
.sf-hero::before {
    content: '';
    position: absolute;
    top: 10%; right: -8%;
    width: 540px; height: 540px;
    background: radial-gradient(circle, rgba(248, 220, 74, 0.28), transparent 65%);
    filter: blur(60px);
    pointer-events: none;
    z-index: 0;
}
.sf-hero::after {
    content: '';
    position: absolute;
    bottom: -25%; left: -12%;
    width: 460px; height: 460px;
    background: radial-gradient(circle, rgba(107, 31, 83, 0.14), transparent 60%);
    filter: blur(65px);
    pointer-events: none;
    z-index: 0;
}
.sf-hero__inner {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.sf-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 20px;
    border: 1px solid rgba(107,31,83,0.35);
    border-radius: 999px;
    background: rgba(255,255,255,0.55);
    color: #3B1053;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    margin-bottom: 26px;
    backdrop-filter: blur(8px);
    position: relative;
    overflow: hidden;
}
.sf-hero__eyebrow::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #F8DC4A;
    box-shadow: 0 0 0 3px rgba(248,220,74,0.4);
    animation: tbPulse 2.4s ease-in-out infinite;
}
/* Mixed typography title — serif italic em + sans bold span */
.sf-hero__title {
    font-size: clamp(36px, 5.4vw, 64px);
    line-height: 1.08em;
    letter-spacing: -0.02em;
    color: #3B1053;
    margin: 0 0 24px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.sf-hero__title em {
    font-family: 'Lora', serif;
    font-style: italic;
    font-weight: 400;
    color: #3B1053;
}
.sf-hero__title span {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -0.03em;
    font-size: 1.08em;
    background: linear-gradient(100deg, #2A0A3E 0%, #4A2366 35%, #6B1F53 60%, #9E2A6D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-shadow: 0 1px 0 rgba(107,31,83,0.06);
    display: inline-block;
}
.sf-hero__sub {
    max-width: 620px;
    margin: 0 auto 36px;
    font-size: 16px;
    line-height: 1.75em;
    color: #4a3a50;
}
.sf-hero__ctas {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 44px;
}
.sf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 30px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    border-radius: 999px;
    transition: all 0.3s ease;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}
.sf-btn--primary {
    background: #F8DC4A;
    color: #3B1053;
    border: 1px solid #F8DC4A;
    box-shadow: 0 14px 32px -12px rgba(248,220,74,0.6);
}
.sf-btn--primary:hover {
    background: #FFE88A;
    transform: translateY(-2px);
    box-shadow: 0 20px 44px -14px rgba(248,220,74,0.8);
}
.sf-btn--ghost {
    background: rgba(255,255,255,0.5);
    color: #3B1053;
    border: 1px solid rgba(107,31,83,0.3);
    backdrop-filter: blur(6px);
}
.sf-btn--ghost:hover {
    border-color: #6B1F53;
    background: rgba(255,255,255,0.75);
    color: #3B1053;
}
.sf-hero__trust {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8px 16px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(43, 10, 62, 0.82);
    font-weight: 700;
    padding-top: 24px;
    border-top: 1px solid rgba(107,31,83,0.15);
    max-width: 820px;
    margin: 0 auto;
    white-space: nowrap;
}
@media (max-width: 820px) {
    .sf-hero__trust {
        flex-wrap: wrap;
        white-space: normal;
        max-width: 100%;
        padding: 24px 16px 0;
    }
}
.sf-hero__trust .dot {
    width: 3px; height: 3px;
    background: #F8DC4A;
    border-radius: 50%;
    align-self: center;
}
@media (max-width: 768px) {
    .sf-hero { padding: calc(var(--ticker-h) + 100px) 0 44px !important; min-height: auto !important; display: block !important; }
    .sf-hero__inner { padding: 0 20px !important; min-height: auto; }
    .sf-hero__eyebrow {
        padding: 5px 12px !important;
        font-size: 10px !important;
        letter-spacing: 0.16em !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }
    .sf-hero__eyebrow::before { width: 5px !important; height: 5px !important; }
    .sf-hero__title { font-size: clamp(26px, 7vw, 34px) !important; line-height: 1.12em !important; margin-bottom: 16px !important; }
    .sf-hero__sub { font-size: 14px !important; line-height: 1.65em !important; margin-bottom: 24px !important; }
    .sf-hero__ctas { gap: 10px !important; flex-direction: column; margin-bottom: 28px !important; }
    .sf-btn { min-height: 46px !important; padding: 0 22px !important; font-size: 11.5px !important; letter-spacing: 0.06em !important; flex: none !important; min-width: 0 !important; width: 100%; }
    .sf-hero__trust { gap: 6px 10px !important; font-size: 9.5px !important; letter-spacing: 0.16em !important; padding-top: 18px !important; }
    .sf-sec-title h2 { font-size: clamp(22px, 5.4vw, 30px) !important; }
    .sf-sec-title p { font-size: 14px !important; }
}
@media (max-width: 600px) {
    .sf-shop__grid { grid-template-columns: 1fr !important; }
    .sf-shop__combo-col { flex-direction: column !important; }
}

/* Shared section title for Safease */
.sf-sec-title {
    text-align: center;
    margin-bottom: 48px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 24px;
}
.sf-sec-title .eyebrow {
    display: inline-block;
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #6B1F53;
    margin: 0 0 14px;
    padding-left: 18px;
    position: relative;
}
.sf-sec-title .eyebrow::before {
    content: '';
    position: absolute;
    top: 50%; left: 0;
    width: 8px; height: 8px;
    background: #F8DC4A;
    border-radius: 50%;
    transform: translateY(-50%);
}
.sf-sec-title h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: clamp(28px, 4.2vw, 44px);
    line-height: 1.12em;
    color: #3B1053;
    letter-spacing: -0.02em;
    margin: 0 0 16px;
}
.sf-sec-title h2 span {
    font-family: 'Lora', serif;
    font-style: italic;
    font-weight: 400;
    color: #6B1F53;
}
.sf-sec-title p {
    font-size: 15px;
    line-height: 1.7em;
    color: #5a3a6b;
    margin: 0;
}

/* Unified Shop — 3-col (2 pads + combo stack), richer gradient bg */
.sf-shop {
    padding: clamp(60px, 7vw, 100px) 0 clamp(50px, 6vw, 80px);
    background:
        radial-gradient(ellipse 70% 60% at 15% 0%, rgba(248,220,74,0.14) 0%, transparent 55%),
        radial-gradient(ellipse 70% 60% at 85% 100%, rgba(74,35,102,0.12) 0%, transparent 55%),
        linear-gradient(165deg, #FBF6EC 0%, #F5EEE4 40%, #F0E6F5 100%);
    position: relative;
    overflow: hidden;
}
.sf-shop::before {
    content: '';
    position: absolute;
    top: -10%; right: -8%;
    width: 480px; height: 480px;
    background: radial-gradient(circle, rgba(248,220,74,0.12), transparent 65%);
    filter: blur(50px);
    pointer-events: none;
    z-index: 0;
}
.sf-shop__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}
.sf-shop__combo-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 1023px) {
    .sf-shop__grid { grid-template-columns: 1fr 1fr; }
    .sf-shop__combo-col { grid-column: 1 / -1; flex-direction: row; }
    .sf-shop__combo-col > * { flex: 1; }
}
@media (max-width: 700px) {
    .sf-shop__grid { grid-template-columns: 1fr; }
    .sf-shop__combo-col { flex-direction: column; }
}
.sf-product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Compact combo mini-card — fits side-column */
.sf-combo-mini {
    position: relative;
    background: #fff;
    border: 1px solid rgba(74,35,102,0.15);
    border-radius: 8px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    overflow: hidden;
    flex: 1;
}
.sf-combo-mini:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 48px -22px rgba(74,35,102,0.25);
    border-color: #F8DC4A;
}
.sf-combo-mini--pcod { background: linear-gradient(170deg, #FBF2F0 0%, #FFFFFF 100%); }
.sf-combo-mini--preg { background: linear-gradient(170deg, #F5EBF8 0%, #FFFFFF 100%); }
.sf-combo-mini .mini-head {
    display: flex;
    gap: 14px;
    align-items: center;
}
.sf-combo-mini .mini-img {
    width: 84px; height: 84px;
    background: rgba(248,220,74,0.08);
    border-radius: 6px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.sf-combo-mini .mini-img img {
    max-width: 75%;
    max-height: 74px;
    object-fit: contain;
}
.sf-combo-mini .mini-info {
    flex: 1;
    min-width: 0;
}
.sf-combo-mini .mini-badge {
    display: inline-block;
    background: #3B1053;
    color: #F8DC4A;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 9.5px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 3px;
    margin-bottom: 6px;
}
.sf-combo-mini .mini-pill {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 12px;
    color: #6B1F53;
    font-weight: 500;
    display: block;
    margin-bottom: 2px;
}
.sf-combo-mini h3 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.2em !important;
    letter-spacing: -0.015em;
    color: #3B1053 !important;
    margin: 0 !important;
}
.sf-combo-mini .mini-desc {
    font-size: 12.5px !important;
    line-height: 1.55em !important;
    color: #4a3a50 !important;
    margin: 0 !important;
}
.sf-combo-mini .mini-components {
    list-style: none !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    background: rgba(74,35,102,0.05);
    border-left: 2px solid #F8DC4A;
    border-radius: 0 4px 4px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.sf-combo-mini .mini-components li {
    font-size: 11.5px !important;
    line-height: 1.45em !important;
    color: #3a2a40 !important;
    margin: 0 !important;
    padding-left: 12px !important;
    position: relative;
}
.sf-combo-mini .mini-components li::before {
    content: '';
    position: absolute;
    left: 0; top: 0.55em;
    width: 6px; height: 1.5px;
    background: #F8DC4A;
}
.sf-combo-mini .mini-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    margin-top: auto;
    border-top: 1px solid rgba(74,35,102,0.1);
    gap: 10px;
}
.sf-combo-mini .mini-price {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}
.sf-combo-mini .mini-price .mrp {
    font-size: 10.5px;
    color: #9a7ea8;
    text-decoration: line-through;
    line-height: 1.2;
}
.sf-combo-mini .mini-price strong {
    font-family: 'Lora', serif;
    font-weight: 600;
    font-size: 20px;
    color: #3B1053;
    line-height: 1;
    letter-spacing: -0.01em;
}
.sf-combo-mini .mini-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    background: #3B1053;
    color: #F8DC4A !important;
    border-radius: 999px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s ease;
    flex-shrink: 0;
}
.sf-combo-mini .mini-cta:hover {
    background: #F8DC4A;
    color: #3B1053 !important;
    transform: translateY(-1px);
}
.sf-product-card {
    background: #fff;
    border: 1px solid rgba(74,35,102,0.1);
    border-radius: 8px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
    text-decoration: none;
    color: inherit;
}
.sf-product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 32px 64px -22px rgba(74,35,102,0.25);
    border-color: #F8DC4A;
}
.sf-product-card--regular {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(111, 179, 217, 0.22) 0%, transparent 60%),
        linear-gradient(170deg, #F1F8FC 0%, #FFFFFF 55%, #F4FAFD 100%);
    border-top: 3px solid #6FB3D9;
}
.sf-product-card--large {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(184, 201, 71, 0.22) 0%, transparent 60%),
        linear-gradient(170deg, #F6F9E3 0%, #FFFFFF 55%, #FAFBEA 100%);
    border-top: 3px solid #B8C947;
}
.sf-product-card .sf-prod-badge {
    position: absolute;
    top: 20px; right: 20px;
    background: #3B1053;
    color: #F8DC4A;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 10.5px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 3px;
    z-index: 3;
}
.sf-product-card .sf-prod-img {
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    overflow: visible;
    margin-bottom: 2px;
    position: relative;
}
.sf-product-card .sf-prod-img::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 62%;
    height: 16px;
    background: radial-gradient(ellipse at center, rgba(30,15,40,0.22) 0%, rgba(30,15,40,0.1) 40%, transparent 75%);
    filter: blur(4px);
    pointer-events: none;
    z-index: 0;
}
.sf-product-card .sf-prod-img img { position: relative; z-index: 1; }
.sf-product-card .sf-prod-img img {
    max-height: 155px;
    max-width: 80%;
    object-fit: contain;
}
.sf-product-card .sf-prod-pill {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #6B1F53;
    font-weight: 500;
}
.sf-product-card h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: -0.018em;
    color: #3B1053;
    margin: 0;
}
.sf-product-card > p {
    font-size: 13.5px;
    line-height: 1.6em;
    color: #4a3a50;
    margin: 0;
}
.sf-prod-specs {
    list-style: none !important;
    padding: 14px 16px !important;
    margin: 4px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: rgba(74,35,102,0.06);
    border-left: 2px solid #F8DC4A;
    border-radius: 0 4px 4px 0;
}
.sf-prod-specs li {
    font-size: 13.5px !important;
    line-height: 1.5em !important;
    color: #2a2a2a !important;
    position: relative;
    padding-left: 18px !important;
    margin: 0 !important;
}
.sf-prod-specs li::before {
    content: '';
    position: absolute;
    left: 0; top: 0.58em;
    width: 10px; height: 2px;
    background: #F8DC4A;
}
.sf-prod-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid rgba(74,35,102,0.1);
}
.sf-prod-price {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sf-prod-price .label {
    font-size: 10.5px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(74,35,102,0.55);
    font-weight: 600;
}
.sf-prod-price strong {
    font-family: 'Lora', serif;
    font-weight: 600;
    font-size: 24px;
    color: #3B1053;
    letter-spacing: -0.01em;
    line-height: 1;
    /* Phase 8 — tighten dash separator in price ranges (e.g. "₹170 – ₹190"). */
    word-spacing: -7px;
    display: inline-flex;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 2px;
    white-space: nowrap;
}
.sf-prod-price strong .woocommerce-Price-amount,
.sf-prod-price strong .woocommerce-Price-amount.amount {
    /* Reset word-spacing inside number itself so digits stay normal. */
    word-spacing: 0;
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
    font-size: 24px !important;
}
.sf-prod-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    background: #3B1053;
    color: #F8DC4A !important;
    border-radius: 999px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
}
.sf-prod-cta:hover {
    background: #F8DC4A;
    color: #3B1053 !important;
    transform: translateY(-2px);
}
@media (max-width: 900px) {
    .sf-product-grid { grid-template-columns: 1fr; }
    .sf-product-card { padding: 24px; }
}

/* Combos — same structure as Limark, purple-yellow palette */
.sf-combos {
    padding: clamp(60px, 8vw, 100px) 0;
    background: #FAF6EE;
}
.sf-combo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
}
.sf-combo-card {
    position: relative;
    background: #fff;
    border: 1px solid rgba(74,35,102,0.18);
    border-radius: 8px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
    overflow: hidden;
}
.sf-combo-card::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.sf-combo-card > * { position: relative; z-index: 1; }
.sf-combo-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 32px 64px -22px rgba(74,35,102,0.25);
    border-color: #F8DC4A;
}
.sf-combo-card--pcod::before { background: linear-gradient(175deg, rgba(158,42,109,0.07) 0%, rgba(248,220,74,0.04) 60%, transparent 100%); }
.sf-combo-card--preg::before { background: linear-gradient(175deg, rgba(74,35,102,0.08) 0%, rgba(248,220,74,0.04) 60%, transparent 100%); }

.sf-combo-badge {
    position: absolute;
    top: 20px; right: 20px;
    background: #3B1053;
    color: #F8DC4A;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 10.5px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 3px;
    z-index: 3;
}
.sf-combo-img {
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248,220,74,0.06);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 2px;
}
.sf-combo-img img {
    max-height: 155px;
    max-width: 78%;
    object-fit: contain;
}
.sf-combo-pill {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #6B1F53;
    font-weight: 500;
}
.sf-combo-card h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: -0.018em;
    color: #3B1053;
    margin: 0;
}
.sf-combo-card > p {
    font-size: 13.5px;
    line-height: 1.6em;
    color: #4a3a50;
    margin: 0;
}
.sf-combo-components {
    list-style: none !important;
    padding: 16px 18px !important;
    margin: 4px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: rgba(74,35,102,0.06);
    border-left: 2px solid #F8DC4A;
    border-radius: 0 4px 4px 0;
}
.sf-combo-components li {
    font-size: 13.5px !important;
    line-height: 1.5em !important;
    color: #2a2a2a !important;
    position: relative;
    padding-left: 20px !important;
    margin: 0 !important;
}
.sf-combo-components li::before {
    content: '';
    position: absolute;
    left: 0; top: 0.55em;
    width: 10px; height: 2px;
    background: #F8DC4A;
}
.sf-combo-price-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid rgba(74,35,102,0.1);
}
.sf-combo-price-row .mrp-strike {
    font-size: 14px;
    color: #9a7ea8;
    text-decoration: line-through;
}
.sf-combo-price-row strong {
    font-family: 'Lora', serif;
    font-weight: 600;
    font-size: 26px;
    color: #3B1053;
    letter-spacing: -0.02em;
}
.sf-combo-price-row .save-tag {
    margin-left: auto;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #2D7D46;
    font-weight: 700;
}
.sf-combo-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    background: #3B1053;
    color: #F8DC4A !important;
    border-radius: 999px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 6px;
    transition: all 0.3s ease;
}
.sf-combo-cta:hover {
    background: #F8DC4A;
    color: #3B1053 !important;
    transform: translateY(-2px);
    box-shadow: 0 18px 40px -14px rgba(248,220,74,0.6);
}
.sf-combo-note {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(74,35,102,0.55);
    text-align: center;
    margin-top: -2px;
}
@media (max-width: 900px) {
    .sf-combo-grid { grid-template-columns: 1fr; }
    .sf-combo-card { padding: 24px; }
    .sf-combo-card h3 { font-size: 22px; }
    .sf-combo-price-row strong { font-size: 28px; }
}

/* Why Safease — 6-icon grid, dark purple section */
.sf-why {
    padding: clamp(60px, 7vw, 90px) 0;
    background: #3B1053;
    color: #F8F4FB;
    position: relative;
    overflow: hidden;
}
.sf-why::before {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 720px; height: 720px;
    background: radial-gradient(circle, rgba(248,220,74,0.08) 0%, transparent 60%);
    pointer-events: none;
}
.sf-why__head { text-align: center; margin-bottom: 48px; position: relative; z-index: 2; }
.sf-why__head .eyebrow {
    display: inline-block;
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #F8DC4A;
    margin: 0 0 12px;
}
.sf-why__head h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 600;
    color: #fff;
    margin: 0;
    letter-spacing: -0.02em;
}
.sf-why__head h2 span {
    font-family: 'Lora', serif;
    font-style: italic;
    color: #F8DC4A;
}
.sf-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
}
.sf-why-item {
    padding: 30px 26px 28px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(248,220,74,0.22);
    border-radius: 6px;
    position: relative;
    transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease;
}
.sf-why-item:hover {
    transform: translateY(-4px);
    background: rgba(255,255,255,0.08);
    border-color: #F8DC4A;
}
.sf-why-item .icon-wrap {
    width: 56px; height: 56px;
    border: 1px solid #F8DC4A;
    border-radius: 50%;
    display: inline-flex;
    align-items: center; justify-content: center;
    background: rgba(248,220,74,0.08);
    margin-bottom: 18px;
    transition: background 0.3s, transform 0.5s;
}
.sf-why-item:hover .icon-wrap {
    background: rgba(248,220,74,0.2);
    transform: rotate(-4deg) scale(1.05);
}
.sf-why-item .icon-wrap img {
    width: 28px; height: 28px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(85%) sepia(52%) saturate(638%) hue-rotate(357deg) brightness(103%) contrast(97%);
}
.sf-why-item h3 {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 10px;
    letter-spacing: -0.01em;
}
.sf-why-item p {
    font-size: 13.5px;
    line-height: 1.7em;
    color: rgba(248,244,251,0.72);
    margin: 0;
}
@media (max-width: 900px) {
    .sf-why-grid { grid-template-columns: 1fr; gap: 14px; }
}
@media (min-width: 901px) and (max-width: 1100px) {
    .sf-why-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Material story — compact horizontal 5-cell strip */
.sf-material {
    padding: clamp(50px, 6vw, 80px) 0;
    background: linear-gradient(180deg, #F8F4FB 0%, #F0E6F5 100%);
}
.sf-material__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.sf-material__head {
    text-align: center;
    margin-bottom: 36px;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}
.sf-material__head .eyebrow {
    display: inline-block;
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #6B1F53;
    margin: 0 0 10px;
}
.sf-material__head h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(24px, 3.4vw, 36px);
    font-weight: 600;
    color: #3B1053;
    letter-spacing: -0.02em;
    margin: 0 0 10px;
    line-height: 1.15em;
}
.sf-material__head h2 span {
    font-family: 'Lora', serif;
    font-style: italic;
    color: #6B1F53;
}
.sf-material__head p {
    font-size: 14px;
    line-height: 1.65em;
    color: #4a3a50;
    margin: 0;
}
.sf-layers {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
}
.sf-layers li {
    padding: 18px 16px !important;
    margin: 0 !important;
    background: #fff;
    border: 1px solid rgba(74,35,102,0.12);
    border-radius: 6px;
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
.sf-layers li:hover {
    transform: translateY(-3px);
    border-color: #F8DC4A;
    box-shadow: 0 16px 32px -18px rgba(74,35,102,0.2);
}
.sf-layers .layer-num {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 18px;
    color: #F8DC4A;
    background: #3B1053;
    width: 32px; height: 32px;
    display: inline-flex;
    align-items: center; justify-content: center;
    border-radius: 50%;
    font-weight: 500;
    margin-bottom: 12px;
}
.sf-layers .layer-text {
    display: block;
}
.sf-layers .layer-text strong {
    display: block;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    color: #3B1053;
    margin-bottom: 4px;
    letter-spacing: -0.005em;
    line-height: 1.3em;
}
.sf-layers .layer-text span {
    font-size: 12px;
    line-height: 1.55em;
    color: #5a3a6b;
}
@media (max-width: 900px) {
    .sf-layers {
        display: flex !important;
        grid-template-columns: none !important;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 12px;
        max-width: 100%;
        margin: 0 -16px !important;
        padding: 4px 16px 16px !important;
        scrollbar-width: none;
    }
    .sf-layers::-webkit-scrollbar { display: none; }
    .sf-layers li {
        flex: 0 0 78%;
        min-width: 250px;
        max-width: 300px;
        scroll-snap-align: start;
        padding: 16px !important;
        display: grid !important;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        column-gap: 12px;
        row-gap: 6px;
        align-items: center;
    }
    .sf-layers .layer-num {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
        margin-bottom: 0 !important;
        width: 30px !important;
        height: 30px !important;
        font-size: 16px !important;
    }
    .sf-layers .layer-text {
        display: contents;
    }
    .sf-layers .layer-text strong {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        align-self: center;
        margin-bottom: 0 !important;
        font-size: 14px !important;
    }
    .sf-layers .layer-text span {
        grid-row: 2 / 3;
        grid-column: 1 / 3;
        font-size: 12.5px !important;
        line-height: 1.55em !important;
    }
}

/* Cross-sell to Limark */
.sf-crosssell {
    padding: clamp(40px, 5vw, 56px) 0;
    background:
        radial-gradient(ellipse at top right, rgba(212,168,75,0.14), transparent 60%),
        linear-gradient(135deg, #1B2A5B 0%, #14204A 100%);
    color: #F5EEE4;
}
.sf-crosssell__inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.sf-crosssell__text .eyebrow {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #D4A84B;
    margin: 0 0 10px;
    display: block;
}
.sf-crosssell__text h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.02em;
    margin: 0 0 10px;
    line-height: 1.2em;
}
.sf-crosssell__text p {
    font-size: 14.5px;
    line-height: 1.65em;
    color: rgba(245,238,228,0.78);
    margin: 0;
    max-width: 520px;
}
.sf-crosssell__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 28px;
    background: #D4A84B;
    color: #14204A !important;
    border-radius: 999px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
    flex-shrink: 0;
}
.sf-crosssell__cta:hover {
    background: #E8C872;
    transform: translateY(-2px);
    box-shadow: 0 18px 40px -14px rgba(212,168,75,0.55);
}
@media (max-width: 800px) {
    .sf-crosssell__inner { flex-direction: column; text-align: center; gap: 20px; }
}

/* Compact Safease FAQ */
.sf-faqs {
    padding: clamp(50px, 6vw, 80px) 0;
    background: #fff;
}
.sf-faqs__inner {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 24px;
}
.sf-faqs__head { text-align: center; margin-bottom: 32px; }
.sf-faqs__head .eyebrow {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #6B1F53;
    margin: 0 0 10px;
    display: block;
}
.sf-faqs__head h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(26px, 3.6vw, 36px);
    font-weight: 600;
    color: #3B1053;
    margin: 0;
    letter-spacing: -0.02em;
}
.sf-faq {
    border: 1px solid rgba(74,35,102,0.12);
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
    transition: border-color 0.3s;
}
.sf-faq:hover { border-color: #F8DC4A; }
.sf-faq summary {
    list-style: none;
    padding: 18px 22px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15.5px;
    font-weight: 600;
    color: #3B1053;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
}
.sf-faq summary::-webkit-details-marker { display: none; }
.sf-faq summary::after {
    content: '+';
    font-family: 'Lora', serif;
    font-size: 22px;
    font-weight: 400;
    color: #6B1F53;
    transition: transform 0.3s;
    line-height: 1;
}
.sf-faq[open] summary { background: #3B1053; color: #fff; }
.sf-faq[open] summary::after { content: '−'; color: #F8DC4A; }
.sf-faq .faq-body {
    padding: 18px 22px;
    background: #FAF6EE;
    font-size: 14.5px;
    line-height: 1.7em;
    color: #2a2a2a;
    border-top: 1px solid rgba(248,220,74,0.25);
}

/* ===== Prices sans + ₹ spacing on brand pages (override Lora inline rules) ===== */
.sf-prod-price strong,
.sf-combo-mini .mini-price strong,
.sf-combo-price-row strong,
.sf-combo-price-row .mrp-strike,
.sf-combo-mini .mini-price .mrp,
.sf-prod-price .label,
.lk-prod-card .prod-price,
.lk-prod-card .prod-price strong,
.lk-combo-card .combo-price-row strong,
.lk-combo-card .mrp-strike,
.lk-combo-card .save-tag {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    font-style: normal !important;
}
.sf-combo-mini .mini-price .mrp,
.lk-combo-card .mrp-strike,
.sf-prod-price .label {
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
}

/* Thin space between ₹ and amount in static prices via letter-spacing trick */
.sf-prod-price strong,
.sf-combo-mini .mini-price strong,
.sf-combo-price-row strong,
.lk-prod-card .prod-price strong {
    font-variant-numeric: tabular-nums;
}

/* ============================================================
 * Whole-card click affordance (brand-card-click.js attaches a
 * delegated click handler reading the inner CTA href).
 * ============================================================ */
.lm-card-clickable {
    cursor: pointer;
}
.lm-card-clickable:focus-visible {
    outline: 2px solid var(--cta-primary, #1B2A5B);
    outline-offset: 4px;
}
.lm-card-clickable:hover .combo-cta,
.lm-card-clickable:hover .mini-cta,
.lm-card-clickable:hover .sf-prod-cta,
.lm-card-clickable:hover .sf-combo-cta {
    text-decoration: underline;
    text-underline-offset: 4px;
}