/* ═══════════════════════════════════════════════════════
   Épic D'orient — Global Stylesheet
   Converted from HTML to Laravel Blade
   Place at: public/css/app.css
═══════════════════════════════════════════════════════ */

/* ══ BASE — home (tokens, reset, nav, footer, animations) ══ */
/* ─── TOKENS ────────────────────────────────── */
:root {
    /* colours */
    --gold:       #C9923A;
    --gold-light: #E8B96A;
    --gold-l:     #E8B96A;   /* alias used in some pages */
    --gold-pale:  #F5DFA8;
    --dark:       #1A1108;
    --dark-2:     #231A0D;
    --warm:       #2E1F0F;
    --cream:      #F7EDD8;
    --rust:       #8B3A1A;
    --spice:      #C24B1A;
    --green:      #4CAF7D;
    /* layout */
    --nav-h:  68px;
    --px:     clamp(1rem, 5vw, 3rem);
    --pad-x:  clamp(1rem, 5vw, 3rem);
    --mw:     1140px;
    --max-w:  1160px;
}

h1, h2   { color: var(--cream); }
h3, label { color: var(--gold-light); }
p, li     { color: var(--gold-pale); }
.accent   { color: var(--gold); } /* borders, icons, dividers */

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
    background-color: var(--dark);
    color: var(--cream);
    font-family: 'Jost', sans-serif;
    overflow-x: hidden;
}

/* Grain overlay */
body::before {
    content:'';
    position:fixed; inset:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events:none; z-index:9999; opacity:.5;
}

::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:var(--dark); }
::-webkit-scrollbar-thumb { background:var(--gold); border-radius:2px; }

/* ─── ANIMATIONS ────────────────────────────── */
@keyframes fadeUp    { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
@keyframes spin-slow { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes scrollPulse { 0%,100%{opacity:.4;transform:scaleY(1);} 50%{opacity:1;transform:scaleY(1.2);} }
@keyframes menuSlide { from{opacity:0;transform:translateY(-12px);} to{opacity:1;transform:translateY(0);} }
@keyframes countUp   { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:.1s; }
.reveal-delay-2 { transition-delay:.2s; }
.reveal-delay-3 { transition-delay:.3s; }

/* ─── NAVIGATION ─────────────────────────────── */
nav {
    position:fixed; top:0; left:0; right:0; z-index:200;
    padding:1rem 1.5rem;
    display:flex; align-items:center; justify-content:space-between;
    backdrop-filter:blur(18px);
    background:rgba(26,17,8,0.88);
    border-bottom:1px solid rgba(201,146,58,0.14);
    transition:padding .35s, background .35s;
}
nav.scrolled { padding:.7rem 1.5rem; background:rgba(26,17,8,0.97); }

.nav-logo {
    font-size:1.35rem; color:var(--gold);
    display:flex; align-items:center; gap:.5rem;
    text-decoration:none; flex-shrink:0;
}
.nav-logo svg { width:28px; height:28px; }

.nav-links { display:flex; align-items:center; gap:0; }
.nav-links a {
    font-size:.75rem; font-weight:300; letter-spacing:.18em;
    text-transform:uppercase; color:rgba(247,237,216,.7);
    text-decoration:none; margin-left:1.8rem; transition:color .3s;
}
.nav-links a:hover { color:var(--gold-light); }

.btn-nav {
    background:var(--gold); color:var(--dark);
    font-family:'Jost',sans-serif; font-size:.7rem; font-weight:600;
    letter-spacing:.15em; text-transform:uppercase;
    padding:.5rem 1.1rem; border:none; cursor:pointer;
    transition:all .3s; white-space:nowrap;
}
.btn-nav:hover { background:var(--gold-light); }

.hamburger {
    display:none; flex-direction:column; gap:5px;
    background:none; border:none; cursor:pointer; padding:4px;
}
.hamburger span {
    display:block; width:24px; height:2px;
    background:var(--gold); border-radius:1px; transition:all .3s;
}
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

.mobile-menu {
    display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:190;
    background:rgba(26,17,8,0.97);
    flex-direction:column; align-items:center; justify-content:center; gap:2rem; padding:2rem;
}
.mobile-menu.open { display:flex; animation:menuSlide .3s ease both; }
.mobile-menu a {
     font-size:2rem; font-weight:700;
    font-style:italic; color:var(--cream); text-decoration:none;
    letter-spacing:.03em; transition:color .3s;
}
.mobile-menu a:hover { color:var(--gold-light); }
.mobile-menu-divider { width:40px; height:1px; background:rgba(201,146,58,0.3); }
.mobile-contact {
    font-size:.75rem; letter-spacing:.2em; text-transform:uppercase;
    color:var(--gold); margin-top:1rem;
}

/* ─── BUTTONS ────────────────────────────────── */
.btn-primary {
    display:inline-block; background:var(--gold); color:var(--dark);
    font-family:'Jost',sans-serif; font-size:.72rem; font-weight:600;
    letter-spacing:.2em; text-transform:uppercase;
    padding:.9rem 2rem; border:none; cursor:pointer;
    text-decoration:none; text-align:center;
    clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:all .35s;
}
.btn-primary:hover { background:var(--gold-light); transform:translateY(-3px); box-shadow:0 10px 30px rgba(201,146,58,.35); }

.btn-outline {
    display:inline-block; background:transparent; color:var(--gold);
    font-family:'Jost',sans-serif; font-size:.72rem; font-weight:500;
    letter-spacing:.2em; text-transform:uppercase;
    padding:.9rem 2rem; border:1px solid rgba(201,146,58,.4);
    cursor:pointer; text-decoration:none; text-align:center; transition:all .35s;
}
.btn-outline:hover { border-color:var(--gold); background:rgba(201,146,58,.08); transform:translateY(-3px); }

/* ─── HERO ───────────────────────────────────── */
.hero {
    min-height:100svh;
    position:relative; overflow:hidden;
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    padding:7rem 1.5rem 6rem; text-align:center;
}
.hero-bg {
    position:absolute; inset:0;
    background:
        radial-gradient(ellipse 80% 60% at 50% 60%, rgba(140,58,26,.3) 0%, transparent 70%),
        radial-gradient(ellipse 40% 40% at 20% 30%, rgba(201,146,58,.15) 0%, transparent 60%),
        radial-gradient(ellipse 50% 50% at 80% 70%, rgba(139,58,26,.2) 0%, transparent 60%);
}
.hero-ring {
    position:absolute;
    width:min(700px,90vw); height:min(700px,90vw);
    border-radius:50%; border:1px solid rgba(201,146,58,.09);
    top:50%; left:50%; transform:translate(-50%,-50%);
    animation:spin-slow 40s linear infinite;
}
.hero-ring::before {
    content:''; position:absolute; inset:30px; border-radius:50%;
    border:1px dashed rgba(201,146,58,.05);
}
.hero-eyebrow {
    position:relative; z-index:2;
    font-size:.65rem; font-weight:500; letter-spacing:.38em;
    text-transform:uppercase; color:var(--gold); margin-bottom:1.2rem;
    animation:fadeUp 1s ease .2s both;
}
.hero-title {
    position:relative; z-index:2;

    font-size:clamp(2.4rem,8vw,6.5rem);
    font-weight:900; line-height:1.0; color:var(--cream); max-width:880px;
    animation:fadeUp 1s ease .4s both;
}
.hero-title em { font-style:italic; color:var(--gold-light); }
.hero-subtitle {
    position:relative; z-index:2;
    font-family:'Cormorant Garamond',serif;
    font-size:clamp(1rem,2.5vw,1.4rem);
    font-weight:300; font-style:italic;
    color:rgba(247,237,216,.6); margin-top:1.2rem; max-width:560px;
    animation:fadeUp 1s ease .6s both;
}
.hero-cta {
    position:relative; z-index:2;
    display:flex; gap:.8rem; margin-top:2.5rem;
    flex-wrap:wrap; justify-content:center;
    animation:fadeUp 1s ease .8s both;
}
.hero-image-strip {
    position:absolute; bottom:0; left:0; right:0;
    height:clamp(160px,28vh,280px); overflow:hidden;
    mask-image:linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 100%);
}
.hero-image-strip img { width:100%; height:100%; object-fit:cover; object-position:center 70%; filter:saturate(1.3) brightness(.5); }
.scroll-indicator {
    position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:.35rem;
    z-index:10; animation:fadeUp 1s ease 1.2s both;
}
.scroll-indicator span { font-size:.6rem; letter-spacing:.3em; text-transform:uppercase; color:rgba(201,146,58,.6); }
.scroll-line { width:1px; height:36px; background:linear-gradient(to bottom,var(--gold),transparent); animation:scrollPulse 2s ease-in-out infinite; }

/* ─── TRUST BAR ──────────────────────────────── */
.trust-bar {
    background:var(--warm);
    border-top:1px solid rgba(201,146,58,.12); border-bottom:1px solid rgba(201,146,58,.12);
    padding:.85rem 1rem;
}
.trust-items { display:flex; justify-content:center; gap:1.5rem; flex-wrap:wrap; }
.trust-item {
    display:flex; align-items:center; gap:.5rem;
    font-size:.68rem; font-weight:500; letter-spacing:.12em;
    text-transform:uppercase; color:rgba(247,237,216,.6);
}
.trust-item svg { color:var(--gold); width:14px; height:14px; flex-shrink:0; }

/* ─── SECTION HELPERS ────────────────────────── */
.section-header { text-align:center; margin-bottom:3.5rem; }
.section-eyebrow {
    display:block; font-size:.62rem; font-weight:500;
    letter-spacing:.4em; text-transform:uppercase; color:var(--gold); margin-bottom:.9rem;
}
.section-title {

    font-size:clamp(1.75rem,4vw,3.2rem);
    font-weight:700; color:var(--cream); line-height:1.18;
}
.section-title em { color:var(--gold-light); font-style:italic; }
.divider { display:flex; align-items:center; gap:.8rem; justify-content:center; margin:.8rem 0; }
.divider-line { flex:1; max-width:70px; height:1px; background:linear-gradient(to right,transparent,rgba(201,146,58,.4)); }
.divider-line.rev { background:linear-gradient(to left,transparent,rgba(201,146,58,.4)); }
.divider-dot { width:5px; height:5px; background:var(--gold); transform:rotate(45deg); flex-shrink:0; }

/* ─── PACKS ──────────────────────────────────── */
.packs-section { padding:5rem 1.5rem; position:relative; }
.packs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; max-width:1100px; margin:0 auto; }
.pack-card {
    position:relative; background:rgba(35,26,13,.7);
    border:1px solid rgba(201,146,58,.15); padding:2rem 1.5rem;
    overflow:hidden; transition:all .4s; cursor:pointer; backdrop-filter:blur(8px);
    display:flex; flex-direction:column;
}
.pack-card::before {
    content:''; position:absolute; inset:0;
    background:radial-gradient(ellipse at top,rgba(201,146,58,.06),transparent 60%);
    opacity:0; transition:opacity .4s;
}
.pack-card:hover { border-color:rgba(201,146,58,.4); transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,.4); }
.pack-card:hover::before { opacity:1; }
.pack-card.featured { border-color:rgba(201,146,58,.38); background:rgba(46,31,15,.8); }
.pack-badge {
    position:absolute; top:.9rem; right:.9rem;
    background:var(--spice); color:#fff;
    font-size:.58rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
    padding:.22rem .65rem;
    clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);
}
.pack-image {
    width:100%; height:140px; object-fit:contain; margin-bottom:1.2rem;
    filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)); transition:transform .4s;
}
.pack-card:hover .pack-image { transform:scale(1.06) translateY(-4px); }
.pack-subtitle { font-size:.62rem; font-weight:500; letter-spacing:.28em; text-transform:uppercase; color:rgba(201,146,58,.7); margin-bottom:.3rem; }
.pack-title { font-size:1.5rem; font-weight:900; color:var(--cream); line-height:1.1; margin-bottom:.25rem; }
.pack-weight { font-size:.66rem; color:rgba(247,237,216,.4); letter-spacing:.1em; margin-bottom:1.2rem; }
.pack-items { list-style:none; margin-bottom:1.5rem; flex:1; }
.pack-items li {
    display:flex; align-items:center; gap:.55rem;
    font-size:.73rem; font-weight:400; letter-spacing:.07em; text-transform:uppercase;
    color:rgba(247,237,216,.65); padding:.3rem 0; border-bottom:1px solid rgba(201,146,58,.06);
}
/*.pack-items li::before { content:''; display:inline-block; width:5px; height:5px; background:var(--gold); transform:rotate(45deg); flex-shrink:0; }*/
.pack-pricing { display:flex; align-items:baseline; gap:.7rem; margin-bottom:1.2rem; flex-wrap:wrap; }
.pack-price { font-size:2rem; font-weight:700; color:var(--gold-light); }
.pack-price-old { font-size:.82rem; color:rgba(247,237,216,.3); text-decoration:line-through; }
.pack-discount { font-size:.62rem; font-weight:700; background:rgba(194,75,26,.22); color:#FF8A6B; padding:.18rem .45rem; border:1px solid rgba(194,75,26,.3); }
.btn-pack {
    width:100%; background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:var(--dark); font-family:'Jost',sans-serif;
    font-size:.7rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
    padding:.85rem 1rem; border:none; cursor:pointer;
    clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
    transition:all .35s; margin-top:auto;
}
.btn-pack:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(201,146,58,.4); filter:brightness(1.1); }

/* ════════════════════════════════════════════════
   BRAND SECTION — FULL REBUILD
════════════════════════════════════════════════ */
.brand-section {
    padding: clamp(4rem, 9vw, 7rem) 0;
    position: relative;
    overflow: hidden;
}

/* Ambient warm glow behind everything */
.brand-section::before {
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse 60% 80% at 0% 50%, rgba(139,58,26,.18), transparent 65%),
        radial-gradient(ellipse 40% 60% at 100% 30%, rgba(201,146,58,.08), transparent 60%);
    pointer-events: none;
}

.brand-inner {
    max-width: 1140px; margin: 0 auto;
    padding: 0 clamp(1rem, 5vw, 3rem);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 5vw, 5rem);
    align-items: center;
    position: relative;
}

/* ── LEFT: stacked image panel ── */
.brand-visual {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 260px 200px;
    gap: 10px;
}

.bv-img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease, filter .5s ease;
    filter: saturate(1.1) brightness(.92);
}
.bv-img:hover { transform: scale(1.03); filter: saturate(1.3) brightness(1); z-index: 2; }

/* cell positioning */
.bv-cell {
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(201,146,58,.12);
}
.bv-cell::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(135deg, transparent 60%, rgba(26,17,8,.4));
    pointer-events: none;
}

/* tall left cell spans 2 rows */
.bv-cell--tall {
    grid-row: 1 / 3;
}

/* gold accent bar on the tall cell */
.bv-cell--tall::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 3px; height: 100%;
    background: linear-gradient(to bottom, transparent, var(--gold), transparent);
    z-index: 3;
}

