/* ═══════════════════════════════════════════════════════════════════════════
   هدر و فوتر موذنی — مستقل از mz-core.css (روی همهٔ صفحه‌ها بارگذاری می‌شود)
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --mzc-ink:#23262B; --mzc-ink2:#454A52; --mzc-mute:#5B6472; --mzc-line:#E2E6EC; --mzc-soft:#F7F8FA;
  --mzc-acc:#008080; --mzc-acc-ink:#006A6A; --mzc-acc-soft:#E6F2F2; --mzc-acc-hi:#5FD0CF;
  --mzc-h:64px; --mzc-gut:16px;
}
@media (min-width:768px){ :root{ --mzc-gut:28px; } }
body.mzc .mzc-wrap{ width:100%; max-width:1520px; margin-inline:auto; padding-inline:var(--mzc-gut); }
body.mzc .mzc-top,body.mzc .mzc-hdr,body.mzc .mzc-ftr,body.mzc .mzc-drawer{ font-family:inherit; line-height:1.7; color:var(--mzc-ink); }
body.mzc .mzc-top,body.mzc .mzc-top p,body.mzc .mzc-top span{ color:#fff; }
body.mzc .mzc-hdr *,body.mzc .mzc-ftr *,body.mzc .mzc-top *,body.mzc .mzc-drawer *{ box-sizing:border-box; }
body.mzc .mzc-hdr a,body.mzc .mzc-ftr a,body.mzc .mzc-top a,body.mzc .mzc-drawer a{ color:inherit; text-decoration:none; box-shadow:none; }
body.mzc .mzc-hdr ul,body.mzc .mzc-ftr ul,body.mzc .mzc-drawer ul{ list-style:none; margin:0; padding:0; }
body.mzc .mzc-hdr button,body.mzc .mzc-drawer button{ font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; box-shadow:none; }
body.mzc .mz-sr{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.mzc-ic{ display:inline-block; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

/* نوار باریک بالا: موبایل = یک خط (فقط بخش اول متن)، دسکتاپ = متن کامل + میان‌بر */
.mzc-top{ background:var(--mzc-ink); color:#fff; font-size:12px; }
.mzc-top .mzc-wrap{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:34px; }
.mzc-top p{ margin:0; display:flex; align-items:center; justify-content:center; gap:8px; width:100%; text-align:center; line-height:1.5; }
.mzc-top .mzc-ic{ color:var(--mzc-acc-hi); flex:none; }
.mzc-top__more{ display:none; }
.mzc-top__more::before{ content:"|"; margin-inline-end:8px; opacity:.5; }
.mzc-top nav{ display:none; gap:18px; }
.mzc-top nav a:hover{ color:var(--mzc-acc-hi); }
@media (min-width:768px){ .mzc-top{ font-size:13px; } .mzc-top .mzc-wrap{ min-height:36px; } .mzc-top p{ justify-content:flex-start; width:auto; text-align:start; } .mzc-top__more{ display:inline; } .mzc-top nav{ display:flex; } }

/* هدر. موبایل: فقط ردیف اول چسبان است؛ ردیف جستجو با top منفی (= ارتفاع ردیف جستجو) از بالای صفحه بیرون می‌رود */
body.mzc .mzc-hdr{ position:sticky!important; top:calc(-1 * var(--mzc-r1,50px)); z-index:90; background:#fff!important; width:100%; /* آسترا روی صفحه‌های «هدر شفاف» absolute می‌دهد */ border-bottom:1px solid var(--mzc-line); transition:box-shadow .25s; }
.mzc-hdr.is-stuck{ box-shadow:0 6px 24px rgba(35,38,43,.08); }
.mzc-main{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:0 8px; padding-block:6px 0; }
.mzc-logo{ justify-self:center; display:flex; align-items:center; }
body.mzc .mzc-logo .mzc-logo__img{ width:auto!important; height:38px!important; max-width:130px!important; object-fit:contain; } /* ووکامرس روی img ارتفاع auto می‌دهد */
.mzc-burger{ justify-self:start; display:grid; place-items:center; width:44px; height:44px; margin-inline-start:-8px; border-radius:50%; }
.mzc-search{ grid-column:1/-1; grid-row:2; display:flex; align-items:center; height:44px; margin-block:6px 10px; border:1.5px solid var(--mzc-line); border-radius:99px; background:var(--mzc-soft); padding-inline:6px 4px 4px 14px; transition:border-color .2s,background .2s; }
.mzc-search:focus-within{ border-color:var(--mzc-acc); background:#fff; }
.mzc-search input[type=search]{ flex:1; min-width:0; height:36px; border:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; font:inherit; font-size:16px; /* زیر ۱۶ آیفون زوم می‌کند */ padding:0 10px; color:var(--mzc-ink); }
.mzc-search button{ display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--mzc-acc)!important; color:#fff!important; }
.mzc-acts{ justify-self:end; display:flex; align-items:center; margin-inline-end:-8px; }
.mzc-act{ position:relative; display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; font-size:13px; font-weight:700; transition:background .2s,color .2s; }
.mzc-act:hover{ background:var(--mzc-soft); color:var(--mzc-acc-ink); }
.mzc-act span:not(.mzc-count){ display:none; }
.mzc-count{ position:absolute; inset-block-start:3px; inset-inline-start:1px; min-width:19px; height:19px; padding:0 5px; border-radius:99px; background:var(--mzc-acc); color:#fff; font-size:11px; font-weight:800; line-height:19px; text-align:center; }
.mzc-count[hidden]{ display:none; }
.mzc-act--tel{ display:none; }
@media (min-width:1024px){
  body.mzc .mzc-hdr{ top:0; }
  .mzc-main{ grid-template-columns:auto minmax(280px,560px) 1fr; padding-block:14px; gap:20px 36px; }
  .mzc-burger{ display:none; }
  .mzc-logo{ justify-self:start; }
  body.mzc .mzc-logo .mzc-logo__img{ height:56px!important; max-width:180px!important; }
  .mzc-search{ grid-column:2; grid-row:1; margin:0; }
  .mzc-search input[type=search]{ font-size:14px; padding:0 14px; }
  .mzc-acts{ grid-column:3; justify-content:flex-end; gap:6px; margin:0; }
  .mzc-act{ width:auto; height:auto; padding:8px 10px; border-radius:12px; gap:8px; }
  .mzc-act span:not(.mzc-count){ display:inline; }
  .mzc-act--tel{ display:flex; direction:ltr; }
  .mzc-count{ inset-block-start:2px; inset-inline-start:auto; inset-inline-end:auto; left:2px; }
}
body.admin-bar.mzc .mzc-hdr{ top:calc(46px - var(--mzc-r1,50px)); }
@media (min-width:783px){ body.admin-bar.mzc .mzc-hdr{ top:calc(32px - var(--mzc-r1,50px)); } }
@media (min-width:1024px){ body.admin-bar.mzc .mzc-hdr{ top:32px; } }

/* منوی دسته‌ها + مگامنو */
.mzc-nav{ display:none; border-top:1px solid var(--mzc-line); }
@media (min-width:1024px){ .mzc-nav{ display:block; } }
.mzc-menu{ display:flex; align-items:stretch; gap:2px; }
.mzc-item{ position:relative; display:flex; align-items:center; }
.mzc-item > a{ display:flex; align-items:center; gap:8px; padding:13px 14px; font-size:14px; font-weight:700; color:var(--mzc-ink2); position:relative; }
.mzc-item > a .mzc-ic{ flex:none; color:var(--mzc-acc); }
.mzc-item > a::after{ content:""; position:absolute; inset-inline:14px; bottom:6px; height:2px; background:var(--mzc-acc); transform:scaleX(0); transition:transform .25s; }
.mzc-item:hover > a,.mzc-item:focus-within > a{ color:var(--mzc-acc-ink); }
.mzc-item:hover > a::after,.mzc-item:focus-within > a::after{ transform:scaleX(1); }
.mzc-caret{ display:grid; place-items:center; width:22px; height:22px; margin-inline-start:-10px; color:var(--mzc-mute); transition:transform .2s; }
.mzc-item:hover .mzc-caret,.mzc-caret[aria-expanded=true]{ transform:rotate(180deg); }
.mzc-item--hot > a{ color:var(--mzc-acc-ink); }
.mzc-item--guide{ margin-inline-start:auto; }
.mzc-mega{ position:absolute; inset-inline:0; top:100%; z-index:5; min-width:240px; background:#fff; border:1px solid var(--mzc-line); border-top:0; border-radius:0 0 16px 16px; box-shadow:0 18px 40px rgba(35,38,43,.12); padding-block:22px; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .2s,transform .2s,visibility .2s; }
.mzc-nav{ position:relative; }
.mzc-item.has-mega:not(.mzc-item--guide){ position:static; }
.mzc-item.has-mega:not(.mzc-item--guide) .mzc-mega{ position:absolute; inset-inline:0; top:100%; border-radius:0 0 16px 16px; }
.mzc-item:hover .mzc-mega,.mzc-item:focus-within .mzc-mega,.mzc-item.is-open .mzc-mega{ opacity:1; visibility:visible; transform:none; }
.mzc-mega--sm{ inset-inline-start:auto; inset-inline-end:0; min-width:260px; width:260px; padding-block:12px; }
.mzc-mega--sm .mzc-wrap{ padding-inline:12px; }
.mzc-guide{ display:grid; gap:2px; }
.mzc-guide a{ display:block; padding:9px 12px; border-radius:10px; font-size:14px; }
.mzc-guide a:hover{ background:var(--mzc-soft); color:var(--mzc-acc-ink); }
.mzc-mega__in{ display:grid; grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr); gap:36px; }
.mzc-mega__in.is-ask{ grid-template-columns:minmax(0,3.4fr) minmax(0,1fr); }
.mzc-mega__cols{ display:grid; grid-template-columns:repeat(var(--g,1),minmax(0,1fr)); gap:28px; align-items:start; }
.mzc-mega__gh{ display:flex; align-items:center; gap:8px; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid var(--mzc-line); font-size:14px; font-weight:800; color:var(--mzc-ink); }
.mzc-mega__gh .mzc-ic{ color:var(--mzc-acc); flex:none; }
.mzc-mega b{ display:block; margin-bottom:10px; font-size:13px; color:var(--mzc-mute); }
.mzc-mega__g ul{ display:grid; gap:2px; }
.mzc-mega__cols:not(.is-multi) .mzc-mega__g ul{ grid-template-columns:1fr 1fr; gap:2px 18px; }
.mzc-mega__cols li a{ display:flex; justify-content:space-between; gap:8px; padding:7px 10px; border-radius:10px; font-size:14px; font-weight:600; }
.mzc-mega__cols li a:hover{ background:var(--mzc-acc-soft); color:var(--mzc-acc-ink); }
.mzc-mega__cols small{ color:var(--mzc-mute); font-weight:400; }
.mzc-mega__all{ display:inline-block; margin-top:12px; font-weight:800; color:var(--mzc-acc-ink)!important; }
.mzc-mega__mon{ padding:16px; border-radius:14px; background:var(--mzc-acc-soft); align-self:start; }
.mzc-mega__mon b{ color:var(--mzc-acc-ink); margin-bottom:2px; }
.mzc-mega__mon p{ margin:0 0 10px; font-size:12px; color:var(--mzc-ink2); }
.mzc-mega__mon a{ display:block; margin-top:6px; padding:8px 12px; border-radius:99px; background:#fff; font-size:13px; font-weight:700; text-align:center; transition:background .2s,color .2s; }
.mzc-mega__mon a:hover{ background:var(--mzc-acc); color:#fff; }
.mzc-mega__feat{ display:grid; gap:4px; align-content:start; text-align:center; }
.mzc-mega__feat img{ width:100%; max-width:150px; aspect-ratio:1/1; object-fit:cover; margin:0 auto; border-radius:14px; background:var(--mzc-soft); }
.mzc-mega__feat small{ color:var(--mzc-mute); font-size:12px; }
.mzc-mega__feat span{ font-size:13px; font-weight:700; }
.mzc-mega__feat b{ margin:0; color:var(--mzc-acc-ink); font-size:14px; }

/* کشوی موبایل: محصولات (اول زیورآلات) ← راهنما ← تماس. بالاتر از منوی پایین (۸۰۰۰) و برگهٔ دسته‌ها (۹۱۰۰) */
.mzc-drawer{ position:fixed; inset:0; z-index:9500; }
.mzc-drawer[hidden]{ display:none; }
.mzc-drawer__bg{ position:absolute; inset:0; background:rgba(20,22,26,.55); }
.mzc-drawer__in{ position:absolute; inset-block:0; inset-inline-start:0; display:flex; flex-direction:column; width:min(88vw,380px); background:#fff; animation:mzc-in .25s ease; }
@keyframes mzc-in{ from{ transform:translateX(30px); opacity:0; } to{ transform:none; opacity:1; } }
.mzc-drawer__top{ flex:none; display:flex; align-items:center; justify-content:space-between; padding:8px 16px; border-bottom:1px solid var(--mzc-line); }
body.mzc .mzc-drawer .mzc-drawer__x{ display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--mzc-soft); }
.mzc-drawer__body{ flex:1; overflow-y:auto; overscroll-behavior:contain; padding:4px 16px 16px; }
.mzc-drawer__h{ margin:18px 0 4px; font-size:12px; font-weight:700; color:var(--mzc-mute); }
.mzc-dd{ display:block; border-bottom:1px solid var(--mzc-line); }
.mzc-dd summary,body.mzc .mzc-drawer .mzc-dl--links a{ display:flex; align-items:center; gap:12px; min-height:56px; font-size:15px; font-weight:700; list-style:none; cursor:pointer; }
.mzc-dd summary::-webkit-details-marker{ display:none; }
.mzc-dd summary > .mzc-ic{ margin-inline-start:auto; color:var(--mzc-mute); transition:transform .2s; }
.mzc-dd[open] summary > .mzc-ic{ transform:rotate(180deg); }
.mzc-dd__ic{ display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:12px; background:var(--mzc-acc-soft); color:var(--mzc-acc-ink); }
.mzc-dd__ic .mzc-ic{ color:inherit; }
.mzc-dd__b{ padding:0 0 14px; }
.mzc-dd__g{ display:flex; align-items:center; gap:6px; margin:12px 0 8px; font-size:12px; font-weight:700; color:var(--mzc-mute); }
.mzc-dd__g:first-child{ margin-top:2px; }
.mzc-chips{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.mzc-chips .is-all{ grid-column:1/-1; }
body.mzc .mzc-drawer .mzc-chips a{ display:flex; align-items:center; min-height:44px; padding:4px 12px; border:1px solid var(--mzc-line); border-radius:12px; background:#fff; color:var(--mzc-ink2); font-size:13.5px; font-weight:600; line-height:1.5; }
body.mzc .mzc-drawer .mzc-chips a:hover{ border-color:var(--mzc-acc); color:var(--mzc-acc-ink); }
body.mzc .mzc-drawer .mzc-chips .is-all a{ border-color:transparent; background:var(--mzc-acc-soft); color:var(--mzc-acc-ink); font-weight:800; }
.mzc-dl--links{ border-bottom:1px solid var(--mzc-line); }
.mzc-dl--links li + li{ border-top:1px solid var(--mzc-line); }
.mzc-guide2{ display:grid; }
body.mzc .mzc-drawer .mzc-guide2 a{ display:block; padding:12px 4px; border-bottom:1px solid var(--mzc-line); color:var(--mzc-ink2); font-size:14px; }
body.mzc .mzc-drawer .mzc-guide2 li:last-child a{ border-bottom:0; }
.mzc-drawer__cta{ flex:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid var(--mzc-line); background:#fff; }
body.mzc .mzc-drawer .mzc-dbtn{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; border:1.5px solid var(--mzc-acc); border-radius:12px; background:#fff; color:var(--mzc-acc-ink); font-size:14px; font-weight:800; }
body.mzc .mzc-drawer .mzc-dbtn--wa{ background:var(--mzc-acc); color:#fff; }
body.mzc-lock{ overflow:hidden; }

/* فوتر */
.mzc-ftr{ margin-top:40px; background:var(--mzc-soft); border-top:1px solid var(--mzc-line); }
.mzc-cta{ background:linear-gradient(120deg,var(--mzc-acc-ink) 0%,var(--mzc-acc) 100%); color:#fff; } /* سفید روی هر دو سر گرادیان ≥ ۴٫۵ */
.mzc-cta__in{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 28px; padding-block:22px; }
.mzc-cta b{ display:block; font-size:18px; }
.mzc-cta span{ font-size:13px; }
.mzc-cbtn{ display:inline-flex; align-items:center; padding:12px 24px; border-radius:99px; background:#fff; color:var(--mzc-acc-ink)!important; font-weight:800; font-size:14px; transition:transform .2s,box-shadow .2s; }
.mzc-cbtn:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.18); }
.mzc-ftr__grid{ display:grid; gap:28px; padding-block:40px 28px; }
@media (min-width:768px){ .mzc-ftr__grid{ grid-template-columns:1.4fr 1fr 1fr 1.5fr; gap:40px; } }
.mzc-ftr h3{ margin:0 0 12px; font-size:15px; font-weight:800; }
.mzc-ftr__brand p{ margin:12px 0; font-size:13px; color:var(--mzc-ink2); line-height:2; max-width:36ch; }
.mzc-social{ display:flex; gap:8px; flex-wrap:wrap; }
.mzc-social a{ display:inline-block; padding:6px 14px; border:1px solid var(--mzc-line); border-radius:99px; background:#fff; font-size:13px; font-weight:700; }
.mzc-social a:hover{ border-color:var(--mzc-acc); color:var(--mzc-acc-ink); }
.mzc-ftr nav ul{ display:grid; gap:2px; }
.mzc-ftr nav a{ display:inline-block; padding:5px 0; font-size:14px; color:var(--mzc-ink2); }
.mzc-ftr nav a:hover{ color:var(--mzc-acc-ink); }
.mzc-ftr__br ul{ display:grid; gap:12px; }
.mzc-ftr__br li{ display:grid; gap:2px; font-size:13px; color:var(--mzc-ink2); line-height:1.9; }
.mzc-ftr__br b{ color:var(--mzc-ink); }
.mzc-ftr__br a{ color:var(--mzc-acc-ink); font-weight:700; width:max-content; }
.mzc-ftr__badges{ border-top:1px solid var(--mzc-line); }
.mzc-ftr__badges ul{ display:flex; flex-wrap:wrap; gap:8px 10px; padding-block:18px; }
.mzc-ftr__badges li{ padding:6px 14px; border:1px dashed #B9C2CC; border-radius:99px; background:#fff; font-size:12px; font-weight:700; color:var(--mzc-ink2); }
.mzc-ftr__badges li.mzc-enamad{ border:0; padding:0; background:none; }
.mzc-ftr__copy{ background:var(--mzc-ink); color:rgba(255,255,255,.75); font-size:12px; }
.mzc-ftr__copy .mzc-wrap{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 16px; padding-block:14px; }
.mzc-ftr__copy a:hover{ color:#fff; }
body.mz-has-bnav .mzc-ftr{ margin-bottom:0; }
@media (max-width:1023.98px){ body.mz-has-bnav .mzc-ftr__copy{ padding-bottom:78px; } }
@media (prefers-reduced-motion:reduce){ .mzc-mega,.mzc-drawer__in,.mzc-cbtn{ transition:none; animation:none; } }

@media (min-width:1024px) and (max-width:1279.98px){ .mzc-item > a{ padding:13px 8px; font-size:13px; } .mzc-item > a::after{ inset-inline:8px; } .mzc-caret{ margin-inline-start:-8px; } }
.mzc-item > a{ white-space:nowrap; }

/* رنگ hover باید از ریست «body.mzc .mzc-hdr a» قوی‌تر باشد (وگرنه متن تیره روی پس‌زمینهٔ سبزآبی می‌ماند) */
body.mzc .mzc-hdr .mzc-mega__mon a:hover,body.mzc .mzc-hdr .mzc-mega__mon a:focus{ color:#fff; }
body.mzc .mzc-hdr .mzc-item:hover > a,body.mzc .mzc-hdr .mzc-item:focus-within > a,body.mzc .mzc-hdr .mzc-guide a:hover,body.mzc .mzc-hdr .mzc-mega__cols li a:hover{ color:var(--mzc-acc-ink); }
body.mzc .mzc-ftr .mzc-social a:hover,body.mzc .mzc-ftr nav a:hover,body.mzc .mzc-ftr__br a{ color:var(--mzc-acc-ink); }
body.mzc .mzc-top nav a:hover{ color:var(--mzc-acc-hi); }
body.mzc .mzc-ftr__copy a:hover{ color:#fff; }
body.mzc .mzc-search input::placeholder{ color:var(--mzc-mute); opacity:1; }
