/* ============================================================
   ZM HYBRID STORE — "VIDEO CLONE" THEME  (zmt.css)
   Loaded AFTER style.css + velora.css — overrides the storefront
   design only. No markup/business logic dependencies beyond the
   classes already rendered by script.js / index.html.

   Palette (sampled from the reference video)
   ------------------------------------------
   maroon  #8a0d0d  (header / announce bar)
   red     #d91f11  (CTA, active tab, badges, prices)
   orange  #ff5c1a  (gradient partner for red)
   ink     #141414  (headings)
   body    #4a4a4a  (copy)
   line    #e6e6e6  (hairlines)
   surface #ffffff
   soft    #f6f6f6  (section wash)

   Type: Inter / Manrope sans, uppercase display headings,
         script accent for hero subline.
   ============================================================ */

:root{
  --zm-maroon:#8a0d0d;
  --zm-maroon-dark:#6d0808;
  --zm-red:#d91f11;
  --zm-red-dark:#b8180c;
  --zm-orange:#ff5c1a;
  --zm-ink:#141414;
  --zm-body:#4a4a4a;
  --zm-mute:#8a8a8a;
  --zm-line:#e6e6e6;
  --zm-soft:#f6f6f6;
  --zm-gold:#f5b301;
  --zm-radius:8px;
  --zm-wrap:1280px;
  --zm-sans:'Inter','Manrope',system-ui,-apple-system,sans-serif;
  --zm-script:'Caveat','Segoe Script',cursive;
}

body.zmt{
  font-family:var(--zm-sans);
  color:var(--zm-ink);
  background:#fff;
}
body.zmt h1,body.zmt h2,body.zmt h3,body.zmt h4{
  font-family:var(--zm-sans);
  letter-spacing:-.01em;
  color:var(--zm-ink);
}
body.zmt .vx-wrap,
body.zmt .container{max-width:var(--zm-wrap);margin:0 auto;padding:0 26px;width:100%}
body.zmt a{color:inherit}
body.zmt img{max-width:100%}

/* ============================================================
   1. ANNOUNCEMENT BAR (maroon marquee)
   ============================================================ */
body.zmt .announce,
body.zmt .vx-topbar{
  background:var(--zm-maroon-dark)!important;
  color:#fff!important;
  border:0!important;
  padding:0!important;
  font-size:.76rem;
  overflow:hidden;
}
body.zmt .vx-topbar .vx-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:38px;
}
body.zmt .vx-topbar ul{
  list-style:none;margin:0;padding:0;display:flex;gap:44px;flex:1;justify-content:center;
}
body.zmt .vx-topbar li{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  letter-spacing:.04em;text-transform:uppercase;font-weight:600;font-size:.71rem;
}
body.zmt .vx-topbar li svg.vx-i{font-size:1.02rem;color:#ffd7c7;stroke-width:1.7}
body.zmt .vx-topbar a.vx-cta{
  background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42);
  font-size:.66rem;letter-spacing:.08em;padding:7px 15px;border-radius:3px;font-weight:700;
}
body.zmt .vx-topbar a.vx-cta:hover{background:#fff;color:var(--zm-maroon-dark);border-color:#fff}

/* video-style marquee announcement bar */
body.zmt .zm-announce{
  background:var(--zm-maroon-dark);color:#fff;overflow:hidden;
  display:flex;width:100%;position:relative;
}
body.zmt .zm-announce__track{
  display:flex;align-items:center;gap:0;flex:none;
  padding:9px 0;animation:zmtMarquee 34s linear infinite;
  will-change:transform;
}
body.zmt .zm-announce__track span{
  display:inline-flex;align-items:center;gap:8px;padding:0 30px;
  font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  white-space:nowrap;color:#fff;
}
body.zmt .zm-announce__track span+span{border-left:1px solid rgba(255,255,255,.24)}
body.zmt .zm-announce__track svg{
  width:14px;height:14px;stroke:#ffcfc0;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;flex:none;
}
@keyframes zmtMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  body.zmt .zm-announce__track{animation:none}
  body.zmt .zm-announce{justify-content:center}
  body.zmt .zm-announce__track:last-child{display:none}
}

/* single-line brand wordmark */
body.zmt .zmt-brand{
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;
  gap:0!important;background:none!important;padding:0!important;border-radius:0!important;
  font-family:var(--zm-sans)!important;font-size:.98rem!important;font-weight:900!important;
  letter-spacing:.11em!important;text-transform:uppercase!important;
  color:#fff!important;line-height:1;white-space:nowrap;
}
body.zmt .zmt-brand b,
body.zmt .zmt-brand small{display:none!important}

/* legacy announce strip (inner pages) */
body.zmt .announce{
  background:var(--zm-maroon-dark)!important;color:#fff!important;
  border:0!important;padding:0!important;overflow:hidden;font-size:.72rem;
}
body.zmt .announce__track{
  display:flex;align-items:center;justify-content:center;gap:0;
  animation:none;width:100%!important;padding:10px 16px;
}
body.zmt .announce__track span:nth-child(n+3){display:none}
body.zmt .announce__track span{
  display:inline-flex;align-items:center;gap:9px;padding:0 26px;
  text-transform:uppercase;letter-spacing:.07em;font-weight:700;font-size:.69rem;
}
body.zmt .announce__track span+span{border-left:1px solid rgba(255,255,255,.28)}

/* ============================================================
   2. HEADER (sticky maroon bar)
   ============================================================ */
body.zmt .site-header,
body.zmt .site-header.vx-header{
  background:var(--zm-maroon)!important;
  border:0!important;
  box-shadow:0 2px 14px rgba(90,8,8,.22)!important;
  position:sticky;top:0;z-index:80;
  backdrop-filter:none;
}
body.zmt .site-header__inner,
body.zmt .vx-header .vx-wrap{
  display:flex;align-items:center;gap:30px;
  min-height:72px;position:relative;
  max-width:var(--zm-wrap);margin:0 auto;padding:0 26px;
}
body.zmt .brand,
body.zmt .vx-brand{
  display:inline-flex;flex-direction:row;align-items:center;gap:9px;
  color:#fff!important;text-decoration:none;flex:none;
}
body.zmt .brand__mark,
body.zmt .vx-brand b{
  background:#fff;color:var(--zm-maroon)!important;
  font-family:var(--zm-sans);font-weight:800;font-size:1.02rem;
  letter-spacing:-.02em;padding:5px 7px;border-radius:4px;line-height:1;
  display:inline-flex;align-items:center;
}
body.zmt .brand__name,
body.zmt .vx-brand small{
  font-family:var(--zm-sans)!important;color:#fff!important;
  font-size:.92rem;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;line-height:1;
}
body.zmt .main-nav,
body.zmt .vx-nav{
  display:flex;align-items:center;gap:30px;flex:1;
  border:0!important;padding:0!important;margin:0!important;
  background:none!important;
}
body.zmt .main-nav a,
body.zmt .vx-nav>a,
body.zmt .vx-nav .vx-has>a{
  color:#fff!important;font-size:.86rem;font-weight:600;
  letter-spacing:.01em;padding:24px 0!important;position:relative;
  display:inline-flex;align-items:center;gap:6px;text-transform:none;
  opacity:.94;
}
body.zmt .main-nav a:hover,
body.zmt .vx-nav a:hover{opacity:1;color:#fff!important}
body.zmt .main-nav a.active::after,
body.zmt .vx-nav>a.active::after,
body.zmt .vx-nav .vx-has>a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;
  background:#fff;border-radius:2px;
}
body.zmt .main-nav a.active::after{display:none}
body.zmt .vx-nav .vx-has>a svg{font-size:.58rem;stroke-width:2.6;opacity:.8}