/* overlay label on the tall cell */
.bv-label {
    position: absolute;
    bottom: 1rem; left: 1rem;
    font-size: .58rem; font-weight: 600;
    letter-spacing: .28em; text-transform: uppercase;
    color: var(--gold-pale);
    background: rgba(26,17,8,.65);
    backdrop-filter: blur(6px);
    padding: .3rem .7rem;
    border-left: 2px solid var(--gold);
    z-index: 4;
}

/* small decorative diamond at grid intersection */
.bv-diamond {
    position: absolute;
    /* center of the 2×2 grid intersection */
    top: calc(260px + 10px / 2);
    left: calc(50% - 1px);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 18px; height: 18px;
    background: var(--dark);
    border: 1px solid rgba(201,146,58,.5);
    z-index: 10;
}

/* ── RIGHT: text ── */
.brand-text { position: relative; }

.brand-text .section-eyebrow,
.brand-text .section-title { text-align: left; }
.brand-text .divider { justify-content: flex-start; }

.brand-lead {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(1.05rem, 1.8vw, 1.22rem);
    font-weight: 300; font-style: italic;
    line-height: 1.78; color: rgba(247,237,216,.65);
    margin: 1.2rem 0 1.4rem;
}

.brand-body {
    font-size: .82rem; line-height: 1.82;
    color: rgba(247,237,216,.46); letter-spacing: .03em;
}

/* feature list */
.brand-features {
    list-style: none;
    margin: 1.8rem 0;
    display: flex; flex-direction: column; gap: .55rem;
}
.brand-features li {
    display: flex; align-items: flex-start; gap: .7rem;
    font-size: .78rem; color: rgba(247,237,216,.58); letter-spacing: .03em;
    line-height: 1.5;
}
.bf-icon {
    width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px;
    background: rgba(201,146,58,.12);
    border: 1px solid rgba(201,146,58,.25);
    display: flex; align-items: center; justify-content: center;
}
.bf-icon svg { width: 10px; height: 10px; color: var(--gold); }

/* stat row */
.brand-stats {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin-top: 2rem; padding-top: 2rem;
    border-top: 1px solid rgba(201,146,58,.12);
}
.brand-stat {
    padding: 0 1.2rem;
    border-right: 1px solid rgba(201,146,58,.1);
}
.brand-stat:first-child { padding-left: 0; }
.brand-stat:last-child  { border-right: none; }

.stat-number {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.6rem, 3vw, 2rem);
    font-weight: 700; color: var(--gold-light);
    line-height: 1;
}
.stat-label {
    font-size: .6rem; letter-spacing: .18em; text-transform: uppercase;
    color: rgba(247,237,216,.38); margin-top: .32rem;
}

/* ─── TESTIMONIALS ───────────────────────────── */
.testimonials-section {
    padding:5rem 1.5rem;
    background:var(--warm);
    border-top:1px solid rgba(201,146,58,.08); border-bottom:1px solid rgba(201,146,58,.08);
}
.testimonials-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; max-width:1100px; margin:0 auto; }
.testimonial-card {
    background:rgba(26,17,8,.5); border:1px solid rgba(201,146,58,.1);
    padding:1.75rem; position:relative; transition:all .4s;
}
.testimonial-card:hover { border-color:rgba(201,146,58,.28); transform:translateY(-4px); }
.testimonial-quote { font-family:'Cormorant Garamond',serif; font-size:2.8rem; color:var(--gold); line-height:1; opacity:.3; margin-bottom:-.4rem; }
.testimonial-text { font-family:'Cormorant Garamond',serif; font-size:1rem; font-style:italic; line-height:1.7; color:rgba(247,237,216,.75); margin-bottom:1.2rem; }
.testimonial-author { font-size:.7rem; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--gold); }
.testimonial-location { font-size:.62rem; color:rgba(247,237,216,.35); letter-spacing:.08em; margin-top:.2rem; }
.stars { color:var(--gold); font-size:.78rem; letter-spacing:.1em; margin-bottom:.8rem; }

/* ─── FOOTER ─────────────────────────────────── */
footer { background:var(--dark-2); padding:4.5rem 1.5rem 2rem; border-top:1px solid rgba(201,146,58,.1); }
.footer-grid {
    max-width:1100px; margin:0 auto;
    display:grid; grid-template-columns:1.6fr 1fr 1fr;
    gap:3.5rem; margin-bottom:3.5rem;
}
.footer-logo {  font-size:1.8rem; color:var(--gold); display:block; margin-bottom:.8rem; font-weight: bold  }
.footer-tagline { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:.92rem; color:rgba(247,237,216,.4); line-height:1.65; margin-bottom:1.6rem; }
.social-links { display:flex; gap:.6rem; flex-wrap:wrap; }
.social-btn {
    width:36px; height:36px; border:1px solid rgba(201,146,58,.22);
    display:flex; align-items:center; justify-content:center;
    color:rgba(201,146,58,.6); transition:all .3s; text-decoration:none; flex-shrink:0;
}
.social-btn:hover { border-color:var(--gold); color:var(--gold); background:rgba(201,146,58,.08); }
.footer-heading { font-size:.62rem; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); margin-bottom:1.2rem; }
.footer-list { list-style:none; }
.footer-list li { font-size:.8rem; color:rgba(247,237,216,.5); margin-bottom:.6rem; cursor:pointer; transition:color .3s; letter-spacing:.04em; }
.footer-list li:hover { color:var(--gold-light); }
.contact-item { display:flex; align-items:flex-start; gap:.7rem; margin-bottom:.85rem; font-size:.8rem; color:rgba(247,237,216,.5); }
.contact-item svg { color:var(--gold); margin-top:2px; flex-shrink:0; }
.footer-cta-box { margin-top:1.8rem; padding:1.1rem; border:1px solid rgba(201,146,58,.15); background:rgba(46,31,15,.4); }
.footer-cta-label { font-size:.6rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:.7rem; }
.footer-bottom {
    max-width:1100px; margin:0 auto;
    padding-top:1.8rem; border-top:1px solid rgba(201,146,58,.08);
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem;
}
.footer-copy { font-size:.67rem; color:rgba(247,237,216,.22); letter-spacing:.1em; }
.footer-badge { display:flex; gap:.4rem; align-items:center; }
.diamond { width:5px; height:5px; background:var(--gold); transform:rotate(45deg); opacity:.35; }

.whatsapp-float {
    position:fixed; bottom:1.5rem; right:1.5rem;
    width:50px; height:50px; background:#25D366; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 4px 20px rgba(37,211,102,.4);
    cursor:pointer; z-index:300; text-decoration:none; transition:all .3s;
}
.whatsapp-float:hover { transform:scale(1.12); box-shadow:0 8px 30px rgba(37,211,102,.5); }

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width:1024px) {
    .packs-grid { gap:1rem; }
    .pack-card { padding:1.75rem 1.25rem; }
    .brand-inner { gap:2.5rem; }
    .footer-grid { grid-template-columns:1fr 1fr; gap:2.5rem; }
    .footer-grid > div:first-child { grid-column:1/-1; }
}

@media (max-width:900px) {
    .nav-links { display:none; }
    .hamburger { display:flex; }
    .hero { padding:6rem 1.25rem 5rem; }
    .hero-title { font-size:clamp(2.2rem,9vw,4rem); }
    .scroll-indicator { display:none; }
    .packs-grid { grid-template-columns:repeat(2,1fr); max-width:640px; margin:0 auto; }
    .pack-card.featured { grid-column:1/-1; max-width:340px; margin:0 auto; width:100%; }

    /* Brand — stack */
    .brand-inner { grid-template-columns:1fr; gap:2.5rem; }
    .brand-visual { grid-template-rows: 220px 160px; }
    .bv-diamond { top: calc(220px + 5px); }
    .brand-text .section-title,
    .brand-text .section-eyebrow { text-align:center; }
    .brand-text .divider { justify-content:center; }
    .brand-features { max-width:480px; margin-left:auto; margin-right:auto; }
    .brand-stats { max-width:480px; margin-left:auto; margin-right:auto; }

    .testimonials-grid { grid-template-columns:1fr; max-width:480px; margin:0 auto; }
}

@media (max-width:640px) {
    nav { padding:.85rem 1.1rem; }
    nav.scrolled { padding:.6rem 1.1rem; }
    .nav-logo { font-size:1.15rem; }
    .nav-logo svg { width:24px; height:24px; }
    .hero { padding:5.5rem 1rem 4.5rem; }
    .hero-ring { width:min(340px,95vw); height:min(340px,95vw); }
    .hero-eyebrow { font-size:.6rem; letter-spacing:.28em; }
    .hero-title { font-size:clamp(2rem,10.5vw,3rem); line-height:1.05; }
    .hero-subtitle { font-size:.95rem; }
    .hero-cta { flex-direction:column; align-items:center; gap:.7rem; margin-top:2rem; }
    .hero-cta .btn-primary, .hero-cta .btn-outline { width:100%; max-width:280px; }
    .hero-image-strip { height:140px; }
    .trust-items { gap:1rem; padding:0 .5rem; }
    .trust-item { font-size:.62rem; gap:.4rem; }
    .packs-section { padding:3.5rem 1rem; }
    .brand-section { padding:3.5rem 0; }
    .testimonials-section { padding:3.5rem 1rem; }
    .section-title { font-size:clamp(1.6rem,7vw,2.2rem); }
    .packs-grid { grid-template-columns:1fr; max-width:380px; margin:0 auto; }
    .pack-card.featured { grid-column:auto; max-width:100%; }
    .pack-card { padding:1.5rem 1.25rem; }
    .pack-image { height:120px; }
    .pack-title { font-size:1.35rem; }
    .pack-price { font-size:1.75rem; }

    /* Brand mobile */
    .brand-visual {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 180px 140px;
        gap: 7px;
    }
    .bv-diamond { top: calc(180px + 3px); }
    .bv-cell--tall { grid-row: 1 / 3; }
    .bv-label { font-size:.52rem; padding:.25rem .5rem; }
    .brand-stats { grid-template-columns:repeat(3,1fr); }
    .brand-stat { padding: 0 .7rem; }
    .stat-number { font-size:1.5rem; }

    footer { padding:3.5rem 1rem 1.5rem; }
    .footer-grid { grid-template-columns:1fr; gap:2.2rem; }
    .footer-grid > div:first-child { grid-column:auto; }
    .footer-logo { font-size:1.5rem; }
    .footer-bottom { flex-direction:column; text-align:center; gap:.6rem; }
    .footer-badge { justify-content:center; }
    .whatsapp-float { bottom:1rem; right:1rem; width:46px; height:46px; }
}

@media (max-width:380px) {
    .hero-title { font-size:clamp(1.8rem,11vw,2.5rem); }
    .trust-items { flex-direction:column; align-items:center; gap:.7rem; }
    .pack-items li { font-size:.68rem; }
    .brand-visual { grid-template-rows: 150px 120px; gap:6px; }
}


/* ══════════════════════════════════════════
   PAGE: PRODUCT
══════════════════════════════════════════ */

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h);display:flex;align-items:center;padding:0 clamp(1rem,4vw,2.5rem);justify-content:space-between;backdrop-filter:blur(18px);background:rgba(26,17,8,.88);border-bottom:1px solid rgba(201,146,58,.14);transition:background .35s,height .35s;}
nav.compact{height:56px;background:rgba(26,17,8,.97);}
.nav-logo{font-weight: bold;font-size:1.32rem;color:var(--gold);display:flex;align-items:center;gap:.48rem;flex-shrink:0;}
.nav-logo svg{width:26px;height:26px;}
.nav-links{display:flex;align-items:center;}
.nav-links a{font-size:.72rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:rgba(247,237,216,.68);margin-left:1.75rem;transition:color .25s;}
.nav-links a:hover{color:var(--gold-light);}
.nav-links a.active{color:var(--gold);}
.btn-nav{background:var(--gold);color:var(--dark);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.46rem 1.1rem;border:none;margin-left:1.5rem;transition:background .25s;}
.btn-nav:hover{background:var(--gold-light);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:5px;}
.burger span{display:block;width:22px;height:2px;background:var(--gold);border-radius:1px;transition:all .28s;}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.on span:nth-child(2){opacity:0;transform:scaleX(0);}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
#mMenu{display:none;position:fixed;inset:0;z-index:499;background:rgba(26,17,8,.98);flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;}
#mMenu.on{display:flex;animation:menuSlide .28s ease both;}
#mMenu a{font-style:italic;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:700;color:var(--cream);transition:color .25s;}
#mMenu a:hover{color:var(--gold-light);}
.mdiv{width:36px;height:1px;background:rgba(201,146,58,.28);}

/* BREADCRUMB */
.breadcrumb{padding-top:calc(var(--nav-h) + 1.5rem);padding-bottom:.75rem;padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem);display:flex;align-items:center;gap:.5rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,237,216,.32);max-width:1200px;margin:0 auto;animation:fadeUp .6s ease .1s both;}
.breadcrumb a{color:rgba(247,237,216,.32);transition:color .2s;}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb span{color:var(--gold);}
.bc-sep{opacity:.3;}

/* PRODUCT LAYOUT */
.product-hero{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,5vw,3rem) clamp(3rem,6vw,5rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:start;}

/* Gallery */
.gallery{position:sticky;top:calc(var(--nav-h) + 1.5rem);}
.gallery-main{position:relative;overflow:hidden;border:1px solid rgba(201,146,58,.14);background:rgba(35,26,13,.6);aspect-ratio:1/1;}
.gallery-main img{width:100%;height:100%;object-fit:contain;padding:2rem;transition:opacity .35s,transform .35s;}
.gallery-main::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgba(201,146,58,.07) 50%,transparent 70%);animation:shimmer 2.4s ease infinite;pointer-events:none;}
.gallery-main::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom right,rgba(201,146,58,.18) 0%,transparent 25%) top left/40px 40px no-repeat,linear-gradient(to bottom left,rgba(201,146,58,.18) 0%,transparent 25%) top right/40px 40px no-repeat,linear-gradient(to top right,rgba(201,146,58,.18) 0%,transparent 25%) bottom left/40px 40px no-repeat,linear-gradient(to top left,rgba(201,146,58,.18) 0%,transparent 25%) bottom right/40px 40px no-repeat;pointer-events:none;z-index:2;}
.gallery-badge{position:absolute;top:1rem;left:1rem;z-index:3;background:var(--gold);color:var(--dark);font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.25rem .75rem;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);}
.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;}
.thumb{aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(201,146,58,.12);background:rgba(35,26,13,.5);cursor:pointer;transition:border-color .25s;display:flex;align-items:center;justify-content:center;}
.thumb:hover{border-color:rgba(201,146,58,.4);}
.thumb.active{border-color:var(--gold);}
.thumb img{width:100%;height:100%;object-fit:contain;padding:.5rem;}

