/* ==========================================================================
   MoonTak — «مهتاب» design system
   One stylesheet. Bump MOONTAK_CSS_VER in functions.php on every change.

   changelog
   1.0  initial moonlight-luxe system: tokens, chrome, home, cards, drawers
   ========================================================================== */

/* ── fonts (self-hosted — Google Fonts is unreliable from Iran) ─────────── */
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}

/* ── design tokens ──────────────────────────────────────────────────────── */
:root{
  /* moonlight-luxe palette */
  --mt-night:#241B33;          /* midnight plum — feature bands, footer */
  --mt-night-2:#2F2440;        /* raised surface on night */
  --mt-night-3:#3B2F4E;        /* hairline on night */
  --mt-pearl:#FBF7F2;          /* page background */
  --mt-surface:#FFFFFF;        /* cards */
  --mt-surface-2:#F4EEE6;      /* sunken / placeholder */
  --mt-gold:#C9A227;           /* champagne gold — primary accent */
  --mt-gold-deep:#A8871B;      /* gold on light bg, AA-safe for text */
  --mt-gold-soft:#E3C97E;      /* gold on night bg */
  --mt-blush:#E8C4C0;          /* soft blush — secondary accent */
  --mt-blush-deep:#B9736C;
  --mt-ink:#2A2430;            /* body text */
  --mt-ink-strong:#1A1520;     /* headings */
  --mt-muted:rgba(42,36,48,.62);
  --mt-faint:rgba(42,36,48,.46);
  --mt-line:rgba(42,36,48,.13);
  --mt-line-soft:rgba(42,36,48,.08);
  --mt-ok:#2E7D5B;
  --mt-danger:#C2413F;

  --mt-font:Vazirmatn,system-ui,"Segoe UI",sans-serif;
  --mt-shell:1320px;
  --mt-pad:28px;
  --mt-r:16px;      /* card radius */
  --mt-r-sm:10px;
  --mt-shadow:0 18px 44px -28px rgba(36,27,51,.34);
  --mt-shadow-lg:0 40px 80px -40px rgba(36,27,51,.42);
}

*,*::before,*::after{box-sizing:border-box}
html{direction:rtl}
body{
  margin:0;background:var(--mt-pearl);color:var(--mt-ink);
  font-family:var(--mt-font);font-size:15px;line-height:1.9;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .2s ease}
a:hover{color:var(--mt-gold-deep)}
button{font-family:var(--mt-font)}
h1,h2,h3,h4{font-family:var(--mt-font);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin:0;color:var(--mt-ink-strong)}
:focus-visible{outline:2px solid var(--mt-gold-deep);outline-offset:3px;border-radius:4px}

.mt-shell{max-width:var(--mt-shell);margin:0 auto;padding-inline:var(--mt-pad)}
.mt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* latin/number runs inside RTL text must stay LTR */
.mt-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ── brand mark: the crescent ───────────────────────────────────────────── */
.mt-moon{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.12em}
.mt-moon path{fill:currentColor}

/* moon-phase divider — the signature separator */
.mt-phases{display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 0}
.mt-phases i{width:7px;height:7px;border-radius:50%;background:var(--mt-gold);display:block}
.mt-phases i:nth-child(1){opacity:.18}
.mt-phases i:nth-child(2){opacity:.34}
.mt-phases i:nth-child(3){opacity:.55}
.mt-phases i:nth-child(4){opacity:.8;width:9px;height:9px}
.mt-phases i:nth-child(5){opacity:.55}
.mt-phases i:nth-child(6){opacity:.34}
.mt-phases i:nth-child(7){opacity:.18}

/* ── typography helpers ─────────────────────────────────────────────────── */
.mt-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--mt-gold-deep);
}
.mt-kicker::before{content:"";width:22px;height:1px;background:var(--mt-gold);flex:none}
.mt-sec{padding-top:88px}
.mt-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:34px;flex-wrap:wrap}
.mt-sec__title{font-size:clamp(26px,3vw,42px);margin-top:12px}
.mt-sec__lede{margin:10px 0 0;color:var(--mt-muted);font-size:14.5px;max-width:52ch;text-wrap:pretty}
.mt-sec__link{font-size:13.5px;color:var(--mt-gold-deep);font-weight:600;white-space:nowrap;border-bottom:1px solid rgba(168,135,27,.35);padding-bottom:3px}

