:root{
    --navy:#0d2f78;
    --navy-deep:#082255;
    --sky:#5db8ff;
    --sky-soft:#eaf5ff;
    --black:#0f1116;
    --white:#ffffff;
    --text:#111827;
    --muted:#64748b;
    --line:rgba(13,47,120,.12);
    --line-strong:rgba(13,47,120,.22);
    --bg:#f6f9ff;
    --bg-alt:#eef5ff;
    --shadow:0 20px 60px rgba(8,34,85,.10);
    --shadow-strong:0 30px 80px rgba(8,34,85,.18);
    --radius:26px;
    --transition:all .3s ease;
    --success:#0c7f4c;
    --danger:#bf2f2f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at top right, rgba(93,184,255,.18), transparent 28%),
        radial-gradient(circle at left top, rgba(13,47,120,.08), transparent 30%),
        linear-gradient(180deg,#fbfdff 0%,#f3f8ff 100%);
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1240px,calc(100% - 32px));margin:0 auto}
.page-shell{padding:0 0 48px}
.content-stack{display:flex;flex-direction:column;gap:28px}

.announcement-bar{
    background:linear-gradient(90deg,var(--navy-deep),var(--navy),#0b3f9b);
    color:#fff;
    position:sticky;
    top:0;
    z-index:70;
    box-shadow:0 8px 24px rgba(8,34,85,.15);
}
.announcement-row{display:flex;gap:14px;align-items:center;justify-content:center;padding:12px 0;font-size:13px;font-weight:600;flex-wrap:wrap}
.announcement-dot{opacity:.55}

.site-header{padding:16px 0 0;position:relative;z-index:20}
.top-header-row{
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(18px);
    border:1px solid rgba(13,47,120,.08);
    box-shadow:var(--shadow);
    border-radius:26px;
    padding:16px 18px;
}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:14px}
.brand-logo-lockup img{width:108px;height:auto;object-fit:contain}
.brand-text-wrap{display:flex;flex-direction:column;gap:4px}
.brand-text{font-weight:800;font-size:22px;letter-spacing:-.04em;color:var(--navy)}
.brand-sub{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}

.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav a{
    padding:12px 16px;
    border-radius:999px;
    color:#24364f;
    font-weight:700;
    transition:var(--transition);
}
.nav a:hover,.nav a.active{background:rgba(13,47,120,.08);color:var(--navy)}
.nav-capsules-row{display:flex;gap:12px;flex-wrap:wrap;padding:14px 8px 0}
.nav-capsule{
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(13,47,120,.08);
    box-shadow:0 10px 25px rgba(8,34,85,.05);
    color:var(--navy);
    font-weight:700;
    font-size:13px;
}
.nav-capsule:hover{transform:translateY(-2px);box-shadow:0 18px 30px rgba(8,34,85,.1)}

.swadex-marquee{
    margin-top:20px;
    border-radius:999px;
    overflow:hidden;
    border:1px solid rgba(13,47,120,.10);
    background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(234,245,255,.9));
    box-shadow:var(--shadow);
}
.marquee-track{
    display:flex;
    gap:42px;
    padding:16px 20px;
    min-width:max-content;
    align-items:center;
    animation:marqueeMove 22s linear infinite;
    color:var(--navy);
    font-size:13px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}
@keyframes marqueeMove{0%{transform:translateX(0)}100%{transform:translateX(-45%)}}