/* Product info */
.product-info{padding-top:.5rem;}
.prod-eyebrow{font-size:.62rem;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;animation:fadeUp .7s ease .2s both;}
.prod-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.05;color:var(--cream);margin-bottom:.5rem;animation:fadeUp .7s ease .3s both;}
.prod-title em{font-style:italic;color:var(--gold-light);}
.prod-subtitle{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.1rem;color:rgba(247,237,216,.5);margin-bottom:1.5rem;animation:fadeUp .7s ease .38s both;}
.prod-rating{display:flex;align-items:center;gap:.6rem;margin-bottom:1.6rem;flex-wrap:wrap;animation:fadeUp .7s ease .44s both;}
.prod-stars{color:var(--gold);font-size:.85rem;letter-spacing:.06em;}
.prod-rating-count{font-size:.7rem;color:rgba(247,237,216,.4);letter-spacing:.08em;}
.prod-rating-sep{width:1px;height:12px;background:rgba(247,237,216,.15);}
.prod-stock{font-size:.68rem;color:#7FCF8A;letter-spacing:.1em;}
.prod-stock::before{content:'●';margin-right:.35rem;font-size:.5rem;}
.prod-price-row{display:flex;align-items:baseline;gap:.9rem;margin-bottom:1.8rem;animation:fadeUp .7s ease .5s both;flex-wrap:wrap;}
.prod-price{font-size:clamp(2.2rem,4vw,2.8rem);font-weight:700;color:var(--gold-light);line-height:1;}
.prod-price-old{font-size:1rem;color:rgba(247,237,216,.28);text-decoration:line-through;}
.prod-save{font-size:.68rem;font-weight:700;letter-spacing:.1em;background:rgba(194,75,26,.22);color:#FF8A6B;padding:.25rem .6rem;border:1px solid rgba(194,75,26,.3);}
.prod-divider{width:100%;height:1px;background:linear-gradient(to right,rgba(201,146,58,.25),transparent);margin:1.6rem 0;}
.option-label{font-size:.62rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;display:block;}
.weight-options{display:flex;gap:.6rem;margin-bottom:1.6rem;flex-wrap:wrap;}
.weight-btn{border:1px solid rgba(201,146,58,.22);background:transparent;color:rgba(247,237,216,.6);font-size:.72rem;font-weight:500;letter-spacing:.1em;padding:.55rem 1.2rem;transition:all .25s;}
.weight-btn:hover{border-color:rgba(201,146,58,.5);color:var(--cream);}
.weight-btn.active{border-color:var(--gold);color:var(--gold);background:rgba(201,146,58,.08);}
.qty-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap;}
.qty-control{display:flex;align-items:center;border:1px solid rgba(201,146,58,.22);}
.qty-btn{width:38px;height:38px;background:rgba(201,146,58,.08);border:none;color:var(--gold);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.qty-btn:hover{background:rgba(201,146,58,.18);}
.qty-num{width:42px;text-align:center;font-size:.88rem;font-weight:500;color:var(--cream);background:transparent;border:none;outline:none;}
.qty-hint{font-size:.65rem;color:rgba(247,237,216,.32);letter-spacing:.06em;}
.prod-actions{display:flex;flex-direction:column;gap:.75rem;animation:fadeUp .7s ease .62s both;}
.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#25D366;color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:1.05rem 2rem;border:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all .32s;}
.btn-whatsapp:hover{background:#1dba59;transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,211,102,.32);}
.btn-whatsapp svg{width:18px;height:18px;flex-shrink:0;}
.btn-buy-now{display:flex;align-items:center;justify-content:center;gap:.65rem;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--dark);font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2rem;border:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all .32s;}
.btn-buy-now:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 28px rgba(201,146,58,.35);}
.btn-buy-now svg{width:16px;height:16px;flex-shrink:0;}
.prod-trust{display:flex;gap:1.4rem;margin-top:1.6rem;flex-wrap:wrap;animation:fadeUp .7s ease .7s both;}
.ptrust-item{display:flex;align-items:center;gap:.45rem;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,237,216,.42);}
.ptrust-item svg{color:var(--gold);width:13px;height:13px;flex-shrink:0;}

/* INFO STRIP */
.info-strip{background:var(--warm);border-top:1px solid rgba(201,146,58,.1);border-bottom:1px solid rgba(201,146,58,.1);padding:clamp(2.5rem,5vw,4rem) clamp(1rem,5vw,3rem);}
.info-strip-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,146,58,.1);border:1px solid rgba(201,146,58,.1);}
.info-tile{background:var(--warm);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;}
.info-tile-icon{width:44px;height:44px;border:1px solid rgba(201,146,58,.22);display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;}
.info-tile-icon svg{width:20px;height:20px;color:var(--gold);}
.info-tile-val{font-size:1.5rem;font-weight:700;color:var(--gold-light);}
.info-tile-lbl{font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,237,216,.42);}

/* TABS */
.tabs-section{max-width:1200px;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,5vw,3rem);border-top:1px solid rgba(201,146,58,.1);}
.tabs-nav{display:flex;gap:0;border-bottom:1px solid rgba(201,146,58,.14);margin-bottom:2.5rem;flex-wrap:wrap;}
.tab-btn{font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,237,216,.42);background:none;border:none;padding:.85rem 1.6rem .75rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .25s;white-space:nowrap;}
.tab-btn:hover{color:rgba(247,237,216,.7);}
.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold);}
.tab-panel{display:none;}
.tab-panel.active{display:block;animation:fadeUp .4s ease both;}
.ingredients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.ing-card{border:1px solid rgba(201,146,58,.12);background:rgba(35,26,13,.5);padding:1.4rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .3s,transform .3s;}
.ing-card:hover{border-color:rgba(201,146,58,.3);transform:translateY(-3px);}
.ing-icon{width:32px;height:32px;background:rgba(201,146,58,.1);border:1px solid rgba(201,146,58,.18);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.2rem;}
.ing-name{font-style:italic;font-size:1.1rem;font-weight:700;color:var(--cream);}
.ing-origin{font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.ing-desc{font-size:.78rem;line-height:1.65;color:rgba(247,237,216,.5);margin-top:.3rem;}
.steps-list{display:flex;flex-direction:column;gap:1.2rem;max-width:680px;}
.step{display:flex;gap:1.2rem;align-items:flex-start;padding:1.4rem;border:1px solid rgba(201,146,58,.1);background:rgba(35,26,13,.4);transition:border-color .3s;}
.step:hover{border-color:rgba(201,146,58,.25);}
.step-num{font-size:1.6rem;font-weight:700;color:rgba(201,146,58,.28);line-height:1;flex-shrink:0;width:32px;}
.step-title{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);margin-bottom:.4rem;}
.step-text{font-size:.82rem;line-height:1.7;color:rgba(247,237,216,.52);}
.reviews-list{display:flex;flex-direction:column;gap:1rem;max-width:720px;}
.review-item{padding:1.4rem;border:1px solid rgba(201,146,58,.1);background:rgba(35,26,13,.4);transition:border-color .3s;}
.review-item:hover{border-color:rgba(201,146,58,.22);}
.rev-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap;}
.rev-name{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);}
.rev-stars{color:var(--gold);font-size:.75rem;}
.rev-date{font-size:.62rem;color:rgba(247,237,216,.28);margin-left:auto;}
.rev-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;line-height:1.7;color:rgba(247,237,216,.65);}

/* RELATED */
.related-section{max-width:1200px;margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1rem,5vw,3rem);}
.related-hdr{text-align:center;margin-bottom:2.8rem;}
.eyebrow{display:block;font-size:.62rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;}
.section-title{font-size:clamp(1.6rem,3.5vw,2.8rem);font-weight:700;color:var(--cream);line-height:1.18;}
.section-title em{font-style:italic;color:var(--gold-light);}
.divider{display:flex;align-items:center;gap:.75rem;justify-content:center;margin:.75rem 0;}
.dl{flex:1;max-width:68px;height:1px;background:linear-gradient(to right,transparent,rgba(201,146,58,.38));}
.dlr{flex:1;max-width:68px;height:1px;background:linear-gradient(to left,transparent,rgba(201,146,58,.38));}
.dd{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex-shrink:0;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.rel-card{position:relative;background:rgba(35,26,13,.7);border:1px solid rgba(201,146,58,.14);padding:1.8rem 1.4rem;display:flex;flex-direction:column;transition:all .38s;cursor:pointer;overflow:hidden;}
.rel-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(201,146,58,.05),transparent 60%);opacity:0;transition:opacity .38s;}
.rel-card:hover{border-color:rgba(201,146,58,.36);transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.4);}
.rel-card:hover::before{opacity:1;}
.rel-card.current{border-color:rgba(201,146,58,.36);background:rgba(46,31,15,.8);}
.rel-current-tag{position:absolute;top:.8rem;right:.8rem;font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(201,146,58,.15);color:var(--gold);padding:.2rem .6rem;border:1px solid rgba(201,146,58,.3);}
.rel-img{width:100%;height:130px;object-fit:contain;margin-bottom:1.1rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));transition:transform .38s;}
.rel-card:hover .rel-img{transform:scale(1.07) translateY(-4px);}
.rel-eye{font-size:.6rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:rgba(201,146,58,.7);margin-bottom:.25rem;}
.rel-name{font-size:1.15rem;font-weight:900;color:var(--cream);margin-bottom:.2rem;}
.rel-wt{font-size:.63rem;color:rgba(247,237,216,.36);letter-spacing:.08em;margin-bottom:.9rem;flex:1;}
.rel-price-row{display:flex;align-items:baseline;gap:.55rem;margin-bottom:1rem;flex-wrap:wrap;}
.rel-price{font-size:1.6rem;font-weight:700;color:var(--gold-light);}
.rel-old{font-size:.75rem;color:rgba(247,237,216,.28);text-decoration:line-through;}
.rel-disc{font-size:.58rem;font-weight:700;background:rgba(194,75,26,.2);color:#FF8A6B;padding:.14rem .38rem;border:1px solid rgba(194,75,26,.28);}
.btn-rel{width:100%;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--dark);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 1rem;border:none;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);transition:all .3s;margin-top:auto;}
.btn-rel:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 7px 22px rgba(201,146,58,.38);}

/* FOOTER */
footer{background:var(--dark-2,#1e1609);padding:clamp(3rem,6vw,5rem) clamp(1rem,5vw,3rem) clamp(1.5rem,3vw,2rem);border-top:1px solid rgba(201,146,58,.09);}
.foot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid rgba(201,146,58,.07);}
.f-logo{font-style:italic;font-size:1.7rem;color:var(--gold);display:block;margin-bottom:.7rem;}
.f-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.9rem;color:rgba(247,237,216,.38);line-height:1.62;margin-bottom:1.5rem;}
.socials{display:flex;gap:.55rem;flex-wrap:wrap;}
.soc{width:34px;height:34px;border:1px solid rgba(201,146,58,.2);display:flex;align-items:center;justify-content:center;color:rgba(201,146,58,.55);transition:all .28s;}
.soc:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,146,58,.07);}
.f-head{font-size:.6rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem;}
.f-list{list-style:none;}
.f-list li{font-size:.78rem;color:rgba(247,237,216,.45);margin-bottom:.55rem;cursor:pointer;transition:color .25s;}
.f-list li:hover{color:var(--gold-light);}
.f-ci{display:flex;align-items:flex-start;gap:.65rem;font-size:.78rem;color:rgba(247,237,216,.45);margin-bottom:.75rem;}
.f-ci svg{color:var(--gold);margin-top:2px;flex-shrink:0;}
.f-cta{margin-top:1.5rem;padding:1rem;border:1px solid rgba(201,146,58,.14);background:rgba(46,31,15,.38);}
.f-cta-lbl{font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.65rem;}
.btn-fcta{display:block;text-align:center;background:var(--gold);color:var(--dark);font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:.72rem 1rem;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:background .25s;}
.btn-fcta:hover{background:var(--gold-light);}
.foot-bottom{max-width:1200px;margin:0 auto;padding-top:1.6rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;}
.f-copy{font-size:.64rem;color:rgba(247,237,216,.2);letter-spacing:.09em;}
.f-badge{display:flex;align-items:center;gap:.38rem;}
.f-badge span{font-size:.6rem;color:rgba(247,237,216,.16);letter-spacing:.1em;}
.dm{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.28;}
.wa-fab{position:fixed;bottom:clamp(1rem,3vw,1.6rem);right:clamp(1rem,3vw,1.6rem);width:50px;height:50px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.42);z-index:400;transition:transform .28s,box-shadow .28s;}
.wa-fab:hover{transform:scale(1.12);box-shadow:0 8px 30px rgba(37,211,102,.52);}

/* RESPONSIVE */
@media(max-width:1024px){.ingredients-grid{grid-template-columns:repeat(2,1fr);}.info-strip-inner{grid-template-columns:repeat(2,1fr);}.foot-grid{grid-template-columns:1fr 1fr;}.foot-grid>:first-child{grid-column:1/-1;}}
@media(max-width:860px){:root{--nav-h:58px;}.nav-links{display:none;}.burger{display:flex;}.product-hero{grid-template-columns:1fr;gap:2rem;}.gallery{position:static;}.related-grid{grid-template-columns:1fr 1fr;}.info-strip-inner{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.breadcrumb{padding-top:calc(var(--nav-h) + 1rem);}.ingredients-grid{grid-template-columns:1fr;}.info-strip-inner{grid-template-columns:1fr 1fr;}.related-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto;}.foot-grid{grid-template-columns:1fr;}.foot-grid>:first-child{grid-column:auto;}.foot-bottom{flex-direction:column;text-align:center;}.f-badge{justify-content:center;}.tab-btn{padding:.75rem 1rem .65rem;font-size:.62rem;letter-spacing:.16em;}}


/* ══════════════════════════════════════════
   PAGE: PANIER
══════════════════════════════════════════ */

/* ══ NAV ══════════════════════════════════════ */
nav {
    position:fixed; top:0; left:0; right:0; z-index:500;
    height:var(--nav-h);
    display:flex; align-items:center;
    padding:0 var(--pad-x); justify-content:space-between;
    backdrop-filter:blur(18px);
    background:rgba(26,17,8,.88);
    border-bottom:1px solid rgba(201,146,58,.14);
    transition:background .35s, height .35s;
}
nav.compact { height:56px; background:rgba(26,17,8,.97); }

.nav-logo {
    font-size:1.32rem; color:var(--gold);
    display:flex; align-items:center; gap:.48rem; flex-shrink:0;
}
.nav-logo svg { width:26px; height:26px; }

.nav-links { display:flex; align-items:center; }
.nav-links a {
    font-size:.72rem; font-weight:300; letter-spacing:.18em;
    text-transform:uppercase; color:rgba(247,237,216,.68);
    margin-left:1.75rem; transition:color .25s;
}
.nav-links a:hover { color:var(--gold-light); }
.btn-nav {
    background:var(--gold); color:var(--dark);
    font-size:.68rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
    padding:.46rem 1.1rem; border:none; margin-left:1.5rem; cursor:pointer;
    transition:background .25s;
}
.btn-nav:hover { background:var(--gold-light); }

/* Cart icon in nav */
.nav-cart {
    display:flex; align-items:center; gap:.4rem;
    margin-left:1.5rem; cursor:pointer;
    font-size:.68rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
    color:var(--gold); transition:color .25s; border:none; background:none;
}
.nav-cart:hover { color:var(--gold-light); }
.cart-count {
    background:var(--spice); color:#fff;
    width:18px; height:18px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:.6rem; font-weight:700;
}