/* ── buttons ────────────────────────────────────────────────────────────── */
.mt-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid transparent;border-radius:var(--mt-r-sm);cursor:pointer;
  font-weight:700;font-size:14px;padding:15px 30px;line-height:1;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .12s ease;
}
.mt-btn:active{transform:translateY(1px)}
.mt-btn--night{background:var(--mt-night);color:var(--mt-pearl)}
.mt-btn--night:hover{background:var(--mt-night-2);color:var(--mt-gold-soft)}
.mt-btn--gold{background:var(--mt-gold);color:#22190B}
.mt-btn--gold:hover{background:var(--mt-gold-deep);color:#fff}
.mt-btn--ghost{background:transparent;border-color:var(--mt-line);color:var(--mt-ink)}
.mt-btn--ghost:hover{border-color:var(--mt-gold-deep);color:var(--mt-gold-deep)}
.mt-btn--pearl{background:var(--mt-pearl);color:var(--mt-night)}
.mt-btn--pearl:hover{background:var(--mt-gold-soft);color:#22190B}
.mt-btn--outline-pearl{background:none;border-color:rgba(251,247,242,.32);color:var(--mt-pearl)}
.mt-btn--outline-pearl:hover{border-color:var(--mt-gold-soft);color:var(--mt-gold-soft)}
.mt-btn--sm{padding:11px 20px;font-size:13px}
.mt-btn--block{width:100%}
.mt-btn[disabled]{opacity:.5;cursor:not-allowed}

/* ── image placeholder (before real photos exist) ───────────────────────── */
.mt-ph{
  background:
    radial-gradient(120% 90% at 70% 10%,rgba(232,196,192,.34),transparent 60%),
    linear-gradient(160deg,var(--mt-surface-2),#EAE1D5);
  display:grid;place-items:center;text-align:center;padding:16px;
  font-size:11.5px;line-height:1.9;color:var(--mt-faint);
}
.mt-ph::before{content:"";position:absolute;inset:0;pointer-events:none}
.mt-ph--3x4{aspect-ratio:3/4}
.mt-ph--4x3{aspect-ratio:4/3}
.mt-ph--1x1{aspect-ratio:1}

/* ══════════════════════════════════════════════════════════════════════════
   HEADER
   ══════════════════════════════════════════════════════════════════════════ */
.mt-topbar{
  background:var(--mt-night);color:rgba(251,247,242,.82);
  font-size:12.5px;text-align:center;padding:9px 16px;
}
.mt-topbar b{color:var(--mt-gold-soft);font-weight:700}

.mt-header{
  position:sticky;top:0;z-index:70;background:rgba(251,247,242,.9);
  backdrop-filter:blur(18px);border-bottom:1px solid var(--mt-line-soft);
}
.mt-head{
  display:flex;align-items:center;gap:20px;height:74px;
  max-width:var(--mt-shell);margin:0 auto;padding-inline:var(--mt-pad);
}
.mt-logo{display:flex;align-items:center;gap:10px;flex:none}
.mt-logo__moon{color:var(--mt-gold);font-size:26px;display:grid;place-items:center}
.mt-logo__fa{font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1;color:var(--mt-ink-strong)}
.mt-logo__en{font-size:8px;letter-spacing:.36em;color:var(--mt-gold-deep);direction:ltr;margin-top:3px}
.mt-logo img{max-height:46px;width:auto}

.mt-nav{display:flex;gap:26px;list-style:none;margin:0;padding:0;flex:1;min-width:0}
.mt-nav > li{position:relative}
.mt-nav > li > a{display:block;padding:26px 0;font-size:14.5px;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}
.mt-nav > li:hover > a,.mt-nav > li.current-menu-item > a{color:var(--mt-gold-deep);border-bottom-color:var(--mt-gold)}
.mt-nav .sub-menu{
  position:absolute;top:100%;right:0;min-width:220px;list-style:none;margin:0;padding:12px;
  background:var(--mt-surface);border:1px solid var(--mt-line);border-radius:var(--mt-r);
  box-shadow:var(--mt-shadow);display:none;flex-direction:column;gap:2px;
}
.mt-nav > li:hover > .sub-menu,.mt-nav > li:focus-within > .sub-menu{display:flex}
.mt-nav .sub-menu a{display:block;padding:10px 14px;border-radius:8px;font-size:14px;color:var(--mt-muted)}
.mt-nav .sub-menu a:hover{background:var(--mt-surface-2);color:var(--mt-ink)}

.mt-tools{display:flex;align-items:center;gap:8px;flex:none;margin-inline-start:auto}
.mt-icon{
  position:relative;background:none;border:0;padding:9px;cursor:pointer;color:var(--mt-ink);
  display:grid;place-items:center;border-radius:9px;line-height:0;
}
.mt-icon:hover{background:var(--mt-surface-2);color:var(--mt-gold-deep)}
.mt-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mt-icon__count{
  position:absolute;top:1px;left:1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:var(--mt-gold);color:#22190B;font-size:10px;font-weight:700;
  display:grid;place-items:center;line-height:1;
}
.mt-burger{display:none}

/* header search */
.mt-search{position:relative;flex:0 1 300px;min-width:0}
.mt-search input{
  width:100%;background:var(--mt-surface);border:1px solid var(--mt-line);border-radius:var(--mt-r-sm);
  padding:11px 40px 11px 14px;font:400 13.5px var(--mt-font);color:var(--mt-ink);
}
.mt-search input::placeholder{color:var(--mt-faint)}
.mt-search input:focus{outline:none;border-color:var(--mt-gold);box-shadow:0 0 0 3px rgba(201,162,39,.13)}
.mt-search__ico{position:absolute;top:50%;right:13px;transform:translateY(-50%);width:17px;height:17px;
  fill:none;stroke:var(--mt-faint);stroke-width:1.7;pointer-events:none}
.mt-sugg{
  position:absolute;top:calc(100% + 8px);right:0;left:0;background:var(--mt-surface);
  border:1px solid var(--mt-line);border-radius:var(--mt-r);box-shadow:var(--mt-shadow-lg);
  padding:8px;display:none;max-height:min(70vh,460px);overflow-y:auto;z-index:80;
}
.mt-sugg.is-open{display:block}
.mt-sugg__label{font-size:11px;font-weight:700;color:var(--mt-gold-deep);padding:8px 10px 5px}
.mt-sugg__item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:9px;cursor:pointer}
.mt-sugg__item:hover,.mt-sugg__item.is-active{background:var(--mt-surface-2)}
.mt-sugg__item img,.mt-sugg__ph{width:44px;height:56px;object-fit:cover;border-radius:6px;flex:none;background:var(--mt-surface-2)}
.mt-sugg__n{font-size:13.5px;font-weight:500;line-height:1.5}
.mt-sugg__p{font-size:12px;color:var(--mt-gold-deep);font-weight:600}
.mt-sugg__all{display:block;text-align:center;padding:11px;font-size:13px;font-weight:600;color:var(--mt-gold-deep);border-top:1px solid var(--mt-line-soft);margin-top:6px}
.mt-sugg__empty{padding:20px;text-align:center;color:var(--mt-faint);font-size:13.5px}

/* ══════════════════════════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════════════════════════ */
.mt-hero{position:relative;overflow:hidden}
/* moonlight glow */
.mt-hero::before{
  content:"";position:absolute;top:-220px;left:-120px;width:680px;height:680px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,196,192,.42),rgba(201,162,39,.1) 45%,transparent 70%);
  pointer-events:none;
}
.mt-hero__grid{
  position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  padding-block:72px 84px;
}
.mt-hero__body{display:flex;flex-direction:column;gap:24px}
.mt-hero__title{font-size:clamp(38px,5.4vw,72px);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.mt-hero__title em{font-style:normal;color:var(--mt-gold-deep)}
.mt-hero__lede{font-size:16.5px;line-height:2;color:var(--mt-muted);max-width:44ch;margin:0;text-wrap:pretty}
.mt-hero__cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:4px}
.mt-hero__marks{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:22px;border-top:1px solid var(--mt-line-soft);margin-top:6px}
.mt-hero__mark{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mt-muted)}
.mt-hero__mark svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--mt-gold-deep);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.mt-hero__media{position:relative}
.mt-hero__frame{position:relative;border-radius:180px 180px var(--mt-r) var(--mt-r);overflow:hidden;box-shadow:var(--mt-shadow-lg)}
.mt-hero__frame .mt-ph,.mt-hero__frame img{aspect-ratio:3/4;width:100%;object-fit:cover}
.mt-hero__badge{
  position:absolute;bottom:22px;right:-16px;background:var(--mt-surface);border-radius:var(--mt-r);
  padding:14px 18px;box-shadow:var(--mt-shadow);display:flex;align-items:center;gap:11px;max-width:250px;
}
.mt-hero__badge .mt-moon{color:var(--mt-gold);font-size:24px}
.mt-hero__badge b{display:block;font-size:13.5px;font-weight:700}
.mt-hero__badge span{font-size:12px;color:var(--mt-faint);line-height:1.6}