/* dropdown */
body.zmt .vx-sub{
  background:#fff!important;border:1px solid var(--zm-line)!important;
  border-top:3px solid var(--zm-red)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.14)!important;
  border-radius:0 0 6px 6px;padding:8px 0!important;min-width:220px;
}
body.zmt .vx-sub a{
  color:var(--zm-ink)!important;padding:9px 20px!important;font-size:.83rem;
  font-weight:500;opacity:1;
}
body.zmt .vx-sub a:hover{background:#fdf3f2!important;color:var(--zm-red)!important}

/* header tools */
body.zmt .header-actions,
body.zmt .vx-tools{display:flex;align-items:center;gap:19px;margin-left:auto;flex:none}
body.zmt .header-actions .icon-btn,
body.zmt .header-actions .account-header-link,
body.zmt .vx-tools .icon-btn,
body.zmt .vx-tools a.vx-ic{
  background:none!important;border:0!important;padding:0!important;
  width:24px!important;height:24px!important;
  display:grid;place-items:center;color:#fff!important;cursor:pointer;
  position:relative;box-shadow:none!important;border-radius:0;
}
body.zmt .header-actions svg,
body.zmt .vx-tools svg{
  width:22px!important;height:22px!important;fill:none!important;
  stroke:currentColor!important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
body.zmt .header-actions svg *,
body.zmt .vx-tools svg *{fill:none!important;stroke:currentColor!important}
body.zmt .header-actions .badge,
body.zmt .vx-tools .badge{
  position:absolute;top:-7px;right:-9px;min-width:16px;height:16px;padding:0 4px;
  background:#fff!important;color:var(--zm-maroon)!important;border-radius:99px;
  font-size:.6rem;line-height:16px;font-weight:800;text-align:center;
  border:0;box-shadow:0 1px 3px rgba(0,0,0,.2);
}
body.zmt .icon-btn--labeled small,
body.zmt .account-header-link small{display:none!important}

/* mobile nav toggle */
body.zmt .nav-toggle{
  display:none;background:none!important;border:0!important;padding:0!important;
  width:26px!important;height:26px!important;color:#fff!important;
}
body.zmt .nav-toggle svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2}

/* search flyout */
body.zmt .vx-header .search-bar,
body.zmt .site-header .search-bar{
  position:absolute;left:0;right:0;top:100%;background:#fff;
  border-top:1px solid var(--zm-line);
  box-shadow:0 18px 34px rgba(0,0,0,.16);
  padding:14px 26px;gap:10px;z-index:95;height:auto;margin:0;
  width:100%;max-width:100%;border-radius:0;
  display:none;
}
body.zmt .vx-header .search-bar.open,
body.zmt .site-header .search-bar.open{display:flex}
body.zmt .site-header .search-bar select,
body.zmt .vx-header .search-bar select{
  border:1px solid var(--zm-line);padding:0 12px;height:46px;background:#fff;
  font:inherit;font-size:.86rem;border-radius:5px;width:auto;flex:none;color:var(--zm-ink);
}
body.zmt .site-header .search-bar input,
body.zmt .vx-header .search-bar input{
  flex:1;border:1px solid var(--zm-line);height:46px;padding:0 15px;
  font:inherit;font-size:.92rem;border-radius:5px;background:#fff;color:var(--zm-ink);
}
body.zmt .site-header .search-bar input:focus,
body.zmt .site-header .search-bar select:focus{outline:0;border-color:var(--zm-red)}
body.zmt .site-header .search-bar button,
body.zmt .vx-header .search-bar button{
  background:var(--zm-red);color:#fff;border:0;border-radius:5px;
  width:56px;height:46px;padding:0;display:grid;place-items:center;cursor:pointer;
}
body.zmt .site-header .search-bar button:hover{background:var(--zm-red-dark)}

/* suggestions */
body.zmt .search-suggestions{
  position:absolute;left:0;right:0;top:100%;background:#fff;
  border:1px solid var(--zm-line);border-top:0;box-shadow:0 18px 34px rgba(0,0,0,.14);
  max-height:340px;overflow:auto;z-index:120;display:none;border-radius:0 0 6px 6px;
}
body.zmt .search-suggestions.open{display:block}
body.zmt .search-suggestions a{
  display:flex;justify-content:space-between;gap:16px;padding:11px 18px;
  font-size:.86rem;border-bottom:1px solid #f2f2f2;
}
body.zmt .search-suggestions a:hover{background:#fdf3f2}
body.zmt .search-suggestions small{color:var(--zm-red);font-weight:700}
body.zmt .search-no-results{padding:14px 18px;color:var(--zm-mute);font-size:.86rem}

/* ============================================================
   3. HERO CAROUSEL
   ============================================================ */
body.zmt .zm-hero-carousel{
  position:relative;background:#3d0505;overflow:hidden;
  margin:0;isolation:isolate;
}
body.zmt .zm-hero-slide{
  position:relative;display:none;
  min-height:clamp(390px,44vw,540px);
}
body.zmt .zm-hero-slide.is-active{display:block}
body.zmt .zm-hero-slide__bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
body.zmt .zm-hero-slide::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(96deg,#7c0808 0%,#a30f0f 32%,rgba(163,15,15,.72) 48%,rgba(163,15,15,.06) 74%,rgba(163,15,15,0) 100%);
}
body.zmt .zm-hero-slide__inner{
  position:relative;z-index:3;max-width:var(--zm-wrap);margin:0 auto;
  padding:56px 26px;display:flex;align-items:center;min-height:inherit;
}
body.zmt .zm-hero-copy{max-width:600px;color:#fff}
body.zmt .zm-hero-copy__eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);
  color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;padding:7px 14px;border-radius:99px;margin-bottom:20px;
}
body.zmt .zm-hero-copy__eyebrow i{
  width:6px;height:6px;border-radius:50%;background:#ffd166;display:block;
  box-shadow:0 0 0 4px rgba(255,209,102,.28);
}
body.zmt .zm-hero-copy h1{
  font-size:clamp(2.35rem,5.1vw,4.05rem);
  line-height:.98;font-weight:900;letter-spacing:-.035em;
  text-transform:uppercase;color:#fff;margin:0 0 6px;
}
body.zmt .zm-hero-copy h1 em{
  font-family:var(--zm-script);font-style:normal;font-weight:600;
  text-transform:none;letter-spacing:0;font-size:1.18em;
  color:#ffd166;display:inline-block;line-height:.85;
}
body.zmt .zm-hero-copy h1 small{
  display:block;font-size:.36em;font-weight:800;letter-spacing:.24em;
  text-transform:uppercase;color:#ffd9c9;margin-top:14px;
}
body.zmt .zm-hero-copy p{
  color:rgba(255,255,255,.9);font-size:.99rem;line-height:1.65;
  max-width:43ch;margin:16px 0 26px;
}
body.zmt .zm-hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:26px}
body.zmt .zm-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:50px;padding:0 30px;border-radius:6px;border:1.5px solid transparent;
  font-family:var(--zm-sans);font-size:.88rem;font-weight:800;letter-spacing:.02em;
  cursor:pointer;text-decoration:none;transition:.18s ease;white-space:nowrap;
}
body.zmt .zm-btn--light{background:#fff;color:var(--zm-maroon);border-color:#fff}
body.zmt .zm-btn--light:hover{background:#ffe9e2;border-color:#ffe9e2;transform:translateY(-1px)}
body.zmt .zm-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
body.zmt .zm-btn--ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
body.zmt .zm-btn--red{background:var(--zm-red);color:#fff;border-color:var(--zm-red)}
body.zmt .zm-btn--red:hover{background:var(--zm-red-dark);border-color:var(--zm-red-dark);transform:translateY(-1px)}
body.zmt .zm-btn--dark{background:var(--zm-ink);color:#fff;border-color:var(--zm-ink)}
body.zmt .zm-btn--dark:hover{background:#2c2c2c}
body.zmt .zm-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

body.zmt .zm-hero-trust{
  display:flex;flex-wrap:wrap;gap:26px;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.22);
}
body.zmt .zm-hero-trust span{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.76rem;font-weight:600;color:rgba(255,255,255,.92);
}
body.zmt .zm-hero-trust svg{
  width:17px;height:17px;stroke:#ffd166;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;flex:none;
}
body.zmt .zm-hero-badge{
  position:absolute;right:28px;top:28px;z-index:4;
  width:104px;height:104px;border-radius:50%;
  background:var(--zm-red);color:#fff;
  display:grid;place-content:center;text-align:center;
  box-shadow:0 12px 30px rgba(0,0,0,.28);border:3px solid rgba(255,255,255,.35);
}
body.zmt .zm-hero-badge small{display:block;font-size:.52rem;letter-spacing:.13em;font-weight:700;text-transform:uppercase;opacity:.95}
body.zmt .zm-hero-badge strong{display:block;font-size:1.5rem;font-weight:900;line-height:1.05}
body.zmt .zm-hero-badge span{display:block;font-size:.55rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase}
body.zmt .zm-hero-nav{position:absolute;inset:auto 0 0 0;z-index:5;padding:0 26px 20px;max-width:var(--zm-wrap);margin:0 auto;display:flex;align-items:center;gap:10px}
body.zmt .zm-hero-nav button{
  width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.5);
  background:rgba(0,0,0,.16);color:#fff;display:grid;place-items:center;cursor:pointer;
  transition:.18s;
}
body.zmt .zm-hero-nav button:hover{background:#fff;color:var(--zm-maroon)}
body.zmt .zm-hero-nav svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.zmt .zm-hero-dots{display:flex;gap:7px;margin-left:8px}
body.zmt .zm-hero-dots i{
  width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.45);
  transition:.2s;display:block;cursor:pointer;
}
body.zmt .zm-hero-dots i.is-active{width:24px;background:#fff}

/* ============================================================
   4. SECTION SHELL
   ============================================================ */
body.zmt .zm-sec{padding:54px 0}
body.zmt .zm-sec--soft{background:var(--zm-soft)}
body.zmt .zm-sec--tight{padding:38px 0}
body.zmt .zm-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px;margin-bottom:26px;
}
body.zmt .zm-head--center{flex-direction:column;align-items:center;text-align:center;gap:8px}
body.zmt .zm-head h2{
  font-size:clamp(1.35rem,2.5vw,1.9rem);font-weight:900;
  letter-spacing:-.02em;text-transform:uppercase;margin:0;
}
body.zmt .zm-head h2 span{color:var(--zm-red)}
body.zmt .zm-head p{margin:7px 0 0;font-size:.9rem;color:var(--zm-mute);line-height:1.6}
body.zmt .zm-head a.zm-link{
  font-size:.79rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--zm-red);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
}
body.zmt .zm-head a.zm-link:hover{color:var(--zm-red-dark)}
body.zmt .zm-head svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ============================================================
   5. SHOP BY CATEGORIES (circles)
   ============================================================ */
body.zmt .zm-cats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:22px;max-width:940px;margin:0 auto;
}
body.zmt .zm-cat{
  display:flex;flex-direction:column;align-items:center;gap:13px;
  text-align:center;text-decoration:none;
}
body.zmt .zm-cat i{
  display:block;width:100%;max-width:164px;aspect-ratio:1;
  border-radius:50%;overflow:hidden;background:var(--zm-soft);
  border:4px solid #fff;box-shadow:0 8px 22px rgba(20,20,20,.12);
  position:relative;
}
body.zmt .zm-cat i::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);pointer-events:none;
}
body.zmt .zm-cat img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
body.zmt .zm-cat:hover img{transform:scale(1.08)}
body.zmt .zm-cat strong{
  font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--zm-ink);line-height:1.35;
}
body.zmt .zm-cat small{
  font-size:.73rem;color:var(--zm-red);font-weight:700;display:inline-flex;align-items:center;gap:5px;
}