.burger {
    display:none; flex-direction:column; gap:5px;
    background:none; border:none; padding:5px; cursor:pointer;
}
.burger span { display:block; width:22px; height:2px; background:var(--gold); border-radius:1px; transition:all .28s; }
.burger.on span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger.on span:nth-child(2){ opacity:0; transform:scaleX(0); }
.burger.on span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

#mMenu {
    display:none; position:fixed; inset:0; z-index:499;
    background:rgba(26,17,8,.98);
    flex-direction:column; align-items:center; justify-content:center; gap:1.75rem;
}
#mMenu.on { display:flex; animation:menuSlide .28s ease both; }
#mMenu a {
     font-style:italic;
    font-size:clamp(1.6rem,6vw,2.2rem); font-weight:700; color:var(--cream); transition:color .25s;
}
#mMenu a:hover { color:var(--gold-light); }
.mdiv { width:36px; height:1px; background:rgba(201,146,58,.28); }

/* ══ BREADCRUMB ═══════════════════════════════ */
.breadcrumb {
    padding-top:calc(var(--nav-h) + 1.5rem);
    padding-bottom:.75rem;
    padding-left:var(--pad-x); padding-right:var(--pad-x);
    display:flex; align-items:center; gap:.5rem;
    font-size:.62rem; letter-spacing:.16em; text-transform:uppercase;
    color:rgba(247,237,216,.32); max-width:var(--max-w); margin:0 auto;
    animation:fadeUp .6s ease .1s both;
}
.breadcrumb a { color:rgba(247,237,216,.32); transition:color .2s; }
.breadcrumb a:hover { color:var(--gold); }
.breadcrumb span { color:var(--gold); }
.bc-sep { opacity:.3; }

/* ══ PAGE HEADER ══════════════════════════════ */
.page-header {
    max-width:var(--max-w); margin:0 auto;
    padding:.5rem var(--pad-x) 2rem;
    animation:fadeUp .7s ease .2s both;
}
.page-eyebrow {
    font-size:.62rem; font-weight:500; letter-spacing:.4em; text-transform:uppercase;
    color:var(--gold); display:block; margin-bottom:.6rem;
}
.page-title {

    font-size:clamp(1.8rem,4vw,2.8rem);
    font-weight:700; color:var(--cream); line-height:1.1;
}
.page-title em { font-style:italic; color:var(--gold-light); }

/* ══ CHECKOUT LAYOUT ══════════════════════════ */
.checkout-wrap {
    max-width:var(--max-w); margin:0 auto;
    padding:0 var(--pad-x) clamp(4rem,8vw,6rem);
    display:grid;
    grid-template-columns:1fr 400px;
    gap:clamp(2rem,4vw,3.5rem);
    align-items:start;
}

/* ══ LEFT COLUMN ══════════════════════════════ */