/* ── trust strip ────────────────────────────────────────────────────────── */
.mt-trust{background:var(--mt-surface);border-block:1px solid var(--mt-line-soft)}
.mt-trust__grid{max-width:var(--mt-shell);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding-inline:var(--mt-pad)}
.mt-trust__cell{display:flex;gap:13px;align-items:flex-start;padding:24px 22px;border-inline-start:1px solid var(--mt-line-soft)}
.mt-trust__cell:first-child{border-inline-start:0}
.mt-trust__cell svg{width:23px;height:23px;flex:none;margin-top:2px;fill:none;stroke:var(--mt-gold-deep);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mt-trust__t{font-size:14px;font-weight:700}
.mt-trust__s{font-size:12.5px;color:var(--mt-faint);line-height:1.75}

/* ── category tiles ─────────────────────────────────────────────────────── */
.mt-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mt-cat{
  position:relative;display:block;border-radius:var(--mt-r);overflow:hidden;background:var(--mt-surface-2);
  box-shadow:var(--mt-shadow);transition:transform .3s ease,box-shadow .3s ease;
}
.mt-cat:hover{transform:translateY(-4px);box-shadow:var(--mt-shadow-lg)}
.mt-cat__img{aspect-ratio:4/5;width:100%;object-fit:cover}
.mt-cat .mt-ph{aspect-ratio:4/5;position:relative}
.mt-cat__veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(36,27,51,.82),rgba(36,27,51,.12) 52%,transparent)}
.mt-cat__foot{position:absolute;inset-inline:0;bottom:0;padding:18px;color:#fff}
.mt-cat__name{font-size:18px;font-weight:800;color:#fff}
.mt-cat__count{font-size:12px;color:rgba(255,255,255,.72);margin-top:2px}

/* ══════════════════════════════════════════════════════════════════════════
   PRODUCT CARD  (the most reused component)
   ══════════════════════════════════════════════════════════════════════════ */
.mt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;list-style:none;margin:0;padding:0}
.mt-card{position:relative;display:flex;flex-direction:column;gap:12px}
.mt-card__media{
  position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--mt-r);
  background:var(--mt-surface-2);display:block;
}
.mt-card__media img,.mt-card__media .mt-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mt-card__alt{opacity:0;transition:opacity .45s ease}
.mt-card:hover .mt-card__alt{opacity:1}
.mt-card__badges{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;z-index:2}
.mt-badge{padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:var(--mt-night)}
.mt-badge--sale{background:var(--mt-blush-deep)}
.mt-badge--new{background:var(--mt-gold);color:#22190B}
.mt-card__wish{
  position:absolute;top:10px;left:10px;z-index:2;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border:1px solid var(--mt-line);
  cursor:pointer;display:grid;place-items:center;padding:0;color:var(--mt-faint);transition:.2s;
}
.mt-card__wish svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.mt-card__wish:hover{color:var(--mt-blush-deep);border-color:var(--mt-blush)}
.mt-card__wish.is-on{color:var(--mt-blush-deep)}
.mt-card__wish.is-on svg{fill:currentColor}
/* out of stock */
.mt-card--oos .mt-card__media img{filter:grayscale(1);opacity:.62}
.mt-card__oos{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  background:rgba(36,27,51,.9);color:#fff;padding:8px 18px;border-radius:20px;font-size:12.5px;font-weight:700;
}
.mt-card__body{display:flex;flex-direction:column;gap:5px}
.mt-card__cat{font-size:11.5px;color:var(--mt-gold-deep);font-weight:600}
.mt-card__name{font-size:14.5px;font-weight:600;line-height:1.65}
.mt-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}
.mt-card__price{font-size:14.5px;font-weight:700;color:var(--mt-ink-strong);min-width:0}
.mt-card__price .woocommerce-Price-amount,.mt-card__price bdi{white-space:nowrap}
.mt-card__price del{color:var(--mt-faint);font-weight:400;font-size:12.5px;margin-inline-start:7px}
.mt-card__price del bdi{white-space:nowrap}
.mt-card__price ins{text-decoration:none}
.mt-card__add{
  flex:none;white-space:nowrap;border:1px solid var(--mt-line);background:var(--mt-surface);
  border-radius:20px;padding:8px 16px;font:700 12.5px var(--mt-font);color:var(--mt-ink);cursor:pointer;
  transition:.2s;
}
.mt-card__add:hover{background:var(--mt-night);border-color:var(--mt-night);color:var(--mt-pearl)}
.mt-card__add.loading{opacity:.6;pointer-events:none}
.mt-card__add.added{background:var(--mt-ok);border-color:var(--mt-ok);color:#fff}
.mt-card__sizes{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
.mt-card__sizes span{border:1px solid var(--mt-line);border-radius:5px;padding:3px 7px;font-size:10.5px;color:var(--mt-faint)}

/* ══════════════════════════════════════════════════════════════════════════
   NIGHT BAND (feature sections on midnight plum)
   ══════════════════════════════════════════════════════════════════════════ */
.mt-band{
  position:relative;background:var(--mt-night);color:var(--mt-pearl);margin-top:88px;overflow:hidden;
}
.mt-band::before{
  content:"";position:absolute;top:-180px;right:-100px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,39,.2),transparent 68%);pointer-events:none;
}
.mt-band h2,.mt-band h3{color:var(--mt-pearl)}
.mt-band .mt-kicker{color:var(--mt-gold-soft)}
.mt-band .mt-kicker::before{background:var(--mt-gold-soft)}
.mt-band__grid{
  position:relative;max-width:var(--mt-shell);margin:0 auto;padding:74px var(--mt-pad);
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
}
.mt-band__title{font-size:clamp(26px,3.2vw,44px);line-height:1.22;max-width:18ch}
.mt-band__lede{font-size:15.5px;line-height:2.05;color:rgba(251,247,242,.72);max-width:46ch;margin:0;text-wrap:pretty}
.mt-steps{display:flex;flex-direction:column;gap:0;margin:8px 0}
.mt-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--mt-night-3)}
.mt-step__n{
  flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--mt-gold-soft);
  color:var(--mt-gold-soft);display:grid;place-items:center;font-size:13.5px;font-weight:700;
}
.mt-step__t{font-size:15px;font-weight:700}
.mt-step__s{font-size:13px;color:rgba(251,247,242,.62);line-height:1.85}
.mt-band__media{position:relative}
.mt-band__card{
  background:var(--mt-night-2);border:1px solid var(--mt-night-3);border-radius:var(--mt-r);
  padding:30px;display:flex;flex-direction:column;gap:16px;
}
.mt-band__card .mt-moon{color:var(--mt-gold-soft);font-size:34px}

