/* ============================================================
   Header
   ============================================================ */
.mo-header{
  position:sticky;top:0;z-index:100;
  height:var(--mo-header-h);
  display:flex;align-items:center;
  background:rgba(6,7,11,.72);
  backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid transparent;
  transition:background var(--mo-t),border-color var(--mo-t);
}
:root[data-theme="light"] .mo-header{background:rgba(246,247,251,.8)}
.mo-header.is-stuck{border-bottom-color:var(--mo-line);background:rgba(6,7,11,.92)}
.mo-header__inner{display:flex;align-items:center;gap:18px;width:100%}
.mo-logo{display:flex;align-items:center;gap:11px;font-weight:900;font-size:1.12rem;flex:none}
.mo-logo__mark{
  width:38px;height:38px;border-radius:12px;flex:none;
  background:var(--mo-grad-gold);color:#14100a;
  display:grid;place-items:center;font-size:1.05rem;font-weight:900;
  box-shadow:0 6px 20px rgba(200,144,47,.35);
}
.mo-logo__mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.mo-logo__txt small{display:block;font-size:.66rem;font-weight:600;color:var(--mo-muted);line-height:1;margin-top:3px;letter-spacing:.08em}

.mo-nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.mo-nav a{
  padding:9px 15px;border-radius:var(--mo-r-pill);
  font-size:.92rem;font-weight:600;color:var(--mo-text-2);
  transition:color var(--mo-t),background var(--mo-t);
  position:relative;white-space:nowrap;
}
.mo-nav a:hover{color:var(--mo-text);background:var(--mo-surface-2)}
.mo-nav .current-menu-item>a,.mo-nav a[aria-current="page"]{color:var(--mo-gold);background:var(--mo-gold-soft)}
.mo-header__actions{display:flex;align-items:center;gap:9px;flex:none}
.mo-iconbtn{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:var(--mo-surface-2);border:1px solid var(--mo-line);cursor:pointer;
  color:var(--mo-text-2);transition:all var(--mo-t);position:relative;
}
.mo-iconbtn:hover{color:var(--mo-gold);border-color:var(--mo-gold-line)}
.mo-iconbtn svg{width:19px;height:19px}
.mo-cart-count{
  position:absolute;top:-6px;inset-inline-end:-6px;min-width:19px;height:19px;padding:0 5px;
  border-radius:99px;background:var(--mo-gold);color:#14100a;
  font-size:.68rem;font-weight:800;display:grid;place-items:center;
}
.mo-burger{display:none}

/* منوی موبایل */
.mo-mobilenav{
  position:fixed;inset:0;z-index:200;
  background:var(--mo-bg);
  display:flex;flex-direction:column;
  padding:20px;gap:6px;
  transform:translateX(-100%);transition:transform .35s var(--mo-ease-out);
  overflow-y:auto;
}
.mo-mobilenav.is-open{transform:none}
.mo-mobilenav__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.mo-mobilenav a{
  padding:15px 18px;border-radius:var(--mo-r);
  background:var(--mo-surface);border:1px solid var(--mo-line);
  font-weight:600;display:flex;align-items:center;justify-content:space-between;
}
.mo-mobilenav a:hover{border-color:var(--mo-gold-line)}
.mo-mobilenav__cta{margin-top:auto;padding-top:22px}

@media (max-width:980px){
  .mo-nav{display:none}
  .mo-burger{display:grid}
}

/* ============================================================
   Footer
   ============================================================ */
.mo-footer{
  background:var(--mo-bg-2);border-top:1px solid var(--mo-line);
  padding-block:clamp(44px,5vw,72px) 0;margin-top:clamp(50px,6vw,90px);
  position:relative;overflow:hidden;
}
.mo-footer__grid{display:grid;gap:34px;grid-template-columns:1.6fr repeat(auto-fit,minmax(150px,1fr))}
.mo-footer__about p{color:var(--mo-muted);font-size:.9rem;max-width:340px;margin-top:14px}
.mo-footer h4{font-size:.95rem;margin-bottom:14px;color:var(--mo-text)}
.mo-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.mo-footer ul a{color:var(--mo-muted);font-size:.89rem}
.mo-footer ul a:hover{color:var(--mo-gold)}
.mo-social{display:flex;gap:9px;margin-top:18px}
.mo-social a{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:var(--mo-surface);border:1px solid var(--mo-line);color:var(--mo-text-2);
  transition:all var(--mo-t);
}
.mo-social a:hover{color:var(--mo-gold);border-color:var(--mo-gold-line);transform:translateY(-3px)}
.mo-social svg{width:19px;height:19px}
.mo-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.mo-trust img{height:70px;width:auto;border-radius:10px;background:#fff;padding:5px}
.mo-footer__bottom{
  margin-top:40px;padding-block:20px;border-top:1px solid var(--mo-line);
  display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  color:var(--mo-faint);font-size:.83rem;
}

/* ============================================================
   Floating CTA (دکمه شناور پرداخت)
   ============================================================ */
.mo-fab{
  position:fixed;z-index:90;
  inset-block-end:18px;inset-inline:16px;
  display:flex;align-items:center;gap:12px;justify-content:space-between;
  padding:11px 12px 11px 20px;
  background:rgba(15,18,25,.9);backdrop-filter:blur(16px);
  border:1px solid var(--mo-gold-line);border-radius:var(--mo-r-pill);
  box-shadow:var(--mo-sh-lg);
  transform:translateY(140%);opacity:0;
  transition:transform .45s var(--mo-ease-out),opacity .35s;
  max-width:560px;margin-inline:auto;
}
.mo-fab.is-visible{transform:none;opacity:1}
.mo-fab__info{display:flex;flex-direction:column;line-height:1.4;min-width:0}
.mo-fab__info strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-fab__info span{font-size:.8rem;color:var(--mo-gold);font-weight:700}
.mo-fab .mo-btn{flex:none}
@media (max-width:420px){
  .mo-fab{padding-inline-start:14px;gap:8px}
  .mo-fab__info strong{font-size:.82rem}
  .mo-fab .mo-btn{padding:11px 18px;font-size:.88rem}
}

/* ============================================================
   Breadcrumb
   ============================================================ */
.mo-crumb{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--mo-faint);padding-block:18px;flex-wrap:wrap}
.mo-crumb a:hover{color:var(--mo-gold)}
.mo-crumb span[aria-hidden]{opacity:.5}

/* منو: حذف نشانه‌های لیست */
.mo-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.mo-nav .mo-menu{flex-wrap:wrap}
.mo-mobilenav .mo-menu{flex-direction:column;align-items:stretch;gap:6px}
.mo-menu li{margin:0;padding:0;list-style:none}
.mo-menu li::marker{content:""}