/* ── Step indicator ── */
.steps {
    display:flex; align-items:center; gap:0;
    margin-bottom:2rem;
}
.step-item {
    display:flex; align-items:center; gap:.55rem;
    font-size:.65rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
}
.step-num {
    width:26px; height:26px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:.7rem; font-weight:700; flex-shrink:0;
    border:1px solid rgba(201,146,58,.3);
    color:rgba(247,237,216,.35);
    transition:all .3s;
}
.step-item.done .step-num  { background:var(--green); border-color:var(--green); color:#fff; }
.step-item.active .step-num{ background:var(--gold); border-color:var(--gold); color:var(--dark); }
.step-item.done .step-lbl,
.step-item.active .step-lbl { color:var(--cream); }
.step-lbl { color:rgba(247,237,216,.35); transition:color .3s; }
.step-line {
    flex:1; height:1px; min-width:24px;
    background:rgba(201,146,58,.15); margin:0 .6rem;
}
.step-line.done { background:var(--green); }

/* ── Section card ── */
.form-card {
    border:1px solid rgba(201,146,58,.14);
    background:rgba(35,26,13,.55);
    backdrop-filter:blur(6px);
    margin-bottom:1.25rem;
    overflow:hidden;
}
.form-card-header {
    display:flex; align-items:center; justify-content:space-between;
    padding:1.2rem 1.5rem;
    border-bottom:1px solid rgba(201,146,58,.1);
    cursor:pointer; user-select:none;
}
.form-card-title {
    display:flex; align-items:center; gap:.7rem;
    font-size:.72rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
    color:var(--cream);
}
.fct-icon {
    width:28px; height:28px;
    background:rgba(201,146,58,.1); border:1px solid rgba(201,146,58,.2);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.fct-icon svg { width:13px; height:13px; color:var(--gold); }
.fct-toggle { color:rgba(247,237,216,.3); transition:transform .3s; }
.fct-toggle.open { transform:rotate(180deg); }
.form-card-body { padding:1.5rem; }

/* ── Form fields ── */
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem; }
.form-row.full { grid-template-columns:1fr; }
.form-row.tri  { grid-template-columns:1fr 1fr 1fr; }

.field { display:flex; flex-direction:column; gap:.4rem; }
.field label {
    font-size:.6rem; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
    color:rgba(247,237,216,.45);
}
.field label span { color:var(--spice); margin-left:.15rem; }
.field input,
.field select,
.field textarea {
    background:rgba(26,17,8,.7);
    border:1px solid rgba(201,146,58,.18);
    color:var(--cream);
    font-size:.82rem; font-weight:300;
    padding:.65rem .85rem;
    outline:none;
    transition:border-color .25s, background .25s;
    -webkit-appearance:none;
}
.field input::placeholder,
.field textarea::placeholder { color: rgba(255, 255, 255, 0.2); }
.field input:focus,
.field select:focus,
.field textarea:focus {
    border-color:rgba(201,146,58,.5);
    background:rgba(46,31,15,.6);
}
.field input.error { border-color:rgba(194,75,26,.6); }
.field .err-msg { font-size:.6rem; color:#FF8A6B; letter-spacing:.06em; display:none; }
.field input.error + .err-msg { display:block; }
.field select option { background:var(--dark-2); color:var(--cream); }
.field textarea { resize:vertical; min-height:80px; }

/* phone flag row */
.phone-wrap { display:flex; }
.phone-flag {
    background:rgba(26,17,8,.7); border:1px solid rgba(201,146,58,.18);
    border-right:none; padding:0 .75rem;
    display:flex; align-items:center; gap:.4rem;
    font-size:.8rem; color:rgba(247,237,216,.5); white-space:nowrap; flex-shrink:0;
}
.phone-wrap input { flex:1; border-left:none; }

/* ── Delivery options ── */
.delivery-options { display:flex; flex-direction:column; gap:.7rem; }
.delivery-opt {
    display:flex; align-items:center; gap:1rem;
    border:1px solid rgba(201,146,58,.14);
    padding:1rem 1.2rem;
    cursor:pointer; transition:border-color .25s, background .25s;
    position:relative;
}
.delivery-opt:hover { border-color:rgba(201,146,58,.3); }
.delivery-opt.selected { border-color:var(--gold); background:rgba(201,146,58,.06); }
.delivery-opt input[type=radio] { display:none; }
.do-radio {
    width:16px; height:16px; border-radius:50%;
    border:1px solid rgba(201,146,58,.35);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    transition:border-color .25s;
}
.delivery-opt.selected .do-radio { border-color:var(--gold); }
.do-radio::after {
    content:''; width:8px; height:8px; border-radius:50%;
    background:var(--gold); opacity:0; transition:opacity .2s;
}
.delivery-opt.selected .do-radio::after { opacity:1; }
.do-info { flex:1; }
.do-name  { font-size:.78rem; font-weight:500; color:var(--cream); margin-bottom:.15rem; }
.do-desc  { font-size:.65rem; color:rgba(247,237,216,.4); letter-spacing:.06em; }
.do-price {  font-size:1rem; font-weight:700; color:var(--gold-light); white-space:nowrap; }
.do-badge {
    position:absolute; top:-.5rem; right:.8rem;
    background:var(--green); color:#fff;
    font-size:.52rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
    padding:.15rem .5rem;
}

/* ── Payment ── */
.payment-methods { display:flex; gap:.7rem; margin-bottom:1.2rem; flex-wrap:wrap; }
.pay-method {
    flex:1; min-width:120px;
    border:1px solid rgba(201,146,58,.14);
    padding:.85rem 1rem;
    display:flex; align-items:center; justify-content:center; gap:.5rem;
    cursor:pointer; transition:all .25s;
    font-size:.7rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase;
    color:rgba(247,237,216,.5);
}
.pay-method:hover { border-color:rgba(201,146,58,.3); color:var(--cream); }
.pay-method.selected { border-color:var(--gold); color:var(--cream); background:rgba(201,146,58,.07); }
.pay-method svg { width:18px; height:18px; flex-shrink:0; }

.pay-note {
    font-size:.7rem; line-height:1.6; color:rgba(247,237,216,.4);
    padding:.85rem 1rem;
    border:1px solid rgba(201,146,58,.1);
    background:rgba(26,17,8,.4);
    display:flex; gap:.65rem; align-items:flex-start;
}
.pay-note svg { color:var(--gold); flex-shrink:0; margin-top:1px; width:14px; height:14px; }

/* ── Promo code ── */
.promo-row {
    display:flex; gap:.6rem; margin-bottom:1rem;
}
.promo-row input {
    flex:1; background:rgba(26,17,8,.7);
    border:1px solid rgba(201,146,58,.18);
    color:var(--cream); font-size:.8rem;
    padding:.65rem .85rem; outline:none;
    transition:border-color .25s;
}
.promo-row input:focus { border-color:rgba(201,146,58,.5); }
.promo-row input::placeholder { color:rgba(247,237,216,.2); }
.btn-promo {
    background:rgba(201,146,58,.12); color:var(--gold);
    border:1px solid rgba(201,146,58,.25);
    font-size:.68rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
    padding:.65rem 1.2rem; cursor:pointer; white-space:nowrap;
    transition:all .25s;
}
.btn-promo:hover { background:rgba(201,146,58,.2); border-color:var(--gold); }
.promo-ok {
    font-size:.68rem; color:var(--green); letter-spacing:.08em;
    display:none; align-items:center; gap:.4rem;
}
.promo-ok.visible { display:flex; animation:fadeUp .3s ease both; }

/* ══ RIGHT COLUMN — ORDER SUMMARY ════════════ */
.order-summary {
    position:sticky; top:calc(var(--nav-h) + 1.5rem);
}

.summary-card {
    border:1px solid rgba(201,146,58,.18);
    background:rgba(35,26,13,.6);
    backdrop-filter:blur(8px);
    overflow:hidden;
}

.summary-header {
    padding:1.2rem 1.5rem;
    border-bottom:1px solid rgba(201,146,58,.1);
    font-size:.68rem; font-weight:700; letter-spacing:.26em; text-transform:uppercase;
    color:var(--gold); display:flex; align-items:center; gap:.6rem;
}
.summary-header svg { width:14px; height:14px; }

/* cart items */
.cart-items { padding:1.2rem 1.5rem; border-bottom:1px solid rgba(201,146,58,.08); }
.cart-item {
    display:flex; align-items:center; gap:1rem; margin-bottom:1rem;
    padding-bottom:1rem; border-bottom:1px solid rgba(201,146,58,.06);
}
.cart-item:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }

.ci-img {
    width:62px; height:62px; flex-shrink:0;
    border:1px solid rgba(201,146,58,.14);
    background:rgba(26,17,8,.6);
    display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.ci-img img { width:100%; height:100%; object-fit:contain; padding:.4rem; }
.ci-info { flex:1; min-width:0; }
.ci-name { font-size:.78rem; font-weight:500; color:var(--cream); margin-bottom:.2rem; line-height:1.3; }
.ci-sub  { font-size:.62rem; color:rgba(247,237,216,.38); letter-spacing:.06em; }
.ci-right { display:flex; flex-direction:column; align-items:flex-end; gap:.4rem; }
.ci-price {  font-size:1rem; font-weight:700; color:var(--gold-light); }
.ci-qty {
    display:flex; align-items:center; gap:.3rem;
    border:1px solid rgba(201,146,58,.16);
}
.ci-qty-btn {
    width:22px; height:22px; background:none; border:none;
    color:var(--gold); font-size:.85rem; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:background .2s;
}
.ci-qty-btn:hover { background:rgba(201,146,58,.12); }
.ci-qty-num { font-size:.72rem; font-weight:500; width:22px; text-align:center; }
.ci-remove {
    font-size:.58rem; color:rgba(247,237,216,.25);
    letter-spacing:.1em; text-transform:uppercase;
    background:none; border:none; cursor:pointer; transition:color .25s;
}
.ci-remove:hover { color:#FF8A6B; }

/* totals */
.summary-totals { padding:1.2rem 1.5rem; border-bottom:1px solid rgba(201,146,58,.08); }
.total-row {
    display:flex; justify-content:space-between; align-items:center;
    margin-bottom:.65rem;
}
.total-row:last-child { margin-bottom:0; }
.tr-label { font-size:.72rem; color:rgba(247,237,216,.5); letter-spacing:.06em; }
.tr-val   { font-size:.78rem; font-weight:500; color:var(--cream); }
.tr-val.free  { color:var(--green); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.tr-val.disc  { color:#FF8A6B; }
.total-divider { height:1px; background:rgba(201,146,58,.1); margin:.8rem 0; }
.tr-grand .tr-label { font-size:.78rem; font-weight:600; color:var(--cream); letter-spacing:.1em; text-transform:uppercase; }
.tr-grand .tr-val   {  font-size:1.5rem; font-weight:700; color:var(--gold-light); }

/* checkout button */
.summary-actions { padding:1.2rem 1.5rem; }
.btn-checkout {
    width:100%; background:linear-gradient(135deg, var(--gold), var(--gold-light));
    color:var(--dark); border:none;
    font-size:.76rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
    padding:1.1rem 1rem; cursor:pointer;
    clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:filter .3s, transform .3s, box-shadow .3s;
    display:flex; align-items:center; justify-content:center; gap:.6rem;
    position:relative; overflow:hidden;
}
.btn-checkout::before {
    content:''; position:absolute; inset:0;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
    transform:translateX(-100%);
    transition:transform .5s;
}
.btn-checkout:hover::before { transform:translateX(100%); }
.btn-checkout:hover { filter:brightness(1.1); transform:translateY(-2px); box-shadow:0 10px 28px rgba(201,146,58,.38); }
.btn-checkout svg { width:16px; height:16px; flex-shrink:0; }

.btn-wa-checkout {
    width:100%; background:#25D366; color:#fff; border:none;
    font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
    padding:.9rem 1rem; margin-top:.7rem; cursor:pointer;
    clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:all .3s;
    display:flex; align-items:center; justify-content:center; gap:.55rem;
}
.btn-wa-checkout:hover { background:#1dba59; transform:translateY(-2px); box-shadow:0 8px 24px rgba(37,211,102,.3); }
.btn-wa-checkout svg { width:16px; height:16px; flex-shrink:0; }

/* micro security badges */
.summary-badges {
    padding:.9rem 1.5rem 1.2rem;
    display:flex; gap:.8rem; flex-wrap:wrap;
}
.sbadge {
    display:flex; align-items:center; gap:.35rem;
    font-size:.58rem; letter-spacing:.1em; text-transform:uppercase;
    color:rgba(247,237,216,.32);
}
.sbadge svg { width:11px; height:11px; color:rgba(201,146,58,.55); }

/* ══ SUCCESS OVERLAY ══════════════════════════ */
#successOverlay {
    display:none; position:fixed; inset:0; z-index:600;
    background:rgba(26,17,8,.96);
    flex-direction:column; align-items:center; justify-content:center;
    text-align:center; padding:2rem;
}
#successOverlay.show { display:flex; }
.success-icon {
    width:80px; height:80px;
    background:rgba(76,175,125,.15);
    border:1px solid rgba(76,175,125,.35);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 1.5rem;
    animation:checkPop .5s ease .2s both;
}
.success-icon svg { width:36px; height:36px; color:var(--green); }
.success-title {
     font-style:italic;
    font-size:clamp(1.8rem,5vw,2.8rem); font-weight:700;
    color:var(--cream); margin-bottom:.6rem;
    animation:fadeUp .6s ease .4s both;
}
.success-title em { color:var(--gold-light); }
.success-sub {
    font-family:'Cormorant Garamond',serif; font-style:italic;
    font-size:clamp(1rem,2vw,1.25rem); color:rgba(247,237,216,.55);
    max-width:440px; line-height:1.7;
    animation:fadeUp .6s ease .55s both;
}
.success-divider {
    width:60px; height:1px; background:rgba(201,146,58,.35);
    margin:1.6rem auto; animation:fadeUp .6s ease .6s both;
}
.success-detail {
    font-size:.75rem; letter-spacing:.12em; color:rgba(247,237,216,.45);
    animation:fadeUp .6s ease .65s both;
}
.success-detail strong { color:var(--gold); }
.btn-back-home {
    display:inline-flex; align-items:center; gap:.5rem;
    background:var(--gold); color:var(--dark);
    font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
    padding:.9rem 2rem; margin-top:2rem; cursor:pointer; border:none;
    clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:background .3s;
    animation:fadeUp .6s ease .75s both;
}
.btn-back-home:hover { background:var(--gold-light); }

/* ══ EMPTY CART ═══════════════════════════════ */
#emptyCart {
    display:none; text-align:center;
    padding:clamp(3rem,8vw,6rem) var(--pad-x);
    max-width:480px; margin:0 auto;
}
#emptyCart.show { display:block; }
.ec-icon {
    width:70px; height:70px;
    border:1px solid rgba(201,146,58,.2);
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 1.5rem;
}
.ec-icon svg { width:30px; height:30px; color:rgba(201,146,58,.5); }
.ec-title {
     font-style:italic;
    font-size:1.8rem; font-weight:700; color:var(--cream); margin-bottom:.6rem;
}
.ec-sub { font-size:.82rem; color:rgba(247,237,216,.42); line-height:1.7; margin-bottom:1.8rem; }

/* ══ FOOTER ═══════════════════════════════════ */
footer {
    background:var(--dark-2,#1e1609);
    padding:clamp(3rem,6vw,4.5rem) var(--pad-x) clamp(1.5rem,3vw,2rem);
    border-top:1px solid rgba(201,146,58,.09);
}
.foot-grid {
    max-width:var(--max-w); margin:0 auto;
    display:grid; grid-template-columns:1.55fr 1fr 1fr;
    gap:clamp(2rem,4vw,3.5rem);
    padding-bottom:clamp(2rem,4vw,3rem);
    border-bottom:1px solid rgba(201,146,58,.07);
}
.f-logo {   font-size:1.7rem; color:var(--gold); display:block; margin-bottom:.7rem; }
.f-tag  { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:.88rem; color:rgba(247,237,216,.36); line-height:1.62; margin-bottom:1.4rem; }
.socials { display:flex; gap:.55rem; flex-wrap:wrap; }
.soc { width:34px; height:34px; border:1px solid rgba(201,146,58,.2); display:flex; align-items:center; justify-content:center; color:rgba(201,146,58,.55); transition:all .28s; }
.soc:hover { border-color:var(--gold); color:var(--gold); background:rgba(201,146,58,.07); }
.f-head { font-size:.6rem; font-weight:700; letter-spacing:.26em; text-transform:uppercase; color:var(--gold); margin-bottom:1.1rem; }
.f-list { list-style:none; }
.f-list li { font-size:.78rem; color:rgba(247,237,216,.45); margin-bottom:.55rem; cursor:pointer; transition:color .25s; }
.f-list li:hover { color:var(--gold-light); }
.f-ci { display:flex; align-items:flex-start; gap:.65rem; font-size:.78rem; color:rgba(247,237,216,.45); margin-bottom:.75rem; }
.f-ci svg { color:var(--gold); margin-top:2px; flex-shrink:0; }
.foot-bottom {
    max-width:var(--max-w); margin:0 auto; padding-top:1.5rem;
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.8rem;
}
.f-copy { font-size:.63rem; color:rgba(247,237,216,.2); letter-spacing:.09em; }
.f-badge { display:flex; align-items:center; gap:.38rem; }
.f-badge span { font-size:.6rem; color:rgba(247,237,216,.16); letter-spacing:.1em; }
.dm { width:5px; height:5px; background:var(--gold); transform:rotate(45deg); opacity:.28; }

/* WhatsApp FAB */
.wa-fab {
    position:fixed; bottom:1.5rem; right:1.5rem;
    width:50px; height:50px; background:#25D366; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 4px 20px rgba(37,211,102,.42); z-index:400;
    transition:transform .28s, box-shadow .28s;
}
.wa-fab:hover { transform:scale(1.12); box-shadow:0 8px 30px rgba(37,211,102,.52); }

/* ══ RESPONSIVE ═══════════════════════════════ */
@media(max-width:1024px){
    .checkout-wrap { grid-template-columns:1fr; }
    .order-summary { position:static; }
    .foot-grid { grid-template-columns:1fr 1fr; }
    .foot-grid > :first-child { grid-column:1/-1; }
}

@media(max-width:860px){
    :root{ --nav-h:58px; }
    .nav-links { display:none; }
    .burger    { display:flex; }
    .form-row.tri { grid-template-columns:1fr 1fr; }
}

@media(max-width:600px){
    .form-row     { grid-template-columns:1fr; }
    .form-row.tri { grid-template-columns:1fr; }
    .payment-methods { flex-direction:column; }
    .steps { gap:0; }
    .step-lbl { display:none; }
    .foot-grid { grid-template-columns:1fr; }
    .foot-grid > :first-child { grid-column:auto; }
    .foot-bottom { flex-direction:column; text-align:center; }
    .f-badge { justify-content:center; }
}

@media(max-width:380px){
    .delivery-options .do-price { font-size:.85rem; }
}


/* ══════════════════════════════════════════
   PAGE: ABOUT
══════════════════════════════════════════ */

/* ── NAV ── */
nav{
    position:fixed;top:0;left:0;right:0;z-index:500;
    height:var(--nav-h);display:flex;align-items:center;
    padding:0 var(--px);justify-content:space-between;
    backdrop-filter:blur(18px);background:rgba(26,17,8,.88);
    border-bottom:1px solid rgba(201,146,58,.14);
    transition:background .35s,height .35s;
}
nav.compact{height:56px;background:rgba(26,17,8,.97)}
.logo{font-style:italic;font-size:1.32rem;color:var(--gold);display:flex;align-items:center;gap:.48rem;flex-shrink:0}
.logo svg{width:26px;height:26px}
.nlinks{display:flex;align-items:center}
.nlinks a{font-size:.72rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:rgba(247,237,216,.68);margin-left:1.75rem;transition:color .25s}
.nlinks a:hover{color:var(--gold-l)}
.nlinks a.act{color:var(--gold)}
.btn-nav{background:var(--gold);color:var(--dark);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.46rem 1.1rem;border:none;margin-left:1.5rem;transition:background .25s}
.btn-nav:hover{background:var(--gold-l)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:5px}
.burger span{display:block;width:22px;height:2px;background:var(--gold);border-radius:1px;transition:all .28s}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#mm{display:none;position:fixed;inset:0;z-index:499;background:rgba(26,17,8,.98);flex-direction:column;align-items:center;justify-content:center;gap:1.75rem}
#mm.on{display:flex;animation:mSlide .28s ease both}
#mm a{font-style:italic;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:700;color:var(--cream);transition:color .25s}
#mm a:hover{color:var(--gold-l)}
.mdv{width:36px;height:1px;background:rgba(201,146,58,.28)}

/* ── shared utils ── */
.eyebrow{display:block;font-size:.62rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:.85rem}
.stitle{font-size:clamp(1.75rem,3.8vw,3.2rem);font-weight:700;color:var(--cream);line-height:1.15}
.stitle em{font-style:italic;color:var(--gold-l)}
.divider{display:flex;align-items:center;gap:.75rem;justify-content:center;margin:.75rem 0}
.dl{flex:1;max-width:68px;height:1px;background:linear-gradient(to right,transparent,rgba(201,146,58,.38))}
.dlr{flex:1;max-width:68px;height:1px;background:linear-gradient(to left,transparent,rgba(201,146,58,.38))}
.dd{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}
.btn-g{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--gold);color:var(--dark);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:.9rem 2rem;border:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all .32s}
.btn-g:hover{background:var(--gold-l);transform:translateY(-3px);box-shadow:0 10px 28px rgba(201,146,58,.35)}
.btn-o{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:transparent;color:var(--gold);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:.9rem 2rem;border:1px solid rgba(201,146,58,.38);transition:all .32s}
.btn-o:hover{border-color:var(--gold);background:rgba(201,146,58,.07);transform:translateY(-3px)}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.hero{
    min-height:75vh;position:relative;overflow:hidden;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:calc(var(--nav-h) + 3rem) var(--px) 5rem;
    text-align:center;
}
.h-bg{
    position:absolute;inset:0;
    background:
        radial-gradient(ellipse 70% 55% at 50% 65%,rgba(140,58,26,.28),transparent 68%),
        radial-gradient(ellipse 38% 38% at 12% 22%,rgba(201,146,58,.12),transparent 55%),
        radial-gradient(ellipse 40% 40% at 88% 75%,rgba(139,58,26,.18),transparent 55%);
}
.h-strip{
    position:absolute;bottom:0;left:0;right:0;
    height:clamp(130px,22vh,240px);overflow:hidden;
    mask-image:linear-gradient(to top,rgba(0,0,0,.7),transparent);
    -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.7),transparent);
}
.h-strip img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(1.2) brightness(.46)}
.h-ring{
    position:absolute;width:min(580px,84vw);height:min(580px,84vw);
    border-radius:50%;border:1px solid rgba(201,146,58,.07);
    top:50%;left:50%;transform:translate(-50%,-50%);
    animation:spinR 44s linear infinite;pointer-events:none;
}
.h-ring::after{content:'';position:absolute;inset:22px;border-radius:50%;border:1px dashed rgba(201,146,58,.04)}
.h-crumb{
    position:absolute;top:calc(var(--nav-h) + .9rem);left:var(--px);
    display:flex;align-items:center;gap:.4rem;
    font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;
    color:rgba(247,237,216,.28);z-index:3;
    animation:fadeUp .6s ease .1s both;
}
.h-crumb a{color:rgba(247,237,216,.28);transition:color .2s}
.h-crumb a:hover{color:var(--gold)}
.h-crumb span{color:var(--gold)}
.h-ey{position:relative;z-index:2;animation:fadeUp .9s ease .2s both}
.h-t1{
    position:relative;z-index:2;

    font-size:clamp(2.4rem,8vw,6rem);font-weight:900;line-height:1;
    color:var(--cream);max-width:800px;
    animation:fadeUp .9s ease .36s both;
}
.h-t1 em{font-style:italic;color:var(--gold-l)}
.h-sub{
    position:relative;z-index:2;
    font-family:'Cormorant Garamond',serif;
    font-size:clamp(1rem,2.2vw,1.35rem);font-weight:300;font-style:italic;
    color:rgba(247,237,216,.56);margin-top:1.1rem;max-width:520px;
    animation:fadeUp .9s ease .52s both;
}

/* ══════════════════════════════════════
   STATS STRIP
══════════════════════════════════════ */
.stats-strip{
    background:var(--warm);
    border-top:1px solid rgba(201,146,58,.11);
    border-bottom:1px solid rgba(201,146,58,.11);
    padding:clamp(2rem,4vw,3.5rem) var(--px);
}
.ss-inner{
    max-width:var(--mw);margin:0 auto;
    display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;
    align-items:center;
}
.ss-stat{text-align:center;padding:0 clamp(1rem,3vw,2.5rem)}
.ss-num{

    font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1;
    background:linear-gradient(90deg,var(--gold),var(--gold-l),var(--gold));
    background-size:200% auto;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    animation:shimmer 3.5s linear infinite;
}
.ss-lbl{font-size:.6rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,237,216,.4);margin-top:.4rem}
.ss-sep{width:1px;height:44px;background:rgba(201,146,58,.14)}

/* ══════════════════════════════════════
   STORY SECTION
══════════════════════════════════════ */
.story{padding:clamp(4rem,9vw,7rem) var(--px);max-width:var(--mw);margin:0 auto}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem);align-items:center}

.sv{position:relative}
.sv-main{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid rgba(201,146,58,.14);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.sv::before{content:'';position:absolute;top:10%;left:-14px;width:3px;height:80%;background:linear-gradient(to bottom,transparent,var(--gold),transparent)}
.sv-card{
    position:absolute;bottom:-1.2rem;right:-1.2rem;
    background:var(--warm);border:1px solid rgba(201,146,58,.22);
    padding:1.1rem 1.4rem;width:clamp(150px,34%,190px);
    box-shadow:0 12px 36px rgba(0,0,0,.45);
}
.sv-card-n{font-size:1.9rem;font-weight:700;color:var(--gold-l);line-height:1}
.sv-card-l{font-size:.58rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,237,216,.42);margin-top:.28rem}

.st-text{}
.st-lead{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.9vw,1.25rem);font-weight:300;font-style:italic;line-height:1.78;color:rgba(247,237,216,.63);margin:1.2rem 0 1.4rem}
.st-body{font-size:.83rem;line-height:1.85;color:rgba(247,237,216,.48);letter-spacing:.03em;margin-bottom:1.1rem}
.st-sig{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.45rem;color:var(--gold);margin-top:1.8rem;border-top:1px solid rgba(201,146,58,.14);padding-top:1rem}
.st-sig-r{font-family:'Jost',sans-serif;font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,237,216,.36);font-style:normal;margin-top:.22rem;display:block}

