body.zamar-lp{
  --bg:#0d0b09; --bg-2:#141110; --surface:#1a1613; --line:#2c2622;
  --cream:#e8dcc4; --cream-dim:#c9bc9f; --amber:#e0a52c; --amber-hi:#ffc24d;
  --red:#c20439; --green:#7fae6b; --text:#f3ede1; --muted:#8c8174;
  --display:'Bebas Neue',sans-serif; --body:'Barlow',sans-serif; --mono:'Space Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
/* Win against the host theme's body / heading styles (this template loads the active theme's CSS via wp_head) */
html body.zamar-lp{background:var(--bg)!important;color:var(--text)!important;font-family:var(--body)!important}
body.zamar-lp h1,body.zamar-lp h2,body.zamar-lp h3,body.zamar-lp h4,body.zamar-lp h5{color:inherit}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:var(--amber);color:#000}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}

/* NAV */
header.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
header.site-header.scrolled{background:rgba(13,11,9,.82);backdrop-filter:blur(18px);border-color:var(--line)}
.site-nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-family:var(--display);font-size:26px;letter-spacing:2px;display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text)}
.logo .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}
.nav-links{display:none;gap:30px;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}
.nav-links a:hover{color:var(--amber-hi)}
.buy-sm{background:var(--btn,var(--amber));color:#1a1208;padding:9px 20px;border-radius:2px;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all .2s}
.buy-sm:hover{background:var(--amber-hi);transform:translateY(-1px)}
.zamar-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--text);text-decoration:none;width:40px;height:40px;transition:color .2s;padding:0;border:0;background:none;cursor:pointer;font:inherit}
.zamar-cart:hover{color:var(--amber-hi)}
.zamar-cart-count{position:absolute;top:-2px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--amber);color:#1a1208;font-family:var(--body);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.zamar-cart-count[hidden]{display:none!important}
.zamar-atc-wrap{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.zamar-atc-wrap .zamar-atc{cursor:pointer;border:0;font:inherit}
.zamar-atc-view{
  appearance:none;border:0;background:none;padding:0;cursor:pointer;font:inherit;
  color:var(--amber);font-weight:600;font-size:14px;letter-spacing:.5px;text-decoration:underline;text-underline-offset:3px;
}
.zamar-atc-view:hover{color:var(--amber-hi)}
.zamar-atc-view[hidden]{display:none!important}
.zamar-atc.is-added{opacity:.95}
.zamar-stickybar .zamar-atc-wrap{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:10px;min-width:0;flex-wrap:nowrap}
.zamar-stickybar .zamar-atc-wrap .sb-btn{width:auto;flex:0 0 auto;white-space:nowrap}
.zamar-stickybar .zamar-atc-view{flex:0 0 auto;font-size:12px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap;background:none;border-top:0;border-left:0;border-right:0;padding:0;color:var(--amber);cursor:pointer;font:inherit}
.zamar-account{display:inline-flex;align-items:center;justify-content:center;color:var(--text);text-decoration:none;width:40px;height:40px;transition:color .2s}
.zamar-account:hover{color:var(--amber-hi)}

/* VIDEO HERO */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:flex-end}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero-scene{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--bg) 82%,var(--amber) 16%) 0%,var(--bg) 70%)}
.hero-scene .kenburns{position:absolute;inset:-8%;animation:kb 24s ease-in-out infinite alternate;display:flex;align-items:center;justify-content:center}
@keyframes kb{0%{transform:scale(1.05) translate(1%,0)}100%{transform:scale(1.18) translate(-2%,-2%)}}
.hero-scene .spotlight{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:120%;height:120%;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--amber) 18%,transparent),transparent 55%);mix-blend-mode:screen}
.light-sweep{position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,228,160,.12) 50%,transparent);filter:blur(8px);animation:sweep 9s ease-in-out infinite;z-index:2}
@keyframes sweep{0%{left:-40%}55%,100%{left:130%}}
.dust{position:absolute;inset:0;z-index:2;pointer-events:none}
.dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(255,225,170,.5);animation:float linear infinite}
@keyframes float{0%{transform:translateY(20px);opacity:0}10%{opacity:.7}90%{opacity:.5}100%{transform:translateY(-110vh);opacity:0}}
.hero-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 40%,rgba(0,0,0,.5) 100%),linear-gradient(to top,color-mix(in srgb,var(--bg) 95%,transparent) 0%,transparent 45%)}
.hero-content{position:relative;z-index:5;width:100%;padding-bottom:70px}
.hero-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--amber-hi);margin-bottom:18px;opacity:0;animation:fade 1s .3s forwards}
.hero h1{font-family:var(--display);font-size:clamp(72px,13vw,200px);line-height:.82;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;opacity:0;animation:fade 1.2s .5s forwards}
.hero h1 .retro{display:block;color:var(--amber);font-size:.42em;letter-spacing:6px;margin-top:8px}
.hero-sub{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;opacity:0;animation:fade 1.2s .8s forwards}
.hero-sub p{max-width:420px;margin:0;color:var(--cream-dim);font-size:17px;line-height:1.45}
/* CTA cluster: top-aligned with subtext; rating + Affirm stack under the buy button */
.hero-sub-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;max-width:min(100%,560px);padding-top:0}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero-sub .btn{background:var(--btn,var(--amber));color:var(--btn-text,#1a1208);padding:15px 34px;border-radius:2px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;font-size:14px;transition:all .2s;white-space:nowrap;border:0;cursor:pointer;font-family:inherit;display:inline-block}
.hero-sub .btn:hover{background:var(--btn-hi,var(--amber-hi));transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--btn,var(--amber)) 35%,transparent)}
.hero-sub .btn-2{background:var(--btn,var(--amber));color:var(--btn-text,#1a1208)}
.affirm-hero{margin:0;color:var(--cream-dim);font-size:14px;line-height:1.45;max-width:28em}
.affirm-hero .affirm-modal-trigger,.affirm-hero a{color:var(--amber-hi)}
.hero-rating{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:8px;color:var(--cream-dim);font-size:14px;line-height:1;margin:0;height:1.15em}
.hero-rating-stars{display:inline-flex;align-items:center;height:1em;gap:1px;letter-spacing:0;font-size:14px;line-height:1;margin:0;padding:0}
.hero-rating-stars .full,.hero-rating-stars .empty{display:inline-flex;align-items:center;justify-content:center;height:1em;line-height:1;margin:0;padding:0;font-size:1em}
.hero-rating-stars .full{color:var(--amber)}
.hero-rating-stars .empty{color:color-mix(in srgb,var(--cream-dim) 35%,transparent)}
.hero-rating-avg,.hero-rating-count{display:inline-flex;align-items:center;height:1em;line-height:1;font-size:14px}
.hero-rating-avg{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.hero-rating-count{color:var(--cream-dim)}
body.zamar-lp .zamar-affirm img,
body.zamar-lp .zamar-affirm svg,
body.zamar-lp .zamar-affirm picture,
body.zamar-lp .zamar-affirm .affirm-logo,
body.zamar-lp .zamar-affirm [class*="logo" i],
body.zamar-lp .zamar-affirm [class*="brand" i]:not([class*="badge" i]),
body.zamar-lp .zamar-affirm a[href*="affirm"] img,
body.zamar-lp .zamar-affirm a[href*="affirm"] svg{filter:brightness(0) invert(1)!important}
body.zamar-lp .zamar-affirm svg path,
body.zamar-lp .zamar-affirm svg g,
body.zamar-lp .zamar-affirm svg circle,
body.zamar-lp .zamar-affirm svg rect{fill:#fff!important;stroke:#fff!important}
@keyframes fade{to{opacity:1}}
.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:6;font-family:var(--mono);font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;animation:bob 2s infinite}
.scroll-cue::after{content:"";width:1px;height:30px;background:linear-gradient(var(--amber),transparent)}
@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}

/* EXPANSION OWNERSHIP NOTICE */
.zamar-expansion-notice{position:relative;z-index:7;background:#140808;color:#e10600;border-top:1px solid color-mix(in srgb,#e10600 35%,transparent);border-bottom:1px solid color-mix(in srgb,#000 40%,transparent);font-family:var(--body);font-size:12px;font-weight:800;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
.zamar-expansion-notice .wrap{min-height:44px;display:flex;align-items:center;justify-content:center;padding-top:9px;padding-bottom:9px;text-align:center}
.zamar-expansion-notice span{max-width:52rem}
.zamar-expansion-notice a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.zamar-expansion-notice a:hover{color:#e10600}

/* INTRO */
.intro{padding:140px 0;text-align:center;position:relative}
.intro.has-bg>.wrap{position:relative;z-index:2}
.intro.has-bg .zamar-secbg-ov{background:color-mix(in srgb,var(--bg) 68%,transparent)}
.intro .kicker{font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--amber);text-transform:uppercase;margin-bottom:28px}
.intro h2{font-family:var(--body);font-weight:300;font-size:clamp(28px,4vw,46px);line-height:1.3;max-width:880px;margin:0 auto;color:var(--text)}
.intro h2 b{font-weight:600;color:var(--amber-hi)}

/* STICKY STORY */
.story{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}
.story.has-soft-bg{isolation:isolate}
.story-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--bg) 90%,var(--amber) 9%),var(--bg));transition:opacity .65s ease}
.story.has-soft-bg .story-sticky{background:transparent}
.story-device-wrap{position:relative}
.story-device-wrap .glow{position:absolute;inset:-40px;background:radial-gradient(circle,color-mix(in srgb,var(--amber) 22%,transparent),transparent 65%);filter:blur(20px)}
.story-media{position:relative;width:380px;max-width:70vw;aspect-ratio:1}
.story-media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:1;visibility:hidden;pointer-events:none;transform:scale(.96);transition:opacity 1.15s ease,transform 1.15s ease,visibility 0s linear 1.15s}
.story-media-img.active{opacity:1;z-index:2;visibility:visible;pointer-events:none;transform:scale(1);transition:opacity 1.15s ease,transform 1.15s ease,visibility 0s}
.story-layout-fade .story-sticky{opacity:0}
.story[data-layout="right"] .story-sticky{order:2}
.story[data-layout="right"] .story-steps{order:1}
.story[data-layout="center"]{grid-template-columns:1fr}
.story[data-layout="center"] .story-sticky{order:0;height:52vh;min-height:320px}
.story[data-layout="center"] .story-steps{order:1}
.story[data-layout="center"] .story-step{text-align:center;align-items:center}
.story[data-layout="center"] .story-step p{margin-left:auto;margin-right:auto;max-width:560px}
.story-step{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 64px;opacity:.2;transition:opacity 1s ease}
.story-step.active{opacity:1}
.story-step .num{font-family:var(--mono);font-size:13px;color:var(--amber);letter-spacing:2px;margin-bottom:16px}
.story-step h3{font-family:var(--display);font-size:clamp(40px,5vw,68px);line-height:.95;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}
.story-step p{color:var(--cream-dim);font-size:17px;max-width:420px}