/* ── care / craft cards ─────────────────────────────────────────────────── */
.mt-craft{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mt-craft__card{
  background:var(--mt-surface);border:1px solid var(--mt-line-soft);border-radius:var(--mt-r);
  padding:28px;display:flex;flex-direction:column;gap:13px;
}
.mt-craft__ico{width:44px;height:44px;border-radius:50%;background:var(--mt-surface-2);display:grid;place-items:center;color:var(--mt-gold-deep)}
.mt-craft__ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mt-craft__card h3{font-size:19px;line-height:1.5}
.mt-craft__card p{margin:0;font-size:14px;line-height:2;color:var(--mt-muted);text-wrap:pretty}

/* ── journal ────────────────────────────────────────────────────────────── */
.mt-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin:0;padding:0}
.mt-post__fig{border-radius:var(--mt-r);overflow:hidden;margin-bottom:14px;background:var(--mt-surface-2)}
.mt-post__fig img,.mt-post__fig .mt-ph{aspect-ratio:4/3;width:100%;object-fit:cover}
.mt-post__tag{font-size:11.5px;font-weight:600;color:var(--mt-gold-deep)}
.mt-post__title{display:block;font-size:17px;font-weight:700;line-height:1.7;margin-top:5px}
.mt-post__meta{font-size:12.5px;color:var(--mt-faint);margin-top:6px}

/* ── help / contact CTA ─────────────────────────────────────────────────── */
.mt-help{
  background:var(--mt-surface);border:1px solid var(--mt-line);border-radius:var(--mt-r);
  padding:44px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin:88px 0 0;
}
.mt-help h2{font-size:clamp(22px,2.4vw,32px);line-height:1.35}
.mt-help p{margin:12px 0 0;font-size:14.5px;line-height:2;color:var(--mt-muted);max-width:48ch}
.mt-help__actions{display:flex;flex-direction:column;gap:10px}