/* ============================================================
   6. TRENDING CATEGORY TABS
   ============================================================ */
body.zmt .zm-tabs{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;
}
body.zmt .zm-tabs a{
  display:inline-flex;align-items:center;height:40px;padding:0 22px;
  border-radius:99px;border:1.5px solid var(--zm-line);background:#fff;
  color:var(--zm-ink);font-size:.76rem;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;text-decoration:none;transition:.16s;
}
body.zmt .zm-tabs a:hover{border-color:var(--zm-red);color:var(--zm-red)}
body.zmt .zm-tabs a.is-active{
  background:var(--zm-red);border-color:var(--zm-red);color:#fff;
  box-shadow:0 6px 16px rgba(217,31,17,.24);
}
/* tab buttons (home trending) */
body.zmt .zm-tab{
  display:inline-flex;align-items:center;height:40px;padding:0 24px;
  border-radius:99px;border:1.5px solid var(--zm-line);background:#fff;
  color:var(--zm-ink);font-family:inherit;font-size:.76rem;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.16s;
}
body.zmt .zm-tab:hover{border-color:var(--zm-red);color:var(--zm-red)}
body.zmt .zm-tab.is-active{
  background:var(--zm-red);border-color:var(--zm-red);color:#fff;
  box-shadow:0 6px 16px rgba(217,31,17,.24);
}
/* tab panels — must beat .zm-grid's display:grid */
body.zmt .zm-grid.zm-tab-panel{display:none!important}
body.zmt .zm-grid.zm-tab-panel.is-active{display:grid!important}

/* ============================================================
   7. PRODUCT GRID + CARD
   ============================================================ */
body.zmt .zm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0}
body.zmt .zm-grid--5{grid-template-columns:repeat(5,1fr)}
body.zmt .zm-grid .vx-card{display:flex}

body.zmt .vx-card,
body.zmt .card{
  background:#fff;border:1px solid var(--zm-line);border-radius:8px;
  overflow:hidden;display:flex;flex-direction:column;min-width:0;
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
  box-shadow:none;
}
body.zmt .vx-card:hover,
body.zmt .card:hover{
  border-color:#d5d5d5;box-shadow:0 12px 26px rgba(20,20,20,.1);transform:translateY(-2px);
}
body.zmt .vx-card__media,
body.zmt .card__media{
  position:relative;aspect-ratio:1/1;background:#fafafa;overflow:hidden;
  border-radius:0;display:block;padding:0;
}
body.zmt .vx-card__media>a{display:block;height:100%}
body.zmt .vx-card__media img,
body.zmt .card__media img{
  width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .35s ease;
  background:#fafafa;
}
body.zmt .vx-card:hover .vx-card__media img,
body.zmt .card:hover .card__media img{transform:scale(1.045)}
body.zmt .vx-card__media svg,
body.zmt .card__media svg{width:56%;height:56%;margin:22% auto;opacity:.7}

