/* ============ Brüllen Arabia ============ */
:root{
  --cream:#FFF4E3;
  --ink:#2B1B10;
  --ink-soft:rgba(43,27,16,.72);
  --accent:#DE3F2B;
  --accent-deep:#B92C1A;
  --pink:#F3B4CB;
  --mint:#9CD9BF;
  --sky:#BBD6F2;
  --butter:#FBE08E;
  --radius:16px;
  --font-body:'Outfit',sans-serif;
  --font-display:'Shrikhand',serif;
  --border-ink:2.5px solid var(--ink);
  --shadow:6px 6px 0 var(--ink);
  --shadow-soft:0 10px 30px rgba(43,27,16,.08);
  --trans:.25s cubic-bezier(.22,.61,.36,1);
}
html[dir="rtl"] body{--font-body:'Tajawal',sans-serif;--font-display:'Lalezar',serif}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
input,textarea,select{font-family:inherit;font-size:1rem}

.container{max-width:1240px;margin:0 auto;padding:0 22px}
.container.narrow{max-width:860px}
.t-center{text-align:center}
.t-end{text-align:end}
.w100{width:100%}
.small{font-size:.85rem}
.muted{color:var(--ink-soft)}
.mt{margin-top:1.4rem}

/* Typography */
.display{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;letter-spacing:.01em;margin-bottom:.5rem}
.display.sm{font-size:clamp(1.6rem,3.5vw,2.4rem)}
.display.light{color:#fff}
.sub{color:var(--ink-soft);font-size:1.05rem;margin-bottom:1.4rem}
.lead{font-size:1.12rem;color:var(--ink-soft);margin:.6rem 0 1.2rem}

/* Buttons & pills */
.btn{display:inline-block;padding:.7rem 1.7rem;border-radius:999px;font-weight:700;font-size:.92rem;letter-spacing:.05em;border:var(--border-ink);box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease,background .2s;text-align:center}
.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn-dark{background:var(--accent);color:#FFF4E3}
.btn-dark:hover{background:var(--accent-deep)}
.btn-outline{background:var(--cream);color:var(--ink)}
.btn-outline:hover{background:var(--butter)}
.btn-outline.wa:hover{background:#25D366;border-color:#25D366}
.pill{display:inline-block;padding:.6rem 1.9rem;border-radius:999px;background:rgba(251,247,240,.92);color:var(--ink);font-weight:700;letter-spacing:.08em;font-size:.85rem;transition:var(--trans);backdrop-filter:blur(6px)}
.pill:hover{background:var(--ink);color:#fff;transform:translateY(-3px) scale(1.04)}
.pill.small{padding:.45rem 1.3rem;background:#fff;border:var(--border-ink);box-shadow:3px 3px 0 var(--ink);font-weight:800}
.pill.small.active,.pill.small:hover{background:var(--accent);color:#FFF4E3;border-color:var(--ink)}

/* Welcome bar */
.welcome-bar{background:var(--ink);color:var(--cream);font-size:.78rem;letter-spacing:.06em;overflow:hidden;padding:.45rem 0}
.marquee{display:flex;white-space:nowrap;width:max-content;animation:marquee 28s linear infinite}
.marquee span{padding-inline-end:3rem}
@keyframes marquee{to{transform:translateX(-50%)}}
html[dir="rtl"] .marquee{animation-name:marquee-rtl}
@keyframes marquee-rtl{to{transform:translateX(50%)}}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,247,240,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(18,18,18,.06);transition:var(--trans)}
.site-header.is-transparent{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom:none}
.site-header.is-transparent{top:31px}
.site-header.is-transparent.scrolled{top:0!important}
.site-header.is-transparent.scrolled{background:rgba(251,247,240,.94);border-bottom:1px solid rgba(18,18,18,.06)}
.site-header.is-transparent:not(.scrolled) .main-nav>.nav-item>a,
.site-header.is-transparent:not(.scrolled) .main-nav>a.nav-item,
.site-header.is-transparent:not(.scrolled) .nav-item.has-drop>a,
.site-header.is-transparent:not(.scrolled) .icon-btn,
.site-header.is-transparent:not(.scrolled) .lang-switch,
.site-header.is-transparent:not(.scrolled) .logo-sub{color:#fff}
.site-header.is-transparent:not(.scrolled) .logo-img{filter:invert(1)}
.header-inner{max-width:1300px;margin:0 auto;padding:.6rem 22px;display:flex;align-items:center;gap:1.2rem}
.logo{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1}
.logo-img{height:24px;width:auto}
.logo-sub{font-family:var(--font-body);font-weight:700;font-size:.6rem;letter-spacing:.42em;color:var(--accent);margin-inline-end:-.42em}
.main-nav{display:flex;align-items:center;gap:.2rem;margin-inline:auto}
.nav-item{position:relative}
.nav-item>a,a.nav-item{display:flex;align-items:center;gap:.35rem;padding:.9rem .8rem;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}
.nav-item>a:hover,a.nav-item:hover{color:var(--accent)}
.dropdown{position:absolute;top:100%;inset-inline-start:0;background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:.6rem;min-width:230px;opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--trans)}
.has-drop:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:.55rem .9rem;border-radius:9px;font-size:.88rem;font-weight:500}
.dropdown a:hover{background:var(--cream);color:var(--accent)}
.header-actions{display:flex;align-items:center;gap:.35rem}
.lang-switch{font-weight:700;font-size:.85rem;padding:.4rem .8rem;border-radius:999px;border:1.5px solid currentColor;transition:var(--trans)}
.lang-switch:hover{background:var(--ink);color:#fff!important;border-color:var(--ink)}
.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;transition:var(--trans);position:relative}
.icon-btn:hover{background:rgba(18,18,18,.08);transform:translateY(-1px)}
.cart-count{position:absolute;top:0;inset-inline-end:0;background:var(--accent);color:#fff;font-size:.62rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}
.nav-toggle{display:none;background:none;border:none;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.nav-toggle span{display:block;width:22px;height:2px;background:currentColor;transition:var(--trans)}

.flash{position:fixed;top:90px;inset-inline-end:20px;z-index:200;background:var(--ink);color:#fff;padding:.8rem 1.4rem;border-radius:12px;box-shadow:var(--shadow);animation:flashIn .4s both, flashOut .4s 3.4s both}
@keyframes flashIn{from{opacity:0;transform:translateY(-12px)}}
@keyframes flashOut{to{opacity:0;transform:translateY(-12px)}}

main.pad-top{padding-top:1rem}

/* Hero */
.hero{position:relative;height:100svh;min-height:540px;display:grid;place-items:center;overflow:hidden}
.hero-video,.about-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 45%,rgba(0,0,0,.45))}
.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:0 20px;animation:heroIn 1.1s .2s cubic-bezier(.22,.61,.36,1) both}
@keyframes heroIn{from{opacity:0;transform:translateY(26px) scale(.97)}}
.hero-logo{width:min(520px,78vw);filter:invert(1) drop-shadow(0 4px 24px rgba(0,0,0,.35))}
.hero-arabia{font-family:var(--font-display);color:#fff;font-size:clamp(1.1rem,2.6vw,1.7rem);letter-spacing:.5em;padding-inline-start:.5em;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.hero-pills{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem}
.hero-scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.8);border-radius:14px;z-index:2}
.hero-scroll span{position:absolute;top:7px;left:50%;width:4px;height:8px;margin-left:-2px;background:#fff;border-radius:2px;animation:scrollDot 1.6s infinite}
@keyframes scrollDot{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(14px)}100%{opacity:0}}

/* Sections */
section{padding:4.2rem 0}
.intro{padding-bottom:2.4rem}
.intro-text{font-size:clamp(1.05rem,2vw,1.3rem);text-align:center;color:var(--ink);line-height:1.9}
.intro-stats{display:flex;justify-content:center;gap:2.4rem;flex-wrap:wrap;margin-top:2.2rem}
.stat{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.95rem}
.stat-ico{font-size:1.5rem}

/* Map */
.world{padding-top:2rem}
.map-wrap{position:relative;margin-top:2.5rem}
.map-img{width:100%;opacity:.9}
.map-pin{position:absolute;transform:translate(-50%,-90%);display:flex;flex-direction:column;align-items:center;animation:pinBob 3.2s ease-in-out infinite}
@keyframes pinBob{0%,100%{transform:translate(-50%,-90%)}50%{transform:translate(-50%,-104%)}}
.cone{width:20px;height:27px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.map-pin.hot .cone{width:30px;height:40px}
.pin-label{font-size:.58rem;font-weight:600;background:#fff;border-radius:999px;padding:.05rem .45rem;box-shadow:0 1px 4px rgba(0,0,0,.12);white-space:nowrap;opacity:0;transform:translateY(-4px);transition:var(--trans)}
.map-pin:hover .pin-label,.map-pin.hot .pin-label{opacity:1;transform:translateY(0)}
.map-pin.hot .pin-label{background:var(--accent);color:#fff;font-size:.7rem}

/* Scroller / carousels */
.scroller{position:relative;margin-top:2.2rem}
.scroller-track{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.6rem .2rem 1.2rem;scrollbar-width:none}
.scroller-track::-webkit-scrollbar{display:none}
.scroller-track>*{scroll-snap-align:start;flex:0 0 300px}
.scroller-btn{position:absolute;top:42%;z-index:5;width:46px;height:46px;border-radius:50%;border:var(--border-ink);background:var(--cream);color:var(--ink);font-size:1.5rem;line-height:1;display:grid;place-items:center;transition:var(--trans);box-shadow:3px 3px 0 var(--ink)}
.scroller-btn:hover{background:var(--accent);color:#FFF4E3;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.scroller-btn.prev{inset-inline-start:-10px}
.scroller-btn.next{inset-inline-end:-10px}

/* Cards */
.machine-card{position:relative;background:#fff;border-radius:var(--radius);padding:1.3rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;border:var(--border-ink);box-shadow:var(--shadow);transition:var(--trans)}
.machine-card::after{content:"";position:absolute;top:12px;inset-inline-end:12px;width:11px;height:11px;border-radius:50%;background:var(--accent)}
.machine-card:hover{transform:translateY(-8px)}
.machine-card:hover .mc-img img{transform:scale(1.06) rotate(-1.5deg)}
.mc-img{width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--cream);display:grid;place-items:center}
.mc-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.machine-card h3{font-size:1.05rem;font-weight:700}
.mc-type{font-size:.8rem;color:var(--ink-soft)}
.machine-card .btn{margin-top:.4rem;padding:.5rem 1.3rem;font-size:.82rem}

.blog-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:var(--border-ink);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:var(--trans)}
.blog-card:hover{transform:translateY(-8px)}
.bc-img{aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.bc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-card:hover .bc-img img{transform:scale(1.06)}
.blog-card h3{font-size:1rem;font-weight:700;padding:1rem 1.2rem .2rem}
.blog-card p{font-size:.86rem;color:var(--ink-soft);padding:0 1.2rem;flex:1}
.bc-date{font-size:.75rem;color:var(--ink-soft);padding:.8rem 1.2rem 0;display:block}
.link-more{padding:.8rem 1.2rem 1.2rem;font-weight:700;font-size:.85rem;color:var(--accent)}

.shop-card{position:relative;background:#fff;border-radius:var(--radius);padding:1.2rem;border:var(--border-ink);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;transition:var(--trans)}
.shop-card:hover{transform:translateY(-6px)}
.sc-img{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--cream);display:grid;place-items:center}
.sc-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.shop-card:hover .sc-img img{transform:scale(1.07)}
.shop-card h3{font-size:.95rem;font-weight:600;flex:1}
.price{font-weight:700;color:var(--accent)}
.price.big{font-size:1.5rem;display:block;margin:.4rem 0}

/* Grids */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}

/* Insta */
.insta-handle{display:inline-block;font-weight:700;color:var(--accent);font-size:1.1rem;margin-bottom:1.8rem}
.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}
.insta-cell{aspect-ratio:1;overflow:hidden;border-radius:10px;background:#fff}
.insta-cell img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.insta-cell:hover img{transform:scale(1.1) rotate(1deg)}

/* Sweet talk */
.sweet-talk{background:var(--ink);color:#fff;text-align:center}
.sweet-talk .sub{color:rgba(255,255,255,.65)}
.sweet-form{max-width:760px;margin:1.6rem auto 0;display:flex;flex-direction:column;gap:1rem;align-items:center}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;width:100%}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.sweet-form input{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.25);color:#fff;padding:.85rem 1.2rem;border-radius:999px;outline:none;transition:var(--trans)}
.sweet-form input::placeholder{color:rgba(255,255,255,.5)}
.sweet-form input:focus{border-color:var(--accent);background:rgba(255,255,255,.12)}
.sweet-talk .btn-dark{background:var(--accent);border-color:var(--accent)}
.sweet-talk .btn-dark:hover{background:#fff;color:var(--ink);border-color:#fff}

/* Footer */
.site-footer{background:#0d0d0d;color:rgba(255,255,255,.75);padding:3.5rem 0 0;font-size:.9rem}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:2.4rem;padding-bottom:2.5rem}
.f-col h4{color:#fff;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.9rem}
.f-col a{display:block;padding:.22rem 0;transition:color .2s}
.f-col a:hover{color:var(--accent)}
.f-logo{height:30px;width:auto;margin-bottom:1rem;filter:invert(1)}
.socials{display:flex;gap:.6rem;margin-top:1rem}
.socials a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);transition:var(--trans)}
.socials a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}
.newsletter-form{display:flex;margin-top:.6rem;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;overflow:hidden}
.newsletter-form input{flex:1;background:transparent;border:none;color:#fff;padding:.65rem 1.1rem;outline:none}
.newsletter-form button{background:var(--accent);border:none;color:#fff;padding:0 1.1rem;font-size:1.1rem;transition:background .2s}
.newsletter-form button:hover{background:#fff;color:var(--ink)}
.footer-bottom{display:flex;justify-content:space-between;padding-top:1.2rem;padding-bottom:1.2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:rgba(255,255,255,.45)}

/* WhatsApp fab */
.whatsapp-fab{position:fixed;bottom:22px;inset-inline-end:22px;z-index:90;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(37,211,102,.45);transition:var(--trans);animation:fabPulse 2.6s infinite}
.whatsapp-fab:hover{transform:scale(1.1)}
@keyframes fabPulse{0%,100%{box-shadow:0 8px 24px rgba(37,211,102,.45)}50%{box-shadow:0 8px 24px rgba(37,211,102,.45),0 0 0 12px rgba(37,211,102,.12)}}

/* Page head */
.page-head{padding:3.4rem 0 1.6rem}
.big-emoji{font-size:3.4rem;margin-bottom:.6rem;animation:pinBob 3s infinite}
.filter-pills{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}

/* Product page */
.product-hero{padding-top:2rem}
.product-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:start}
.gallery-main{background:#fff;border-radius:var(--radius);border:var(--border-ink);box-shadow:var(--shadow);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.gallery-main img{width:92%;height:92%;object-fit:contain;transition:opacity .25s}
.gallery-thumbs{display:flex;gap:.7rem;margin-top:.9rem;flex-wrap:wrap}
.thumb{width:70px;height:70px;border-radius:10px;border:2px solid transparent;background:#fff;overflow:hidden;padding:4px;transition:var(--trans)}
.thumb img{width:100%;height:100%;object-fit:contain}
.thumb.active,.thumb:hover{border-color:var(--accent)}
.crumb{font-size:.82rem;color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase}
.crumb a:hover{color:var(--accent)}
.badges{display:flex;gap:.6rem;margin:.8rem 0 1.2rem;flex-wrap:wrap}
.badge{background:var(--butter);padding:.3rem 1rem;border-radius:999px;font-size:.8rem;font-weight:600}
.cta-row{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0 1.8rem}
.spec-title{font-family:var(--font-display);font-weight:400;font-size:1.3rem;margin-bottom:.7rem}
.spec-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;border:var(--border-ink);box-shadow:4px 4px 0 var(--ink)}
.spec-table th{width:34%;text-align:start;padding:.75rem 1.1rem;background:var(--cream);font-size:.85rem;vertical-align:top}
.spec-table td{padding:.75rem 1.1rem;font-size:.88rem;color:var(--ink-soft)}
.spec-table tr+tr{border-top:1px solid rgba(18,18,18,.06)}
.qty-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.qty-row input{width:84px;padding:.6rem;border-radius:10px;border:1.5px solid rgba(18,18,18,.2);text-align:center}

/* Cart / checkout */
.cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);border:var(--border-ink);box-shadow:var(--shadow);overflow:hidden}
.cart-table th{text-align:start;padding:.9rem 1.1rem;background:var(--ink);color:#fff;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.cart-table td{padding:.9rem 1.1rem;border-top:1px solid rgba(18,18,18,.06);font-size:.92rem}
.ct-prod{display:flex;align-items:center;gap:.9rem;font-weight:600}
.ct-prod img{width:54px;height:54px;object-fit:contain;background:var(--cream);border-radius:8px}
.qty-input{width:66px;padding:.45rem;border-radius:8px;border:1.5px solid rgba(18,18,18,.2);text-align:center}
.cart-actions{display:flex;justify-content:space-between;align-items:center;margin:1.2rem 0}
.cart-total{font-size:1.1rem}
.checkout-layout,.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:2.6rem;align-items:start}
.checkout-form{background:#fff;border-radius:var(--radius);border:var(--border-ink);box-shadow:var(--shadow);padding:1.8rem;display:flex;flex-direction:column;gap:.9rem}
.checkout-form h3{font-family:var(--font-display);font-weight:400;font-size:1.2rem}
.checkout-form input,.checkout-form textarea{padding:.8rem 1.1rem;border-radius:12px;border:1.5px solid rgba(18,18,18,.15);outline:none;transition:border-color .2s;background:var(--cream)}
.checkout-form input:focus,.checkout-form textarea:focus{border-color:var(--accent)}
.radio{display:flex;align-items:center;gap:.6rem;font-size:.95rem}
.order-summary,.contact-side{background:#fff;border-radius:var(--radius);border:var(--border-ink);box-shadow:var(--shadow);padding:1.6rem;position:sticky;top:100px}
.order-summary h3,.contact-side h3{font-family:var(--font-display);font-weight:400;margin-bottom:.9rem}
.os-row{display:flex;justify-content:space-between;padding:.45rem 0;font-size:.92rem;border-bottom:1px dashed rgba(18,18,18,.12)}
.os-row.total{font-weight:700;font-size:1.05rem;border-bottom:none;margin-top:.4rem}

/* About */
.about-hero{position:relative;height:62vh;min-height:420px;display:grid;place-items:center;overflow:hidden}
.about-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 22px}
.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.4rem}
.reason-card{background:#fff;border-radius:var(--radius);padding:1.7rem;border:var(--border-ink);box-shadow:var(--shadow);transition:var(--trans);position:relative;overflow:hidden}
.reason-card:hover{transform:translateY(-6px)}
.reason-card:nth-child(4n+1){background:var(--pink)}
.reason-card:nth-child(4n+2){background:var(--mint)}
.reason-card:nth-child(4n+3){background:var(--sky)}
.reason-card:nth-child(4n){background:var(--butter)}
.reason-num{font-family:var(--font-display);font-size:2.2rem;opacity:.25}
.reason-card h3{margin:.3rem 0 .5rem}
.reason-card p{font-size:.9rem;color:rgba(18,18,18,.75)}

/* Finance */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.step-card{background:#fff;border-radius:var(--radius);padding:1.6rem;text-align:center;border:var(--border-ink);box-shadow:var(--shadow);transition:var(--trans)}
.step-card:hover{transform:translateY(-6px)}
.step-num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:1.3rem;margin-bottom:.7rem}
.step-card h3{font-size:1.05rem}
.step-card p{font-size:.86rem;color:var(--ink-soft)}
.highlight-box{background:var(--butter);border-radius:var(--radius);padding:1.3rem 1.7rem;font-weight:600;text-align:center;margin-bottom:2rem}
.highlight-box.small{padding:.7rem 1.1rem;font-size:.9rem;font-weight:500;text-align:start;margin-bottom:.4rem}
.fin-cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.fin-cols h3{font-family:var(--font-display);font-weight:400;margin-bottom:.5rem}

/* Calculator */
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.calc-card{background:#fff;border-radius:22px;border:var(--border-ink);box-shadow:var(--shadow);padding:2rem}
.calc-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem}
.calc-emoji{font-size:2rem}
.calc-head h2{font-family:var(--font-display);font-weight:400;font-size:1.4rem}
.slider-label{display:flex;justify-content:space-between;font-weight:600;font-size:.92rem;margin:1.1rem 0 .35rem}
.slider-label output{color:var(--accent);font-weight:700}
input[type=range]{width:100%;accent-color:var(--accent);height:6px}
.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.6rem 0 .8rem}
.calc-res{background:var(--cream);border-radius:14px;padding:1rem;text-align:center}
.calc-res span{display:block;font-size:.8rem;color:var(--ink-soft)}
.calc-res strong{font-family:var(--font-display);font-weight:400;font-size:1.5rem;color:var(--accent)}

/* Service */
.service-card{background:#fff;border-radius:var(--radius);padding:1.8rem;border:var(--border-ink);box-shadow:var(--shadow);transition:var(--trans);display:block}
.service-card:hover{transform:translateY(-6px);background:var(--ink);color:#fff}
.service-card:hover p{color:rgba(255,255,255,.7)}
.service-ico{font-size:2.2rem;display:block;margin-bottom:.7rem}
.service-card h3{margin-bottom:.4rem}
.service-card p{font-size:.88rem;color:var(--ink-soft);transition:color var(--trans)}

/* Video / manuals / faq */
.video-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:var(--border-ink);box-shadow:var(--shadow)}
.video-embed{aspect-ratio:16/9}
.video-embed iframe{width:100%;height:100%;border:none}
.video-card h3{padding:.9rem 1.1rem;font-size:.95rem}
.manual-list{list-style:none}
.manual-list li{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:14px;border:var(--border-ink);box-shadow:4px 4px 0 var(--ink);padding:1rem 1.4rem;margin-bottom:.8rem;font-weight:600}
.faq-list{display:flex;flex-direction:column;gap:.8rem}
.faq-item{background:#fff;border-radius:14px;border:var(--border-ink);box-shadow:4px 4px 0 var(--ink);padding:1.1rem 1.4rem;transition:var(--trans)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;font-weight:600;cursor:pointer;list-style:none;gap:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-plus{font-size:1.4rem;color:var(--accent);transition:transform .3s;flex-shrink:0}
.faq-item[open] .faq-plus{transform:rotate(45deg)}
.faq-item p{margin-top:.7rem;color:var(--ink-soft);font-size:.94rem}

/* Blog post */
.post-img{border-radius:var(--radius);overflow:hidden;margin:1.4rem 0}
.post-body{font-size:1.05rem;color:var(--ink-soft)}
.post-body p{margin-bottom:1.1rem}
.post-body a{color:var(--accent);font-weight:600}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .marquee,.map-pin,.big-emoji,.whatsapp-fab{animation:none}
}

/* ============ Responsive ============ */
@media (max-width:1080px){
  .grid-4{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .insta-grid{grid-template-columns:repeat(3,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .nav-toggle{display:flex}
  .site-header,.site-header.is-transparent.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
  .site-header.is-transparent.scrolled,.site-header:not(.is-transparent){background:rgba(251,247,240,.98)}
  .main-nav{position:fixed;inset:0;top:0;height:100dvh;width:100vw;background:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;transform:translateX(-102%);transition:transform .45s cubic-bezier(.22,.61,.36,1);z-index:150;margin:0;overflow-y:auto;padding:4.5rem 0 2rem}
  .main-nav::before{content:"";position:absolute;top:-60px;inset-inline-start:-40px;width:220px;height:220px;border-radius:50%;background:var(--pink);opacity:.5}
  .main-nav::after{content:"";position:absolute;bottom:-70px;inset-inline-end:-50px;width:260px;height:260px;border-radius:50%;background:var(--butter);opacity:.5}
  html[dir="rtl"] .main-nav{transform:translateX(102%)}
  .main-nav.open{transform:translateX(0)}
  body.nav-open{overflow:hidden}
  .main-nav .nav-item{position:relative;z-index:1}
  .nav-item>a,a.nav-item{font-size:1.05rem;padding:.7rem 1rem;color:var(--ink)!important}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;text-align:center;display:none;min-width:0}
  .has-drop.open .dropdown{display:block}
  .nav-toggle{z-index:160}
  body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.nav-open .nav-toggle span:nth-child(2){opacity:0}
  body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  body.nav-open .nav-toggle{color:var(--ink)!important}
  .product-layout,.checkout-layout,.contact-layout,.calc-grid,.fin-cols{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .row3{grid-template-columns:1fr}
  .order-summary,.contact-side{position:static}
  .pin-label{display:none}
  .map-pin.hot .pin-label{display:block}
}
@media (max-width:600px){
  .grid-3,.grid-4{grid-template-columns:1fr 1fr}
  .row2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .insta-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:1fr}
  .scroller-track>*{flex:0 0 78vw}
  .cart-table th:nth-child(2),.cart-table td:nth-child(2){display:none}
  .hero-pills{gap:.5rem}
  .pill{padding:.5rem 1.2rem;font-size:.78rem}
  section{padding:3rem 0}
  .cart-actions{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}
}


/* ============ Beautification layer ============ */

/* Hero drip divider */
.hero-drip{position:absolute;bottom:-1px;left:0;width:100%;height:56px;z-index:3;filter:drop-shadow(0 -3px 6px rgba(0,0,0,.06))}

/* Squiggle underline on display headings */
.squiggle{position:relative;display:inline-block;padding-bottom:.35em;width:100%}
.t-center .squiggle,.squiggle.t-center{width:auto}
.squiggle::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:.05em;width:min(240px,60%);height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14'%3E%3Cpath d='M3 9 C40 3 80 12 120 7 C160 2 200 11 237 5' fill='none' stroke='%23E4572E' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;animation:squigDraw 1s .3s both}
@keyframes squigDraw{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
html[dir="rtl"] .squiggle::after{animation-name:squigDrawR}
@keyframes squigDrawR{from{clip-path:inset(0 0 0 100%);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}

/* Sprinkles decorative background */
.deco-sprinkles{position:relative}
.deco-sprinkles::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M20 30 l10 6' stroke='%23F7C6D9'/%3E%3Cpath d='M120 20 l-8 8' stroke='%23BBD6F2'/%3E%3Cpath d='M70 90 l12 2' stroke='%23BFE3C0'/%3E%3Cpath d='M140 110 l-4 11' stroke='%23F6E3A1'/%3E%3Cpath d='M35 130 l10 -6' stroke='%23BBD6F2'/%3E%3Cpath d='M95 50 l4 -11' stroke='%23E4572E' opacity='.55'/%3E%3C/g%3E%3C/svg%3E");mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.deco-sprinkles>.container{position:relative}

/* Animated stat numbers */
.intro-stats .stat{flex-direction:column;gap:.1rem;text-align:center}
.stat-num{font-family:var(--font-display);font-weight:400;font-size:2.4rem;color:var(--accent);line-height:1}
.intro-stats .stat span{font-size:.9rem;color:var(--ink-soft);font-weight:500}

/* Flavour marquee */
.flavour-marquee{overflow:hidden;padding:1.1rem 0;background:var(--ink);transform:rotate(-1.2deg) scale(1.02);margin:1.4rem 0}
.fm-track{display:flex;align-items:center;gap:1.6rem;width:max-content;animation:marquee 40s linear infinite;white-space:nowrap}
html[dir="rtl"] .fm-track{animation-name:marquee-rtl}
.fm-track span{font-family:var(--font-display);font-size:1.7rem;color:#fff;letter-spacing:.04em}
.fm-track span.outline{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.75)}
.fm-track i{font-style:normal;font-size:1.2rem;opacity:.9}

/* Map hover photo card */
.map-pin{border:none;background:none;padding:0;cursor:pointer}
.map-pin:hover .cone,.map-pin.active .cone{transform:scale(1.25);transition:transform .25s}
.map-card{position:absolute;z-index:20;width:190px;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(18,18,18,.22);padding:7px;pointer-events:none;opacity:0;transform:translate(-50%,-100%) translateY(-16px) scale(.9);transition:opacity .25s,transform .25s cubic-bezier(.22,.61,.36,1)}
.map-card.show{opacity:1;transform:translate(-50%,-100%) translateY(-22px) scale(1)}
.map-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;display:block}
.map-card span{display:block;text-align:center;font-weight:700;font-size:.82rem;padding:.45rem 0 .2rem}
.map-card::after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);border:9px solid transparent;border-top-color:#fff;border-bottom:none}
.map-hint{font-size:.85rem;color:var(--ink-soft);margin-top:1rem}

/* Machine Finder quiz */
.finder{padding-top:1.6rem}
.finder-card{background:var(--ink);border-radius:26px;padding:clamp(1.6rem,4vw,3rem);color:#fff;position:relative;overflow:hidden}
.finder-card::before{content:"🍦";position:absolute;font-size:9rem;opacity:.07;inset-inline-end:-1rem;top:-2rem;transform:rotate(18deg)}
.finder-intro{text-align:center;margin-bottom:1.6rem}
.finder-intro .sub{color:rgba(255,255,255,.65)}
.finder-intro .squiggle::after{filter:brightness(1.4)}
.finder-body{max-width:640px;margin:0 auto;position:relative}
.finder-step{display:none;animation:stepIn .45s cubic-bezier(.22,.61,.36,1)}
.finder-step.active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateY(14px)}}
.finder-step h3{display:flex;align-items:center;gap:.7rem;font-size:1.15rem;margin-bottom:1.1rem;font-weight:600}
.fq-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);font-family:var(--font-display);font-weight:400;flex-shrink:0}
.finder-opts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.finder-opts button{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.22);color:#fff;border-radius:14px;padding:1rem;font-size:.95rem;font-weight:600;text-align:start;transition:var(--trans)}
.finder-opts button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}
.finder-progress{height:5px;background:rgba(255,255,255,.15);border-radius:99px;margin-top:1.6rem;overflow:hidden}
.finder-progress span{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .5s cubic-bezier(.22,.61,.36,1)}
.finder-result{display:flex;align-items:center;gap:1.4rem;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.18);border-radius:18px;padding:1.2rem;margin-bottom:1.1rem;animation:stepIn .5s both}
.finder-result img{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:14px;padding:6px;flex-shrink:0}
.finder-result .fr-kicker{display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.2rem}
.finder-result h4{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.2}
.finder-result p{font-size:.85rem;color:rgba(255,255,255,.65);margin-top:.25rem}
.finder-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.finder-actions .btn{border-color:#fff;box-shadow:3px 3px 0 rgba(255,255,255,.3)}
.finder-actions .btn:hover{box-shadow:5px 5px 0 rgba(255,255,255,.3)}
.finder-actions .btn:active{box-shadow:1px 1px 0 rgba(255,255,255,.3)}
.finder-actions .btn-dark{background:var(--accent);border-color:#fff;color:#fff}
.finder-actions .btn-outline{background:transparent;color:#fff}
.finder-actions .btn-outline:hover{background:#fff;color:var(--ink)}

/* Card tilt */
.tilt{will-change:transform}

/* Mobile extras */
@media (max-width:600px){
  .fm-track span{font-size:1.15rem}
  .finder-opts{grid-template-columns:1fr}
  .finder-result{flex-direction:column;text-align:center}
  .map-card{width:150px}
  .intro-stats{gap:1.2rem}
  .stat-num{font-size:1.8rem}
  .hero-logo{width:86vw}
  .display{font-size:1.9rem}
  .spec-table th{width:42%}
  .checkout-form{padding:1.2rem}
  .header-inner{gap:.5rem;padding:.55rem 12px}
  .lang-switch{font-size:.78rem;padding:.32rem .6rem}
  .icon-btn{width:34px;height:34px}
  .logo-img{height:19px}
}
@media (prefers-reduced-motion:reduce){
  .fm-track,.squiggle::after{animation:none}
}

/* ============ Tools & testimonials ============ */
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;margin-top:2rem}
.tool-card{position:relative;background:#fff;border-radius:var(--radius);padding:1.7rem 1.5rem 2.4rem;border:var(--border-ink);box-shadow:var(--shadow);transition:var(--trans);overflow:hidden;display:block}
.tool-card::before{content:"";position:absolute;top:-40px;inset-inline-end:-40px;width:120px;height:120px;border-radius:50%;opacity:.55;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.tool-card:nth-child(1)::before{background:var(--pink)}
.tool-card:nth-child(2)::before{background:var(--mint)}
.tool-card:nth-child(3)::before{background:var(--sky)}
.tool-card:nth-child(4)::before{background:var(--butter)}
.tool-card:hover{transform:translateY(-8px)}
.tool-card:hover::before{transform:scale(2.6)}
.tool-card>*{position:relative}
.tool-ico{font-size:2rem;display:block;margin-bottom:.6rem}
.tool-card h3{font-size:1.02rem;margin-bottom:.35rem}
.tool-card p{font-size:.85rem;color:var(--ink-soft)}
.tool-go{position:absolute;bottom:1rem;inset-inline-end:1.2rem;font-size:1.3rem;font-weight:700;color:var(--accent);transition:transform .3s}
.tool-card:hover .tool-go{transform:translateX(6px)}
html[dir="rtl"] .tool-card:hover .tool-go{transform:translateX(-6px) scaleX(-1)}
html[dir="rtl"] .tool-go{transform:scaleX(-1)}

.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.testi-card{background:#fff;border-radius:var(--radius);padding:1.9rem 1.6rem 1.5rem;border:var(--border-ink);box-shadow:var(--shadow);position:relative;transition:var(--trans)}
.testi-card:hover{transform:translateY(-6px) rotate(-.6deg)}
.testi-mark{position:absolute;top:.4rem;inset-inline-start:1.1rem;font-family:var(--font-display);font-size:3.4rem;color:var(--accent);opacity:.35;line-height:1}
.testi-card blockquote{font-size:.95rem;line-height:1.75;color:var(--ink-soft);margin-bottom:1.1rem}
.testi-card figcaption{font-weight:700;font-size:.9rem}
.testi-card figcaption span{display:block;font-weight:500;font-size:.78rem;color:var(--ink-soft)}

/* Compare */
.compare-picker{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}
.cmp-chip{display:flex;align-items:center;gap:.55rem;background:#fff;border:2px solid rgba(18,18,18,.12);border-radius:999px;padding:.4rem 1.1rem .4rem .5rem;font-weight:600;font-size:.88rem;transition:var(--trans)}
html[dir="rtl"] .cmp-chip{padding:.4rem .5rem .4rem 1.1rem}
.cmp-chip img{width:38px;height:38px;object-fit:contain;background:var(--cream);border-radius:50%}
.cmp-chip:hover{transform:translateY(-3px);border-color:var(--ink)}
.cmp-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.cmp-chip.disabled{opacity:.4;pointer-events:none}
.compare-table-wrap{overflow-x:auto}
.compare-table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--radius);overflow:hidden;border:var(--border-ink);box-shadow:var(--shadow);animation:stepIn .5s both}
.compare-table th,.compare-table td{padding:.9rem 1.1rem;text-align:center;border-bottom:1px solid rgba(18,18,18,.06);font-size:.9rem}
.compare-table th:first-child,.compare-table td:first-child{text-align:start;background:var(--cream);font-weight:600;width:170px}
.compare-table thead th{background:var(--ink);color:#fff}
.compare-table .ct-machine img{width:110px;height:110px;object-fit:contain;margin:0 auto .4rem}
.compare-table .ct-machine strong{display:block;font-size:1rem}
.compare-empty{text-align:center;color:var(--ink-soft);padding:2.5rem 0;font-size:1.02rem}

/* Serving cost extras */
.calc-results.one-col{grid-template-columns:1fr}
.calc-res.accent{background:var(--ink)}
.calc-res.accent span{color:rgba(255,255,255,.65)}
.calc-res.accent strong{color:var(--butter)}
.serving-results .btn{margin-top:1rem}

/* Swirl studio */
.swirl-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:2.4rem;align-items:start}
.swirl-stage-card{background:#fff;border-radius:22px;border:var(--border-ink);box-shadow:var(--shadow);padding:1.6rem;position:sticky;top:100px}
.swirl-stage{background:linear-gradient(160deg,var(--sky),var(--pink));border-radius:16px;display:grid;place-items:center;padding:.8rem;margin-bottom:1rem}
.swirl-stage svg{width:min(240px,60vw);height:auto}
.swirl-name{width:100%;border:1.5px dashed rgba(18,18,18,.25);border-radius:12px;padding:.7rem 1rem;text-align:center;font-weight:600;background:var(--cream);outline:none;margin-bottom:1rem}
.swirl-name:focus{border-color:var(--accent)}
.swirl-cost{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}
.swirl-cost>div{background:var(--cream);border-radius:12px;padding:.8rem;text-align:center}
.swirl-cost span{display:block;font-size:.72rem;color:var(--ink-soft)}
.swirl-cost strong{font-family:var(--font-display);font-weight:400;font-size:1.3rem;color:var(--ink)}
.swirl-cost .accent{background:var(--ink)}
.swirl-cost .accent span{color:rgba(255,255,255,.6)}
.swirl-cost .accent strong{color:var(--butter)}
.swirl-controls h3{font-size:1.02rem;margin:1.4rem 0 .7rem;font-weight:700}
.swirl-controls h3:first-child{margin-top:0}
.swirl-opts{display:flex;flex-wrap:wrap;gap:.6rem}
.swirl-opts button{background:#fff;border:2px solid rgba(18,18,18,.12);border-radius:999px;padding:.5rem 1.1rem;font-weight:600;font-size:.86rem;transition:var(--trans);display:flex;align-items:center;gap:.45rem}
.swirl-opts button:hover{transform:translateY(-2px);border-color:var(--ink)}
.swirl-opts button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.swirl-opts.flavours button i{width:14px;height:14px;border-radius:50%;background:var(--sw);border:1.5px solid rgba(0,0,0,.15);display:inline-block}
@media (max-width:900px){
  .tools-grid{grid-template-columns:1fr 1fr}
  .testi-grid{grid-template-columns:1fr}
  .swirl-layout{grid-template-columns:1fr}
  .swirl-stage-card{position:static}
}
@media (max-width:600px){
  .tools-grid{grid-template-columns:1fr}
}


/* Mobile header: solid sticky bar, logo left next to hamburger */
@media (max-width:900px){
  .welcome-bar{padding:.55rem 0}
  .site-header,.site-header.is-transparent{position:sticky;top:0!important;left:auto;right:auto;background:rgba(255,244,227,.97);border-bottom:2px solid rgba(43,27,16,.08)}
  .header-inner{position:relative;justify-content:flex-start;gap:.7rem;min-height:56px;padding-block:.65rem}
  .logo{position:static;transform:none;align-items:flex-start;margin-inline-end:auto}
  .logo-img{height:22px}
  /* header is solid on mobile — never invert to white */
  .site-header.is-transparent:not(.scrolled) .main-nav>.nav-item>a,
  .site-header.is-transparent:not(.scrolled) .main-nav>a.nav-item,
  .site-header.is-transparent:not(.scrolled) .nav-item.has-drop>a,
  .site-header.is-transparent:not(.scrolled) .icon-btn,
  .site-header.is-transparent:not(.scrolled) .lang-switch,
  .site-header.is-transparent:not(.scrolled) .nav-toggle,
  .site-header.is-transparent:not(.scrolled) .logo-sub{color:var(--ink)}
  .site-header.is-transparent:not(.scrolled) .logo-img{filter:none}
  main.has-hero .hero{height:calc(100svh - 90px);min-height:480px}
}
@media (max-width:600px){
  .icon-btn.hide-sm{display:none}
  .welcome-bar{font-size:.7rem}
}


/* ============ Parlour theme utilities ============ */
.checker{height:26px;background-image:repeating-conic-gradient(var(--accent) 0% 25%,var(--cream) 0% 50%);background-size:26px 26px}
.sub{font-weight:500}
.badge{border:2px solid var(--ink)}
.cmp-chip{border:var(--border-ink);box-shadow:3px 3px 0 var(--ink)}
.cmp-chip.active{background:var(--accent);border-color:var(--ink)}
.finder-card{border:var(--border-ink);box-shadow:8px 8px 0 var(--accent)}
.sweet-talk{border-top:var(--border-ink)}
.site-footer{background:#221509;color:rgba(255,244,227,.78)}
.footer-bottom{color:rgba(255,244,227,.45)}
.thumb{border:2px solid rgba(43,27,16,.15)}
.thumb.active,.thumb:hover{border-color:var(--accent)}
.insta-cell{border:var(--border-ink);box-shadow:4px 4px 0 var(--ink);border-radius:12px}
.qty-input,.qty-row input{border:2px solid rgba(43,27,16,.3)}
.checkout-form input,.checkout-form textarea,.checkout-form select{border:2px solid rgba(43,27,16,.22);background:var(--cream);border-radius:12px;padding:.8rem 1.1rem;outline:none;font-family:inherit;font-size:1rem}
.checkout-form input:focus,.checkout-form textarea:focus,.checkout-form select:focus{border-color:var(--accent)}
.cart-table th{background:var(--ink);color:var(--cream)}
.map-card{border:var(--border-ink);box-shadow:5px 5px 0 var(--ink)}


/* Accounts / coupons / store */
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto}
.account-head{display:flex;justify-content:space-between;align-items:center;background:#fff;border:var(--border-ink);box-shadow:var(--shadow);border-radius:var(--radius);padding:1.3rem 1.6rem;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}
.order-history-card{background:#fff;border:var(--border-ink);box-shadow:4px 4px 0 var(--ink);border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1rem}
.ohc-head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.5rem}
.ohc-head .badge{font-size:.75rem;padding:.2rem .8rem}
.guest-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--butter);border:var(--border-ink);box-shadow:4px 4px 0 var(--ink);border-radius:var(--radius);padding:.9rem 1.3rem;margin-bottom:1.2rem;font-size:.95rem}
.guest-banner.is-user{background:var(--mint)}
.coupon-form{display:flex;gap:.6rem;margin:.9rem 0;padding:.9rem 0;border-top:1px dashed rgba(43,27,16,.25);border-bottom:1px dashed rgba(43,27,16,.25)}
.coupon-form.standalone{border:none;max-width:380px;margin:1rem 0 0}
.coupon-form input{flex:1;border:2px solid rgba(43,27,16,.22);border-radius:999px;padding:.55rem 1.1rem;background:var(--cream);outline:none;text-transform:uppercase;font-weight:700;letter-spacing:.06em}
.coupon-form input:focus{border-color:var(--accent)}
.coupon-form .btn{padding:.5rem 1.2rem;font-size:.82rem}
.os-row.discount{color:var(--accent);font-weight:700}
.discount-line{color:var(--accent);font-weight:700;font-size:.9rem}
.store-closed-banner{background:var(--pink);border:var(--border-ink);box-shadow:4px 4px 0 var(--ink);border-radius:var(--radius);padding:1rem 1.4rem;text-align:center;font-weight:700;margin:1rem 0}
@media (max-width:900px){.auth-layout{grid-template-columns:1fr}}