.hero-section{padding-top:12px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}
.hero-copy{
    border-radius:34px;
    padding:42px;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.82));
    border:1px solid rgba(13,47,120,.10);
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden;
}
.hero-copy::before{
    content:'';
    position:absolute;
    top:-80px;right:-80px;
    width:220px;height:220px;border-radius:50%;
    background:radial-gradient(circle, rgba(93,184,255,.28), transparent 66%);
}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);margin-bottom:16px}
.eyebrow.light{color:#eef7ff}
.hero-copy h1{margin:0 0 18px;font-size:clamp(42px,5vw,66px);line-height:.96;letter-spacing:-.06em;max-width:740px}
.hero-copy p,.page-hero-copy-text,.section-copy,.editorial-card p,.story-paragraph-card p,.faq-card-pro p,.trust-page-card p,.experience-card p,.contact-card-pro span,.info-box span,.muted{color:var(--muted)}
.hero-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap}
.hero-actions{margin-top:28px}
.btn-primary,.btn-secondary,.btn-ghost,button[type="submit"],button{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-height:50px;padding:0 22px;border-radius:16px;border:none;
    font-weight:800;letter-spacing:-.01em;transition:var(--transition)
}
.btn-primary,button[type="submit"],button{
    background:linear-gradient(135deg,var(--navy) 0%,#1546aa 100%);
    color:#fff;box-shadow:0 16px 30px rgba(13,47,120,.22)
}
.btn-primary:hover,button[type="submit"]:hover,button:hover{transform:translateY(-2px);box-shadow:0 20px 34px rgba(13,47,120,.28)}
.btn-secondary{background:#fff;border:1px solid rgba(13,47,120,.14);color:var(--navy)}
.btn-secondary:hover{transform:translateY(-2px);background:var(--sky-soft)}
.btn-ghost{background:rgba(13,47,120,.06);border:1px solid rgba(13,47,120,.10);color:var(--navy)}
.btn-ghost:hover{background:rgba(13,47,120,.09);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--navy)}
.btn-ghost-light{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.18)}
.btn-ghost-light:hover{background:rgba(255,255,255,.16)}
.inline-btn,.slim-btn{min-height:44px;padding:0 18px}
.glow-btn{position:relative;overflow:hidden}
.glow-btn::after{content:'';position:absolute;inset:-100% auto auto -40%;width:50%;height:300%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(18deg);animation:shine 3.8s linear infinite}
@keyframes shine{0%{left:-60%}100%{left:130%}}

.animated-gradient-text{
    background:linear-gradient(120deg,var(--navy),var(--sky),var(--navy));
    background-size:200% auto;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:textSweep 4s linear infinite;
}
.animated-gradient-text.alt{animation-delay:.6s}
@keyframes textSweep{0%{background-position:0% center}100%{background-position:200% center}}

.hero-metrics,.page-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.metric-card,.mini-stat-card{
    padding:18px;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f4f9ff);
    border:1px solid rgba(13,47,120,.10);box-shadow:0 14px 26px rgba(8,34,85,.06)
}
.metric-card strong,.mini-stat-card strong{display:block;font-size:18px;color:var(--navy);margin-bottom:8px}
.metric-card span,.mini-stat-card span{font-size:14px;color:var(--muted)}