/* ══════════════════════════════════════
   MISSION CARDS
══════════════════════════════════════ */
.mission{
    background:var(--dark-2,#1e1609);
    border-top:1px solid rgba(201,146,58,.08);border-bottom:1px solid rgba(201,146,58,.08);
    padding:clamp(4rem,9vw,7rem) var(--px);position:relative;overflow:hidden;
}
.mission::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 50% 50%,rgba(139,58,26,.11),transparent);pointer-events:none}
.mission-hdr{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}
.m-inner{max-width:var(--mw);margin:0 auto}
.m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.m-card{
    position:relative;border:1px solid rgba(201,146,58,.12);
    background:rgba(26,17,8,.55);padding:clamp(1.6rem,3vw,2.2rem);overflow:hidden;
    transition:border-color .35s,transform .35s,box-shadow .35s;
}
.m-card:hover{border-color:rgba(201,146,58,.34);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.42)}
.m-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(201,146,58,.055),transparent 60%);opacity:0;transition:opacity .35s}
.m-card:hover::before{opacity:1}
.m-bignum{font-size:4.5rem;font-weight:900;color:rgba(201,146,58,.07);line-height:1;margin-bottom:.4rem;user-select:none}
.m-icon{width:40px;height:40px;border:1px solid rgba(201,146,58,.22);background:rgba(201,146,58,.08);display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}
.m-icon svg{width:17px;height:17px;color:var(--gold)}
.m-title{font-size:1.08rem;font-weight:700;color:var(--cream);margin-bottom:.55rem}
.m-body{font-size:.8rem;line-height:1.75;color:rgba(247,237,216,.48)}

/* ══════════════════════════════════════
   VALUES
══════════════════════════════════════ */
.values{padding:clamp(4rem,9vw,7rem) var(--px);max-width:var(--mw);margin:0 auto}
.values-hdr{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}
.vlist{display:flex;flex-direction:column}
.vrow{
    display:grid;grid-template-columns:72px 1fr;align-items:stretch;
    border-bottom:1px solid rgba(201,146,58,.08);transition:background .3s;
}
.vrow:first-child{border-top:1px solid rgba(201,146,58,.08)}
.vrow:hover{background:rgba(46,31,15,.4)}
.vn{
    display:flex;align-items:center;justify-content:center;
    font-size:1.5rem;font-weight:700;
    color:rgba(201,146,58,.18);border-right:1px solid rgba(201,146,58,.08);
    padding:1.8rem 0;transition:color .3s;
}
.vrow:hover .vn{color:rgba(201,146,58,.42)}
.vbody{padding:1.8rem clamp(1.2rem,3vw,2.5rem);display:flex;align-items:center;gap:2rem}
.vtext{flex:1}
.vtitle{font-size:1.05rem;font-weight:700;color:var(--cream);margin-bottom:.38rem}
.vdesc{font-size:.79rem;line-height:1.72;color:rgba(247,237,216,.47)}
.vtag{flex-shrink:0;font-size:.55rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;background:rgba(201,146,58,.1);color:var(--gold);padding:.22rem .65rem;border:1px solid rgba(201,146,58,.2);white-space:nowrap}

/* ══════════════════════════════════════
   TIMELINE
══════════════════════════════════════ */
.timeline-sec{
    background:var(--warm);
    border-top:1px solid rgba(201,146,58,.08);border-bottom:1px solid rgba(201,146,58,.08);
    padding:clamp(4rem,9vw,7rem) var(--px);
}
.tl-hdr{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}
.tl-wrap{max-width:var(--mw);margin:0 auto}
.tl{position:relative;max-width:760px;margin:0 auto;padding-left:clamp(2rem,5vw,3.5rem)}
.tl::before{
    content:'';position:absolute;top:0;bottom:0;left:0;width:1px;
    background:linear-gradient(to bottom,transparent,rgba(201,146,58,.3) 12%,rgba(201,146,58,.3) 88%,transparent);
    transform-origin:top;animation:lineG 1.2s ease .4s both;
}
.tl-item{position:relative;padding-bottom:2.8rem;padding-left:clamp(1.5rem,3vw,2.2rem)}
.tl-item:last-child{padding-bottom:0}
.tl-dot{
    position:absolute;left:0;top:.3rem;
    width:13px;height:13px;border-radius:50%;
    background:var(--dark);border:2px solid rgba(201,146,58,.32);
    transform:translateX(-6px);transition:border-color .3s,background .3s;
}
.tl-item:hover .tl-dot{border-color:var(--gold);background:rgba(201,146,58,.2)}
.tl-yr{font-size:.6rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:.42rem}
.tl-t{font-size:1.05rem;font-weight:700;color:var(--cream);margin-bottom:.38rem}
.tl-b{font-size:.8rem;line-height:1.72;color:rgba(247,237,216,.46);max-width:500px}

/* ══════════════════════════════════════
   TEAM
══════════════════════════════════════ */
.team{padding:clamp(4rem,9vw,7rem) var(--px);max-width:var(--mw);margin:0 auto}
.team-hdr{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.tc{border:1px solid rgba(201,146,58,.12);background:rgba(35,26,13,.55);overflow:hidden;transition:border-color .35s,transform .35s}
.tc:hover{border-color:rgba(201,146,58,.32);transform:translateY(-5px)}
.tc-photo{
    width:100%;aspect-ratio:1/1;
    background:rgba(46,31,15,.7);
    display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;
}
.tc-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.88);transition:filter .4s,transform .4s}
.tc:hover .tc-photo img{filter:saturate(1.1) brightness(.95);transform:scale(1.04)}
.tc-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(26,17,8,.7) 0%,transparent 50%)}
.tc-av{
    width:75px;height:75px;border-radius:50%;
    border:2px solid rgba(201,146,58,.2);background:rgba(201,146,58,.08);
    display:flex;align-items:center;justify-content:center;
    font-style:italic;font-size:1.7rem;font-weight:700;color:rgba(201,146,58,.38);
}
.tc-body{padding:1.3rem}
.tc-name{font-size:1.05rem;font-weight:700;color:var(--cream);margin-bottom:.18rem}
.tc-role{font-size:.6rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.65rem}
.tc-bio{font-size:.77rem;line-height:1.72;color:rgba(247,237,216,.46)}

/* ══════════════════════════════════════
   CERTIFICATIONS
══════════════════════════════════════ */
.cert{
    background:var(--dark-2,#1e1609);
    border-top:1px solid rgba(201,146,58,.08);
    padding:clamp(4rem,9vw,7rem) var(--px);
}
.cert-inner{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:center}
.cert-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--cream);margin:1rem 0}
.cert-title em{font-style:italic;color:var(--gold-l)}
.cert-body{font-size:.82rem;line-height:1.82;color:rgba(247,237,216,.46)}
.cert-badges{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.cbadge{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(201,146,58,.17);background:rgba(46,31,15,.5);padding:.65rem .95rem;font-size:.67rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,237,216,.52);transition:border-color .25s}
.cbadge:hover{border-color:rgba(201,146,58,.34)}
.cbadge svg{color:var(--gold);width:13px;height:13px;flex-shrink:0}
.cert-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:210px 160px;gap:10px}
.cp{overflow:hidden;border:1px solid rgba(201,146,58,.12);position:relative}
.cp img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.8);transition:filter .4s}
.cp:hover img{filter:saturate(1.3) brightness(.95)}
.cp.tall{grid-row:1/3}

/* ══════════════════════════════════════
   CTA BAND
══════════════════════════════════════ */
.cta-band{
    padding:clamp(4rem,9vw,7rem) var(--px);
    position:relative;overflow:hidden;text-align:center;
}
.cta-band::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(140,58,26,.2),transparent 68%),
    radial-gradient(ellipse 28% 38% at 10% 18%,rgba(201,146,58,.09),transparent 55%);
    pointer-events:none;
}
.cta-inner{max-width:660px;margin:0 auto;position:relative;z-index:1}
.cta-quote{
    font-family:'Cormorant Garamond',serif;font-style:italic;
    font-size:clamp(1.15rem,2.8vw,1.75rem);font-weight:300;
    color:rgba(247,237,216,.52);line-height:1.68;margin-bottom:2.4rem;
}
.cta-quote strong{color:var(--cream);font-style:normal;font-weight:600}
.cta-acts{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer{
    background:var(--dark-2,#1e1609);
    padding:clamp(3rem,6vw,5rem) var(--px) clamp(1.5rem,3vw,2rem);
    border-top:1px solid rgba(201,146,58,.09);
}
.fg{
    max-width:var(--mw);margin:0 auto;
    display:grid;grid-template-columns:1.55fr 1fr 1fr;
    gap:clamp(2rem,4vw,3.5rem);
    padding-bottom:clamp(2rem,4vw,3rem);
    border-bottom:1px solid rgba(201,146,58,.07);
}
.f-logo{font-style:italic;font-size:1.7rem;color:var(--gold);display:block;margin-bottom:.7rem}
.f-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.88rem;color:rgba(247,237,216,.36);line-height:1.62;margin-bottom:1.4rem}
.socials{display:flex;gap:.55rem;flex-wrap:wrap}
.soc{width:34px;height:34px;border:1px solid rgba(201,146,58,.2);display:flex;align-items:center;justify-content:center;color:rgba(201,146,58,.55);transition:all .28s}
.soc:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,146,58,.07)}
.fh{font-size:.6rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}
.fl{list-style:none}
.fl li{font-size:.78rem;color:rgba(247,237,216,.45);margin-bottom:.55rem;cursor:pointer;transition:color .25s}
.fl li:hover{color:var(--gold-l)}
.fci{display:flex;align-items:flex-start;gap:.65rem;font-size:.78rem;color:rgba(247,237,216,.45);margin-bottom:.75rem}
.fci svg{color:var(--gold);margin-top:2px;flex-shrink:0}
.fcta{margin-top:1.5rem;padding:1rem;border:1px solid rgba(201,146,58,.14);background:rgba(46,31,15,.38)}
.fcta-l{font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.65rem}
.btn-fc{display:block;text-align:center;background:var(--gold);color:var(--dark);font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:.72rem 1rem;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:background .25s}
.btn-fc:hover{background:var(--gold-l)}
.fb{max-width:var(--mw);margin:0 auto;padding-top:1.6rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}
.fc{font-size:.63rem;color:rgba(247,237,216,.2);letter-spacing:.09em}
.fdm{display:flex;align-items:center;gap:.38rem}
.fdm span{font-size:.6rem;color:rgba(247,237,216,.16);letter-spacing:.1em}
.dm{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.28}

.wa-fab{
    position:fixed;bottom:clamp(1rem,3vw,1.6rem);right:clamp(1rem,3vw,1.6rem);
    width:50px;height:50px;background:#25D366;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 4px 20px rgba(37,211,102,.42);z-index:400;
    transition:transform .28s,box-shadow .28s;
}
.wa-fab:hover{transform:scale(1.12);box-shadow:0 8px 30px rgba(37,211,102,.52)}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1024px){
    .ss-inner{grid-template-columns:1fr 1px 1fr 1px 1fr}
    .ss-inner .ss-sep:last-child{display:none}
    .team-grid{grid-template-columns:repeat(2,1fr)}
    .fg{grid-template-columns:1fr 1fr}
    .fg>:first-child{grid-column:1/-1}
}
@media(max-width:860px){
    :root{--nav-h:58px}
    .nlinks{display:none}
    .burger{display:flex}
    .story-grid{grid-template-columns:1fr}
    .sv{max-width:480px}
    .sv-card{right:0;bottom:-.8rem}
    .m-grid{grid-template-columns:1fr 1fr}
    .cert-inner{grid-template-columns:1fr}
    .cert-photos{grid-template-rows:170px 130px}
    .ss-inner{grid-template-columns:1fr 1fr;gap:1.5rem}
    .ss-sep{display:none}
    .ss-stat{border-bottom:1px solid rgba(201,146,58,.1);padding-bottom:1.2rem}
    .ss-stat:nth-child(7),.ss-stat:nth-child(8){border-bottom:none}
}
@media(max-width:600px){
    .h-t1{font-size:clamp(2rem,10vw,3rem)}
    .m-grid{grid-template-columns:1fr}
    .team-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}
    .vlist .vtag{display:none}
    .cert-photos{grid-template-columns:1fr;grid-template-rows:200px 160px 160px}
    .cert-photos .cp.tall{grid-row:auto}
    .cta-acts{flex-direction:column;align-items:center}
    .cta-acts .btn-g,.cta-acts .btn-o{width:100%;max-width:280px}
    .fg{grid-template-columns:1fr}
    .fg>:first-child{grid-column:auto}
    .fb{flex-direction:column;text-align:center}
    .fdm{justify-content:center}
    .ss-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
    .vrow{grid-template-columns:50px 1fr}
    .vn{font-size:1.2rem}
}


/* ══════════════════════════════════════════
   PAGE: PRIVACY
══════════════════════════════════════════ */

/* ── NAV ── */
nav{
    position:fixed;top:0;left:0;right:0;z-index:500;
    height:var(--nav-h);display:flex;align-items:center;
    padding:0 var(--px);justify-content:space-between;
    backdrop-filter:blur(18px);background:rgba(26,17,8,.88);
    border-bottom:1px solid rgba(201,146,58,.14);
    transition:background .35s,height .35s;
}
nav.compact{height:56px;background:rgba(26,17,8,.97)}
.logo{font-style:italic;font-size:1.32rem;color:var(--gold);display:flex;align-items:center;gap:.48rem;flex-shrink:0}
.logo svg{width:26px;height:26px}
.nlinks{display:flex;align-items:center}
.nlinks a{font-size:.72rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:rgba(247,237,216,.68);margin-left:1.75rem;transition:color .25s}
.nlinks a:hover{color:var(--gold-l)}
.nlinks a.act{color:var(--gold)}
.btn-nav{background:var(--gold);color:var(--dark);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.46rem 1.1rem;border:none;margin-left:1.5rem;transition:background .25s}
.btn-nav:hover{background:var(--gold-l)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:5px}
.burger span{display:block;width:22px;height:2px;background:var(--gold);border-radius:1px;transition:all .28s}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#mm{display:none;position:fixed;inset:0;z-index:499;background:rgba(26,17,8,.98);flex-direction:column;align-items:center;justify-content:center;gap:1.75rem}
#mm.on{display:flex;animation:mSlide .28s ease both}
#mm a{font-style:italic;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:700;color:var(--cream);transition:color .25s}
#mm a:hover{color:var(--gold-l)}
.mdv{width:36px;height:1px;background:rgba(201,146,58,.28)}