/* ══════════════════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════════════════ */
.mt-footer{background:var(--mt-night);color:rgba(251,247,242,.72);margin-top:88px;padding:64px var(--mt-pad) 26px}
.mt-footer a{color:rgba(251,247,242,.72)}
.mt-footer a:hover{color:var(--mt-gold-soft)}
.mt-footer__grid{max-width:var(--mt-shell);margin:0 auto;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:44px}
.mt-footer__brand .mt-logo__fa{color:var(--mt-pearl)}
.mt-footer__brand .mt-logo__moon{color:var(--mt-gold-soft)}
.mt-footer p{font-size:13.5px;line-height:2.05;margin:16px 0 0;max-width:34ch}
.mt-footer__title{font-size:12px;font-weight:700;color:var(--mt-gold-soft);margin-bottom:14px}
.mt-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.mt-footer li a{font-size:13.5px}
.mt-social{display:flex;gap:9px;margin-top:18px}
.mt-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--mt-night-3);display:grid;place-items:center;color:rgba(251,247,242,.8)}
.mt-social a:hover{border-color:var(--mt-gold-soft);color:var(--mt-gold-soft)}
.mt-social svg{width:18px;height:18px;fill:currentColor}
.mt-footer__base{
  max-width:var(--mt-shell);margin:44px auto 0;padding-top:22px;border-top:1px solid var(--mt-night-3);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:rgba(251,247,242,.46);
}
.mt-enamad{background:#fff;border-radius:8px;padding:6px;display:inline-block;line-height:0}
.mt-enamad img{max-width:92px}

/* ══════════════════════════════════════════════════════════════════════════
   MOBILE DRAWER + OVERLAY
   ══════════════════════════════════════════════════════════════════════════ */
.mt-overlay{position:fixed;inset:0;z-index:90;background:rgba(26,21,32,.5);backdrop-filter:blur(4px);display:none}
.mt-overlay.is-open{display:block}
.mt-drawer{
  position:fixed;top:0;bottom:0;right:0;width:340px;max-width:88vw;z-index:91;
  background:var(--mt-pearl);display:flex;flex-direction:column;transform:translateX(100%);
  transition:transform .3s ease;box-shadow:var(--mt-shadow-lg);
}
.mt-drawer.is-open{transform:none}
.mt-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px var(--mt-pad);border-bottom:1px solid var(--mt-line-soft)}
.mt-drawer__body{flex:1;overflow-y:auto;padding:18px var(--mt-pad)}
.mt-drawer__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mt-drawer__nav a{display:block;padding:14px 0;font-size:15.5px;font-weight:500;border-bottom:1px solid var(--mt-line-soft)}
.mt-drawer__nav .sub-menu{list-style:none;margin:0;padding:0 16px 0 0}
.mt-drawer__nav .sub-menu a{font-size:14px;font-weight:400;color:var(--mt-muted)}
.mt-drawer__foot{padding:18px var(--mt-pad) 24px;border-top:1px solid var(--mt-line-soft);display:flex;flex-direction:column;gap:10px}
.mt-close{background:none;border:0;cursor:pointer;font-size:22px;line-height:1;color:var(--mt-faint);padding:4px 8px}
.mt-close:hover{color:var(--mt-ink)}