/* graceful fallback when a product photo 404s or is hotlink-blocked */
body.zmt .vx-card__media.zmt-noimg,
body.zmt .card__media.zmt-noimg{
  background:
    radial-gradient(circle at 30% 22%, #fff5f2 0%, transparent 58%),
    linear-gradient(150deg,#fdeceb 0%,#f8ded9 100%);
  display:grid;place-items:center;
}
body.zmt .vx-card__media.zmt-noimg svg,
body.zmt .card__media.zmt-noimg svg{
  width:44%;height:44%;margin:0;opacity:.55;
  stroke:var(--zm-red)!important;
}
body.zmt .zmt-ph{
  width:100%;height:100%;display:grid;place-items:center;
  background:linear-gradient(150deg,#fdeceb 0%,#f8ded9 100%);
}
body.zmt .zmt-ph svg{width:42%;height:42%;stroke:var(--zm-red);fill:none;stroke-width:1.6;opacity:.6}
/* the .vx-card__media svg rule (56% + large margins) must not hit placeholder icons */
body.zmt .vx-card__media .zmt-ph svg,
body.zmt .card__media .zmt-ph svg,
body.zmt .zm-cat i .zmt-ph svg{
  width:42%!important;height:42%!important;margin:0!important;
  stroke:var(--zm-red)!important;opacity:.55;
}

/* discount ribbon */
body.zmt .zm-off{
  position:absolute;top:0;left:0;z-index:3;
  background:var(--zm-red);color:#fff;
  font-size:.68rem;font-weight:900;letter-spacing:.02em;
  padding:3px 9px;border-radius:0 0 5px 0;line-height:1.6;
}
body.zmt .card__badge{
  position:absolute;top:0;left:0;z-index:3;background:var(--zm-red);color:#fff;
  font-size:.68rem;font-weight:900;padding:3px 9px;border-radius:0 0 5px 0;
}
body.zmt .vx-card__wish{
  position:absolute;top:9px;right:9px;z-index:4;
  width:30px;height:30px;border-radius:50%;background:#fff;
  border:1px solid var(--zm-line);display:grid;place-items:center;
  color:#8a8a8a;cursor:pointer;padding:0;transition:.16s;
  opacity:0;
}
body.zmt .vx-card:hover .vx-card__wish{opacity:1}
body.zmt .vx-card__wish svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
body.zmt .vx-card__wish.active{color:var(--zm-red);opacity:1}
body.zmt .vx-card__wish.active svg{fill:var(--zm-red)}

body.zmt .vx-card__body,
body.zmt .card__body{
  padding:13px 14px 15px;background:#fff;display:flex;flex-direction:column;
  gap:7px;flex:1;border-radius:0;
}
body.zmt .vx-card__title,
body.zmt .card__title{
  font-size:.8rem;font-weight:600;line-height:1.4;color:#2d2d2d;
  min-height:2.24em;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;
}
body.zmt .vx-card__title a:hover,
body.zmt .card__title a:hover{color:var(--zm-red)}
body.zmt .vx-card__price,
body.zmt .card__price,
body.zmt .card__price .now{
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;
}
body.zmt .vx-card__price b,
body.zmt .card__price .now{
  font-size:.95rem;font-weight:900;color:var(--zm-red);letter-spacing:-.01em;
}
body.zmt .vx-card__price s,
body.zmt .card__price .was{
  font-size:.75rem;color:#a2a2a2;text-decoration:line-through;font-weight:500;
}
body.zmt .vx-card__add,
body.zmt .card__add{
  margin-top:8px;background:#fff;color:var(--zm-ink);
  border:1.5px solid var(--zm-ink);border-radius:5px;padding:9px 8px;
  font-size:.73rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  font-family:inherit;cursor:pointer;transition:.16s;
}
body.zmt .vx-card__add:hover,
body.zmt .card__add:hover{background:var(--zm-red);border-color:var(--zm-red);color:#fff}

/* 5-up tighter variant */
body.zmt .zm-grid--5 .vx-card__title{font-size:.75rem}
body.zmt .zm-grid--5 .vx-card__body{padding:11px 12px 13px}

/* ============================================================
   8. STATS STRIP
   ============================================================ */
body.zmt .zm-stats{
  background:linear-gradient(100deg,var(--zm-maroon) 0%,#a31212 48%,var(--zm-red) 100%);
  color:#fff;
}
body.zmt .zm-stats__inner{
  max-width:var(--zm-wrap);margin:0 auto;padding:38px 26px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;
}
body.zmt .zm-stats__item{border-right:1px solid rgba(255,255,255,.2)}
body.zmt .zm-stats__item:last-child{border-right:0}
body.zmt .zm-stats__item strong{
  display:block;font-size:clamp(1.7rem,3.2vw,2.35rem);
  font-weight:900;letter-spacing:-.02em;line-height:1;
}
body.zmt .zm-stats__item span{
  display:block;margin-top:9px;font-size:.76rem;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.86);
}

/* ============================================================
   9. PROMO SPLIT BANNER
   ============================================================ */
body.zmt .zm-promos{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
body.zmt .zm-promo{
  position:relative;border-radius:10px;overflow:hidden;min-height:250px;
  display:flex;align-items:center;padding:34px 38px;color:#fff;text-decoration:none;
  isolation:isolate;
}
body.zmt .zm-promo img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;
}
body.zmt .zm-promo::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(109,8,8,.94) 0%,rgba(140,13,13,.8) 44%,rgba(140,13,13,.12) 100%);
}
body.zmt .zm-promo--alt::after{
  background:linear-gradient(90deg,#1b1b1b 0%,rgba(27,27,27,.85) 46%,rgba(27,27,27,.1) 100%);
}
body.zmt .zm-promo h3{
  font-size:1.85rem;font-weight:900;text-transform:uppercase;
  letter-spacing:-.02em;line-height:1.02;color:#fff;margin:0 0 8px;
}
body.zmt .zm-promo p{margin:0 0 18px;font-size:.87rem;color:rgba(255,255,255,.86);max-width:24ch}
body.zmt .zm-promo small{
  display:block;font-size:.66rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:#ffd166;margin-bottom:9px;
}
body.zmt .zm-promo .zm-btn{height:44px;padding:0 22px;font-size:.79rem}

/* ============================================================
   10. TESTIMONIALS
   ============================================================ */
body.zmt .zm-tst{
  background:linear-gradient(150deg,#8a0d0d 0%,#a51414 52%,#79100f 100%);
  padding:56px 0 64px;
}
body.zmt .zm-tst .zm-head h2{color:#fff}
body.zmt .zm-tst .zm-head p{color:rgba(255,255,255,.8)}
body.zmt .zm-tst__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.zmt .zm-tcard{
  background:#fff;border-radius:10px;padding:20px 18px;
  border:1px solid rgba(255,255,255,.5);box-shadow:0 14px 30px rgba(60,4,4,.18);
  display:flex;flex-direction:column;gap:11px;min-height:230px;
}
body.zmt .zm-tcard__top{display:flex;align-items:center;gap:11px}
body.zmt .zm-tcard__ava{
  width:40px;height:40px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#d91f11,#ff7a45);
  color:#fff;font-weight:900;font-size:.9rem;
  display:grid;place-items:center;letter-spacing:.02em;
}
body.zmt .zm-tcard__who strong{display:block;font-size:.84rem;font-weight:800;color:var(--zm-ink);line-height:1.3}
body.zmt .zm-tcard__who small{font-size:.67rem;color:var(--zm-mute)}
body.zmt .zm-tcard__stars{color:var(--zm-gold);font-size:.82rem;letter-spacing:.12em;line-height:1}
body.zmt .zm-tcard p{
  font-size:.82rem;line-height:1.68;color:#555;margin:0;flex:1;
}
body.zmt .zm-tcard__badge{
  display:inline-block;align-self:flex-start;background:#fdeceb;color:var(--zm-red);
  font-size:.63rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;border-radius:99px;
}

/* ============================================================
   11. TRUST / WHY STRIP
   ============================================================ */
body.zmt .zm-trust{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--zm-line);border:1px solid var(--zm-line);
  border-radius:10px;overflow:hidden;
}
body.zmt .zm-trust>div{
  background:#fff;padding:26px 20px;display:flex;align-items:center;gap:14px;
}
body.zmt .zm-trust svg{
  width:30px;height:30px;flex:none;stroke:var(--zm-red);fill:none;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
body.zmt .zm-trust strong{display:block;font-size:.82rem;font-weight:800;color:var(--zm-ink);line-height:1.3}
body.zmt .zm-trust small{display:block;font-size:.72rem;color:var(--zm-mute);margin-top:3px}

/* ============================================================
   12. NEWSLETTER
   ============================================================ */
body.zmt .vx-news{
  background:var(--zm-maroon);color:#fff;margin:0;padding:0;
}
body.zmt .vx-news .vx-wrap{
  display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;
  min-height:0;padding:34px 26px;max-width:var(--zm-wrap);
}
body.zmt .vx-news h3{
  font-family:var(--zm-sans);font-size:1.32rem;font-weight:900;
  text-transform:uppercase;letter-spacing:-.01em;color:#fff;margin:0;
}
body.zmt .vx-news p{font-size:.82rem;color:rgba(255,255,255,.78);margin-top:7px;line-height:1.6}
body.zmt .vx-news form{
  display:flex;background:#fff;border-radius:6px;overflow:hidden;padding:0;
  gap:0;height:52px;align-items:center;
}
body.zmt .vx-news input{
  flex:1;border:0;height:52px;padding:0 16px;font:inherit;font-size:.88rem;
  background:#fff;color:var(--zm-ink);outline:none;
}
body.zmt .vx-news button{
  background:var(--zm-red);color:#fff;border:0;height:52px;padding:0 24px;
  font-size:.79rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  cursor:pointer;font-family:inherit;white-space:nowrap;
}
body.zmt .vx-news button:hover{background:var(--zm-red-dark)}
body.zmt #newsletterMsg{color:#ffd166;font-size:.78rem;margin-top:8px;grid-column:1/-1}

/* ============================================================
   13. FOOTER
   ============================================================ */
body.zmt .site-footer,
body.zmt .vx-foot{
  background:linear-gradient(160deg,#4d0606 0%,#2c0303 46%,#1a0202 100%)!important;
  color:rgba(255,255,255,.76)!important;
  margin:0!important;padding:0!important;border:0!important;
}
body.zmt .vx-foot .vx-wrap,
body.zmt .site-footer .footer-grid{
  display:grid;grid-template-columns:1.5fr .85fr .95fr .95fr 1.35fr;
  gap:34px;max-width:var(--zm-wrap);margin:0 auto;padding:56px 26px 40px;
  position:relative;
}
body.zmt .footer-col h4,
body.zmt .vx-foot .footer-col h4{
  font-family:var(--zm-sans);font-size:.74rem;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;color:#fff;margin:0 0 17px;
}
body.zmt .footer-col ul,
body.zmt .vx-foot .footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
body.zmt .footer-col a,
body.zmt .vx-foot .footer-col a{
  display:block;font-size:.83rem;color:rgba(255,255,255,.72);padding:0;
  line-height:1.5;transition:.15s;
}
body.zmt .footer-col a:hover,
body.zmt .vx-foot .footer-col a:hover{color:#fff;padding-left:3px}
body.zmt .footer-brand p,
body.zmt .vx-foot .footer-brand p{
  font-size:.83rem;line-height:1.75;color:rgba(255,255,255,.68);margin:16px 0 0;max-width:32ch;
}
body.zmt .vx-foot .vx-brand,
body.zmt .footer-brand .brand{display:inline-flex;flex-direction:row;align-items:center;gap:9px}
body.zmt .vx-foot .vx-brand b{
  background:#fff;color:var(--zm-maroon)!important;font-size:1rem;padding:5px 7px;border-radius:4px;
}
body.zmt .vx-foot .vx-brand small{
  color:#fff!important;font-size:.9rem;letter-spacing:.07em;font-weight:800;
}
body.zmt .vx-soc{display:flex;gap:9px;margin-top:20px}
body.zmt .vx-soc a{
  width:33px;height:33px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.06);
  transition:.16s;padding:0;
}
body.zmt .vx-soc a:hover{background:#fff;color:var(--zm-maroon);border-color:#fff;padding:0}
body.zmt .vx-soc svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}
body.zmt .vx-ct{display:flex;flex-direction:column;gap:13px;list-style:none;margin:0;padding:0}
body.zmt .vx-ct li{display:flex;gap:10px;font-size:.83rem;line-height:1.6;color:rgba(255,255,255,.72)}
body.zmt .vx-ct svg{width:16px;height:16px;flex:none;margin-top:2px;stroke:#ff9d7a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.zmt .vx-sig{display:none}

body.zmt .vx-copy{
  border-top:1px solid rgba(255,255,255,.14);padding:0;margin:0;
}
body.zmt .vx-copy .vx-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  flex-wrap:wrap;max-width:var(--zm-wrap);margin:0 auto;padding:20px 26px;
  font-size:.76rem;color:rgba(255,255,255,.6);
}
body.zmt .vx-pay{display:inline-flex;align-items:center;gap:8px;font-size:.72rem}
body.zmt .vx-pay i{
  font-style:normal;display:inline-flex;align-items:center;justify-content:center;
  height:24px;padding:0 8px;border-radius:3px;background:#fff;color:#1a1a1a;
  font-size:.6rem;font-weight:900;letter-spacing:.03em;min-width:38px;
}
body.zmt .vx-pay i.mc s{width:13px;height:13px;border-radius:50%;display:inline-block;background:#eb001b}
body.zmt .vx-pay i.mc s+s{background:#f79e1b;margin-left:-5px;opacity:.92}
body.zmt .vx-pay i.cod{background:#111;color:#fff}
body.zmt .vx-pay i.jz{background:#e11b22;color:#fff}

/* legacy footer bottom */
body.zmt .footer-bottom,
body.zmt .footer-note{font-size:.76rem;color:rgba(255,255,255,.6)}
body.zmt .site-footer .brand__mark{background:#fff;color:var(--zm-maroon)}
body.zmt .site-footer .brand__name{color:#fff}

/* ============================================================
   14. INNER PAGES (catalog / category / product / cart)
   ============================================================ */
body.zmt .section{padding:44px 0}
body.zmt .page-head{margin-bottom:26px}
body.zmt .page-head h1{
  font-size:clamp(1.5rem,3vw,2.05rem);font-weight:900;
  text-transform:uppercase;letter-spacing:-.02em;margin:0;
}
body.zmt .page-head p{color:var(--zm-mute);font-size:.9rem;margin-top:8px;line-height:1.6}
body.zmt .breadcrumb{
  font-size:.78rem;color:var(--zm-mute);margin-bottom:14px;
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
}
body.zmt .breadcrumb a{color:var(--zm-mute)}
body.zmt .breadcrumb a:hover{color:var(--zm-red)}

/* catalog toolbar + filters */
body.zmt .catalog-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 16px;background:#fafafa;border:1px solid var(--zm-line);
  border-radius:7px;margin-bottom:18px;
}
body.zmt .catalog-toolbar select{
  border:1px solid var(--zm-line);border-radius:5px;height:38px;padding:0 12px;
  font:inherit;font-size:.82rem;background:#fff;color:var(--zm-ink);cursor:pointer;
}
body.zmt .result-count{font-size:.82rem;color:var(--zm-mute)}
body.zmt .result-count strong{color:var(--zm-ink);font-weight:900}
body.zmt .filters{
  background:#fff;border:1px solid var(--zm-line);border-radius:8px;
  padding:20px;font-size:.85rem;
}
body.zmt .filters h4{
  font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  color:var(--zm-ink);margin:0 0 11px;
}
body.zmt .filters .filter-group{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #f0f0f0}
body.zmt .filters .filter-group:last-of-type{border-bottom:0;margin-bottom:8px}
body.zmt .filter-opt{display:flex;align-items:center;gap:9px;padding:5px 0;color:#4a4a4a;cursor:pointer;font-size:.83rem}
body.zmt .filter-opt input{accent-color:var(--zm-red);width:15px;height:15px;margin:0}
body.zmt .filter-check{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:.83rem;cursor:pointer}
body.zmt .filter-check input{accent-color:var(--zm-red);width:15px;height:15px;margin:0}
body.zmt .filter-hint{font-size:.72rem;color:var(--zm-mute);margin-top:7px}
body.zmt .price-filter{display:flex;align-items:center;gap:8px;margin-top:8px}
body.zmt .price-filter input{
  width:100%;border:1px solid var(--zm-line);border-radius:5px;height:38px;
  padding:0 10px;font:inherit;font-size:.82rem;
}
body.zmt .filter-clear{width:100%;margin-top:6px}
body.zmt .filters select{
  width:100%;border:1px solid var(--zm-line);border-radius:5px;height:38px;
  padding:0 10px;font:inherit;font-size:.82rem;background:#fff;
}
body.zmt .cat-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}
body.zmt .cat-tab{
  display:inline-flex;align-items:center;height:38px;padding:0 20px;
  border:1.5px solid var(--zm-line);border-radius:99px;background:#fff;
  font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--zm-ink);text-decoration:none;transition:.16s;
}
body.zmt .cat-tab:hover{border-color:var(--zm-red);color:var(--zm-red)}
body.zmt .cat-tab.active{background:var(--zm-red);border-color:var(--zm-red);color:#fff}

/* grid inside catalog */
body.zmt .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

/* pagination */
body.zmt .catalog-pagination{display:flex;gap:8px;justify-content:center;margin-top:32px;flex-wrap:wrap}
body.zmt .page-btn{
  min-width:40px;height:40px;padding:0 12px;border:1px solid var(--zm-line);
  background:#fff;border-radius:6px;font-famile:inherit;font-size:.84rem;font-weight:700;
  cursor:pointer;color:var(--zm-ink);
}
body.zmt .page-btn:hover{border-color:var(--zm-red);color:var(--zm-red)}
body.zmt .page-btn.active{background:var(--zm-red);border-color:var(--zm-red);color:#fff}

/* buttons */
body.zmt .btn{
  border-radius:6px;font-family:var(--zm-sans);font-weight:800;
  font-size:.82rem;letter-spacing:.03em;padding:12px 24px;
  transition:.16s ease;
}
body.zmt .btn--primary{background:var(--zm-red);color:#fff;border-color:var(--zm-red)}
body.zmt .btn--primary:hover{background:var(--zm-red-dark);border-color:var(--zm-red-dark)}
body.zmt .btn--dark{background:var(--zm-ink);color:#fff;border-color:var(--zm-ink)}
body.zmt .btn--dark:hover{background:#2c2c2c}
body.zmt .btn--outline{background:#fff;color:var(--zm-ink);border:1.5px solid #d9d9d9}
body.zmt .btn--outline:hover{border-color:var(--zm-red);color:var(--zm-red)}

/* ============================================================
   15. PRODUCT DETAIL PAGE
   ============================================================ */
body.zmt .pdp-ref-page{background:#fff;padding:0 0 60px}
body.zmt .pdp-ref-container{max-width:var(--zm-wrap);margin:0 auto;padding:16px 26px 0}
body.zmt .pdp-ref-breadcrumb{
  font-size:.78rem;color:var(--zm-mute);display:flex;align-items:center;
  gap:7px;flex-wrap:wrap;margin-bottom:22px;padding-top:10px;
}
body.zmt .pdp-ref-breadcrumb a{color:var(--zm-mute)}
body.zmt .pdp-ref-breadcrumb a:hover{color:var(--zm-red)}
body.zmt .pdp-ref-breadcrumb span:last-child{color:var(--zm-ink);font-weight:600}
body.zmt .pdp-ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
body.zmt .pdp-ref-gallery{display:grid;grid-template-columns:84px 1fr;gap:14px;position:sticky;top:96px}
body.zmt .pdp-ref-thumbs{display:flex;flex-direction:column;gap:10px}
body.zmt .pdp-ref-thumb{
  width:84px;height:96px;border:1.5px solid var(--zm-line);border-radius:6px;
  overflow:hidden;background:#fafafa;padding:5px;cursor:pointer;transition:.16s;
}
body.zmt .pdp-ref-thumb.active{border-color:var(--zm-red);box-shadow:0 0 0 1px var(--zm-red)}
body.zmt .pdp-ref-thumb img{width:100%;height:100%;object-fit:contain}
body.zmt .pdp-ref-main{
  background:#fafafa;border:1px solid var(--zm-line);border-radius:10px;
  overflow:hidden;display:grid;place-items:center;min-height:460px;
}
body.zmt .pdp-ref-main-image{width:100%;height:100%;max-height:600px;object-fit:contain;padding:20px}

body.zmt .pdp-ref-info{display:flex;flex-direction:column;gap:0}
body.zmt .pdp-ref-kicker{
  font-size:.71rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--zm-red);margin-bottom:9px;
}
body.zmt .pdp-ref-info h1{
  font-size:clamp(1.35rem,2.3vw,1.85rem);font-weight:800;line-height:1.28;
  letter-spacing:-.01em;margin:0 0 12px;
}
body.zmt .pdp-ref-rating{
  display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--zm-mute);
  margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;
}
body.zmt .pdp-ref-stars{color:var(--zm-gold);font-size:.92rem;letter-spacing:.11em}
body.zmt .pdp-ref-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
body.zmt .pdp-ref-price strong{
  font-size:2rem;font-weight:900;color:var(--zm-red);letter-spacing:-.03em;line-height:1;
}
body.zmt .pdp-ref-price del{font-size:.98rem;color:#a2a2a2;text-decoration:line-through}
body.zmt .pdp-ref-price span{
  background:#fdeceb;color:var(--zm-red);font-size:.74rem;font-weight:900;
  letter-spacing:.04em;padding:4px 10px;border-radius:99px;
}
body.zmt .pdp-ref-short{
  font-size:.88rem;line-height:1.72;color:#5a5a5a;margin:0 0 18px;
}
body.zmt .pdp-ref-option{margin-bottom:16px}
body.zmt .pdp-ref-option__head{display:flex;gap:7px;font-size:.81rem;margin-bottom:9px;color:#4a4a4a}
body.zmt .pdp-ref-option__head strong{color:var(--zm-ink);font-weight:800}
body.zmt .pdp-ref-options{display:flex;gap:9px;flex-wrap:wrap}
body.zmt .pdp-ref-size{
  min-width:52px;height:40px;padding:0 15px;background:#fff;border:1.5px solid #d9d9d9;
  border-radius:5px;font-family:inherit;font-weight:700;font-size:.82rem;cursor:pointer;
  color:var(--zm-ink);transition:.15s;
}
body.zmt .pdp-ref-size:hover{border-color:var(--zm-red)}
body.zmt .pdp-ref-size.active{background:var(--zm-ink);color:#fff;border-color:var(--zm-ink)}
body.zmt .pdp-ref-swatch{
  width:36px;height:36px;border-radius:50%;padding:3px;background:#fff;
  border:1.5px solid #d9d9d9;cursor:pointer;transition:.15s;
}
body.zmt .pdp-ref-swatch span{
  display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}
body.zmt .pdp-ref-swatch.active{border-color:var(--zm-red);box-shadow:0 0 0 2px rgba(217,31,17,.2)}
body.zmt .pdp-ref-size:disabled,
body.zmt .pdp-ref-swatch:disabled{opacity:.35;cursor:not-allowed}

body.zmt .pdp-ref-stock-row{display:flex;align-items:center;gap:16px;margin:20px 0 14px}
body.zmt .pdp-ref-qty{
  display:flex;height:46px;border:1.5px solid #d9d9d9;border-radius:6px;overflow:hidden;
}
body.zmt .pdp-ref-qty button{
  width:44px;border:0;background:#fff;font-size:1.2rem;cursor:pointer;color:var(--zm-ink);
  font-family:inherit;
}
body.zmt .pdp-ref-qty button:hover{background:#f7f7f7;color:var(--zm-red)}
body.zmt .pdp-ref-qty span{width:46px;display:grid;place-items:center;font-weight:800;font-size:.92rem}
body.zmt .pdp-ref-stock{font-size:.79rem;color:#4a4a4a;font-weight:600}

body.zmt .pdp-ref-actions{display:grid;grid-template-columns:1fr 1fr 54px;gap:11px;margin-bottom:16px}
body.zmt .pdp-ref-actions button{
  height:54px;border-radius:6px;font-size:.87rem;font-weight:900;
  letter-spacing:.04em;text-transform:uppercase;font-family:inherit;cursor:pointer;
  transition:.16s;
}
body.zmt .pdp-ref-add{background:#fff;color:var(--zm-ink);border:1.5px solid var(--zm-ink)}
body.zmt .pdp-ref-add:hover{background:var(--zm-ink);color:#fff}
body.zmt .pdp-ref-buy{
  background:linear-gradient(100deg,var(--zm-red) 0%,var(--zm-orange) 100%);
  color:#fff;border:0;box-shadow:0 8px 20px rgba(217,31,17,.26);
}
body.zmt .pdp-ref-buy:hover{filter:brightness(1.06);transform:translateY(-1px)}
body.zmt .pdp-ref-fav{
  background:#fff;border:1.5px solid #d9d9d9;display:grid;place-items:center;
  color:#8a8a8a;cursor:pointer;
}
body.zmt .pdp-ref-fav:hover{border-color:var(--zm-red);color:var(--zm-red)}
body.zmt .pdp-ref-fav.active{background:#fdeceb;border-color:var(--zm-red);color:var(--zm-red)}
body.zmt .pdp-ref-actions button:disabled{opacity:.45;cursor:not-allowed}
body.zmt .pdp-ref-benefits{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:4px 0 26px;
  padding:15px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;
}
body.zmt .pdp-ref-benefits div{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#4a4a4a}
body.zmt .pdp-ref-benefits span{
  width:19px;height:19px;border-radius:50%;background:#fdeceb;color:var(--zm-red);
  display:grid;place-items:center;font-size:.66rem;font-weight:900;flex:none;
}
body.zmt .pdp-ref-benefits strong{font-weight:700;font-size:.75rem}
body.zmt .pdp-ref-tab-heads{display:flex;gap:26px;border-bottom:1px solid var(--zm-line)}
body.zmt .pdp-ref-tab{
  padding:12px 0;font-size:.79rem;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#9a9a9a;background:none;border:0;
  border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:inherit;
}
body.zmt .pdp-ref-tab.active{color:var(--zm-ink);border-color:var(--zm-red)}
body.zmt .pdp-ref-panel{display:none;padding:18px 0;font-size:.86rem;line-height:1.78;color:#555}
body.zmt .pdp-ref-panel.active{display:block}
body.zmt .pdp-ref-panel ul{padding-left:19px;margin:0}
body.zmt .pdp-ref-panel li{margin-bottom:6px}

/* old pdp class variants used on some pages */
body.zmt .pdp__price .now{color:var(--zm-red);font-weight:900}
body.zmt .pdp__banner{
  background:linear-gradient(100deg,var(--zm-red),var(--zm-orange));
  color:#fff;border-radius:6px;padding:11px 16px;font-size:.76rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
}
body.zmt .pdp__viewers{color:var(--zm-red);font-size:.79rem;font-weight:600}

/* related / reviews */
body.zmt .reviews-section{border-top:1px solid var(--zm-line);padding-top:34px;margin-top:44px}
body.zmt .section-head h2{
  font-size:clamp(1.2rem,2vw,1.5rem);font-weight:900;text-transform:uppercase;
  letter-spacing:-.01em;margin:0;
}
body.zmt .section-head p{color:var(--zm-mute);font-size:.87rem;margin-top:6px}
body.zmt .box{
  background:#fff;border:1px solid var(--zm-line);border-radius:8px;padding:20px;
}
body.zmt .reviews-summary strong{color:var(--zm-red);font-size:1.4rem;font-weight:900}

/* ============================================================
   16. CART
   ============================================================ */
body.zmt .cart-page{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
body.zmt .cart-row{
  display:grid;grid-template-columns:96px 1fr auto auto;gap:18px;align-items:center;
  background:#fff;border:1px solid var(--zm-line);border-radius:8px;
  padding:14px;margin-bottom:12px;
}
body.zmt .cart-row__media{
  width:96px;height:96px;border-radius:6px;overflow:hidden;background:#fafafa;
  display:grid;place-items:center;border:1px solid #f2f2f2;
}
body.zmt .cart-row__media img{width:100%;height:100%;object-fit:contain;padding:6px}
body.zmt .cart-row__title{font-weight:800;font-size:.88rem;line-height:1.4;margin-bottom:5px}
body.zmt .cart-row__title a:hover{color:var(--zm-red)}
body.zmt .cart-row__cat{font-size:.76rem;color:var(--zm-mute);margin-bottom:8px}
body.zmt .cart-row__remove{
  background:none;border:0;padding:0;color:var(--zm-red);font-size:.75rem;
  font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;font-family:inherit;
}
body.zmt .cart-row__remove:hover{text-decoration:underline}
body.zmt .cart-row__price{font-weight:900;font-size:.98rem;color:var(--zm-ink);white-space:nowrap}
body.zmt .qty-selector{
  display:flex;align-items:center;height:40px;border:1.5px solid #d9d9d9;
  border-radius:5px;overflow:hidden;background:#fff;
}
body.zmt .qty-selector button{
  width:38px;height:100%;border:0;background:#fff;font-size:1.1rem;
  color:var(--zm-ink);cursor:pointer;font-family:inherit;
}
body.zmt .qty-selector button:hover{background:#f7f7f7;color:var(--zm-red)}
body.zmt .qty-selector span{width:38px;display:grid;place-items:center;font-weight:800;font-size:.86rem}
body.zmt .order-summary,
body.zmt .coupon-box{
  background:#fff;border:1px solid var(--zm-line);border-radius:8px;padding:22px;
}
body.zmt .order-summary{position:sticky;top:96px}
body.zmt .order-summary h3{
  font-size:.82rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;
  margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #f0f0f0;
}
body.zmt .summary-line{
  display:flex;justify-content:space-between;gap:14px;font-size:.85rem;
  color:#4a4a4a;padding:8px 0;
}
body.zmt .summary-line strong{color:var(--zm-ink);font-weight:700}
body.zmt .summary-total{
  display:flex;justify-content:space-between;gap:14px;margin-top:14px;
  padding-top:16px;border-top:1px solid var(--zm-line);
  font-size:1.02rem;font-weight:900;
}
body.zmt .summary-total span:last-child{color:var(--zm-red);font-size:1.22rem}
body.zmt .coupon-box{margin-top:16px}
body.zmt .coupon-box__title{font-size:.8rem;font-weight:800;margin-bottom:11px}
body.zmt .coupon-box__row{display:flex;gap:9px}
body.zmt .coupon-box__row input{
  flex:1;height:44px;border:1.5px solid #d9d9d9;border-radius:5px;padding:0 13px;
  font:inherit;font-size:.85rem;
}
body.zmt .coupon-box__row input:focus{outline:0;border-color:var(--zm-red)}
body.zmt .coupon-msg{font-size:.78rem;margin-top:9px;color:var(--zm-red);font-weight:600}

/* cart drawer */
body.zmt .cart-drawer{background:#fff;box-shadow:-14px 0 40px rgba(0,0,0,.16)}
body.zmt .cart-drawer__head{border-bottom:1px solid var(--zm-line);padding:20px 22px}
body.zmt .cart-drawer__head h3{
  font-size:.84rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin:0;
}
body.zmt .cart-drawer__foot{border-top:1px solid var(--zm-line);padding:20px 22px}

/* forms */
body.zmt .form-group label{font-size:.79rem;font-weight:700;color:#4a4a4a;margin-bottom:6px;display:block}
body.zmt .form-group input,
body.zmt .form-group select,
body.zmt .form-group textarea{
  border:1.5px solid #d9d9d9;border-radius:5px;padding:11px 13px;font:inherit;
  font-size:.88rem;width:100%;background:#fff;color:var(--zm-ink);
}
body.zmt .form-group input:focus,
body.zmt .form-group select:focus,
body.zmt .form-group textarea:focus{outline:0;border-color:var(--zm-red)}
body.zmt .pay-method{
  border:1.5px solid #e2e2e2;border-radius:7px;padding:13px 15px;background:#fff;
  transition:.15s;
}
body.zmt .pay-method:has(input:checked){border-color:var(--zm-red);background:#fdf6f5}
body.zmt .pay-method input{accent-color:var(--zm-red)}

/* contact + policy */
body.zmt .policy-body{font-size:.92rem;line-height:1.85;color:#4a4a4a;max-width:80ch}
body.zmt .policy-body h3{
  font-size:.86rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  margin:26px 0 9px;color:var(--zm-ink);
}
body.zmt .contact-info-item .icon-circle{background:#fdeceb;color:var(--zm-red)}

/* empty state */
body.zmt .empty-state{text-align:center;padding:60px 20px;color:var(--zm-mute)}
body.zmt .empty-state h2{font-size:1.3rem;font-weight:900;text-transform:uppercase;color:var(--zm-ink);margin-bottom:10px}
body.zmt .empty-state p{font-size:.9rem;line-height:1.7}

/* whatsapp + to top */
body.zmt .wa-float{background:#25d366;box-shadow:0 8px 24px rgba(37,211,102,.36)}
body.zmt .zm-top{
  position:fixed;right:22px;bottom:92px;z-index:70;width:44px;height:44px;
  border-radius:50%;background:var(--zm-ink);color:#fff;border:0;
  display:grid;place-items:center;cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.28);transition:.18s;
}
body.zmt .zm-top:hover{background:var(--zm-red);transform:translateY(-2px)}
body.zmt .zm-top svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* toast */
body.zmt .toast{background:var(--zm-ink);color:#fff;border-radius:6px}

/* market switcher safety */
body.zmt .market-switcher{color:#fff}
body.zmt .market-switcher select{
  background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3);
  border-radius:4px;font-size:.74rem;height:28px;padding:0 6px;
}
body.zmt .market-switcher option{color:#141414}

/* ============================================================
   17. RESPONSIVE
   ============================================================ */
@media (max-width:1180px){
  body.zmt .zm-grid{grid-template-columns:repeat(4,1fr)}
  body.zmt .zm-tst__grid{grid-template-columns:repeat(2,1fr)}
  body.zmt .vx-foot .vx-wrap,
  body.zmt .site-footer .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:28px}
  body.zmt .vx-sig{display:none}
  body.zmt .cart-page{grid-template-columns:1fr 340px}
}
@media (max-width:1024px){
  body.zmt .zm-hero-copy h1{font-size:clamp(2rem,5.4vw,3.2rem)}
  body.zmt .pdp-ref-grid{gap:32px}
  body.zmt .zm-trust{grid-template-columns:repeat(2,1fr)}
  body.zmt .zm-promos{grid-template-columns:1fr}
  body.zmt .cart-page{grid-template-columns:1fr}
  body.zmt .order-summary{position:static}
}
@media (max-width:980px){
  body.zmt .vx-nav,
  body.zmt .main-nav{display:none}
  body.zmt .nav-toggle{display:grid!important;place-items:center;order:-1}
  body.zmt .vx-nav.open-mobile,
  body.zmt .main-nav.open-mobile{
    display:flex!important;flex-direction:column;align-items:stretch;gap:0;
    position:absolute;top:100%;left:0;right:0;background:var(--zm-maroon);
    box-shadow:0 16px 30px rgba(0,0,0,.2);padding:8px 18px 14px;z-index:90;
  }
  body.zmt .vx-nav.open-mobile a,
  body.zmt .main-nav.open-mobile a{padding:13px 4px!important;border-bottom:1px solid rgba(255,255,255,.14)}
  body.zmt .vx-nav .vx-has{width:100%}
  body.zmt .vx-sub{position:static;display:block;background:rgba(0,0,0,.16)!important;border:0!important;box-shadow:none!important;padding:6px 0!important}
  body.zmt .vx-sub a{color:#fff!important;padding:8px 16px!important}
  body.zmt .vx-sub a:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
  body.zmt .vx-header .vx-wrap,
  body.zmt .site-header__inner{min-height:64px;gap:16px}
  body.zmt .zm-hero-slide::after{
    background:linear-gradient(180deg,rgba(109,8,8,.94) 0%,rgba(124,8,8,.86) 52%,rgba(124,8,8,.72) 100%);
  }
  body.zmt .zm-hero-slide{min-height:440px}
  body.zmt .zm-hero-slide__inner{padding:40px 22px 62px}
  body.zmt .zm-cats{grid-template-columns:repeat(4,1fr);gap:14px}
  body.zmt .zm-cat i{max-width:120px}
  body.zmt .zm-cat strong{font-size:.7rem}
  body.zmt .zm-grid,
  body.zmt .grid{grid-template-columns:repeat(3,1fr);gap:14px}
  body.zmt .zm-grid--5{grid-template-columns:repeat(3,1fr)}
  body.zmt .pdp-ref-grid{grid-template-columns:1fr;gap:28px}
  body.zmt .pdp-ref-gallery{grid-template-columns:74px 1fr;position:static}
  body.zmt .pdp-ref-thumb{width:74px;height:86px}
  body.zmt .pdp-ref-main{min-height:0}
  body.zmt .pdp-ref-main-image{max-height:520px}
  body.zmt .catalog-layout{grid-template-columns:1fr}
  body.zmt .vx-foot .vx-wrap,
  body.zmt .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:30px;padding:40px 22px 30px}
  body.zmt .vx-news .vx-wrap{grid-template-columns:1fr;gap:18px;padding:28px 22px}
  body.zmt .zm-stats__inner{padding:30px 20px}
}
@media (max-width:720px){
  body.zmt .vx-wrap,
  body.zmt .container,
  body.zmt .vx-header .vx-wrap,
  body.zmt .site-header__inner{padding-left:16px;padding-right:16px}
  body.zmt .vx-topbar ul{gap:18px;justify-content:flex-start;overflow:hidden}
  body.zmt .vx-topbar li{font-size:.63rem}
  body.zmt .vx-topbar li:nth-child(n+3){display:none}
  body.zmt .vx-topbar a.vx-cta{display:none}
  body.zmt .brand__name,
  body.zmt .vx-brand small{font-size:.78rem}
  body.zmt .header-actions,
  body.zmt .vx-tools{gap:14px}
  body.zmt .header-actions svg,
  body.zmt .vx-tools svg{width:20px!important;height:20px!important}
  body.zmt .zm-hero-slide{min-height:400px}
  body.zmt .zm-hero-copy__eyebrow{font-size:.6rem;padding:5px 11px;margin-bottom:14px}
  body.zmt .zm-hero-copy h1{font-size:2.15rem;line-height:1.02}
  body.zmt .zm-hero-copy p{font-size:.87rem;margin:13px 0 20px;max-width:100%}
  body.zmt .zm-hero-cta{gap:9px;margin-bottom:18px}
  body.zmt .zm-btn{height:45px;padding:0 20px;font-size:.8rem}
  body.zmt .zm-hero-trust{gap:12px;padding-top:16px}
  body.zmt .zm-hero-trust span{font-size:.68rem}
  body.zmt .zm-hero-badge{width:76px;height:76px;right:14px;top:16px;border-width:2px}
  body.zmt .zm-hero-badge strong{font-size:1.05rem}
  body.zmt .zm-hero-badge small,
  body.zmt .zm-hero-badge span{font-size:.42rem}
  body.zmt .zm-sec{padding:34px 0}
  body.zmt .zm-head{margin-bottom:20px;gap:12px}
  body.zmt .zm-head h2{font-size:1.16rem}
  body.zmt .zm-head p{font-size:.8rem}
  body.zmt .zm-cats{grid-template-columns:repeat(2,1fr);gap:18px 22px}
  body.zmt .zm-cat i{max-width:132px}
  body.zmt .zm-cat small{font-size:.68rem}
  body.zmt .zm-tabs{gap:7px;margin-bottom:22px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none}
  body.zmt .zm-tabs::-webkit-scrollbar{display:none}
  body.zmt .zm-tabs a{height:34px;padding:0 15px;font-size:.66rem;flex:none}
  body.zmt .zm-grid,
  body.zmt .grid,
  body.zmt .zm-grid--5{grid-template-columns:repeat(2,1fr);gap:11px}
  body.zmt .vx-card__media,
  body.zmt .card__media{aspect-ratio:1/1}
  body.zmt .vx-card__body,
  body.zmt .card__body{padding:10px 10px 12px;gap:6px}
  body.zmt .vx-card__title,
  body.zmt .card__title{font-size:.72rem;min-height:2.3em}
  body.zmt .vx-card__price b,
  body.zmt .card__price .now{font-size:.85rem}
  body.zmt .vx-card__add,
  body.zmt .card__add{padding:8px 6px;font-size:.66rem}
  body.zmt .vx-card__wish{opacity:1;width:26px;height:26px;top:7px;right:7px}
  body.zmt .zm-off{font-size:.6rem;padding:2px 7px}
  body.zmt .zm-stats__inner{grid-template-columns:1fr;gap:0;padding:8px 20px}
  body.zmt .zm-stats__item{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:18px 0}
  body.zmt .zm-stats__item:last-child{border-bottom:0}
  body.zmt .zm-stats__item strong{font-size:1.7rem}
  body.zmt .zm-stats__item span{font-size:.7rem;margin-top:6px}
  body.zmt .zm-promos{grid-template-columns:1fr;gap:14px}
  body.zmt .zm-promo{min-height:190px;padding:24px 22px}
  body.zmt .zm-promo h3{font-size:1.4rem}
  body.zmt .zm-tst{padding:36px 0 44px}
  body.zmt .zm-tst__grid{grid-template-columns:1fr;gap:12px}
  body.zmt .zm-tcard{min-height:0;padding:17px 16px}
  body.zmt .zm-trust{grid-template-columns:1fr 1fr;gap:1px}
  body.zmt .zm-trust>div{padding:18px 14px;gap:10px;flex-direction:column;align-items:flex-start}
  body.zmt .zm-trust svg{width:24px;height:24px}
  body.zmt .zm-trust strong{font-size:.74rem}
  body.zmt .zm-trust small{font-size:.66rem}
  body.zmt .vx-news h3{font-size:1.05rem}
  body.zmt .vx-news p{font-size:.76rem}
  body.zmt .vx-news form{height:48px}
  body.zmt .vx-news input{height:48px;font-size:.82rem}
  body.zmt .vx-news button{height:48px;padding:0 16px;font-size:.72rem}
  body.zmt .vx-foot .vx-wrap,
  body.zmt .site-footer .footer-grid{grid-template-columns:1fr;gap:26px;padding:34px 16px 26px}
  body.zmt .footer-col h4{margin-bottom:12px}
  body.zmt .vx-copy .vx-wrap{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}
  body.zmt .section{padding:28px 0}
  body.zmt .page-head h1{font-size:1.35rem}
  body.zmt .page-head p{font-size:.82rem}
  body.zmt .catalog-toolbar{padding:10px 12px;gap:10px}
  body.zmt .catalog-toolbar select{height:34px;font-size:.76rem}
  body.zmt .cart-row{grid-template-columns:74px 1fr;grid-template-areas:"media info" "qty price";gap:12px}
  body.zmt .cart-row__media{width:74px;height:74px;grid-area:media}
  body.zmt .qty-selector{grid-area:qty;height:36px;justify-self:start}
  body.zmt .qty-selector button{width:34px}
  body.zmt .qty-selector span{width:34px}
  body.zmt .cart-row__price{grid-area:price;justify-self:end;font-size:.9rem}
  body.zmt .order-summary,
  body.zmt .coupon-box{padding:16px}
  body.zmt .pdp-ref-container{padding:10px 16px 0}
  body.zmt .pdp-ref-breadcrumb{font-size:.72rem;margin-bottom:14px}
  body.zmt .pdp-ref-gallery{grid-template-columns:1fr;gap:10px}
  body.zmt .pdp-ref-thumbs{order:2;flex-direction:row;overflow-x:auto;padding-bottom:3px}
  body.zmt .pdp-ref-thumb{flex:0 0 64px;width:64px;height:76px}
  body.zmt .pdp-ref-main{order:1}
  body.zmt .pdp-ref-main-image{max-height:380px;padding:12px}
  body.zmt .pdp-ref-info h1{font-size:1.25rem}
  body.zmt .pdp-ref-price strong{font-size:1.6rem}
  body.zmt .pdp-ref-actions{grid-template-columns:1fr 1fr 48px;gap:8px}
  body.zmt .pdp-ref-actions button{height:48px;font-size:.76rem}
  body.zmt .pdp-ref-benefits{grid-template-columns:1fr;gap:8px}
  body.zmt .pdp-ref-benefits div{font-size:.76rem}
  body.zmt .pdp-ref-tab-heads{gap:16px}
  body.zmt .pdp-ref-tab{font-size:.72rem}
  body.zmt .zm-top{display:none!important}
  body.zmt .wa-float{right:14px;bottom:18px;width:48px;height:48px;opacity:.92}
}
@media (max-width:420px){
  body.zmt .zm-hero-copy h1{font-size:1.85rem}
  body.zmt .zm-cats{gap:12px}
  body.zmt .zm-cat i{max-width:112px}
  body.zmt .zm-grid,
  body.zmt .grid,
  body.zmt .zm-grid--5{gap:9px}
  body.zmt .vx-card__price b,
  body.zmt .card__price .now{font-size:.8rem}
  body.zmt .vx-card__price s{font-size:.68rem}
}