/* VINTAGE MPC DEVICE */
.mpc{width:340px;background:linear-gradient(160deg,#efe4cd 0%,#ddccab 55%,#c4b08a 100%);border-radius:16px;padding:24px;position:relative;box-shadow:0 40px 80px -20px rgba(0,0,0,.75),0 2px 0 rgba(255,255,255,.5) inset,0 -3px 12px rgba(120,90,50,.4) inset;border:1px solid #b8a47e}
.mpc-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.mpc-brand .name{font-family:var(--display);font-size:20px;letter-spacing:2px;color:#3a2c18}
.mpc-brand .badge{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#6b5734;border:1px solid #a8916a;padding:2px 6px;border-radius:2px}
.mpc-top{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:18px}
.mpc-screen{background:linear-gradient(135deg,#1a2e16,#0c1a0a);border-radius:5px;border:2px solid #8a7a55;padding:10px;font-family:var(--mono);box-shadow:0 0 16px rgba(127,174,107,.2) inset;min-height:78px}
.mpc-screen .row{color:var(--green);font-size:9px;letter-spacing:.5px;text-shadow:0 0 6px rgba(127,174,107,.6);margin-bottom:3px}
.mpc-screen .row.dim{color:#4d6b42}
.mpc-wheel-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.mpc-wheel{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#5a4a30,#2a2014);border:3px solid #7a6644;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.4)}
.mpc-wheel::after{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6b5838,#332615);border:1px solid #4a3a22}
.mpc-wheel-label{font-family:var(--mono);font-size:7px;letter-spacing:1px;color:#5e4d30}
.mpc-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.mpc-pad{aspect-ratio:1;border-radius:7px;background:linear-gradient(150deg,#4a4038,#2e2620);border:1px solid #5c5048;box-shadow:0 2px 3px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.08) inset;cursor:pointer;transition:all .12s;position:relative}
.mpc-pad::after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#6b3a2a}
.mpc-pad:hover{background:linear-gradient(150deg,var(--amber),#9c6f12)}
.mpc-pad:hover::after{background:#fff;box-shadow:0 0 8px #fff}
.mpc-pad:active{transform:scale(.93)}

/* SPECS */
.specs{position:relative;z-index:1;padding:140px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}
.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.spec .big{font-family:var(--display);font-size:clamp(54px,7vw,90px);line-height:1;color:var(--amber-hi)}
.spec .lbl{font-family:var(--mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:8px}

/* FEATURE ROWS */
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:110px 0}
.feat-row.flip .feat-visual{order:-1}
/* stacked layouts — single column */
.feat-row.stack-top,.feat-row.stack-bottom{grid-template-columns:1fr;gap:36px;max-width:760px;margin-left:auto;margin-right:auto}
.feat-row.stack-top .feat-visual{order:-1}
.feat-row.stack-bottom .feat-visual{order:1}
/* center alignment */
.feat-row.center .feat-copy{text-align:center}
.feat-row.center .feat-copy p{max-width:none}
.feat-copy .tag{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--amber);text-transform:uppercase;margin-bottom:16px}
.feat-copy h3{font-family:var(--display);font-size:clamp(38px,5vw,64px);line-height:.95;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
.feat-copy p{color:var(--cream-dim);font-size:17px;max-width:440px}
.feat-visual{height:380px;border-radius:10px;border:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}
.feat-visual.has-media{border:1px solid var(--line);background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--amber) 18%,transparent),transparent 60%),linear-gradient(160deg,var(--surface),var(--bg))}
.feat-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.feat-visual.has-media img,.feat-visual.has-media video,.feat-visual.has-media iframe{object-fit:cover}
.feat-visual.size-sm{height:260px}
.feat-visual.size-md{height:380px}
.feat-visual.size-lg{height:500px}
.feat-visual.size-xl{height:620px;max-height:72vh}
.feat-row-wrap{position:relative;isolation:isolate}
.feat-row-wrap.has-bg{overflow:hidden;border-radius:12px;margin:24px 0}
.feat-row-wrap.has-soft-bg{overflow:hidden;border-radius:0;margin:0}
.feat-row-wrap.has-bg .feat-row,.feat-row-wrap.has-soft-bg .feat-row{position:relative;z-index:2}
.feat-row-wrap.has-bg+.feat-divider,.feat-divider+.feat-row-wrap.has-bg,
.feat-row-wrap.has-soft-bg+.feat-divider,.feat-divider+.feat-row-wrap.has-soft-bg{margin-top:48px}
.feat-visual .v-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--amber) 30%,transparent),transparent 70%);filter:blur(34px)}
.swatch{position:relative;z-index:2;display:flex;gap:14px}
.swatch i{width:54px;height:90px;border-radius:6px;box-shadow:0 14px 30px rgba(0,0,0,.5)}
.swatch i:nth-child(1){background:linear-gradient(160deg,#efe4cd,#c4b08a)}
.swatch i:nth-child(2){background:linear-gradient(160deg,#3a3a3e,#161618)}
.swatch i:nth-child(3){background:linear-gradient(160deg,#c20439,#7a0226)}
.waveform{position:relative;z-index:2;display:flex;align-items:center;gap:4px;height:120px}
.waveform i{width:5px;background:var(--amber);border-radius:3px;animation:wave 1.1s ease-in-out infinite}
@keyframes wave{0%,100%{height:14px;opacity:.5}50%{height:90px;opacity:1}}

/* BUY */
.buy{position:relative;padding:150px 0;text-align:center;overflow:hidden}
.buy .glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:760px;height:420px;background:radial-gradient(ellipse,color-mix(in srgb,var(--amber) 22%,transparent),transparent 70%);filter:blur(50px)}
.buy .kicker{position:relative;font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--amber);text-transform:uppercase;margin-bottom:20px}
.buy h2{position:relative;font-family:var(--display);font-size:clamp(56px,10vw,140px);line-height:.85;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}
.buy .price{position:relative;font-family:var(--body);font-size:22px;color:var(--cream-dim);margin-bottom:34px}
.buy .price b{color:var(--text);font-weight:600}
.buy .btn{position:relative;background:var(--btn,var(--amber));color:var(--btn-text,#1a1208);padding:18px 48px;border-radius:2px;font-weight:700;font-size:15px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .2s;display:inline-block;border:0;cursor:pointer;font-family:inherit}
.buy .btn:hover{background:var(--btn-hi,var(--amber-hi));transform:translateY(-2px);box-shadow:0 16px 40px color-mix(in srgb,var(--btn,var(--amber)) 40%,transparent)}

/* FOOTER */
footer.site-footer{background:var(--bg-2);border-top:1px solid var(--line);padding:64px 0 30px}
.foot-top{display:grid;grid-template-columns:1.3fr 2fr;gap:48px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.foot-brand{min-width:0}
.foot-logo{display:inline-block;max-width:200px}
.foot-logo img{display:block;max-width:100%;height:auto}
.foot-logo-text{font-family:var(--display);font-size:30px;letter-spacing:1px;text-transform:uppercase;color:var(--text);text-decoration:none}
.foot-tagline{margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.6;max-width:340px}
.foot-social{display:flex;gap:12px;margin-top:22px}
.foot-social .foot-soc{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);color:var(--cream-dim);transition:all .2s}
.foot-social .foot-soc:hover{background:var(--amber);border-color:var(--amber);color:#1a1208;transform:translateY(-2px)}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.foot-col h4{font-family:var(--display);font-size:15px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);margin:0 0 16px}
.foot-menu{list-style:none;margin:0;padding:0}
.foot-menu li{margin:0 0 10px}
.foot-menu a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .2s}
.foot-menu a:hover{color:var(--amber-hi)}
.foot-bottom{padding-top:26px;font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--muted)}
@media(max-width:900px){
  .foot-top{grid-template-columns:1fr;gap:36px;justify-items:center;text-align:center}
  .foot-brand{display:flex;flex-direction:column;align-items:center}
  .foot-tagline{max-width:28em;margin-left:auto;margin-right:auto}
  .foot-social{justify-content:center}
  .foot-cols{gap:30px 24px;justify-items:center;text-align:center;width:100%}
  .foot-col{width:100%}
  .foot-bottom{text-align:center}
}
@media(max-width:560px){.foot-cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:360px){.foot-cols{grid-template-columns:1fr}}

/* REVEAL */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .8s}
.reveal.in{opacity:1;transform:none}

@media(max-width:860px){
  .specs-grid{grid-template-columns:1fr 1fr;gap:40px 24px}
  .feat-row{grid-template-columns:1fr;gap:26px;padding:64px 0}
  .feat-row.flip .feat-visual{order:0}
  .hero-sub{flex-direction:column;align-items:flex-start}
  /* Feature media shows in full on mobile (never cropped) */
  .feat-visual{height:auto;min-height:0;background:none;border:0;border-radius:0}
  .feat-visual.size-sm,.feat-visual.size-md,.feat-visual.size-lg,.feat-visual.size-xl{height:auto;min-height:0;max-height:none}
  .feat-visual img{position:relative;inset:auto;width:100%;height:auto;display:block;border-radius:10px;border:0;object-fit:unset}
  .feat-visual.has-media{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line);border-radius:10px}
  .feat-visual .v-glow{display:none}
  /* Sticky scrollytelling story on mobile: media pins to the top, images swap as steps scroll */
  .story{grid-template-columns:1fr}
  .story-sticky{position:sticky;top:54px;height:auto;max-height:48vh;z-index:5;padding:12px 0;background:var(--bg)}
  .story.has-soft-bg .story-sticky{background:transparent}
  .story-device-wrap .glow{display:none}
  .story-media,
  .story-device-wrap.size-sm .story-media,.story-device-wrap.size-md .story-media,
  .story-device-wrap.size-lg .story-media,.story-device-wrap.size-xl .story-media{width:auto;max-width:72vw;max-height:38vh;aspect-ratio:1;margin:0 auto}
  .story-device-wrap .hero-product,
  .story-device-wrap.size-sm .hero-product,.story-device-wrap.size-md .hero-product,
  .story-device-wrap.size-lg .hero-product,.story-device-wrap.size-xl .hero-product{width:auto;max-width:72vw;max-height:38vh}
  .story-steps{position:relative;z-index:1;order:unset!important}
  .story-sticky{order:unset!important;height:auto;min-height:0}
  .story-step{padding:30px 22px;min-height:66vh;opacity:.4;text-align:left;align-items:flex-start}
  .story-step.active{opacity:1}
  .story-step p{max-width:420px;margin-left:0;margin-right:0}
}

/* ---- Standalone landing additions ---- */
.hero-product{position:relative;z-index:2;max-width:520px;width:46vw;filter:drop-shadow(0 40px 80px rgba(0,0,0,.7))}
.story-device-wrap .hero-product{width:340px}

/* ---- Admin offset: measured height only when #wpadminbar is actually visible ---- */
html.admin-bar{margin-top:var(--zamar-admin-offset,0px)!important}
body.admin-bar .site-header{top:var(--zamar-admin-offset,0px)}

/* ---- Custom editor block zone ---- */
.zamar-blocks{padding:70px 0;max-width:760px;margin:0 auto}
.zamar-blocks h1,.zamar-blocks h2,.zamar-blocks h3{font-family:var(--display);text-transform:uppercase;color:var(--text);letter-spacing:1px;line-height:.95;margin:0 0 .4em}
.zamar-blocks h2{font-size:clamp(32px,5vw,52px)}
.zamar-blocks h3{font-size:clamp(26px,4vw,38px)}
.zamar-blocks p{font-size:17px;line-height:1.7;margin:0 0 1em;color:var(--cream-dim)}
.zamar-blocks a{color:var(--amber-hi);text-decoration:underline}
.zamar-blocks ul,.zamar-blocks ol{color:var(--cream-dim);margin:0 0 1em 1.2em;font-size:17px}
.zamar-blocks li{margin:0 0 .4em}
.zamar-blocks img{border-radius:8px;margin:1em 0}
.zamar-blocks blockquote{border-left:3px solid var(--amber);padding-left:18px;margin:1.4em 0;color:var(--text);font-style:italic}
.zamar-blocks .wp-block-button__link{background:var(--amber);color:#1a1208;border-radius:2px;padding:13px 28px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none}
.zamar-blocks .wp-block-button__link:hover{background:var(--amber-hi)}
.zamar-blocks figcaption{color:var(--muted);font-size:13px;text-align:center}

/* ---- Sale price (manual buy section) ---- */
.price-reg{opacity:.5;margin-right:10px;text-decoration:line-through}
.price-sale{color:var(--amber-hi)}

/* ---- Feature-row media (video / youtube) ---- */
.feat-visual video,.feat-visual iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}

/* ---- Hero media triggers (video / audio) ---- */
.hero-triggers{display:flex;flex-wrap:wrap;gap:26px;margin-top:26px;opacity:0;animation:fade 1.2s .7s forwards}
.zamar-trigger{display:inline-flex;align-items:center;gap:12px;background:none;border:none;color:var(--text);cursor:pointer;font-family:var(--body);font-size:15px;font-weight:500;letter-spacing:.5px;transition:color .2s}
.zamar-trigger:hover{color:var(--amber-hi)}
.zamar-trigger .zt-icon{width:42px;height:42px;border-radius:50%;border:1px solid var(--cream-dim);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}
.zamar-trigger:hover .zt-icon{border-color:var(--amber);background:var(--amber);color:#1a1208}
.zt-play{padding-left:3px}

/* ---- Sticky buy bar ---- */
.zamar-stickybar{position:fixed;top:0;left:0;right:0;z-index:120;background:rgba(13,11,9,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
body.admin-bar .zamar-stickybar{top:var(--zamar-admin-offset,0px)}
.zamar-stickybar.show{transform:translateY(0)}
/* Sticky buy bar replaces the site header — hard-hide (no transform gap) */
body.zamar-sticky-on .site-header{
  display:none!important;
}
body.zamar-sticky-on .zamar-stickybar.show{
  top:var(--zamar-admin-offset,0px);
}
.zamar-stickybar .wrap{display:flex;align-items:center;gap:18px;height:62px}
.zamar-stickybar .sb-logo{height:30px;width:auto;display:block;flex:0 0 auto}
.zamar-stickybar .sb-pricing{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-width:0;flex:0 1 auto}
.zamar-stickybar .sb-onsale{display:none;font-family:var(--body);font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--amber-hi);white-space:nowrap}
.zamar-stickybar .sb-pricing.is-onsale .sb-onsale{display:inline}
.zamar-stickybar .sb-price{font-family:var(--mono);color:var(--amber-hi);white-space:nowrap}
.zamar-stickybar .sb-price .price-reg,
.zamar-stickybar .sb-price del,
.zamar-stickybar .sb-price .woocommerce-Price-amount del{opacity:.5;text-decoration:line-through;margin-right:8px;color:var(--muted)}
.zamar-stickybar .sb-btn{color:var(--btn-text,#1a1208);text-decoration:none;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:12px;padding:8px 18px;border-radius:3px;line-height:1.2;align-self:center;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;text-align:center;flex:0 0 auto;border:0;cursor:pointer;font-family:inherit}
@media(max-width:1024px){
  .zamar-stickybar .wrap{gap:10px;min-height:56px;height:auto;padding:8px 0;align-items:center}
  .zamar-stickybar .sb-pricing{gap:6px}
  .zamar-stickybar .sb-onsale{font-size:10px;letter-spacing:.5px}
  .zamar-stickybar .sb-price{font-size:12px}
  .zamar-stickybar .sb-btn,.zamar-stickybar .sb-btn2{padding:8px 10px;font-size:10px;letter-spacing:.5px;white-space:nowrap;max-width:none}
}
@media(max-width:640px){
  .zamar-stickybar .wrap{gap:8px;height:auto;min-height:52px;padding:8px 0;flex-wrap:nowrap}
  .zamar-stickybar .sb-logo{height:26px;flex:0 0 auto}
  .zamar-stickybar .sb-pricing{gap:5px;margin-left:auto}
  .zamar-stickybar .sb-onsale{font-size:9px}
  .zamar-stickybar .sb-price{font-size:11px}
  /* Primary owns the bar; secondary stays compact. ATC + View stay on one row. */
  .zamar-stickybar .sb-btn:not(.sb-btn2){flex:1.45 1 0;min-width:0;max-width:42%;align-self:stretch;padding:8px 8px;font-size:10px;letter-spacing:.4px;min-height:44px;white-space:normal}
  .zamar-stickybar .zamar-atc-wrap{flex:1.45 1 0;min-width:0;max-width:48%;align-self:center;flex-wrap:nowrap}
  .zamar-stickybar .zamar-atc-wrap .sb-btn{flex:1 1 auto;width:auto;max-width:none;min-height:44px;padding:8px 8px;font-size:10px;letter-spacing:.4px;white-space:nowrap}
  .zamar-stickybar .zamar-atc-view{font-size:10px;letter-spacing:.4px}
  .zamar-stickybar .sb-btn2{flex:0 1 auto;max-width:34%;min-width:0;padding:6px 8px;font-size:9px;letter-spacing:.3px;min-height:36px;align-self:center;white-space:normal}
}

/* ---- Video lightbox ---- */
.zamar-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;padding:24px}
.zamar-lightbox.open{opacity:1;visibility:visible}
.zamar-lightbox-inner{width:min(1000px,92vw);aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.zamar-lightbox-inner iframe,.zamar-lightbox-inner video{width:100%;height:100%;border:0;display:block}
.zamar-lightbox-close{position:absolute;top:22px;right:26px;background:none;border:none;color:#fff;font-size:38px;line-height:1;cursor:pointer;opacity:.8}
.zamar-lightbox-close:hover{opacity:1}

/* ---- Bottom audio bar ---- */
.zamar-audiobar{position:fixed;left:0;right:0;bottom:0;z-index:9997;background:color-mix(in srgb,var(--bg) 96%,#000 4%);backdrop-filter:blur(16px);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.zamar-audiobar.show{transform:translateY(0)}
.zamar-audiobar .za-row{display:flex;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:14px 24px}
.zamar-audiobar .za-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.zamar-audiobar .za-controls button{background:none;border:none;color:var(--text);font-size:18px;cursor:pointer;width:38px;height:38px;border-radius:50%;transition:background .2s}
.zamar-audiobar .za-controls button:hover{background:color-mix(in srgb,var(--text) 12%,transparent)}
.zamar-audiobar .za-play{font-size:15px!important;border:1px solid var(--line)!important}
.zamar-audiobar .za-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.zamar-audiobar .za-meta{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.zamar-audiobar .za-title{font-family:var(--mono);font-size:13px;letter-spacing:.5px;color:var(--text);white-space:nowrap}
.zamar-audiobar .za-count{font-family:var(--mono);font-size:12px;color:var(--amber-hi)}
.zamar-audiobar .za-desc{font-size:12px;color:var(--cream-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.zamar-audiobar .za-wavewrap{display:flex;align-items:center;gap:12px}
.zamar-audiobar .za-time,.zamar-audiobar .za-dur{font-family:var(--mono);font-size:11px;color:var(--muted);flex:0 0 auto;width:34px}
.zamar-audiobar .za-dur{text-align:right}
.zamar-audiobar .za-wave{position:relative;flex:1;min-width:0;height:38px;cursor:pointer;overflow:hidden}
.zamar-audiobar .za-wave-prog{position:absolute;inset:0;pointer-events:none;clip-path:inset(0 100% 0 0)}
.zamar-audiobar .za-bars{display:flex;align-items:center;gap:2px;height:100%;width:100%}
.zamar-audiobar .za-bars i{flex:1;min-width:2px;border-radius:1px;background:var(--muted)}
.zamar-audiobar .za-wave-prog .za-bars i{background:var(--amber)}
.zamar-audiobar .za-close{background:none;border:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;flex:0 0 auto}
.zamar-audiobar .za-close:hover{color:var(--text)}
@media(max-width:640px){.zamar-audiobar .za-desc{display:none}.zamar-audiobar .za-row{gap:12px;padding:12px 14px}}

/* ---- Per-section image/video backgrounds ---- */
.has-bg,.zamar-bgsec{position:relative;overflow:hidden}
.zamar-bgsec{padding:20px 0}
.zamar-secbg{position:absolute;inset:0;z-index:0;overflow:hidden}
.zamar-secbg span{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.has-bg:hover .zamar-secbg span{transform:scale(1.05)}
.zamar-secbg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zamar-secbg-ov{position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--bg) 76%,transparent)}
.has-bg>.wrap,.zamar-bgsec>.wrap,.has-bg>.glow,.has-soft-bg>.wrap{position:relative;z-index:2}
.story.has-soft-bg>.story-sticky{z-index:2}
.story.has-soft-bg>.story-steps{position:relative;z-index:2}

/* ---- Soft flowing color glows (Akai-style; driven by --zamar-soft) ---- */
.has-soft-bg{
	--zamar-soft:var(--amber);
	--zamar-soft-a:82% 18%;
	--zamar-soft-b:14% 82%;
	--zamar-soft-c:48% 48%;
	position:relative;
	isolation:isolate;
	background-color:color-mix(in srgb,var(--bg) 94%,var(--zamar-soft) 6%);
	background-image:
		radial-gradient(ellipse 100% 78% at var(--zamar-soft-a),color-mix(in srgb,var(--zamar-soft) 15%,transparent),transparent 72%),
		radial-gradient(ellipse 90% 72% at var(--zamar-soft-b),color-mix(in srgb,var(--zamar-soft) 9%,transparent),transparent 70%),
		radial-gradient(ellipse 125% 100% at var(--zamar-soft-c),color-mix(in srgb,var(--zamar-soft) 4%,transparent),transparent 76%);
	background-repeat:no-repeat;
	transition:background-color .9s ease;
}
.zamar-soft-glow{
	position:absolute;inset:-10%;z-index:0;pointer-events:none;overflow:hidden;
	background:
		radial-gradient(ellipse 92% 76% at var(--zamar-soft-a),color-mix(in srgb,var(--zamar-soft) 12%,transparent),transparent 70%),
		radial-gradient(ellipse 82% 68% at var(--zamar-soft-b),color-mix(in srgb,var(--zamar-soft) 7%,transparent),transparent 68%);
	filter:blur(48px);
	opacity:.45;
	transform:translate3d(0,0,0) scale(1.02);
	animation:zamar-soft-drift 26s ease-in-out infinite alternate;
	will-change:transform;
}
.has-soft-bg>.zamar-soft-glow,.feat-row-wrap>.zamar-soft-glow{z-index:0}
.has-soft-bg>.zamar-secbg,.feat-row-wrap>.zamar-secbg{z-index:1}
.has-soft-bg>.zamar-secbg-ov,.feat-row-wrap>.zamar-secbg-ov{z-index:1;background:color-mix(in srgb,var(--bg) 72%,transparent)}
@keyframes zamar-soft-drift{
	0%{transform:translate3d(-1.5%,1%,0) scale(1.02)}
	50%{transform:translate3d(1.8%,-1.2%,0) scale(1.05)}
	100%{transform:translate3d(-1%,1.4%,0) scale(1.03)}
}
@media (prefers-reduced-motion:reduce){
	.zamar-soft-glow{animation:none}
}

/* ---- Dividers ---- */
.zamar-divider{height:1px;max-width:1200px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent)}
.feat-divider{height:1px;max-width:620px;margin:64px auto;background:linear-gradient(90deg,transparent,var(--line),transparent)}

/* ---- Story image sizes ---- */
.story-device-wrap.size-sm .story-media,.story-device-wrap.size-sm .hero-product{width:300px}
.story-device-wrap.size-md .story-media,.story-device-wrap.size-md .hero-product{width:430px}
.story-device-wrap.size-lg .story-media,.story-device-wrap.size-lg .hero-product{width:560px}
.story-device-wrap.size-xl .story-media,.story-device-wrap.size-xl .hero-product{width:720px;max-width:84vw}
.story-device-wrap.size-sm .mpc{transform:scale(.82)}
.story-device-wrap.size-lg .mpc{transform:scale(1.25)}
.story-device-wrap.size-xl .mpc{transform:scale(1.5)}

/* Feature-row button (real button) */
.feat-btn{display:inline-block;margin-top:24px;background:var(--btn,var(--amber));color:var(--btn-text,#1a1208);text-decoration:none;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:13px;padding:14px 26px;border-radius:6px;transition:background .2s,transform .15s}
.feat-btn:hover{background:var(--btn-hi,var(--amber-hi));transform:translateY(-2px)}
/* Sticky: solid primary; outline secondary so hierarchy is clear */
.zamar-stickybar .sb-btn{background:var(--btn,var(--amber))}
.zamar-stickybar .sb-btn:hover{background:var(--btn-hi,var(--amber-hi))}
.zamar-stickybar .sb-btn2{background:transparent;color:var(--amber);border:1px solid var(--amber)}
.zamar-stickybar .sb-btn2:hover{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber-hi)}
.zamar-stickybar .sb-nav-toggle{flex:0 0 auto;margin-left:2px;width:40px;height:40px}
.zamar-stickybar .sb-nav-toggle span{background:var(--text)}
@media(max-width:760px){
  .zamar-stickybar .sb-nav-toggle{width:38px;height:38px;align-self:center}
}

/* ---------- Hero darken (vignette toggle) ---------- */
.hero-darken{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.45) 100%)}

/* ---------- Section transition image (bleeds into next section) ---------- */
.section-transition{position:relative;z-index:4;width:100%;margin-top:40px;margin-bottom:-80px;line-height:0;pointer-events:none}
.section-transition img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}
.section-transition-video{pointer-events:auto;margin-bottom:-48px}
.section-transition-video img{-webkit-mask-image:none;mask-image:none}
.section-transition-labeled .zamar-transition-ov{
  background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.26));
  -webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);
}
.zamar-transition-play{
  position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;overflow:hidden;
  text-align:center;color:#fff;font:inherit;
}
.zamar-transition-play>img{position:relative;z-index:0}
.zamar-transition-preview{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;
  object-fit:cover;border:0;opacity:0;pointer-events:none;
  transition:opacity .45s ease;
}
.zamar-transition-play.is-previewing .zamar-transition-preview{opacity:1}
.zamar-transition-play.no-poster{
  aspect-ratio:21/9;min-height:220px;background:#0a0a0a;
}
.zamar-transition-ov{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.55);pointer-events:none;transition:background .35s ease}
.zamar-transition-play.is-previewing .zamar-transition-ov{background:rgba(0,0,0,.28)}
.zamar-transition-ui{
  position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:18px;padding:28px 24px;pointer-events:none;
}
.zamar-transition-icon{display:flex;color:#fff;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45));transition:transform .2s ease,opacity .35s ease}
.zamar-transition-play:hover .zamar-transition-icon{transform:scale(1.06)}
.zamar-transition-play.is-previewing .zamar-transition-icon{opacity:.82}
.zamar-transition-svg{display:block}
.zamar-transition-caption{
  max-width:min(720px,92%);font-family:var(--display,inherit);font-size:clamp(22px,3.4vw,40px);
  line-height:1.15;letter-spacing:.5px;font-weight:700;color:#fff;
  text-shadow:0 8px 28px rgba(0,0,0,.55);
}
@media(max-width:760px){
  .zamar-expansion-notice .wrap{padding-top:10px;padding-bottom:11px}
  .section-transition{margin-bottom:-40px}
  .section-transition-video{margin-bottom:-28px}
  .zamar-transition-svg{width:56px;height:56px}
  .zamar-transition-caption{font-size:clamp(18px,5vw,26px)}
  .zamar-transition-ui{gap:14px;padding:20px 16px}
}

/* ---------- Media carousel (one-at-a-time slider) ---------- */
.media-carousel{padding:90px 0}
.mcar-title{font-family:var(--display);font-size:clamp(28px,4vw,46px);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;text-align:center}
.mcar-intro{text-align:center;color:var(--cream-dim);font-size:18px;line-height:1.65;max-width:680px;margin:0 auto 34px}
.mcar{position:relative;display:grid;grid-template-columns:44px 1fr 44px;grid-template-rows:auto auto;gap:12px 16px;align-items:center;width:100%;max-width:none;margin:0 auto;padding:0}
.mcar-viewport{grid-column:2;grid-row:1;min-width:0;overflow:hidden}
.mcar-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.mcar-slide{flex:0 0 100%;min-width:0;margin:0;text-align:center}
/* Full image width — no forced 16:9 crop (videos/embeds still use 16:9) */
.mcar-media{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface);width:100%;margin:0 auto}
.mcar-media img{width:100%;height:auto;max-height:none;object-fit:contain;display:block;border:0}
.mcar-media video,.mcar-media iframe{width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;display:block;border:0;background:#000}
.mcar-slide figcaption{margin:18px auto 0;max-width:680px;color:var(--cream-dim);font-size:16px;line-height:1.6}
.mcar-arrow{position:static;transform:none;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font-size:24px;line-height:1;cursor:pointer;transition:background .2s,transform .15s;justify-self:center;align-self:center;padding:0}
.mcar-arrow:hover{background:var(--amber);color:#1a1208;border-color:var(--amber)}
.mcar-prev{grid-column:1;grid-row:1}.mcar-next{grid-column:3;grid-row:1}
.mcar-dots{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:10px;margin:0}
.mcar-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--line);transition:background .2s,transform .2s}
.mcar-dot.active{background:var(--amber);transform:scale(1.25)}
@media(max-width:900px){.mcar{padding:0 12px;gap:10px 10px}.mcar-arrow{width:40px;height:40px;font-size:20px}}

/* ---------- Specifications table (At-a-glance style) ---------- */
.spectable{position:relative;padding:100px 0;background:var(--bg-2)}
.spectable.has-bg{background:transparent}
.spectable-title{font-family:var(--display);font-size:clamp(30px,5vw,58px);text-transform:uppercase;letter-spacing:1px;margin:0 0 30px}
.spectable-list{margin:0;max-width:880px}
.spectable-align-center .spectable-list{margin-left:auto;margin-right:auto;text-align:center}
.spectable-align-center .spectable-row{grid-template-columns:1fr}
.spectable-align-center .spectable-title{text-align:center}
.spectable-align-right .spectable-list{margin-left:auto;text-align:right}
.spectable-align-right .spectable-title{text-align:right}
.spectable-row{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--line)}
.spectable-row:last-child{border-bottom:1px solid var(--line)}
.spectable-row dt{margin:0;color:var(--cream-dim);font-weight:600}
.spectable-row dd{margin:0;color:var(--text)}
@media(max-width:600px){.spectable-row{grid-template-columns:1fr;gap:4px}}

/* ---------- Payment badges (footer) ---------- */
.pay-badges{margin-top:40px}
.pay-title{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.pay-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pay-chip{display:inline-flex;align-items:center;height:34px;padding:0 16px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--cream-dim);font-size:13px;font-weight:600;letter-spacing:.5px}
.pay-image{max-width:100%;height:auto;margin:0 auto;display:block;opacity:.9}

/* Header logo image (per-page hero logo field) */
.logo-img-link{display:inline-flex;align-items:center;text-decoration:none}
.logo-img{height:38px;width:auto;display:block}

/* Affirm messaging in the sticky bar */
.zamar-stickybar .affirm-sticky{margin:0 4px 0 0;font-size:12px;color:var(--cream-dim);white-space:nowrap}
.zamar-stickybar .affirm-sticky a,.zamar-stickybar .affirm-sticky .affirm-modal-trigger{color:var(--amber-hi)}
@media(max-width:760px){.zamar-stickybar .affirm-sticky{display:none}}

/* ---------- Live purchase notifications ---------- */
.zamar-sales{position:fixed;z-index:90;max-width:340px;display:flex;align-items:center;gap:12px;padding:12px 38px 12px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px -12px rgba(0,0,0,.6);opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}
.zamar-sales.show{opacity:1;transform:translateY(0);pointer-events:auto}
.zamar-sales.bottom-left{left:20px;bottom:20px}
.zamar-sales.bottom-right{right:20px;bottom:20px}
.zamar-sales.top-left{left:20px;top:90px}
.zamar-sales.top-right{right:20px;top:90px}
.zamar-sales .zs-img{width:54px;height:54px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:var(--bg-2)}
.zamar-sales .zs-body{min-width:0}
.zamar-sales .zs-who{font-weight:700;font-size:14px;color:var(--text);line-height:1.25}
.zamar-sales .zs-prod{font-size:13px;color:var(--cream-dim);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zamar-sales .zs-ago{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:3px}
.zamar-sales .zs-close{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:2px}
.zamar-sales .zs-close:hover{color:var(--text)}
.zamar-sales.zs-clickable{cursor:pointer}
.zamar-sales.zs-clickable:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
@media(max-width:600px){.zamar-sales{max-width:none;left:12px;right:12px}.zamar-sales.bottom-right,.zamar-sales.bottom-left{bottom:12px}.zamar-sales.top-right,.zamar-sales.top-left{top:74px}}

/* Slight zoom on hover for section media (not logos, nav, story scroll-swap, or image compare) */
body.zamar-lp .feat-visual:not(.compare-visual),
body.zamar-lp .mcar-media,
body.zamar-lp #product-carousel .zamar-card-img,
body.zamar-lp #reviews .zamar-review-img,
body.zamar-lp .zamar-blocks .zamar-card-img,
body.zamar-lp .zamar-blocks .zamar-media .zamar-media-frame,
body.zamar-lp .zamar-blocks .zamar-cover .zamar-cover-bg{overflow:hidden}
body.zamar-lp .feat-visual:not(.compare-visual) img,
body.zamar-lp .feat-visual:not(.compare-visual) video,
body.zamar-lp .mcar-media img,
body.zamar-lp .mcar-media video,
body.zamar-lp #product-carousel .zamar-card-img img,
body.zamar-lp #reviews .zamar-review-img,
body.zamar-lp .zamar-blocks .zamar-card-img img,
body.zamar-lp .zamar-blocks .zamar-card-img video,
body.zamar-lp .zamar-blocks .zamar-review-img,
body.zamar-lp .zamar-blocks .zamar-media img,
body.zamar-lp .zamar-blocks .zamar-media video,
body.zamar-lp .zamar-blocks .zamar-cover .zamar-cover-bg img,
body.zamar-lp .zamar-blocks .zamar-cover .zamar-cover-bg video{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
body.zamar-lp .feat-visual:not(.compare-visual):hover img,
body.zamar-lp .feat-visual:not(.compare-visual):hover video,
body.zamar-lp .mcar-media:hover img,
body.zamar-lp .mcar-media:hover video,
body.zamar-lp #product-carousel .zamar-card-img:hover img,
body.zamar-lp #reviews .zamar-review:hover .zamar-review-img,
body.zamar-lp .zamar-blocks .zamar-card-img:hover img,
body.zamar-lp .zamar-blocks .zamar-card-img:hover video,
body.zamar-lp .zamar-blocks .zamar-review:hover .zamar-review-img,
body.zamar-lp .zamar-blocks .zamar-media:hover img,
body.zamar-lp .zamar-blocks .zamar-media:hover video,
body.zamar-lp .zamar-blocks .zamar-cover:hover .zamar-cover-bg img,
body.zamar-lp .zamar-blocks .zamar-cover:hover .zamar-cover-bg video{transform:scale(1.05)}
body.zamar-lp .zamar-blocks .zamar-btn{background:var(--btn,var(--amber));color:var(--btn-text,#1a1208)}
body.zamar-lp .zamar-blocks .zamar-btn:hover{background:var(--btn-hi,var(--amber-hi))}

/* Feature row with no media — text holds its chosen side; other half shows the section background */
.feat-row.no-media{min-height:340px;align-items:center}
.feat-row.no-media .feat-copy{grid-column:1}
.feat-row.flip.no-media .feat-copy{grid-column:2}
@media(max-width:860px){.feat-row.no-media{min-height:0}.feat-row.flip.no-media .feat-copy{grid-column:1}}

/* ---------- Header actions + mobile hamburger nav ---------- */
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0;margin-left:2px;background:none;border:0;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s ease,opacity .3s ease}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.zamar-mobile-nav{position:fixed;inset:0;z-index:100065;visibility:hidden;pointer-events:none}
.zamar-mobile-nav.open{visibility:visible;pointer-events:auto}
.mnav-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .35s}
.zamar-mobile-nav.open .mnav-backdrop{opacity:1}
.mnav-panel{position:absolute;top:0;right:0;height:100%;width:min(84vw,360px);background:var(--bg-2);border-left:1px solid var(--line);box-shadow:-24px 0 60px rgba(0,0,0,.55);transform:translateX(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:74px 30px 30px;overflow:hidden}
.zamar-mobile-nav.open .mnav-panel{transform:translateX(0)}
.mnav-close{position:absolute;top:16px;right:20px;background:none;border:0;color:var(--text);font-size:34px;line-height:1;cursor:pointer}
.mnav-utils{display:flex;align-items:center;gap:4px;margin:-42px 0 22px;padding-bottom:18px;border-bottom:1px solid var(--line);flex:0 0 auto}
.mnav-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 -6px;padding:0 6px 8px;-webkit-overflow-scrolling:touch}
.mnav-links{list-style:none;margin:0;padding:0}
.mnav-links>li{border-bottom:1px solid var(--line)}
.mnav-item-row{display:flex;align-items:center;gap:8px}
.mnav-item-row>a{flex:1;display:block;padding:12px 2px;color:var(--text);text-decoration:none;font-family:var(--display);font-size:20px;letter-spacing:1px;text-transform:uppercase;transition:color .2s}
.mnav-item-row>a:hover{color:var(--amber-hi)}
.mnav-links>li:not(.menu-item-has-children)>a{display:block;padding:12px 2px;color:var(--text);text-decoration:none;font-family:var(--display);font-size:20px;letter-spacing:1px;text-transform:uppercase;transition:color .2s}
.mnav-links>li:not(.menu-item-has-children)>a:hover{color:var(--amber-hi)}
.mnav-link-inner{display:inline-flex;align-items:center;gap:12px;max-width:100%;vertical-align:middle}
.mnav-link-media{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;line-height:1}
.mnav-link-img{display:block;width:32px;height:32px;object-fit:contain;border-radius:3px}
.mnav-link-icon.dashicons{width:28px;height:28px;font-size:26px;line-height:28px;color:inherit}
.mnav-link-label{min-width:0}
.mnav-link-badge{display:inline-flex;align-items:center;flex:0 0 auto;margin-left:2px;padding:3px 7px 2px;border-radius:999px;background:var(--amber);color:#211604;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1}
.mnav-links .sub-menu .mnav-link-media{width:28px;height:28px}
.mnav-links .sub-menu .mnav-link-img{width:28px;height:28px;border-radius:3px}
.mnav-links .sub-menu .mnav-link-icon.dashicons{width:24px;height:24px;font-size:22px;line-height:24px}
.mnav-links .sub-menu .mnav-link-badge{font-size:8px;padding:2px 6px}
.mnav-sub-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:1px solid var(--line);border-radius:2px;color:var(--text);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.mnav-sub-toggle:hover{border-color:var(--amber);color:var(--amber-hi)}
.mnav-sub-icon{display:block;font-family:var(--body);font-size:20px;font-weight:300;line-height:1;transition:transform .25s ease}
.menu-item-has-children.is-open>.mnav-item-row .mnav-sub-icon{transform:rotate(45deg)}
.mnav-links .sub-menu{list-style:none;margin:0;padding:0 0 6px 12px;max-height:0;overflow:hidden;transition:max-height .35s ease}
.menu-item-has-children.is-open>.sub-menu{max-height:640px}
.mnav-links .sub-menu a{display:flex;align-items:center;padding:10px 2px 10px 8px;color:var(--cream-dim);text-decoration:none;font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;transition:color .2s;border-left:2px solid var(--line)}
.mnav-links .sub-menu a:hover{color:var(--amber-hi);border-left-color:var(--amber)}
.mnav-promo{position:relative;margin-top:24px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:4px}
.mnav-promo-badge{position:absolute;top:14px;left:14px;z-index:1;display:inline-block;padding:4px 10px;background:var(--amber);color:#1a1208;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px}
.mnav-promo-media{margin:0 0 14px;text-align:center}
.mnav-promo-media img{max-width:100%;max-height:140px;width:auto;height:auto;object-fit:contain;display:inline-block}
.mnav-promo-title{margin:0 0 8px;font-family:var(--display);font-size:24px;letter-spacing:1px;line-height:1.1;color:var(--text);text-transform:uppercase}
.mnav-promo-text{margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--cream-dim)}
.mnav-promo-btn{display:inline-block;color:var(--amber-hi);font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:color .2s}
.mnav-promo-btn:hover{color:var(--amber)}
body.zamar-nav-open{overflow:hidden}

/* ---------- Buy CTA button group + secondary (outline) button ---------- */
.buy-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.btn-secondary,.buy .btn-secondary{background:transparent;color:var(--amber);border:1px solid var(--amber);box-shadow:none}
.btn-secondary:hover,.buy .btn-secondary:hover{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber-hi);box-shadow:none}

/* ---------- Reviews: swipeable, equal-height cards on mobile ---------- */
.zamar-review{display:flex;flex-direction:column}
.zamar-review blockquote{flex:1 0 auto}
@media(max-width:760px){
  .zamar-reviews-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-top:18px;padding-bottom:16px;-webkit-overflow-scrolling:touch;align-items:stretch}
  .zamar-reviews-grid>.zamar-review{flex:0 0 80%;scroll-snap-align:center}
  .zamar-reviews-grid::-webkit-scrollbar{height:6px}
  .zamar-reviews-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}
}

/* ---------- Icon highlights (2–4 cards) ---------- */
.highlights{position:relative;padding:100px 0;background:var(--bg)}
.highlights .hl-title{font-family:var(--display);font-size:clamp(36px,5vw,56px);letter-spacing:1px;text-transform:uppercase;text-align:center;margin:0 0 48px}
.hl-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.highlights-n-2 .hl-grid{grid-template-columns:repeat(2,1fr);max-width:720px;margin:0 auto}
.highlights-n-4 .hl-grid{grid-template-columns:repeat(4,1fr)}
.hl-card{background:var(--surface,#121212);border:1px solid var(--line);border-radius:14px;padding:36px 28px;text-align:center}
.hl-icon-wrap{color:var(--text);margin:0 auto 18px;display:flex;justify-content:center}
.hl-head{font-family:var(--sans,var(--body));font-size:18px;font-weight:700;margin:0 0 8px;color:var(--text)}
.hl-text{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
@media(max-width:860px){
  .highlights{padding:64px 0}
  .hl-grid,.highlights-n-2 .hl-grid,.highlights-n-4 .hl-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
}

/* ---------- FAQ accordion (multi-open) ---------- */
.faq{position:relative;padding:100px 0;background:var(--bg)}
.faq-title{font-family:var(--display);font-size:clamp(36px,5vw,56px);letter-spacing:1px;text-transform:uppercase;text-align:center;margin:0 0 40px}
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.faq-item{background:var(--surface,#121212);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:none;border:0;cursor:pointer;text-align:left;color:var(--text);font-family:inherit;font-size:16px;font-weight:700;line-height:1.35}
.faq-q:hover{color:var(--amber-hi,var(--amber))}
.faq-toggle{flex:0 0 auto;font-size:22px;font-weight:400;color:var(--muted);line-height:1;transition:transform .25s ease}
.faq-item.is-open .faq-toggle{transform:rotate(45deg);color:var(--amber-hi,var(--amber))}
.faq-a{overflow:hidden}
.faq-a[hidden]{display:none}
.faq-a-inner{padding:0 22px 20px;color:var(--muted);font-size:15px;line-height:1.6}
@media(max-width:860px){.faq{padding:64px 0}.faq-q{padding:18px 18px;font-size:15px}.faq-a-inner{padding:0 18px 18px}}

/* ---------- Image compare (before/after slider) ---------- */
.compare-sec{position:relative;padding:0 0 40px}
/* Override .feat-visual fixed height + absolute imgs — those collapse the slider frame to a line. */
.compare-row .compare-visual,
.compare-row .compare-visual.has-media{
  height:auto;min-height:0;aspect-ratio:auto;display:block;overflow:visible;
  border:0;background:transparent;align-items:stretch;justify-content:stretch;
}
.compare-row .compare-visual .zamar-compare{width:100%}
.compare-row .compare-visual .zamar-compare-img,
.compare-row .compare-visual.has-media .zamar-compare-img{
  position:static;inset:auto;width:100%;height:auto;max-width:none;object-fit:unset;object-position:unset;
}
.zamar-compare{width:100%;user-select:none;-webkit-user-select:none;touch-action:none}
.zamar-compare-frame{position:relative;width:100%;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:var(--surface);line-height:0}
.zamar-compare-img{display:block;width:100%;height:auto;vertical-align:top;pointer-events:none}
.zamar-compare-b{position:relative;z-index:0;width:100%;height:auto}
.zamar-compare-a-wrap{position:absolute;inset:0 auto 0 0;overflow:hidden;height:100%;z-index:1}
.compare-row .compare-visual .zamar-compare-a-wrap .zamar-compare-a,
.compare-row .compare-visual.has-media .zamar-compare-a-wrap .zamar-compare-a{
  position:absolute;left:0;top:0;width:var(--compare-frame-w,100%);max-width:none;
  height:100%;object-fit:cover;object-position:left center;
}
.zamar-compare-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;z-index:2;pointer-events:none;box-shadow:0 0 8px rgba(0,0,0,.45)}
.zamar-compare-handle{
  position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3;
  width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:ew-resize;
  background:#fff;color:#111;box-shadow:0 4px 18px rgba(0,0,0,.35);
  display:flex;align-items:center;justify-content:center;
}
.zamar-compare-knob{font-size:12px;font-weight:700;letter-spacing:-1px;line-height:1}
.zamar-compare-badge{
  position:absolute;z-index:2;top:12px;padding:5px 10px;border-radius:4px;
  background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;pointer-events:none;
}
.zamar-compare-badge-a{left:12px}
.zamar-compare-badge-b{right:12px}
@media(max-width:860px){
  .zamar-compare-handle{width:40px;height:40px}
}

/* ---------- Sale countdown (digits centered; label sits to their left) ---------- */
.hero-cta-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:12px}
.zamar-cd-tip,
.zamar-cd-buy{
  position:relative;
  background:transparent;border:0;box-shadow:none;padding:0;
  min-width:0;max-width:none;border-radius:0;
  color:var(--cd-fg,var(--text,#f5f0e8));
  opacity:1;visibility:visible;pointer-events:auto;z-index:30;
}
.zamar-cd-tip{order:-1}
.zamar-cd-buy{margin:22px auto 0;width:100%;display:flex;justify-content:center}
.zamar-cd-tip .zamar-cd-inner,
.zamar-cd-buy .zamar-cd-inner,
.zamar-cd-bar .zamar-cd-inner{
  position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;
  flex-wrap:nowrap;gap:0;width:auto;
}
.hero-cta-wrap .btn{align-self:center}
.zamar-cd-bar{
  position:fixed;top:0;left:0;right:0;z-index:130;
  background:var(--cd-bg,var(--surface,#121212));color:var(--cd-fg,var(--text,#f5f0e8));
  border-bottom:1px solid color-mix(in srgb, var(--cd-accent,var(--amber,#e0a52c)) 35%, transparent);
  transform:translateY(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
body.admin-bar .zamar-cd-bar{top:var(--zamar-admin-offset,0px)}
.zamar-cd-bar.show{transform:translateY(0)}
.zamar-cd-bar .wrap{display:flex;align-items:center;justify-content:center;min-height:44px;height:auto;padding:8px 0;max-width:100%}
.zamar-cd-bar .zamar-cd-unit{
  flex-direction:column;align-items:center;gap:0;min-width:40px;padding:5px 8px;
  background:var(--cd-digit-bg,var(--bg-2,var(--bg,#0d0b09)));
  border:1px solid color-mix(in srgb, var(--cd-accent,var(--amber,#e0a52c)) 28%, transparent);
  border-radius:8px;
}
.zamar-cd-bar .zamar-cd-num{font-size:15px;letter-spacing:.5px}
.zamar-cd-bar .zamar-cd-lbl{margin-top:3px;font-size:8px;opacity:.95}
.zamar-cd-bar .zamar-cd-expired{font-size:12px;margin:0}
.zamar-cd-digits{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}
.zamar-cd-label{
  position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);
  display:block;width:auto;text-align:right;
  font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--cd-fg,var(--text,#f5f0e8));margin:0;white-space:nowrap;z-index:0;
}
.zamar-cd-bar .zamar-cd-label{font-size:11px;letter-spacing:1.4px;right:calc(100% + 12px)}
.zamar-cd-unit{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:8px 10px;border-radius:10px;background:var(--cd-digit-bg,var(--bg-2,var(--bg,#0d0b09)));border:1px solid color-mix(in srgb, var(--cd-accent,var(--amber,#e0a52c)) 28%, transparent)}
.zamar-cd-num{font-family:var(--mono,monospace);font-size:18px;font-weight:700;line-height:1;color:var(--cd-digit-fg,var(--text,#fff));font-variant-numeric:tabular-nums}
.zamar-cd-lbl{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--cd-accent,var(--amber,#e0a52c));margin-top:4px}
.zamar-cd-expired{font-weight:700;letter-spacing:.5px;color:var(--cd-accent,var(--amber,#e0a52c))}
body.zamar-cd-sticky-on{--zamar-cd-h:56px;--zamar-sb-h:62px}
body.zamar-cd-sticky-on .zamar-stickybar,
body.zamar-cd-sticky-on.zamar-sticky-on .zamar-stickybar.show{top:calc(var(--zamar-admin-offset,0px) + var(--zamar-cd-h))}
/* Keep top live-sale toasts clear of countdown + sticky stack */
body.zamar-cd-sticky-on .zamar-sales.top-left,
body.zamar-cd-sticky-on .zamar-sales.top-right{top:calc(var(--zamar-admin-offset,0px) + var(--zamar-cd-h) + var(--zamar-sb-h) + 14px)}
@media(max-width:860px){
  .zamar-cd-tip,.zamar-cd-buy{width:100%;overflow:visible}
  .hero-cta-wrap{display:flex;flex-direction:column;align-items:stretch;width:100%;overflow:visible}
  .hero-cta-wrap .btn{align-self:stretch;text-align:center}
  .zamar-cd-bar .wrap{min-height:48px;padding:6px 0;overflow:visible}
  body.zamar-cd-sticky-on{--zamar-cd-h:52px;--zamar-sb-h:52px}
  .zamar-cd-bar .zamar-cd-num{font-size:13px}
  .zamar-cd-bar .zamar-cd-unit{min-width:34px;padding:4px 6px}
  .zamar-cd-unit{min-width:38px;padding:6px 8px}
  .zamar-cd-num{font-size:16px}
  .zamar-cd-label{font-size:10px;letter-spacing:1px;right:calc(100% + 8px)}
}

/* Hamburger slide-out nav is used at all widths (desktop + tablet + mobile);
   the inline .nav-links menu is hidden via its base rule above. */

/* ---------- Cart drawer (landing only) ---------- */
.zamar-cart-drawer{position:fixed;inset:0;z-index:100070;visibility:hidden;pointer-events:none}
.zamar-cart-drawer.open{visibility:visible;pointer-events:auto}
.zcart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:opacity .35s ease}
.zamar-cart-drawer.open .zcart-backdrop{opacity:1}
.zcart-panel{
  position:absolute;top:0;right:0;height:100%;width:min(96vw,920px);
  display:flex;flex-direction:row;background:var(--bg-2,#121212);border-left:1px solid var(--line);
  box-shadow:-28px 0 80px rgba(0,0,0,.55);transform:translateX(100%);
  transition:transform .4s cubic-bezier(.4,0,.2,1);overflow:hidden;
}
.zamar-cart-drawer.open .zcart-panel{transform:translateX(0)}
.zcart-upsells{
  flex:0 0 min(38%,300px);max-width:300px;overflow-y:auto;padding:28px 20px 32px;
  background:color-mix(in srgb,var(--bg,#0a0a0a) 88%,#000);border-right:1px solid var(--line);
}
.zcart-upsells-title{margin:0 0 20px;font-family:var(--body);font-size:15px;font-weight:600;color:var(--text);letter-spacing:.2px}
.zcart-upsell-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.zcart-upsell{display:flex;gap:12px;align-items:flex-start}
.zcart-upsell-img{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--surface);flex:0 0 auto}
.zcart-upsell-img-empty{display:block}
.zcart-upsell-meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.zcart-upsell-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}
.zcart-upsell-price{font-size:13px;color:var(--cream-dim)}
.zcart-upsell-price .zamar-price-was,.zcart-item-price .zamar-price-was{opacity:.55;font-weight:400;text-decoration:line-through}
.zcart-upsell-price .zamar-price-now,.zcart-item-price .zamar-price-now{color:var(--amber);font-weight:600}
.zcart-upsell-add{
  appearance:none;margin:0;padding:0;border:0;background:none;cursor:pointer;font:inherit;
  display:inline-flex;align-items:center;gap:6px;color:var(--amber);font-size:12px;font-weight:600;
  text-align:left;text-decoration:none;
}
.zcart-upsell-add:hover{color:var(--amber-hi)}
.zcart-upsell-add:disabled{opacity:.55;cursor:wait}
.zcart-upsell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:4px}
.zcart-upsell-more{
  color:var(--cream-dim);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:2px;
}
.zcart-upsell-more:hover{color:var(--amber-hi)}
.zcart-main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;background:var(--surface,#161616)}
.zcart-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 24px;border-bottom:1px solid var(--line);flex:0 0 auto;
}
.zcart-title{margin:0;font-family:var(--display,inherit);font-size:28px;letter-spacing:.5px;text-transform:uppercase;color:var(--text)}
.zcart-count{font-size:.7em;opacity:.7;font-weight:400}
.zcart-close{
  appearance:none;width:40px;height:40px;border:0;border-radius:50%;background:transparent;
  color:var(--text);font-size:28px;line-height:1;cursor:pointer;
}
.zcart-close:hover{color:var(--amber)}
.zcart-body{flex:1 1 auto;overflow-y:auto;padding:8px 24px 24px}
.zcart-empty{margin:28px 0;color:var(--cream-dim);font-size:15px}
.zcart-item{
  display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:start;
  padding:18px 0;border-bottom:1px solid var(--line);
}
.zcart-item-img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--bg)}
.zcart-item-img-empty{display:block;width:72px;height:72px;border-radius:8px;border:1px solid var(--line);background:var(--bg)}
.zcart-item-info{min-width:0}
.zcart-item-name{display:block;font-size:15px;font-weight:600;color:var(--text);line-height:1.35;margin-bottom:6px}
.zcart-item-remove{
  appearance:none;border:0;background:none;padding:0;cursor:pointer;font:inherit;
  color:var(--cream-dim);font-size:12px;text-decoration:underline;text-underline-offset:2px;
}
.zcart-item-remove:hover{color:var(--amber)}
.zcart-item-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.zcart-qty{
  display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--bg);
}
.zcart-qty button{
  appearance:none;width:34px;height:34px;border:0;background:transparent;color:var(--text);
  cursor:pointer;font-size:16px;line-height:1;
}
.zcart-qty button:hover{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber)}
.zcart-qty button:disabled{opacity:.4;cursor:not-allowed}
.zcart-qty span{min-width:28px;text-align:center;font-size:13px;font-weight:600;color:var(--text)}
.zcart-item-price{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}
.zcart-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.zcart-foot{flex:0 0 auto;padding:18px 24px 24px;border-top:1px solid var(--line);background:var(--surface)}
.zcart-foot[hidden]{display:none!important}
.zcart-subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:15px;color:var(--cream-dim)}
.zcart-subtotal strong{font-size:22px;color:var(--text);font-weight:700}
.zcart-note{margin:8px 0 16px;font-size:12px;color:var(--muted,var(--cream-dim));font-style:italic}
.zcart-actions{display:grid;grid-template-columns:1fr;gap:10px}
.zcart-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;
  border-radius:2px;font-weight:700;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;
  text-decoration:none;text-align:center;transition:background .2s,color .2s,border-color .2s;
}
.zcart-btn-ghost{border:1px solid var(--line);color:var(--text);background:transparent}
.zcart-btn-ghost:hover{border-color:var(--amber);color:var(--amber)}
.zcart-btn-primary{border:1px solid var(--btn,var(--amber));background:var(--btn,var(--amber));color:var(--btn-text,#1a1208)}
.zcart-btn-primary:hover{background:var(--btn-hi,var(--amber-hi));border-color:var(--btn-hi,var(--amber-hi))}
body.zamar-cart-open{overflow:hidden}
@media(max-width:860px){
  .zcart-panel{width:min(100vw,440px);flex-direction:column}
  .zcart-upsells{
    flex:0 0 auto;max-width:none;order:2;border-right:0;border-top:1px solid var(--line);
    max-height:38vh;padding:18px 18px 28px;
  }
  .zcart-main{order:1;min-height:0}
  .zcart-upsell-list{flex-direction:row;overflow-x:auto;gap:14px;padding-bottom:4px}
  .zcart-upsell{flex:0 0 200px;flex-direction:column}
  .zcart-head,.zcart-body,.zcart-foot{padding-left:18px;padding-right:18px}
}

/* Live editor preview — brief highlight when parent scrolls to a section */
body.zamar-live-preview .zamar-preview-flash{
	outline:3px solid var(--amber);
	outline-offset:6px;
	transition:outline-color .8s ease-out;
}

body.zamar-lp #product-carousel .zamar-card-img,
body.zamar-lp #featured-products .zamar-card-img {
	position: relative;
}
body.zamar-lp #product-carousel .zamar-card-img img,
body.zamar-lp #featured-products .zamar-card-img img,
body.zamar-lp #featured-products .zamar-card-shot {
	transition: transform .45s ease, opacity .35s ease;
}
body.zamar-lp #product-carousel .zamar-card-img:hover img,
body.zamar-lp #featured-products .zamar-card-img:hover img {
	transform: scale(1.06);
}

/* What's New — large promo tiles */
body.zamar-lp .zamar-whats-new { margin: 0; }
body.zamar-lp .zamar-whats-new-head { margin: 0 0 28px; }
body.zamar-lp .zamar-whats-new-head h2 {
	margin: 0;
	font-family: var(--display);
	font-size: clamp(32px, 5vw, 56px);
	letter-spacing: 1px;
	text-transform: uppercase;
}
body.zamar-lp .zamar-whats-new-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}
body.zamar-lp .zamar-wn-card {
	position: relative;
	display: block;
	min-height: clamp(280px, 42vw, 460px);
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	border: 1px solid var(--line);
	isolation: isolate;
}
body.zamar-lp .zamar-wn-media,
body.zamar-lp .zamar-wn-media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body.zamar-lp .zamar-wn-media img {
	transition: transform .7s ease;
}
body.zamar-lp .zamar-wn-card:hover .zamar-wn-media img { transform: scale(1.05); }
body.zamar-lp .zamar-wn-shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,.18) 100%);
	z-index: 1;
}
body.zamar-lp .zamar-wn-copy {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 28px 26px 30px;
}
body.zamar-lp .zamar-wn-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
body.zamar-lp .zamar-wn-name {
	font-family: var(--display);
	font-size: clamp(22px, 2.8vw, 34px);
	font-weight: 400;
	letter-spacing: .5px;
	text-transform: uppercase;
	line-height: 1.1;
}
body.zamar-lp .zamar-wn-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 9px 3px;
	border-radius: 999px;
	background: var(--amber);
	color: #211604;
	font-family: var(--mono);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.1px;
	text-transform: uppercase;
}
body.zamar-lp .zamar-wn-cta {
	display: inline-flex;
	align-items: center;
	padding: 12px 18px;
	background: #fff;
	color: #111;
	font-family: var(--body);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}
body.zamar-lp .zamar-wn-card:hover .zamar-wn-cta { background: var(--amber); color: #211604; }

/* Featured Products — shop-style cards on landing */
body.zamar-lp #featured-products .zamar-card {
	position: relative;
	flex: 0 0 min(300px, 78vw);
}
body.zamar-lp #featured-products .zamar-card-img {
	aspect-ratio: 1 / 1;
	background: #f3efe8;
	overflow: hidden;
}
body.zamar-lp #featured-products .zamar-card-img,
body.zamar-lp #product-carousel .zamar-card-img {
	position: relative;
}
body.zamar-lp #featured-products .zamar-card-badges,
body.zamar-lp #product-carousel .zamar-card-badges,
body.zamar-lp .zamar-wn-media .zamar-card-badges {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	pointer-events: none;
}
body.zamar-lp #featured-products .zamar-card-badge,
body.zamar-lp #product-carousel .zamar-card-badge,
body.zamar-lp .zamar-wn-media .zamar-card-badge {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 10px 4px;
	border-radius: 0;
	color: #fff;
	font-family: var(--body);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .8px;
	text-transform: uppercase;
}
body.zamar-lp #featured-products .zamar-card-badge.badge-sale,
body.zamar-lp #product-carousel .zamar-card-badge.badge-sale,
body.zamar-lp .zamar-wn-media .zamar-card-badge.badge-sale { background: #e10600; color: #fff; }
body.zamar-lp #featured-products .zamar-card-badge.badge-free,
body.zamar-lp #product-carousel .zamar-card-badge.badge-free,
body.zamar-lp .zamar-wn-media .zamar-card-badge.badge-free { background: #1a9f4b; color: #fff; }
body.zamar-lp #featured-products .zamar-card-badge.badge-new { background: var(--amber); color: #211604; }
body.zamar-lp #featured-products .zamar-card-badge.badge-expansion { background: #17130f; color: #fff; }
body.zamar-lp #featured-products .zamar-card-shot {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	max-width: calc(100% - 28px);
	max-height: calc(100% - 28px);
	object-fit: contain;
	object-position: center;
	opacity: 0;
	pointer-events: none;
}
body.zamar-lp #featured-products .zamar-card-shot.is-active {
	opacity: 1;
	z-index: 1;
}
body.zamar-lp #featured-products .zamar-card-cat {
	font-family: var(--mono);
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--muted);
	margin: 0 0 8px;
}
body.zamar-lp #featured-products .zamar-card-cta-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 14px;
	margin-top: 8px;
}
body.zamar-lp #featured-products .zamar-card-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 3px;
	background: var(--btn, var(--amber));
	color: var(--btn-text, #1a1208);
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.2;
}
body.zamar-lp #featured-products .zamar-card-btn:hover {
	background: var(--btn-hi, var(--amber-hi));
}
body.zamar-lp #featured-products .zamar-card-rating {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
body.zamar-lp #featured-products .zamar-card-stars .full { color: var(--amber); }
body.zamar-lp #featured-products .zamar-card-stars .empty { color: #43392f; }
body.zamar-lp #featured-products .zamar-card-reviews {
	font-family: var(--mono);
	font-size: 11px;
	color: var(--muted);
}
body.zamar-lp #featured-products .zamar-card-affirm {
	margin: 10px 0 0;
	font-size: 12px;
	color: var(--cream-dim);
}
body.zamar-lp #featured-products .zamar-card-affirm a,
body.zamar-lp #featured-products .zamar-card-affirm .affirm-modal-trigger {
	color: var(--amber-hi);
}

@media (max-width: 760px) {
	body.zamar-lp .zamar-whats-new-grid { grid-template-columns: 1fr; }
	body.zamar-lp .zamar-wn-card { min-height: 320px; }
}

body.zamar-live-preview #site-header,
body.zamar-live-preview #zamar-stickybar,
body.zamar-live-preview #zamar-countdown-bar,
body.zamar-live-preview #hero,
body.zamar-live-preview #intro,
body.zamar-live-preview #whats-new,
body.zamar-live-preview #featured-products,
body.zamar-live-preview #story,
body.zamar-live-preview #specs,
body.zamar-live-preview #features,
body.zamar-live-preview #compare,
body.zamar-live-preview #highlights,
body.zamar-live-preview #reviews,
body.zamar-live-preview #media-carousel,
body.zamar-live-preview #specifications,
body.zamar-live-preview #product-carousel,
body.zamar-live-preview #faq,
body.zamar-live-preview #buy,
body.zamar-live-preview #site-footer{
	cursor:pointer;
}
/* "Hi, Name" greeting beside the account icon (logged in) */
.zamar-account:has(.zamar-account-greet){width:auto;gap:8px;padding:0 4px}
.zamar-account-greet{font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:.4px;color:var(--text);white-space:nowrap}
.zamar-account:hover .zamar-account-greet{color:var(--amber-hi)}