/* ── toast ──────────────────────────────────────────────────────────────── */
.mt-toast{
  position:fixed;bottom:24px;right:24px;z-index:96;max-width:340px;
  background:var(--mt-night);color:var(--mt-pearl);border-radius:var(--mt-r);padding:15px 18px;
  box-shadow:var(--mt-shadow-lg);display:flex;align-items:center;gap:12px;
  transform:translateY(140%);opacity:0;transition:transform .34s ease,opacity .34s ease;
}
.mt-toast.is-open{transform:none;opacity:1}
.mt-toast__ok{width:26px;height:26px;border-radius:50%;background:var(--mt-ok);color:#fff;display:grid;place-items:center;flex:none;font-size:14px}
.mt-toast__msg{font-size:13.5px;line-height:1.6}
.mt-toast a{color:var(--mt-gold-soft);font-weight:700;font-size:13px;white-space:nowrap}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width:1120px){
  .mt-nav{gap:18px}
  .mt-nav > li > a{font-size:13.5px}
  .mt-search{flex-basis:210px}
  .mt-grid,.mt-cats{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .mt-hero__grid,.mt-band__grid,.mt-help{grid-template-columns:1fr}
  .mt-hero__grid{gap:40px;padding-block:48px 60px}
  .mt-hero__media{max-width:420px}
  .mt-trust__grid{grid-template-columns:repeat(2,1fr)}
  .mt-trust__cell:nth-child(3){border-inline-start:0}
  .mt-craft,.mt-posts{grid-template-columns:repeat(2,1fr)}
  .mt-footer__grid{grid-template-columns:1fr 1fr;gap:32px}
  .mt-band__grid{padding-block:56px}
}
@media (max-width:820px){
  .mt-nav{display:none}
  .mt-burger{display:grid}
  .mt-search{flex:1 1 auto}
  .mt-grid,.mt-cats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  :root{--mt-pad:16px}
  .mt-head{height:64px;gap:10px;flex-wrap:wrap}
  .mt-logo__fa{font-size:19px}
  .mt-search{order:10;flex:1 1 100%;padding-bottom:12px}
  .mt-header{position:static}
  .mt-sec{padding-top:56px}
  .mt-hero__title{letter-spacing:-.02em}
  .mt-craft,.mt-posts,.mt-trust__grid{grid-template-columns:1fr}
  .mt-trust__cell{border-inline-start:0;border-top:1px solid var(--mt-line-soft)}
  .mt-trust__cell:first-child{border-top:0}
  .mt-footer__grid{grid-template-columns:1fr}
  .mt-help{padding:28px}
  .mt-hero__badge{right:auto;left:10px;bottom:10px;max-width:210px;padding:11px 14px}
  .mt-toast{right:12px;left:12px;bottom:12px;max-width:none}
  .mt-grid{gap:22px 12px}
}

/* ══════════════════════════════════════════════════════════════════════════
   SHOP ARCHIVE
   ══════════════════════════════════════════════════════════════════════════ */
.mt-shop{padding-top:36px}
.mt-shop__head{margin-bottom:26px}
.mt-shop__h1{font-size:clamp(24px,3vw,38px)}
.mt-shop__count{margin:6px 0 0;font-size:13.5px;color:var(--mt-faint)}
.mt-shop__intro{margin-top:14px;max-width:70ch;color:var(--mt-muted);font-size:14.5px;line-height:2}
.mt-shop__layout{display:grid;grid-template-columns:250px 1fr;gap:34px;align-items:start;padding-bottom:20px}
.mt-shop__main{min-width:0}

.mt-facets{position:sticky;top:96px}
.mt-facets__form{background:var(--mt-surface);border:1px solid var(--mt-line-soft);border-radius:var(--mt-r);padding:20px}
.mt-facets__head{display:none;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:700}
.mt-facet{padding-block:16px;border-top:1px solid var(--mt-line-soft)}
.mt-facet:first-of-type{border-top:0;padding-top:0}
.mt-facet__title{font-size:12.5px;font-weight:700;color:var(--mt-gold-deep);margin-bottom:10px}
.mt-radio{display:flex;align-items:center;gap:9px;padding:6px 0;cursor:pointer;font-size:14px}
.mt-radio input{accent-color:var(--mt-gold-deep);width:16px;height:16px;flex:none;margin:0}
.mt-radio span{flex:1;min-width:0}
.mt-radio i{font-style:normal;font-size:11.5px;color:var(--mt-faint)}
.mt-facet__price{display:flex;gap:8px;margin-bottom:10px}
.mt-facet__price input{width:100%;min-width:0;background:var(--mt-pearl);border:1px solid var(--mt-line);border-radius:8px;padding:9px 11px;font:400 13px var(--mt-font);color:var(--mt-ink)}
.mt-facet__price input:focus{outline:none;border-color:var(--mt-gold)}

.mt-shop__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.mt-shop__filter-btn{display:none}
.mt-sort select{
  background:var(--mt-surface);border:1px solid var(--mt-line);border-radius:var(--mt-r-sm);
  padding:10px 14px;font:500 13.5px var(--mt-font);color:var(--mt-ink);cursor:pointer;max-width:100%;
}
.mt-sort select:focus{outline:none;border-color:var(--mt-gold)}

.mt-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.mt-chip{
  display:inline-flex;align-items:center;gap:7px;background:var(--mt-surface);border:1px solid var(--mt-line);
  border-radius:20px;padding:6px 13px;font-size:12.5px;color:var(--mt-ink);
}
.mt-chip span{color:var(--mt-faint);font-size:14px;line-height:1}
.mt-chip:hover{border-color:var(--mt-gold-deep)}
.mt-chip--clear{background:none;border-style:dashed;color:var(--mt-faint)}

.mt-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:44px;flex-wrap:wrap}
.mt-pager__btn{
  border:1px solid var(--mt-line);border-radius:var(--mt-r-sm);padding:11px 22px;
  font-size:13.5px;font-weight:600;background:var(--mt-surface);
}
.mt-pager__btn:hover{border-color:var(--mt-gold-deep);color:var(--mt-gold-deep)}
.mt-pager__now{font-size:13px;color:var(--mt-faint)}
.mt-pager ul{list-style:none;display:flex;gap:8px;padding:0;margin:0;flex-wrap:wrap}
.mt-pager .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;
  border:1px solid var(--mt-line);border-radius:var(--mt-r-sm);background:var(--mt-surface);font-size:13.5px}
.mt-pager .page-numbers.current{background:var(--mt-night);border-color:var(--mt-night);color:var(--mt-pearl)}

.mt-empty{
  text-align:center;padding:64px 24px;background:var(--mt-surface);border:1px solid var(--mt-line-soft);
  border-radius:var(--mt-r);display:flex;flex-direction:column;align-items:center;gap:12px;
}
.mt-empty .mt-moon{font-size:44px;color:var(--mt-gold)}
.mt-empty h1,.mt-empty h2{font-size:22px}
.mt-empty p{margin:0;color:var(--mt-muted);font-size:14.5px;max-width:44ch}
.mt-empty .mt-btn{margin-top:10px}

/* ══════════════════════════════════════════════════════════════════════════
   SINGLE PRODUCT
   ══════════════════════════════════════════════════════════════════════════ */