/* ── HERO ── */
.hero{
    min-height:42vh;position:relative;overflow:hidden;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:calc(var(--nav-h) + 2.5rem) var(--px) 4rem;
    text-align:center;
}
.h-bg{
    position:absolute;inset:0;
    background:
        radial-gradient(ellipse 65% 50% at 50% 60%,rgba(140,58,26,.22),transparent 65%),
        radial-gradient(ellipse 35% 35% at 10% 20%,rgba(201,146,58,.1),transparent 55%);
}
.h-ring{
    position:absolute;width:min(500px,80vw);height:min(500px,80vw);
    border-radius:50%;border:1px solid rgba(201,146,58,.06);
    top:50%;left:50%;transform:translate(-50%,-50%);
    animation:spinR 48s linear infinite;pointer-events:none;
}
.h-ring::after{content:'';position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(201,146,58,.03)}
.h-crumb{
    position:absolute;top:calc(var(--nav-h) + .9rem);left:var(--px);
    display:flex;align-items:center;gap:.4rem;
    font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;
    color:rgba(247,237,216,.28);z-index:3;
    animation:fadeUp .6s ease .1s both;
}
.h-crumb a{color:rgba(247,237,216,.28);transition:color .2s}
.h-crumb a:hover{color:var(--gold)}
.h-crumb span{color:var(--gold)}
.h-ey{
    position:relative;z-index:2;
    font-size:.62rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;
    color:var(--gold);margin-bottom:.85rem;
    animation:fadeUp .9s ease .2s both;
}
.h-t1{
    position:relative;z-index:2;

    font-size:clamp(2rem,6vw,4.5rem);font-weight:900;line-height:1.05;
    color:var(--cream);max-width:720px;
    animation:fadeUp .9s ease .35s both;
}
.h-t1 em{font-style:italic;color:var(--gold-l)}
.h-meta{
    position:relative;z-index:2;
    display:flex;align-items:center;gap:.7rem;margin-top:1.3rem;
    font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;
    color:rgba(247,237,216,.35);
    animation:fadeUp .9s ease .48s both;
}
.h-meta-dot{width:3px;height:3px;background:rgba(201,146,58,.5);border-radius:50%}

/* ── LAYOUT ── */
.page-wrap{
    max-width:var(--mw);margin:0 auto;
    padding:clamp(3rem,6vw,5rem) var(--px) clamp(4rem,8vw,7rem);
    display:grid;
    grid-template-columns:260px 1fr;
    gap:clamp(2.5rem,5vw,5rem);
    align-items:start;
}

/* ── SIDEBAR / TOC ── */
.toc{
    position:sticky;top:calc(var(--nav-h) + 1.5rem);
}
.toc-label{
    font-size:.58rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;
    color:var(--gold);margin-bottom:1rem;display:block;
}
.toc-list{list-style:none;display:flex;flex-direction:column;gap:0}
.toc-list li a{
    display:flex;align-items:center;gap:.65rem;
    font-size:.72rem;font-weight:300;letter-spacing:.08em;
    color:rgba(247,237,216,.42);
    padding:.55rem .75rem;
    border-left:2px solid rgba(201,146,58,.1);
    transition:color .25s,border-color .25s,background .25s;
}
.toc-list li a:hover{color:var(--cream);border-left-color:rgba(201,146,58,.4);background:rgba(201,146,58,.04)}
.toc-list li a.active{color:var(--gold);border-left-color:var(--gold);background:rgba(201,146,58,.06)}
.toc-list li a .toc-num{
    font-size:.8rem;font-weight:700;
    color:rgba(201,146,58,.3);flex-shrink:0;width:16px;
    transition:color .25s;
}
.toc-list li a.active .toc-num,
.toc-list li a:hover .toc-num{color:var(--gold)}

/* back to top */
.toc-back{
    display:flex;align-items:center;gap:.5rem;
    font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
    color:rgba(247,237,216,.28);margin-top:1.8rem;cursor:pointer;
    border:none;background:none;padding:0;
    transition:color .25s;
}
.toc-back:hover{color:var(--gold)}
.toc-back svg{width:12px;height:12px}

/* last updated badge */
.toc-date{
    margin-top:1.5rem;
    padding:.6rem .85rem;
    border:1px solid rgba(201,146,58,.14);
    background:rgba(46,31,15,.4);
}
.toc-date-lbl{font-size:.55rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(201,146,58,.5);margin-bottom:.3rem}
.toc-date-val{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.9rem;color:rgba(247,237,216,.55)}

/* ── CONTENT ── */
.policy-content{}

.policy-section{
    margin-bottom:clamp(2.5rem,5vw,3.5rem);
    scroll-margin-top:calc(var(--nav-h) + 1.5rem);
}

/* section header */
.ps-head{
    display:flex;align-items:center;gap:1rem;
    margin-bottom:1.4rem;
    padding-bottom:1rem;
    border-bottom:1px solid rgba(201,146,58,.1);
}
.ps-num{
    font-size:1.4rem;font-weight:700;
    color:rgba(201,146,58,.22);flex-shrink:0;line-height:1;
}
.ps-icon{
    width:34px;height:34px;flex-shrink:0;
    border:1px solid rgba(201,146,58,.2);background:rgba(201,146,58,.07);
    display:flex;align-items:center;justify-content:center;
}
.ps-icon svg{width:15px;height:15px;color:var(--gold)}
.ps-title{
    font-size:clamp(1.1rem,2.2vw,1.4rem);
    font-weight:700;color:var(--cream);
}

/* body text */
.ps-body{font-size:.84rem;line-height:1.85;color:rgba(247,237,216,.55);letter-spacing:.025em}
.ps-body p{margin-bottom:.9rem}
.ps-body p:last-child{margin-bottom:0}
.ps-body strong{color:var(--cream);font-weight:600}
.ps-body a{color:var(--gold);border-bottom:1px solid rgba(201,146,58,.3);transition:border-color .2s}
.ps-body a:hover{border-bottom-color:var(--gold)}

/* highlighted note */
.ps-note{
    border-left:3px solid var(--gold);
    background:rgba(201,146,58,.06);
    padding:1rem 1.2rem;
    margin-top:1.1rem;
    font-size:.8rem;line-height:1.75;color:rgba(247,237,216,.6);
}
.ps-note strong{color:var(--gold-l)}

/* list */
.ps-list{list-style:none;margin:.6rem 0 .9rem;display:flex;flex-direction:column;gap:.5rem}
.ps-list li{
    display:flex;align-items:flex-start;gap:.65rem;
    font-size:.82rem;line-height:1.7;color:rgba(247,237,216,.55);
}
.ps-list li::before{
    content:'';display:inline-block;width:5px;height:5px;
    background:var(--gold);transform:rotate(45deg);
    flex-shrink:0;margin-top:.45rem;
}

/* rights grid */
.rights-grid{
    display:grid;grid-template-columns:repeat(2,1fr);
    gap:.8rem;margin-top:1rem;
}
.right-item{
    border:1px solid rgba(201,146,58,.12);
    background:rgba(35,26,13,.5);
    padding:1rem 1.1rem;
    display:flex;align-items:flex-start;gap:.75rem;
    transition:border-color .3s,transform .3s;
}
.right-item:hover{border-color:rgba(201,146,58,.28);transform:translateY(-2px)}
.ri-icon{
    width:28px;height:28px;flex-shrink:0;
    border:1px solid rgba(201,146,58,.2);background:rgba(201,146,58,.08);
    display:flex;align-items:center;justify-content:center;
}
.ri-icon svg{width:12px;height:12px;color:var(--gold)}
.ri-text{}
.ri-title{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);margin-bottom:.22rem}
.ri-desc{font-size:.72rem;line-height:1.6;color:rgba(247,237,216,.42)}

/* contact card */
.contact-card{
    border:1px solid rgba(201,146,58,.18);
    background:rgba(46,31,15,.5);
    padding:1.4rem;
    display:flex;flex-direction:column;gap:.75rem;
    margin-top:1.1rem;
}
.cc-row{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:rgba(247,237,216,.55)}
.cc-row svg{color:var(--gold);width:15px;height:15px;flex-shrink:0}
.cc-row a{color:var(--gold-l);border-bottom:1px solid rgba(232,185,106,.25);transition:border-color .2s}
.cc-row a:hover{border-bottom-color:var(--gold-l)}

/* divider between sections */
.ps-divider{
    display:flex;align-items:center;gap:.8rem;
    margin:clamp(2rem,4vw,3rem) 0;
}
.ps-dl{flex:1;height:1px;background:linear-gradient(to right,rgba(201,146,58,.15),transparent)}
.ps-dd{width:4px;height:4px;background:rgba(201,146,58,.3);transform:rotate(45deg);flex-shrink:0}

/* ── CTA BAND ── */
.cta-band{
    background:var(--warm);
    border-top:1px solid rgba(201,146,58,.1);border-bottom:1px solid rgba(201,146,58,.1);
    padding:clamp(3rem,6vw,5rem) var(--px);
    text-align:center;position:relative;overflow:hidden;
}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 50% 50%,rgba(140,58,26,.15),transparent 65%);pointer-events:none}
.cta-inner{max-width:580px;margin:0 auto;position:relative;z-index:1}
.cta-ey{display:block;font-size:.62rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.cta-t{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:var(--cream);margin-bottom:1rem}
.cta-t em{font-style:italic;color:var(--gold-l)}
.cta-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.05rem;color:rgba(247,237,216,.5);margin-bottom:2rem;line-height:1.65}
.cta-acts{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.btn-g{display:inline-flex;align-items:center;gap:.55rem;background:var(--gold);color:var(--dark);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:.88rem 2rem;border:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all .32s}
.btn-g:hover{background:var(--gold-l);transform:translateY(-3px);box-shadow:0 10px 28px rgba(201,146,58,.35)}
.btn-o{display:inline-flex;align-items:center;gap:.55rem;background:transparent;color:var(--gold);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:.88rem 2rem;border:1px solid rgba(201,146,58,.36);transition:all .32s}
.btn-o:hover{border-color:var(--gold);background:rgba(201,146,58,.07);transform:translateY(-3px)}

/* ── FOOTER ── */
footer{background:var(--dark-2,#1e1609);padding:clamp(3rem,6vw,5rem) var(--px) clamp(1.5rem,3vw,2rem);border-top:1px solid rgba(201,146,58,.09)}
.fg{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid rgba(201,146,58,.07)}
.f-logo{font-style:italic;font-size:1.7rem;color:var(--gold);display:block;margin-bottom:.7rem}
.f-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.88rem;color:rgba(247,237,216,.36);line-height:1.62;margin-bottom:1.4rem}
.socials{display:flex;gap:.55rem;flex-wrap:wrap}
.soc{width:34px;height:34px;border:1px solid rgba(201,146,58,.2);display:flex;align-items:center;justify-content:center;color:rgba(201,146,58,.55);transition:all .28s}
.soc:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,146,58,.07)}
.fh{font-size:.6rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}
.fl{list-style:none}
.fl li{font-size:.78rem;color:rgba(247,237,216,.45);margin-bottom:.55rem;cursor:pointer;transition:color .25s}
.fl li:hover{color:var(--gold-l)}
.fci{display:flex;align-items:flex-start;gap:.65rem;font-size:.78rem;color:rgba(247,237,216,.45);margin-bottom:.75rem}
.fci svg{color:var(--gold);margin-top:2px;flex-shrink:0}
.fcta{margin-top:1.5rem;padding:1rem;border:1px solid rgba(201,146,58,.14);background:rgba(46,31,15,.38)}
.fcta-l{font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.65rem}
.btn-fc{display:block;text-align:center;background:var(--gold);color:var(--dark);font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:.72rem 1rem;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:background .25s}
.btn-fc:hover{background:var(--gold-l)}
.fb{max-width:var(--mw);margin:0 auto;padding-top:1.6rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}
.fc{font-size:.63rem;color:rgba(247,237,216,.2);letter-spacing:.09em}
.fdm{display:flex;align-items:center;gap:.38rem}
.fdm span{font-size:.6rem;color:rgba(247,237,216,.16);letter-spacing:.1em}
.dm{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.28}

.wa-fab{position:fixed;bottom:clamp(1rem,3vw,1.6rem);right:clamp(1rem,3vw,1.6rem);width:50px;height:50px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.42);z-index:400;transition:transform .28s,box-shadow .28s}
.wa-fab:hover{transform:scale(1.12);box-shadow:0 8px 30px rgba(37,211,102,.52)}

/* ── RESPONSIVE ── */
@media(max-width:900px){
    :root{--nav-h:58px}
    .nlinks{display:none}
    .burger{display:flex}
    .page-wrap{grid-template-columns:1fr}
    .toc{position:static;display:none}
    .rights-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .h-t1{font-size:clamp(1.8rem,8vw,2.6rem)}
    .rights-grid{grid-template-columns:1fr}
    .cta-acts{flex-direction:column;align-items:center}
    .cta-acts .btn-g,.cta-acts .btn-o{width:100%;max-width:280px;justify-content:center}
    .fg{grid-template-columns:1fr}
    .fg>:first-child{grid-column:auto}
    .fb{flex-direction:column;text-align:center}
    .fdm{justify-content:center}
}


/* ══════════════════════════════════════════
   PAGE: RETURNS
══════════════════════════════════════════ */
:root{
    --gold:#C9923A;--gold-l:#E8B96A;
    --dark:#1A1108;--dark-2:#231A0D;--warm:#2E1F0F;
    --cream:#F7EDD8;--spice:#C24B1A;--green:#4CAF7D;
    --nav-h:68px;--px:clamp(1rem,5vw,3rem);--mw:1140px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--cream);font-family:'Jost',sans-serif;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer}

body::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    opacity:.5;
}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--dark)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}

@keyframes fadeUp {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mSlide {from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes spinR  {to{transform:translate(-50%,-50%) rotate(360deg)}}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h);display:flex;align-items:center;padding:0 var(--px);justify-content:space-between;backdrop-filter:blur(18px);background:rgba(26,17,8,.88);border-bottom:1px solid rgba(201,146,58,.14);transition:background .35s,height .35s}
nav.compact{height:56px;background:rgba(26,17,8,.97)}
.logo{font-style:italic;font-size:1.32rem;color:var(--gold);display:flex;align-items:center;gap:.48rem;flex-shrink:0}
.logo svg{width:26px;height:26px}
.nlinks{display:flex;align-items:center}
.nlinks a{font-size:.72rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:rgba(247,237,216,.68);margin-left:1.75rem;transition:color .25s}
.nlinks a:hover{color:var(--gold-l)}
.btn-nav{background:var(--gold);color:var(--dark);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.46rem 1.1rem;border:none;margin-left:1.5rem;transition:background .25s}
.btn-nav:hover{background:var(--gold-l)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:5px}
.burger span{display:block;width:22px;height:2px;background:var(--gold);border-radius:1px;transition:all .28s}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#mm{display:none;position:fixed;inset:0;z-index:499;background:rgba(26,17,8,.98);flex-direction:column;align-items:center;justify-content:center;gap:1.75rem}
#mm.on{display:flex;animation:mSlide .28s ease both}
#mm a{font-style:italic;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:700;color:var(--cream);transition:color .25s}
#mm a:hover{color:var(--gold-l)}
.mdv{width:36px;height:1px;background:rgba(201,146,58,.28)}

