/* هدر و فوتر مشترک تمام صفحات عمومی فروشگاه */
.storefront-header,
.storefront-header *,
.storefront-footer,
.storefront-footer * { box-sizing:border-box; }

.storefront-header {
  --sf-accent:var(--c1,var(--brand,#F97316));
  --sf-accent-soft:var(--c3,#FFF7ED);
  --sf-text:var(--text,var(--ink,#172033));
  --sf-border:var(--border,var(--line,#E5EAF1));
  position:sticky;top:0;z-index:900;width:100%;height:auto;
  background:#fff;border-bottom:1px solid var(--sf-border);
  box-shadow:0 4px 18px rgba(15,23,42,.055);
  font-family:inherit;direction:rtl;
}
.storefront-header.theme-blue { --sf-accent:#2563EB;--sf-accent-soft:#EFF6FF; }
.storefront-header.theme-green { --sf-accent:#059669;--sf-accent-soft:#ECFDF5; }
.storefront-header.theme-mkt_digi-red { --sf-accent:#E11D2E;--sf-accent-soft:#FDECEE; }
.storefront-header.theme-mkt_plum-velvet { --sf-accent:#7C3AED;--sf-accent-soft:#F5F3FF; }
.storefront-header.theme-mkt_boutique-story { --sf-accent:#A65F6B;--sf-accent-soft:#F6EBEA; }
.storefront-header.theme-mkt_beauty-glow { --sf-accent:#6940D7;--sf-accent-soft:#F1EDFF; }
.storefront-header.theme-mkt_minimal-general { --sf-accent:#171816;--sf-accent-soft:#F0F0EC; }
.storefront-header.theme-mkt_professional-catalog { --sf-accent:#315CF5;--sf-accent-soft:#EDF1FF; }
.storefront-header .header-top { background:#fff;border-bottom:1px solid #EEF2F7; }
.storefront-header .header-inner {
  width:min(1240px,calc(100% - 32px));max-width:1240px;
  margin:0 auto;padding:0;position:relative;
}
.storefront-header .header-primary {
  min-height:76px;display:flex;align-items:center;
  gap:clamp(16px,3vw,34px);
}
.storefront-header .header-brand {
  display:flex;align-items:center;gap:11px;min-width:0;flex:0 1 260px;
  color:var(--sf-text);text-decoration:none;
}
.storefront-header .header-brand-icon {
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;
  color:var(--sf-accent);background:var(--sf-accent-soft);border:1px solid rgba(15,23,42,.07);
}
.storefront-header .header-brand-icon.has-image { padding:2px;background:#fff;border-color:#E2E8F0;overflow:hidden; }
.storefront-header .header-brand-icon img { width:100%;height:100%;object-fit:cover;border-radius:9px;display:block; }
.storefront-header .header-brand-name {
  min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:20px;font-weight:900;letter-spacing:-.4px;color:var(--sf-text);
}
.storefront-header .header-search { position:relative;display:block;flex:0 1 470px;margin-inline:auto;min-width:220px;max-width:470px; }
.storefront-header .header-search input {
  width:100%;height:48px;border:1px solid transparent;border-radius:12px;
  padding:0 18px 0 48px;font-size:13px;font-family:inherit;color:var(--sf-text);
  background:#F5F7FA;outline:none;transition:.2s;
}
.storefront-header .header-search input:focus { border-color:var(--sf-accent);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--sf-accent) 10%,transparent); }
.storefront-header .header-search button {
  position:absolute;left:15px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;padding:0;display:grid;place-items:center;background:none;border:0;
  color:#94A3B8;cursor:pointer;
}
.storefront-header .header-search button:hover { color:var(--sf-accent); }
.storefront-header .header-search button::after {
  content:"";display:none;width:17px;height:17px;border-radius:50%;
  border:2px solid currentColor;border-top-color:transparent;
  animation:storefrontSearchSpin .65s linear infinite;
}
.storefront-header .header-search.is-loading button { color:var(--sf-accent);cursor:wait;pointer-events:none; }
.storefront-header .header-search.is-loading button .ss-icon { display:none; }
.storefront-header .header-search.is-loading button::after { display:block; }
.storefront-header .header-search.is-loading input { cursor:wait; }
@keyframes storefrontSearchSpin { to { transform:rotate(360deg); } }
.storefront-header .header-actions {
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
  flex:0 0 260px;min-width:260px;
}
.storefront-header .header-badge-btn {
  min-height:46px;padding:0 15px;border-radius:11px;display:inline-flex;align-items:center;
  justify-content:center;gap:7px;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;
  position:relative;color:#fff!important;background:var(--sf-accent);border:1px solid var(--sf-accent);
  box-shadow:0 7px 18px color-mix(in srgb,var(--sf-accent) 18%,transparent);transition:.2s;
}
.storefront-header .header-badge-btn:hover { transform:translateY(-1px);filter:saturate(1.06); }
.storefront-header .shop-cart-count {
  display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;
  background:#fff;color:var(--sf-accent);font-size:10px;font-weight:900;
}
.storefront-header .header-nav-row { background:#fff; }
.storefront-header .header-nav-inner { min-height:56px;display:flex;align-items:center;gap:22px; }
.storefront-header .header-category-menu { position:relative;flex-shrink:0;color:var(--sf-text);text-decoration:none; }
.storefront-header .header-category-icon {
  position:relative;display:inline-block;width:20px;height:2px;flex:0 0 20px;
  border-radius:999px;background:currentColor;
}
.storefront-header .header-category-icon::before,
.storefront-header .header-category-icon::after {
  content:"";position:absolute;right:0;width:20px;height:2px;border-radius:999px;background:currentColor;
}
.storefront-header .header-category-icon::before { top:-6px; }
.storefront-header .header-category-icon::after { top:6px; }
.storefront-header .header-category-menu > summary,
.storefront-header .header-nav-inner > a.header-category-menu {
  min-height:42px;display:flex;align-items:center;gap:9px;padding:0 14px;
  color:var(--sf-text);font-size:13px;font-weight:900;cursor:pointer;list-style:none;
  border-radius:10px;text-decoration:none;transition:.2s;
}
.storefront-header .header-category-menu > summary::-webkit-details-marker { display:none; }
.storefront-header .header-category-menu > summary:hover,
.storefront-header .header-category-menu[open] > summary,
.storefront-header .header-nav-inner > a.header-category-menu:hover { color:var(--sf-accent);background:var(--sf-accent-soft); }
.storefront-header .header-category-dropdown {
  position:absolute;right:0;top:calc(100% + 8px);width:260px;max-width:calc(100vw - 28px);
  padding:9px;background:#fff;border:1px solid var(--sf-border);border-radius:14px;
  box-shadow:0 18px 45px rgba(15,23,42,.14);display:none;z-index:1200;
}
.storefront-header .header-category-menu[open] .header-category-dropdown { display:flex;flex-direction:column;gap:3px; }
.storefront-header .header-category-dropdown a {
  display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;
  color:#475569;text-decoration:none;font-size:12px;font-weight:700;
}
.storefront-header .header-category-dropdown a:hover,
.storefront-header .header-category-dropdown a.active { color:var(--sf-accent);background:var(--sf-accent-soft); }
.storefront-header .header-nav-pages { display:flex;align-items:center;gap:3px; }
.storefront-header .header-nav-pages a {
  display:inline-flex;align-items:center;padding:9px 12px;border-radius:9px;
  color:#475569;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:.2s;
}
.storefront-header .header-nav-pages a:hover,
.storefront-header .header-nav-pages a.active { color:var(--sf-accent);background:var(--sf-accent-soft); }
.storefront-header .mobile-pages-menu { display:none;position:relative;flex-shrink:0; }
.storefront-header .mobile-pages-menu > summary {
  width:42px;height:42px;padding:0;border:1px solid var(--sf-border);border-radius:11px;background:#fff;
  color:var(--sf-text);cursor:pointer;list-style:none;display:grid;place-items:center;
}
.storefront-header .mobile-pages-menu > summary::-webkit-details-marker { display:none; }
.storefront-header .mobile-pages-dropdown {
  position:absolute;top:calc(100% + 9px);left:0;width:250px;max-width:calc(100vw - 24px);
  padding:8px;background:#fff;border:1px solid var(--sf-border);border-radius:14px;
  box-shadow:0 16px 38px rgba(15,23,42,.16);display:none;flex-direction:column;gap:3px;z-index:1200;
}
.storefront-header .mobile-pages-menu[open] .mobile-pages-dropdown { display:flex; }
.storefront-header .mobile-pages-dropdown a {
  display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;
  color:#334155;text-decoration:none;font-size:12px;font-weight:700;
}
.storefront-header .mobile-pages-dropdown a:hover { color:var(--sf-accent);background:var(--sf-accent-soft); }

.storefront-footer {
  --sf-accent:var(--c1,var(--brand,#F97316));
  width:100%;background:#1A202C;color:#A0AEC0;
  padding:40px 20px 24px;margin-top:40px;font-family:inherit;direction:rtl;
}
.storefront-footer.theme-green { --sf-accent:#059669;background:linear-gradient(135deg,#064E3B,#065F46); }
.storefront-footer.theme-mkt_digi-red { --sf-accent:#E11D2E;background:#141011;color:#CFC9CA; }
.storefront-footer.theme-mkt_plum-velvet { --sf-accent:#9F6EF5;background:#1A0A2E;color:rgba(255,255,255,.65); }
.storefront-footer.theme-mkt_boutique-story { --sf-accent:#A65F6B;background:#29211F;color:rgba(255,255,255,.68); }
.storefront-footer.theme-mkt_beauty-glow { --sf-accent:#A789FF;background:#3C176D;color:rgba(255,255,255,.65); }
.storefront-footer.theme-mkt_minimal-general { --sf-accent:#B8FF45;background:#171816;color:#A7AAA2; }
.storefront-footer.theme-mkt_professional-catalog { --sf-accent:#B8EDFF;background:#0D1423;color:#9CA7BB; }
.storefront-footer .footer-inner {
  max-width:1200px;margin:0 auto 30px;display:flex;flex-wrap:wrap;
  gap:32px;justify-content:space-between;
}
.storefront-footer .footer-col { min-width:170px; }
.storefront-footer .footer-brand-col { flex:1 1 230px; }
.storefront-footer .footer-col h4 { color:#fff;font-size:15px;font-weight:700;margin:0 0 14px; }
.storefront-footer .footer-brand-name { display:flex;align-items:center;gap:8px;color:#fff;font-size:22px;font-weight:900;margin-bottom:8px; }
.storefront-footer .footer-brand-desc { font-size:13px;line-height:1.9;max-width:280px; }
.storefront-footer .footer-links { margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px; }
.storefront-footer .footer-links a { display:flex;align-items:center;gap:7px;color:#A0AEC0;text-decoration:none;font-size:13px;transition:.2s; }
.storefront-footer .footer-links a:hover { color:var(--sf-accent); }
.storefront-footer .footer-trust { display:flex;flex-direction:column;gap:10px; }
.storefront-footer .trust-item { display:flex;align-items:center;gap:10px;font-size:13px;color:#A0AEC0; }
.storefront-footer .trust-icon {
  width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.storefront-footer .footer-badges { display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap; }
.storefront-footer .footer-bottom {
  max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08);
  padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  align-items:center;font-size:12px;
}
.storefront-footer .footer-soodsood { color:#718096; }
.storefront-footer .footer-soodsood span { color:var(--sf-accent);font-weight:700; }

@media (max-width:900px) {
  .storefront-header .header-primary { gap:12px; }
  .storefront-header .header-brand { flex-basis:190px; }
  .storefront-header .header-brand-name { font-size:17px;max-width:140px; }
  .storefront-header .header-search { flex:1 1 auto; }
  .storefront-header .header-actions { flex-basis:190px;min-width:190px; }
  .storefront-header .header-nav-inner { gap:8px; }
  .storefront-header .header-nav-pages a { padding-inline:8px; }
}
@media (max-width:720px) {
  .storefront-header .header-inner { width:100%;padding-inline:10px; }
  .storefront-header .header-primary {
    min-height:0;padding-block:9px;display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;gap:9px;
  }
  .storefront-header .header-brand { grid-column:1;flex-basis:auto; }
  .storefront-header .header-actions { grid-column:2;min-width:0;flex-basis:auto; }
  .storefront-header .mobile-pages-menu { display:block;grid-column:3; }
  .storefront-header .header-search { display:block;grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-width:0;margin:0; }
  .storefront-header .header-search input { height:42px; }
  .storefront-header .header-nav-row { display:none; }
}
@media (max-width:480px) {
  .storefront-header .header-brand-name { max-width:130px;font-size:15px; }
  .storefront-header .header-brand-icon { width:38px;height:38px;border-radius:10px; }
  .storefront-header .header-badge-btn { min-height:40px;padding-inline:11px; }
  .storefront-header .header-cart-label { display:none; }
  .storefront-footer { padding-inline:16px; }
  .storefront-footer .footer-inner { flex-direction:column; }
  .storefront-footer .footer-col { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .storefront-header .header-search button::after { animation-duration:1.25s; }
}