.mt-pdp{padding-top:24px}
.mt-crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--mt-faint);margin-bottom:20px}
.mt-crumbs a:hover{color:var(--mt-gold-deep)}
.mt-pdp__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.mt-pdp__media{position:relative;border-radius:var(--mt-r);overflow:hidden}
.mt-pdp__media img{border-radius:var(--mt-r)}
.mt-pdp__media .onsale{
  position:absolute;top:14px;right:14px;z-index:3;background:var(--mt-blush-deep);color:#fff;
  padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;
}
.mt-pdp__summary{display:flex;flex-direction:column;gap:16px}
.mt-pdp__cat{font-size:12.5px;font-weight:600;color:var(--mt-gold-deep)}
.mt-pdp__title{font-size:clamp(24px,3vw,38px);line-height:1.3}
.mt-pdp__price{font-size:24px;font-weight:800;color:var(--mt-ink-strong)}
.mt-pdp__price del{color:var(--mt-faint);font-size:17px;font-weight:400;margin-inline-start:10px}
.mt-pdp__price ins{text-decoration:none}
.mt-pdp__excerpt{color:var(--mt-muted);font-size:14.5px;line-height:2}
.mt-pdp__excerpt p{margin:0 0 10px}
.mt-pdp__stock{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;align-self:flex-start}
.mt-pdp__stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.mt-pdp__stock.is-in{color:var(--mt-ok)}
.mt-pdp__stock.is-out{color:var(--mt-danger)}
.mt-pdp__wish{align-self:flex-start;gap:8px}
.mt-pdp__wish svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.mt-pdp__wish.is-on{color:var(--mt-blush-deep);border-color:var(--mt-blush)}
.mt-pdp__wish.is-on svg{fill:currentColor}
.mt-pdp__marks{list-style:none;margin:6px 0 0;padding:16px 0 0;border-top:1px solid var(--mt-line-soft);display:flex;flex-direction:column;gap:12px}
.mt-pdp__marks li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--mt-muted)}
.mt-pdp__marks svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--mt-gold-deep);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* WooCommerce add-to-cart form, restyled in place */
.mt-pdp__cart form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0}
.mt-pdp__cart .quantity input{
  width:78px;background:var(--mt-surface);border:1px solid var(--mt-line);border-radius:var(--mt-r-sm);
  padding:14px 10px;text-align:center;font:600 15px var(--mt-font);color:var(--mt-ink);
}
.mt-pdp__cart button[type=submit],.mt-pdp__cart .single_add_to_cart_button{
  flex:1;min-width:190px;background:var(--mt-night);color:var(--mt-pearl);border:0;
  border-radius:var(--mt-r-sm);padding:16px 30px;font:700 14.5px var(--mt-font);cursor:pointer;
}
.mt-pdp__cart button[type=submit]:hover{background:var(--mt-night-2);color:var(--mt-gold-soft)}
.mt-pdp__cart .variations{width:100%;border-collapse:collapse}
.mt-pdp__cart .variations th,.mt-pdp__cart .variations td{padding:7px 0;text-align:start;vertical-align:middle}
.mt-pdp__cart .variations label{font-size:13.5px;font-weight:600}
.mt-pdp__cart .variations select{
  width:100%;background:var(--mt-surface);border:1px solid var(--mt-line);border-radius:var(--mt-r-sm);
  padding:11px 13px;font:400 14px var(--mt-font);color:var(--mt-ink);
}
.mt-pdp__cart .reset_variations{font-size:12.5px;color:var(--mt-faint)}
.mt-pdp__cart .stock{font-size:13px}

.mt-pdp__tabs{margin-top:64px}
.mt-pdp__tabs .woocommerce-tabs ul.tabs{
  list-style:none;display:flex;gap:8px;padding:0;margin:0 0 22px;flex-wrap:wrap;
  border-bottom:1px solid var(--mt-line);
}
.mt-pdp__tabs .woocommerce-tabs ul.tabs li{margin:0}
.mt-pdp__tabs .woocommerce-tabs ul.tabs li a{
  display:block;padding:12px 20px;font-size:14px;font-weight:600;color:var(--mt-muted);
  border-bottom:2px solid transparent;
}
.mt-pdp__tabs .woocommerce-tabs ul.tabs li.active a{color:var(--mt-ink-strong);border-bottom-color:var(--mt-gold)}
.mt-pdp__tabs .woocommerce-Tabs-panel{font-size:14.5px;line-height:2;color:var(--mt-muted);max-width:78ch}
.mt-pdp__tabs .woocommerce-Tabs-panel h2{font-size:20px;margin-bottom:12px;color:var(--mt-ink-strong)}
.mt-pdp__tabs table.shop_attributes{width:100%;border-collapse:collapse;font-size:14px}
.mt-pdp__tabs table.shop_attributes th,.mt-pdp__tabs table.shop_attributes td{
  padding:11px 14px;border-bottom:1px solid var(--mt-line-soft);text-align:start;
}
.mt-pdp__tabs table.shop_attributes th{font-weight:700;color:var(--mt-ink);width:32%;background:var(--mt-surface)}
.mt-pdp__tabs .related > h2,.mt-pdp__tabs .up-sells > h2{font-size:24px;margin:56px 0 24px;color:var(--mt-ink-strong)}
.mt-pdp__tabs .related ul.products,.mt-pdp__tabs .up-sells ul.products{
  display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;list-style:none;padding:0;margin:0;
}

/* ══════════════════════════════════════════════════════════════════════════
   ARTICLE / PAGE PROSE
   ══════════════════════════════════════════════════════════════════════════ */
.mt-article{padding-top:40px;max-width:860px}
.mt-article__head h1{font-size:clamp(26px,3.4vw,42px);line-height:1.35}
.mt-article__head{margin-bottom:22px}
.mt-article__fig{border-radius:var(--mt-r);overflow:hidden;margin-bottom:28px}
.mt-prose{font-size:15.5px;line-height:2.1;color:var(--mt-ink)}
.mt-prose p{margin:0 0 18px}
.mt-prose h2{font-size:24px;margin:36px 0 14px}
.mt-prose h3{font-size:19px;margin:28px 0 10px}
.mt-prose ul,.mt-prose ol{padding-inline-start:22px;margin:0 0 18px}
.mt-prose li{margin-bottom:8px}
.mt-prose img{border-radius:var(--mt-r);margin:20px 0}
.mt-prose a{color:var(--mt-gold-deep);border-bottom:1px solid rgba(168,135,27,.35)}
.mt-prose blockquote{
  margin:24px 0;padding:18px 22px;background:var(--mt-surface);border-inline-start:3px solid var(--mt-gold);
  border-radius:var(--mt-r-sm);color:var(--mt-muted);
}
.mt-prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.mt-prose th,.mt-prose td{padding:11px 14px;border:1px solid var(--mt-line-soft);text-align:start}
.mt-prose th{background:var(--mt-surface);font-weight:700}