/* ── HERO ── */
.hero{min-height:40vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--nav-h) + 2.5rem) var(--px) 4rem;text-align:center}
.h-bg{position:absolute;inset:0;background:radial-gradient(ellipse 65% 50% at 50% 60%,rgba(140,58,26,.22),transparent 65%),radial-gradient(ellipse 32% 32% at 8% 18%,rgba(201,146,58,.1),transparent 55%)}
.h-ring{position:absolute;width:min(480px,78vw);height:min(480px,78vw);border-radius:50%;border:1px solid rgba(201,146,58,.06);top:50%;left:50%;transform:translate(-50%,-50%);animation:spinR 48s linear infinite;pointer-events:none}
.h-ring::after{content:'';position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(201,146,58,.03)}
.h-crumb{position:absolute;top:calc(var(--nav-h) + .9rem);left:var(--px);display:flex;align-items:center;gap:.4rem;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(247,237,216,.28);z-index:3;animation:fadeUp .6s ease .1s both}
.h-crumb a{color:rgba(247,237,216,.28);transition:color .2s}
.h-crumb a:hover{color:var(--gold)}
.h-crumb span{color:var(--gold)}
.h-ey{position:relative;z-index:2;font-size:.62rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:.85rem;animation:fadeUp .9s ease .2s both}
.h-t1{position:relative;z-index:2;font-size:clamp(2rem,6vw,4.5rem);font-weight:900;line-height:1.05;color:var(--cream);max-width:720px;animation:fadeUp .9s ease .35s both}
.h-t1 em{font-style:italic;color:var(--gold-l)}
.h-meta{position:relative;z-index:2;display:flex;align-items:center;gap:.7rem;margin-top:1.3rem;flex-wrap:wrap;justify-content:center;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,237,216,.35);animation:fadeUp .9s ease .48s both}
.h-dot{width:3px;height:3px;background:rgba(201,146,58,.5);border-radius:50%}

/* ── QUICK SUMMARY CARDS ── */
.summary-band{background:var(--warm);border-top:1px solid rgba(201,146,58,.1);border-bottom:1px solid rgba(201,146,58,.1);padding:clamp(2rem,4vw,3rem) var(--px)}
.sb-inner{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,146,58,.1);border:1px solid rgba(201,146,58,.1)}
.sb-card{background:var(--warm);padding:1.6rem 1.4rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}
.sb-icon{width:40px;height:40px;border:1px solid rgba(201,146,58,.2);background:rgba(201,146,58,.07);display:flex;align-items:center;justify-content:center;margin-bottom:.2rem}
.sb-icon svg{width:17px;height:17px;color:var(--gold)}
.sb-val{font-size:1.5rem;font-weight:700;color:var(--gold-l);line-height:1}
.sb-lbl{font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,237,216,.4)}

/* ── LAYOUT ── */
.page-wrap{max-width:var(--mw);margin:0 auto;padding:clamp(3rem,6vw,5rem) var(--px) clamp(4rem,8vw,7rem);display:grid;grid-template-columns:260px 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:start}

/* ── TOC ── */
.toc{position:sticky;top:calc(var(--nav-h) + 1.5rem)}
.toc-label{font-size:.58rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:block}
.toc-list{list-style:none;display:flex;flex-direction:column;gap:0}
.toc-list li a{display:flex;align-items:center;gap:.65rem;font-size:.72rem;font-weight:300;letter-spacing:.08em;color:rgba(247,237,216,.42);padding:.55rem .75rem;border-left:2px solid rgba(201,146,58,.1);transition:color .25s,border-color .25s,background .25s}
.toc-list li a:hover{color:var(--cream);border-left-color:rgba(201,146,58,.4);background:rgba(201,146,58,.04)}
.toc-list li a.active{color:var(--gold);border-left-color:var(--gold);background:rgba(201,146,58,.06)}
.toc-num{font-size:.8rem;font-weight:700;color:rgba(201,146,58,.3);flex-shrink:0;width:16px;transition:color .25s}
.toc-list li a.active .toc-num,.toc-list li a:hover .toc-num{color:var(--gold)}
.toc-date{margin-top:1.5rem;padding:.6rem .85rem;border:1px solid rgba(201,146,58,.14);background:rgba(46,31,15,.4)}
.toc-date-lbl{font-size:.55rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(201,146,58,.5);margin-bottom:.3rem}
.toc-date-val{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.9rem;color:rgba(247,237,216,.55)}
.toc-back{display:flex;align-items:center;gap:.5rem;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(247,237,216,.28);margin-top:1.8rem;cursor:pointer;border:none;background:none;padding:0;transition:color .25s}
.toc-back:hover{color:var(--gold)}
.toc-back svg{width:12px;height:12px}

/* ── CONTENT ── */
.ps{margin-bottom:clamp(2.5rem,5vw,3.5rem);scroll-margin-top:calc(var(--nav-h) + 1.5rem)}
.ps-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(201,146,58,.1)}
.ps-num{font-size:1.4rem;font-weight:700;color:rgba(201,146,58,.22);flex-shrink:0;line-height:1}
.ps-icon{width:34px;height:34px;flex-shrink:0;border:1px solid rgba(201,146,58,.2);background:rgba(201,146,58,.07);display:flex;align-items:center;justify-content:center}
.ps-icon svg{width:15px;height:15px;color:var(--gold)}
.ps-title{font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:700;color:var(--cream)}
.ps-body{font-size:.84rem;line-height:1.85;color:rgba(247,237,216,.55);letter-spacing:.025em}
.ps-body p{margin-bottom:.9rem}
.ps-body p:last-child{margin-bottom:0}
.ps-body strong{color:var(--cream);font-weight:600}
.ps-body a{color:var(--gold);border-bottom:1px solid rgba(201,146,58,.3);transition:border-color .2s}
.ps-body a:hover{border-bottom-color:var(--gold)}
.ps-body em{color:rgba(247,237,216,.7);font-style:italic}

.ps-list{list-style:none;margin:.6rem 0 .9rem;display:flex;flex-direction:column;gap:.5rem}
.ps-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.82rem;line-height:1.7;color:rgba(247,237,216,.55)}
.ps-list li::before{content:'';display:inline-block;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex-shrink:0;margin-top:.45rem}

/* highlighted note */
.ps-note{border-left:3px solid var(--gold);background:rgba(201,146,58,.06);padding:1rem 1.2rem;margin-top:1.1rem;font-size:.8rem;line-height:1.75;color:rgba(247,237,216,.6)}
.ps-note strong{color:var(--gold-l)}
.ps-note.green{border-left-color:var(--green);background:rgba(76,175,125,.07)}
.ps-note.green strong{color:#7FCF8A}
.ps-note.red{border-left-color:var(--spice);background:rgba(194,75,26,.07)}
.ps-note.red strong{color:#FF8A6B}

/* steps */
.steps{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}
.step{display:flex;gap:1rem;align-items:flex-start;border:1px solid rgba(201,146,58,.1);background:rgba(35,26,13,.45);padding:1.1rem 1.2rem;transition:border-color .3s}
.step:hover{border-color:rgba(201,146,58,.25)}
.step-n{font-size:1.5rem;font-weight:700;color:rgba(201,146,58,.22);line-height:1;flex-shrink:0;width:28px}
.step-title{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);margin-bottom:.3rem}
.step-body{font-size:.8rem;line-height:1.7;color:rgba(247,237,216,.5)}

/* conditions grid */
.cond-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:1rem}
.cond-card{border:1px solid;padding:1.1rem 1.2rem;transition:transform .3s}
.cond-card:hover{transform:translateY(-2px)}
.cond-card.yes{border-color:rgba(76,175,125,.2);background:rgba(76,175,125,.06)}
.cond-card.no {border-color:rgba(194,75,26,.2); background:rgba(194,75,26,.06)}
.cond-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem;font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.cond-head.yes{color:#7FCF8A}
.cond-head.no {color:#FF8A6B}
.cond-head svg{width:14px;height:14px;flex-shrink:0}
.cond-list{list-style:none;display:flex;flex-direction:column;gap:.42rem}
.cond-list li{font-size:.78rem;line-height:1.6;color:rgba(247,237,216,.5);display:flex;align-items:flex-start;gap:.5rem}
.cond-list li::before{content:'';display:block;width:4px;height:4px;border-radius:50%;flex-shrink:0;margin-top:.5rem}
.cond-card.yes .cond-list li::before{background:rgba(76,175,125,.6)}
.cond-card.no  .cond-list li::before{background:rgba(194,75,26,.6)}

/* timeline steps */
.timeline{position:relative;max-width:640px;margin-top:1rem;padding-left:2rem}
.timeline::before{content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(201,146,58,.28) 10%,rgba(201,146,58,.28) 90%,transparent)}
.tl-item{position:relative;padding-bottom:1.8rem;padding-left:1.5rem}
.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;left:0;top:.25rem;width:12px;height:12px;border-radius:50%;background:var(--dark);border:2px solid rgba(201,146,58,.3);transform:translateX(-6px);transition:border-color .3s,background .3s}
.tl-item:hover .tl-dot{border-color:var(--gold);background:rgba(201,146,58,.18)}
.tl-label{font-size:.62rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.tl-title{font-size:.82rem;font-weight:600;color:var(--cream);margin-bottom:.28rem}
.tl-body{font-size:.78rem;line-height:1.68;color:rgba(247,237,216,.46)}

/* contact card */
.contact-card{border:1px solid rgba(201,146,58,.18);background:rgba(46,31,15,.5);padding:1.4rem;display:flex;flex-direction:column;gap:.75rem;margin-top:1.1rem}
.cc-row{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:rgba(247,237,216,.55)}
.cc-row svg{color:var(--gold);width:15px;height:15px;flex-shrink:0}
.cc-row a{color:var(--gold-l);border-bottom:1px solid rgba(232,185,106,.25);transition:border-color .2s}
.cc-row a:hover{border-bottom-color:var(--gold-l)}

.ps-divider{display:flex;align-items:center;gap:.8rem;margin:clamp(2rem,4vw,3rem) 0}
.ps-dl{flex:1;height:1px;background:linear-gradient(to right,rgba(201,146,58,.14),transparent)}
.ps-dd{width:4px;height:4px;background:rgba(201,146,58,.28);transform:rotate(45deg);flex-shrink:0}

/* ── CTA BAND ── */
.cta-band{background:var(--warm);border-top:1px solid rgba(201,146,58,.1);border-bottom:1px solid rgba(201,146,58,.1);padding:clamp(3rem,6vw,5rem) var(--px);text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 50% 50%,rgba(140,58,26,.14),transparent 65%);pointer-events:none}
.cta-inner{max-width:580px;margin:0 auto;position:relative;z-index:1}
.cta-ey{display:block;font-size:.62rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.cta-t{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:var(--cream);margin-bottom:.9rem}
.cta-t em{font-style:italic;color:var(--gold-l)}
.cta-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.05rem;color:rgba(247,237,216,.5);margin-bottom:2rem;line-height:1.65}
.cta-acts{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.btn-g{display:inline-flex;align-items:center;gap:.55rem;background:var(--gold);color:var(--dark);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:.88rem 2rem;border:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all .32s}
.btn-g:hover{background:var(--gold-l);transform:translateY(-3px);box-shadow:0 10px 28px rgba(201,146,58,.35)}
.btn-o{display:inline-flex;align-items:center;gap:.55rem;background:transparent;color:var(--gold);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:.88rem 2rem;border:1px solid rgba(201,146,58,.36);transition:all .32s}
.btn-o:hover{border-color:var(--gold);background:rgba(201,146,58,.07);transform:translateY(-3px)}

/* ── FOOTER ── */
footer{background:var(--dark-2,#1e1609);padding:clamp(3rem,6vw,5rem) var(--px) clamp(1.5rem,3vw,2rem);border-top:1px solid rgba(201,146,58,.09)}
.fg{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid rgba(201,146,58,.07)}
.f-logo{font-style:italic;font-size:1.7rem;color:var(--gold);display:block;margin-bottom:.7rem}
.f-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.88rem;color:rgba(247,237,216,.36);line-height:1.62;margin-bottom:1.4rem}
.socials{display:flex;gap:.55rem;flex-wrap:wrap}
.soc{width:34px;height:34px;border:1px solid rgba(201,146,58,.2);display:flex;align-items:center;justify-content:center;color:rgba(201,146,58,.55);transition:all .28s}
.soc:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,146,58,.07)}
.fh{font-size:.6rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}
.fl{list-style:none}
.fl li{font-size:.78rem;color:rgba(247,237,216,.45);margin-bottom:.55rem;cursor:pointer;transition:color .25s}
.fl li:hover{color:var(--gold-l)}
.fci{display:flex;align-items:flex-start;gap:.65rem;font-size:.78rem;color:rgba(247,237,216,.45);margin-bottom:.75rem}
.fci svg{color:var(--gold);margin-top:2px;flex-shrink:0}
.fcta{margin-top:1.5rem;padding:1rem;border:1px solid rgba(201,146,58,.14);background:rgba(46,31,15,.38)}
.fcta-l{font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.65rem}
.btn-fc{display:block;text-align:center;background:var(--gold);color:var(--dark);font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:.72rem 1rem;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:background .25s}
.btn-fc:hover{background:var(--gold-l)}
.fb{max-width:var(--mw);margin:0 auto;padding-top:1.6rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}
.fc{font-size:.63rem;color:rgba(247,237,216,.2);letter-spacing:.09em}
.fdm{display:flex;align-items:center;gap:.38rem}
.fdm span{font-size:.6rem;color:rgba(247,237,216,.16);letter-spacing:.1em}
.dm{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.28}
.wa-fab{position:fixed;bottom:clamp(1rem,3vw,1.6rem);right:clamp(1rem,3vw,1.6rem);width:50px;height:50px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.42);z-index:400;transition:transform .28s,box-shadow .28s}
.wa-fab:hover{transform:scale(1.12);box-shadow:0 8px 30px rgba(37,211,102,.52)}

/* ── RESPONSIVE ── */
@media(max-width:900px){
    :root{--nav-h:58px}
    .nlinks{display:none}
    .burger{display:flex}
    .page-wrap{grid-template-columns:1fr}
    .toc{position:static;display:none}
    .sb-inner{grid-template-columns:1fr 1fr}
    .cond-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .h-t1{font-size:clamp(1.8rem,8vw,2.6rem)}
    .sb-inner{grid-template-columns:1fr 1fr}
    .cta-acts{flex-direction:column;align-items:center}
    .cta-acts .btn-g,.cta-acts .btn-o{width:100%;max-width:280px;justify-content:center}
    .fg{grid-template-columns:1fr}
    .fb{flex-direction:column;text-align:center}
    .fdm{justify-content:center}
}
@media(max-width:380px){
    .sb-inner{grid-template-columns:1fr}
}

/* ── Mondial Relay point picker ── */
#relayPickerWrap input[type=text],
#relayPickerWrap select {
    border-radius:0;
    transition:border-color .25s;
}
#relayPickerWrap input[type=text]:focus,
#relayPickerWrap select:focus {
    border-color:var(--gold);
}
.relay-point-item:hover {
    border-color:rgba(201,146,58,.4) !important;
    background:rgba(201,146,58,.04) !important;
}
#relayPointsList::-webkit-scrollbar { width:4px; }
#relayPointsList::-webkit-scrollbar-track { background:transparent; }
#relayPointsList::-webkit-scrollbar-thumb { background:rgba(201,146,58,.25); border-radius:2px; }