.hero-visual{position:relative;min-height:640px}
.hero-visual-rich{border-radius:34px;padding:18px;background:linear-gradient(180deg,rgba(13,47,120,.94),rgba(7,29,72,.96));overflow:hidden;box-shadow:var(--shadow-strong)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(30px);opacity:.65}
.hero-glow-one{width:200px;height:200px;background:rgba(93,184,255,.34);top:8%;left:8%}
.hero-glow-two{width:220px;height:220px;background:rgba(255,255,255,.14);right:8%;bottom:10%}
.hero-card{position:absolute;overflow:hidden;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.22)}
.hero-card img{width:100%;height:100%;object-fit:cover}
.hero-card-main{left:4%;top:4%;width:70%;height:78%;background:#dceeff}
.hero-card-float{right:4%;bottom:6%;width:40%;height:40%;background:#eff7ff}
.hero-card-content,.hero-mini-copy{
    position:absolute;left:16px;right:16px;bottom:16px;padding:16px 18px;border-radius:20px;
    background:rgba(255,255,255,.92);backdrop-filter:blur(14px)
}
.hero-card-content strong,.hero-mini-copy strong{display:block;font-size:22px;line-height:1.05;margin:8px 0 6px;color:var(--navy)}
.hero-card-content span:last-child,.hero-mini-copy span:last-child{font-size:13px;color:var(--muted)}
.glass-card{background:rgba(255,255,255,.90)}
.pill,.badge-soft,.badge-sale{
    display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em
}
.pill{background:rgba(13,47,120,.08);color:var(--navy)}
.pill-dark{background:var(--black);color:#fff}
.badge-soft{background:#fff;color:var(--navy);box-shadow:0 10px 25px rgba(8,34,85,.08)}
.badge-soft.dark{background:rgba(13,47,120,.90);color:#fff}
.badge-sale{background:#fff4e5;color:#985d00}

.floating-note{position:absolute;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}
.floating-note-top{right:6%;top:7%}
.floating-note-bottom{left:7%;bottom:10%}

.benefit-strip,.contact-blocks,.faq-grid,.experience-grid,.story-copy-grid,.highlights-grid,.trust-page-grid,.info-grid,.two-col,.stats-grid,.products-grid{display:grid;gap:18px}
.benefit-strip{grid-template-columns:repeat(3,1fr)}
.benefit-item,.contact-card-pro,.faq-card-pro,.highlight-chip-card,.trust-page-card,.info-box,.story-paragraph-card,.stat,.summary-box,.callout,.address-box,.card,.card-soft,.product-card-pro,.auth-card,.fashion-buy-card,.page-hero-frame,.section-panel,.experience-card{
    background:rgba(255,255,255,.84);
    border:1px solid rgba(13,47,120,.08);
    box-shadow:var(--shadow);
    border-radius:var(--radius)
}
.benefit-item{padding:22px}
.benefit-item strong{display:block;color:var(--navy);font-size:19px;margin-bottom:8px}
.benefit-item span{font-size:14px;color:var(--muted)}

.section-panel{padding:28px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}
.compact-heading{margin-bottom:22px}
.section-heading h2,.editorial-card h2,.faq-card-pro h3,.trust-page-card strong,.experience-card h3{margin:0;letter-spacing:-.04em}
.section-heading h2{font-size:clamp(28px,3vw,42px)}

.experience-grid{grid-template-columns:repeat(3,1fr)}
.experience-card{padding:18px;display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center}
.experience-card img{width:100%;height:160px;object-fit:cover;border-radius:22px}
.soft-blue-card{background:linear-gradient(180deg,#ffffff,#eef7ff)}
.dark-card{background:linear-gradient(180deg,#0e285d,#143d95);color:#fff}
.dark-card p,.dark-card h3{color:#fff}
.white-card{background:linear-gradient(180deg,#ffffff,#f9fcff)}

.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.editorial-card{position:relative;padding:28px;overflow:hidden;min-height:280px;border-radius:30px;box-shadow:var(--shadow)}
.editorial-card h2{font-size:clamp(24px,3vw,36px);line-height:1.04;margin-bottom:12px;max-width:520px}
.editorial-card p{max-width:560px;margin:0 0 18px}
.editorial-dark{background:linear-gradient(140deg,#09265f,#0f49aa);color:#fff}
.editorial-dark p{color:rgba(255,255,255,.78)}
.editorial-light{background:linear-gradient(180deg,#ffffff,#eef7ff)}
.editorial-accent{background:linear-gradient(140deg,#1c1e28,#10172f 60%,#183f87);color:#fff}
.editorial-accent p{color:rgba(255,255,255,.76)}
.editorial-card::before{content:'';position:absolute;inset:auto -42px -42px auto;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.12)}
.text-link{font-weight:800;color:var(--navy)}
.light-link{color:#fff}

.split-showcase{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:center}
.split-showcase-copy,.product-info-pro{display:flex;flex-direction:column;gap:18px}
.split-showcase-visual{position:relative;min-height:460px}
.split-card{position:absolute;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-strong);background:#fff}
.split-card img{width:100%;height:100%;object-fit:cover}
.split-card-large{left:0;top:0;width:68%;height:84%}
.split-card-small{right:0;bottom:0;width:44%;height:42%}
.clean-list li{color:var(--muted)}
.clean-list li+li{margin-top:10px}

.products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.product-card-pro{padding:14px;display:flex;flex-direction:column;gap:14px;overflow:hidden;transition:var(--transition)}
.product-card-pro:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong)}
.product-media-wrap{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#eef7ff,#dfeeff)}
.product-media-wrap img{width:100%;height:370px;object-fit:cover;transition:transform .6s ease}
.product-card-pro:hover .product-media-wrap img{transform:scale(1.05)}
.product-badges{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;gap:8px}
.product-overlay{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:18px;background:rgba(13,17,22,.72);color:#fff;font-weight:800;text-align:center;backdrop-filter:blur(8px);opacity:0;transform:translateY(12px);transition:var(--transition)}
.product-card-pro:hover .product-overlay{opacity:1;transform:translateY(0)}
.product-card-body{display:flex;flex-direction:column;gap:10px;padding:4px 6px 10px}
.product-card-body h3{margin:0;font-size:21px;line-height:1.1}
.small{font-size:13px}
.price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.price-row strong{font-size:23px;letter-spacing:-.03em}
.price-row.big strong{font-size:38px;color:var(--navy)}
.strike{text-decoration:line-through;color:#7a8ba3}
.product-card-actions{display:flex;gap:10px;flex-wrap:wrap}

.page-hero,.product-shell{padding-top:8px}
.page-hero-grid,.product-page-pro{display:grid;grid-template-columns:1fr .94fr;gap:24px;align-items:stretch}
.page-hero-copy{
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.82));
    border-radius:32px;padding:36px;border:1px solid rgba(13,47,120,.10);box-shadow:var(--shadow)
}
.page-hero-copy h1{margin:0 0 14px;font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.05em}
.page-hero-frame{padding:18px;min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0e2d6d,#133b90)}
.page-hero-frame img{width:100%;height:100%;max-height:520px;object-fit:cover;border-radius:24px}
.story-copy-grid{grid-template-columns:repeat(3,1fr)}
.story-paragraph-card{padding:24px}
.story-paragraph-card p{margin:0;line-height:1.7}
.contact-blocks{grid-template-columns:repeat(3,1fr)}
.contact-card-pro{padding:24px}
.contact-card-pro strong{display:block;font-size:20px;color:var(--navy);margin-top:8px;line-height:1.35}
.faq-grid{grid-template-columns:repeat(2,1fr)}
.faq-card-pro{padding:24px}
.faq-card-pro h3{font-size:24px;margin-bottom:10px;color:var(--navy)}
.highlight-panel{padding:28px;border-radius:30px;background:linear-gradient(180deg,#ffffff,#eef6ff);border:1px solid rgba(13,47,120,.08);box-shadow:var(--shadow)}
.highlights-grid{grid-template-columns:repeat(4,1fr)}
.highlight-chip-card{padding:20px;font-weight:700;color:var(--navy);text-align:center}
.cta-wide-banner,.promo-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 32px;border-radius:30px;overflow:hidden;position:relative;box-shadow:var(--shadow-strong)}
.cta-wide-banner{background:linear-gradient(135deg,#0a275f,#14419c,#1f61ca);color:#fff}
.cta-wide-banner p,.promo-banner p{color:rgba(255,255,255,.78)}
.cta-wide-banner h2,.promo-banner h2{margin:0 0 10px;font-size:clamp(24px,3vw,38px);line-height:1.06;max-width:760px}
.cta-wide-banner::after,.promo-banner::after{content:'';position:absolute;right:-50px;top:-42px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.10)}
.cta-wide-actions{display:flex;gap:12px;flex-wrap:wrap}
.promo-banner{background:linear-gradient(135deg,#121722,#0b2a68,#0f4aac);color:#fff}

.product-page-pro{align-items:start}
.product-gallery{position:sticky;top:104px;padding:18px;overflow:hidden}
.gallery-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.product-gallery>img{width:100%;height:700px;object-fit:cover;border-radius:24px;background:linear-gradient(180deg,#eef7ff,#d9ebff)}
.thumb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.thumb{padding:0;border:none;background:transparent;border-radius:18px;overflow:hidden}
.thumb img{width:100%;height:120px;object-fit:cover;border-radius:18px;border:2px solid transparent;transition:var(--transition)}
.thumb.active img,.thumb:hover img{border-color:var(--navy);transform:translateY(-2px)}
.product-info-pro h1{margin:0;font-size:clamp(34px,4vw,54px);line-height:.98;letter-spacing:-.05em}
.product-intro{margin:0;max-width:640px;line-height:1.7}
.rating-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted);font-weight:700}
.stars{letter-spacing:.18em;color:#e3a72e;font-size:14px}
.price-block{display:flex;flex-direction:column;gap:12px}
.price-meta{display:flex;gap:10px;flex-wrap:wrap}
.fashion-buy-card{padding:24px;background:linear-gradient(180deg,#ffffff,#f2f8ff)}
.field-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.field-note{font-size:13px;color:var(--muted)}
.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.variant-chip{width:100%;padding:16px 14px;border-radius:20px;border:1px solid var(--line-strong);background:#fff;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:var(--transition)}
.variant-chip span{font-weight:800;color:var(--navy)}
.variant-chip small{color:var(--muted)}
.variant-chip.active,.variant-chip:hover{background:linear-gradient(135deg,var(--navy),#1d57c3);border-color:transparent;transform:translateY(-2px)}
.variant-chip.active span,.variant-chip:hover span,.variant-chip.active small,.variant-chip:hover small{color:#fff}
.qty-row{display:grid;grid-template-columns:.82fr 1.18fr;gap:14px;align-items:end}
.selected-style-card{padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#eef6ff,#ddecff);border:1px solid rgba(13,47,120,.12)}
.selected-style-card span{display:block;font-size:12px;color:var(--navy);text-transform:uppercase;letter-spacing:.16em;margin-bottom:4px;font-weight:800}
.selected-style-card strong{display:block;font-size:18px;line-height:1.2;color:var(--navy)}
.micro-benefits{display:flex;gap:10px;flex-wrap:wrap}
.micro-benefits span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(13,47,120,.10);font-size:12px;color:var(--muted);font-weight:700}
.info-grid{grid-template-columns:repeat(3,1fr)}
.info-box{padding:18px}
.info-box strong{display:block;margin-bottom:6px;color:var(--navy)}

.feature-list{margin:0;padding-left:18px;color:var(--muted)}
.feature-list li+li{margin-top:8px}

.auth-wrap{display:flex;justify-content:center;padding:20px 0 8px}
.auth-card{width:min(520px,100%);padding:28px}
.card,.card-soft,.summary-box,.callout,.address-box,.stat{padding:24px}
.empty-state{text-align:center}
.two-col{grid-template-columns:1fr 1fr}
.summary-box,.callout,.address-box{background:linear-gradient(180deg,#ffffff,#f2f8ff)}
.callout.warning{background:linear-gradient(180deg,#fff8ec,#fff4df)}
label{display:block;font-weight:800;margin:12px 0 8px;color:var(--navy)}
input,select,textarea{
    width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(13,47,120,.14);
    background:#fff;color:var(--text);transition:var(--transition)
}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(13,47,120,.08)}
.checkbox{display:flex;align-items:center;gap:10px;margin-top:12px}
.checkbox input{width:auto}
.admin-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:12px}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.stat strong{display:block;font-size:30px;color:var(--navy)}
.stat span{color:var(--muted)}
.admin-form{display:flex;flex-direction:column;gap:6px}

table{width:100%;border-collapse:collapse;overflow:hidden}
th,td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(13,47,120,.08)}
th{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
hr{border:none;border-top:1px solid rgba(13,47,120,.10);margin:22px 0}

.flash{padding:16px 18px;border-radius:20px;margin-top:20px;border:1px solid transparent}
.flash.success{background:rgba(12,127,76,.10);color:var(--success);border-color:rgba(12,127,76,.18)}
.flash.error{background:rgba(191,47,47,.10);color:var(--danger);border-color:rgba(191,47,47,.18)}

.trust-page-grid{grid-template-columns:repeat(4,1fr)}
.trust-page-card{padding:24px}
.trust-page-card strong{display:block;font-size:20px;color:var(--navy);margin-bottom:10px}
.trust-page-card a{font-weight:800;color:var(--navy)}

.sticky-buy-bar{
    position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(760px,calc(100% - 28px));
    padding:14px 16px;border-radius:22px;background:rgba(11,28,64,.92);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:14px;z-index:60;backdrop-filter:blur(12px);box-shadow:0 20px 40px rgba(0,0,0,.18)
}
.sticky-buy-bar small{display:block;color:rgba(255,255,255,.72);margin-bottom:4px}

.site-footer{padding:20px 0 36px}
.footer-grid{
    display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr;gap:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.82));
    padding:28px;border-radius:30px;border:1px solid rgba(13,47,120,.08);box-shadow:var(--shadow)
}
.footer-brand-row{display:flex;gap:16px;align-items:flex-start}
.footer-brand-row img{width:84px;height:auto}
.footer-brand{font-size:28px;font-weight:800;letter-spacing:-.05em;color:var(--navy);margin-bottom:10px}
.footer-copy{margin:0;color:var(--muted);line-height:1.7}
.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.footer-list a{color:var(--muted);font-weight:600}
.footer-list a:hover{color:var(--navy)}
.footer-list-muted li{color:var(--muted)}
.footer-bottom-pro{padding:16px 6px 0;color:var(--muted);text-align:center}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}
.float-card{animation:floatY 5.4s ease-in-out infinite}
.delay-2{animation-delay:1s}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media (max-width: 1180px){
    .hero-grid,.page-hero-grid,.product-page-pro,.split-showcase,.footer-grid{grid-template-columns:1fr}
    .hero-visual,.split-showcase-visual{min-height:520px}
    .hero-card-main{width:72%;height:76%}
    .hero-card-float{width:44%;height:38%}
    .product-gallery{position:relative;top:0}
    .experience-grid,.editorial-grid,.story-copy-grid,.trust-page-grid,.highlights-grid,.contact-blocks{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 920px){
    .top-header-row{padding:16px}
    .header-row{flex-direction:column;align-items:flex-start}
    .nav{width:100%}
    .hero-copy{padding:30px}
    .hero-copy h1{font-size:clamp(34px,10vw,54px)}
    .hero-metrics,.page-mini-stats,.benefit-strip,.experience-grid,.editorial-grid,.story-copy-grid,.contact-blocks,.faq-grid,.highlights-grid,.info-grid,.two-col,.qty-row,.trust-page-grid{grid-template-columns:1fr}
    .section-heading,.promo-banner,.cta-wide-banner,.field-head,.admin-header{flex-direction:column;align-items:flex-start}
    .hero-visual{min-height:460px}
    .hero-card-main{width:76%;height:72%}
    .hero-card-float{width:50%;height:36%}
    .product-gallery>img{height:520px}
    .thumb img{height:96px}
    .experience-card{grid-template-columns:1fr}
}
@media (max-width: 640px){
    .container{width:min(100% - 20px,1240px)}
    .announcement-row{font-size:11px;padding:10px 0}
    .brand-logo-lockup img{width:88px}
    .brand-text{font-size:18px}
    .nav a{padding:10px 12px;font-size:14px}
    .nav-capsule{font-size:12px;padding:9px 12px}
    .hero-copy,.section-panel,.page-hero-copy,.card,.card-soft,.product-card-pro,.auth-card,.fashion-buy-card,.promo-banner,.cta-wide-banner{padding:20px}
    .hero-visual{min-height:390px}
    .hero-card-main{width:82%;height:70%;top:2%}
    .hero-card-float{width:54%;height:34%}
    .hero-card-content strong,.hero-mini-copy strong{font-size:19px}
    .hero-card-content,.hero-mini-copy{padding:14px}
    .floating-note{font-size:11px;padding:8px 12px}
    .marquee-track{gap:24px;font-size:11px}
    .product-gallery>img{height:420px}
    .sticky-buy-bar{width:calc(100% - 18px);padding:12px 14px}
    .sticky-buy-bar strong{font-size:14px}
}

/* Integrations + installer */
.checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.checkout-card{padding:28px}.checkout-summary-card h1,.payment-result-card h1,.installer-head h1{margin:10px 0 10px;font-size:clamp(28px,5vw,44px);line-height:1.05}.muted-copy{color:#51607f}.quick-product-head{display:flex;gap:16px;align-items:center;margin-bottom:18px}.quick-product-head img{width:112px;height:112px;object-fit:cover;border-radius:24px;background:#f4f7ff;box-shadow:0 20px 40px rgba(13,47,120,.12)}.quick-product-head h2{margin:0 0 6px;font-size:1.25rem}.price-list{display:grid;gap:12px}.price-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(11,30,69,.08)}.price-list>div:last-child{border-bottom:none}.price-total-row strong{font-size:1.2rem;color:#0d2f78}.compact-form input,.compact-form select,.compact-form textarea{background:#fff}.wide-btn{width:100%;justify-content:center}.mini-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.mini-trust-pill{padding:12px 14px;border-radius:999px;background:linear-gradient(180deg,#f6f9ff,#edf4ff);border:1px solid rgba(13,47,120,.08);font-size:.92rem;text-align:center;color:#173261}.redirect-shell,.payment-result-shell{max-width:760px;margin:0 auto}.redirect-card,.payment-result-card{padding:34px;text-align:center}.loader-ring{width:64px;height:64px;border-radius:50%;border:4px solid rgba(13,47,120,.12);border-top-color:#0d2f78;margin:24px auto;animation:spin 1s linear infinite}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.success-state{border-top:4px solid #1f9d55}.failure-state{border-top:4px solid #d64545}.badge-danger{background:#ffe9e9;color:#a32222}.blank-layout-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#f5f8ff,#ffffff)}.installer-body{min-height:100vh;background:radial-gradient(circle at top right,#dce9ff 0,#f7f9ff 38%,#fff 100%);padding:28px 16px}.installer-shell{max-width:980px;margin:0 auto}.installer-card{padding:34px;border-radius:32px;background:#fff;box-shadow:0 24px 60px rgba(13,47,120,.12);border:1px solid rgba(13,47,120,.08)}.installer-head p{max-width:720px;color:#51607f}.installer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.installer-form-grid .full-span{grid-column:1/-1}.installer-actions{padding-top:6px}.payment-result-card .summary-box{margin-top:18px}.callout strong{color:#0d2f78}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.checkout-grid,.installer-form-grid{grid-template-columns:1fr}.mini-trust-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.quick-product-head{align-items:flex-start}.quick-product-head img{width:92px;height:92px}.mini-trust-grid{grid-template-columns:1fr}.redirect-card,.payment-result-card,.checkout-card,.installer-card{padding:22px}}

/* App-like mobile UX: tab bar, drawers, search sheet, cart page */
body{background:linear-gradient(180deg,#f7f9ff 0%,#ffffff 55%);} 
.page-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));}
.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:6px;align-items:center;justify-content:space-around;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-top:1px solid rgba(13,47,120,.10);}
.mobile-tabbar .tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;border:none;background:transparent;color:#1b2a4a;font-family:inherit;text-decoration:none;border-radius:18px;}
.mobile-tabbar .tab:active{transform:scale(.98);}
.mobile-tabbar .tab-ico{font-size:18px;line-height:1;}
.mobile-tabbar .tab-label{font-size:12px;font-weight:700;letter-spacing:.02em;}
.mobile-tabbar .tab-badge{position:absolute;top:6px;right:22%;min-width:18px;height:18px;border-radius:999px;background:#0d2f78;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 10px 20px rgba(13,47,120,.22);}

.overlay-backdrop{position:fixed;inset:0;z-index:58;background:rgba(10,16,30,.42);backdrop-filter:blur(4px);}

.app-drawer{position:fixed;top:0;right:0;bottom:0;z-index:59;width:min(420px,92vw);transform:translateX(110%);transition:transform .25s ease;}
.app-drawer.is-open{transform:translateX(0);}
.app-drawer .drawer-panel{height:100%;background:#fff;border-left:1px solid rgba(13,47,120,.10);box-shadow:-30px 0 80px rgba(13,47,120,.14);padding:18px 16px 20px;overflow:auto;}
.drawer-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:16px;border:1px solid rgba(13,47,120,.10);background:#fff;color:#0d2f78;font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 16px 30px rgba(13,47,120,.10);}
.drawer-close:active{transform:scale(.98);}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 10px;margin-right:56px;}
.drawer-items{display:grid;gap:12px;margin-top:10px;}
.drawer-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#f0f6ff);border:1px solid rgba(13,47,120,.08);}
.drawer-item img{width:56px;height:56px;border-radius:16px;object-fit:cover;background:#fff;}
.drawer-item-title{font-weight:800;}
.drawer-item-price{font-weight:900;color:#0d2f78;}
.drawer-foot{margin-top:12px;padding-top:12px;border-top:1px solid rgba(13,47,120,.10);display:grid;gap:12px;}
.drawer-total{display:flex;justify-content:space-between;align-items:center;}
.drawer-empty{padding:18px 6px;}
.drawer-skeleton{display:grid;gap:12px;padding-top:28px;}
.drawer-line{height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(13,47,120,.06),rgba(13,47,120,.12),rgba(13,47,120,.06));background-size:200% 100%;animation:shimmer 1.2s infinite;}
@keyframes shimmer{to{background-position:-200% 0}}

.search-sheet{position:fixed;inset:0;z-index:59;display:none;}
.search-sheet.is-open{display:block;}
.search-panel{position:absolute;left:50%;top:10%;transform:translateX(-50%);width:min(720px,94vw);background:#fff;border-radius:28px;border:1px solid rgba(13,47,120,.10);box-shadow:0 40px 90px rgba(13,47,120,.18);padding:18px 16px 18px;}
.search-head{display:flex;justify-content:space-between;align-items:center;margin-right:52px;}
.search-input-row input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(13,47,120,.12);background:#f7fbff;font-weight:600;}
.search-results{display:grid;gap:10px;margin-top:12px;max-height:min(52vh,520px);overflow:auto;}
.search-row{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:12px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#f0f6ff);border:1px solid rgba(13,47,120,.08);text-decoration:none;color:inherit;}
.search-row img{width:52px;height:52px;border-radius:16px;object-fit:cover;background:#fff;}
.search-empty{padding:16px;color:#51607f;}

.cart-shell{display:grid;gap:18px;}
.cart-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:4px;}
.cart-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start;}
.cart-items-card{padding:18px;}
.cart-items-list{display:grid;gap:14px;}
.cart-item{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:14px;border-radius:24px;background:linear-gradient(180deg,#f9fbff,#f0f6ff);border:1px solid rgba(13,47,120,.08);}
.cart-item-media img{width:100px;height:100px;border-radius:22px;object-fit:cover;background:#fff;}
.cart-item-title-row{display:flex;justify-content:space-between;gap:12px;align-items:start;}
.cart-item-price{font-weight:900;color:#0d2f78;}
.cart-item-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;align-items:center;}
.qty-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid rgba(13,47,120,.12);}
.qty-btn{width:32px;height:32px;border-radius:999px;border:1px solid rgba(13,47,120,.12);background:#f7fbff;color:#0d2f78;font-weight:900;}
.qty-input{width:58px;text-align:center;border:none;background:transparent;font-weight:800;}
.cart-summary-card{padding:20px;position:sticky;top:110px;}
.cart-summary-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}

/* Mobile-first: show tab bar, make touch targets bigger */
@media (max-width: 900px){
  .mobile-tabbar{display:flex;}
  .nav-main{display:none;}
  .nav-capsules-row{overflow:auto;justify-content:flex-start;}
  .cart-grid{grid-template-columns:1fr;}
  .cart-summary-card{position:static;}
  .app-drawer{width:min(520px,94vw);} 
  .search-panel{top:8%;}
}
.installer-hero-card{margin-bottom:18px;background:linear-gradient(135deg,rgba(13,47,120,.98),rgba(45,122,245,.92));color:#fff;border:none}.installer-hero-card .badge{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.18)}.installer-head{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;align-items:start}.installer-head p{color:rgba(255,255,255,.82)}.installer-help-box{padding:20px;border-radius:24px;background:rgba(255,255,255,.1);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12)}.installer-help-box strong{display:block;margin-bottom:10px;font-size:1.02rem}.installer-help-box ul{margin:0 0 10px 18px;padding:0;display:grid;gap:8px}.small-copy{font-size:.9rem}.compact-head{margin-bottom:18px}.eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#6d83b3;font-weight:800;margin-bottom:8px}.section-head h2{margin:0;font-size:1.5rem}.status-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;font-size:.85rem;font-weight:700}.status-chip.pass{background:#e7fbef;color:#0d7b39}.status-chip.fail{background:#ffeded;color:#b02828}.installer-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.installer-check-card{padding:18px 18px 16px;border-radius:22px;border:1px solid rgba(13,47,120,.08);background:#fff;box-shadow:0 16px 30px rgba(13,47,120,.06)}.installer-check-card.passed{background:linear-gradient(180deg,#fcfffd,#f3fff6);border-color:rgba(16,155,72,.18)}.installer-check-card.failed.required{background:linear-gradient(180deg,#fffdfd,#fff1f1);border-color:rgba(214,69,69,.18)}.installer-check-card.failed.optional{background:linear-gradient(180deg,#fffefc,#fff7ec);border-color:rgba(219,139,30,.18)}.check-top-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.check-state{font-size:.78rem;font-weight:800;padding:7px 10px;border-radius:999px;background:#eef3ff;color:#16315e;white-space:nowrap}.installer-check-card.passed .check-state{background:#e1f8e8;color:#0d7b39}.installer-check-card.failed.required .check-state{background:#ffe3e3;color:#b02828}.installer-check-card.failed.optional .check-state{background:#fff0da;color:#a56610}.installer-check-card p{margin:10px 0 8px;color:#4f5f7b}.installer-check-card small{color:#6d7da0;font-weight:700}.installer-pro-form .form-section-title{font-size:.92rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#143061;padding-top:6px;margin-top:2px;border-top:1px solid rgba(13,47,120,.08)}.installer-switch-row{padding:8px 0}.installer-switch{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#f1f6ff);border:1px solid rgba(13,47,120,.08);cursor:pointer}.installer-switch input{position:absolute;opacity:0;pointer-events:none}.switch-ui{width:52px;height:30px;flex:0 0 52px;border-radius:999px;background:#c5d5f6;position:relative;transition:.25s ease;margin-top:2px}.switch-ui::after{content:"";width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 6px 16px rgba(0,0,0,.12);transition:.25s ease}.installer-switch input:checked + .switch-ui{background:#0d2f78}.installer-switch input:checked + .switch-ui::after{left:25px}.installer-switch strong{display:block;margin-bottom:4px;color:#0d2f78}.installer-switch small{display:block;color:#5b6b88;line-height:1.5}.installer-actions button[disabled]{opacity:.55;cursor:not-allowed}.installer-actions .muted-copy{margin-top:10px}@media (max-width:900px){.installer-head,.installer-check-grid{grid-template-columns:1fr}}@media (max-width:640px){.installer-help-box{padding:18px}.installer-check-card{padding:16px}.status-chip{width:100%;justify-content:center}}