/* WooCommerce cart / checkout / account inside our chrome */
.woocommerce-page .mt-shell > .woocommerce{padding-block:32px}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error{
  background:var(--mt-surface);border:1px solid var(--mt-line);border-inline-start:3px solid var(--mt-gold);
  border-radius:var(--mt-r-sm);padding:14px 18px;margin:0 0 18px;list-style:none;font-size:14px;
}
.woocommerce-notices-wrapper .woocommerce-error{border-inline-start-color:var(--mt-danger)}
mark.order-number{
  background:var(--mt-night);color:#fff;border-radius:20px;padding:3px 12px;font-weight:700;
  direction:ltr;unicode-bidi:isolate;display:inline-block;
}
mark.order-status{background:var(--mt-surface-2);color:var(--mt-ink);border-radius:20px;padding:3px 12px;font-weight:700}
mark.order-date{background:none;font-weight:700;color:var(--mt-ink)}

@media (max-width:980px){
  .mt-pdp__grid{grid-template-columns:1fr;gap:30px}
  .mt-pdp__tabs .related ul.products,.mt-pdp__tabs .up-sells ul.products{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  .mt-shop__layout{grid-template-columns:1fr}
  .mt-shop__filter-btn{display:inline-flex}
  .mt-facets{
    position:fixed;inset:auto 0 0 0;z-index:92;background:var(--mt-pearl);
    border-radius:var(--mt-r) var(--mt-r) 0 0;max-height:82vh;overflow-y:auto;
    transform:translateY(100%);transition:transform .3s ease;box-shadow:var(--mt-shadow-lg);
  }
  .mt-facets.is-open{transform:none}
  .mt-facets__form{border:0;border-radius:0;padding:20px var(--mt-pad) 28px}
  .mt-facets__head{display:flex}
  .mt-pdp__tabs .related ul.products,.mt-pdp__tabs .up-sells ul.products{grid-template-columns:repeat(2,1fr)}
}

/* ── fixes ──────────────────────────────────────────────────────────────── */
/* `display:grid` on the badge beat the HTML `hidden` attribute, so empty
   cart/wishlist counters still rendered. */
.mt-icon__count[hidden],
.mt-wish-count[hidden]{display:none}

/* Hero placeholder reads better with the brand mark than as a blank slab. */
.mt-hero__frame .mt-ph{position:relative;gap:10px}
.mt-hero__frame .mt-ph::after{
  content:"☾";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-size:120px;color:rgba(201,162,39,.16);line-height:1;
}
.mt-hero__frame .mt-ph span{position:relative;z-index:1}

/* Sale prices printed as "<del> <ins>" side by side were too wide, wrapping the
   add button onto its own line and leaving cards at uneven heights. Stack the
   old price above the new one and bottom-align every card's footer. */
.mt-card__body{flex:1}
.mt-card__foot{margin-top:auto;flex-wrap:nowrap;align-items:flex-end}
.mt-card__price{display:flex;flex-direction:column;line-height:1.4;flex:1 1 auto}
.mt-card__price del{font-size:11.5px;margin:0;order:-1;opacity:.75}
.mt-card__price ins{order:0;background:none}
.mt-card__price .woocommerce-Price-amount{white-space:nowrap}

/* WooCommerce ships `.woocommerce button.button.alt` with its own purple; match
   that specificity so the add-to-cart button uses the MoonTak palette. */
.mt-pdp__cart .single_add_to_cart_button.button,
.mt-pdp__cart .single_add_to_cart_button.button.alt,
.woocommerce .mt-pdp__cart button.button.alt,
.woocommerce .mt-pdp__cart button.button{
  background:var(--mt-night);color:var(--mt-pearl);border-radius:var(--mt-r-sm);
  padding:16px 30px;font:700 14.5px var(--mt-font);border:0;
}
.woocommerce .mt-pdp__cart button.button.alt:hover,
.mt-pdp__cart .single_add_to_cart_button.button:hover{background:var(--mt-night-2);color:var(--mt-gold-soft)}

/* Generic WooCommerce buttons elsewhere (cart, checkout, account). */
.woocommerce .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button.alt,.woocommerce input.button.alt{
  background:var(--mt-night);color:var(--mt-pearl);border-radius:var(--mt-r-sm);
  padding:13px 24px;font:700 13.5px var(--mt-font);border:0;
}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce input.button:hover{background:var(--mt-night-2);color:var(--mt-gold-soft)}

/* ── mobile overflow fix ────────────────────────────────────────────────────
   The drawer is position:fixed at right:0 and was parked off-screen with
   translateX(100%). Fixed elements are NOT clipped by overflow-x on body, so
   that 340px pushed the document wider than the viewport and every page
   scrolled sideways on mobile. Take it out of flow entirely when closed and
   animate it in on open instead. */
.mt-drawer{display:none;transform:none;transition:none}
.mt-drawer.is-open{display:flex;animation:mt-slide-in .3s ease both}
@keyframes mt-slide-in{from{transform:translateX(100%)}to{transform:none}}
html{overflow-x:hidden}

/* Same class of bug: the filter sheet is fixed to the bottom on mobile. */
@media (max-width:820px){
  .mt-facets{display:none}
  .mt-facets.is-open{display:block;animation:mt-slide-up .3s ease both;transform:none}
}
@keyframes mt-slide-up{from{transform:translateY(100%)}to{transform:none}}