/* ================================================================================
   SHAZDEH REDESIGN — Foundation CSS (Phase A1)
   Loaded after theme.css to override panda defaults.
   Contains ONLY design tokens + fonts + currency symbol + base utilities.
   Components (header, footer, nav, etc.) live in separate files.
   ================================================================================ */

/* ============ DESIGN TOKENS ============ */
:root {
  /* Colors — matched 1:1 with mockup palette */
  --szd-pink: #F478A9;       --szd-pink-dk: #E0568B;    --szd-pink-soft: #FFE3EC;  --szd-pink-100: #FFEAF1;
  --szd-yellow: #FFD96B;     --szd-yellow-dk: #F0BB3D;  --szd-yellow-soft: #FFF4D0;
  --szd-teal: #6FD3CB;       --szd-teal-dk: #3DA39B;    --szd-teal-soft: #D6F0EE;
  --szd-orange: #FF9F8A;     --szd-purple: #C5B0E8;     --szd-green: #A8DFA8;      --szd-green-dk: #3DA85E;
  --szd-red: #F25F5C;        --szd-cream: #FFF5F0;
  --szd-ink: #3D2C2E;        --szd-ink-2: #5A4A4C;      --szd-ink-3: #7B6B6D;
  --szd-line: #F2E7E3;       --szd-white: #fff;

  /* Payment partner brand colors */
  --szd-torob: #0099E5;      --szd-digi: #EF393F;       --szd-snapp: #00BABF;

  /* Radius */
  --szd-r-xs: 6px;  --szd-r-sm: 10px;  --szd-r-md: 14px;  --szd-r-lg: 20px;  --szd-r-xl: 28px;  --szd-r-pill: 999px;

  /* Shadows */
  --szd-sh-1: 0 2px 8px rgba(45,28,32,.05);
  --szd-sh-2: 0 6px 20px rgba(45,28,32,.08);
  --szd-sh-3: 0 12px 32px rgba(45,28,32,.12);
  --szd-sh-pink: 0 8px 22px rgba(244,120,169,.4);
  --szd-sh-teal: 0 8px 22px rgba(61,163,155,.4);

  /* Container & spacing */
  --szd-container: 1440px;
  --szd-gap: 16px;
}

/* ============ YEKANBAKH FONT (self-hosted, Iran-firewall-proof) ============ */
@font-face{font-family:'yekanbakh';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/szd/03_Light.woff') format('woff')}
@font-face{font-family:'yekanbakh';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/szd/04_Regular.woff') format('woff')}
@font-face{font-family:'yekanbakh';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/szd/05_Medium.woff') format('woff')}
@font-face{font-family:'yekanbakh';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/szd/06_Bold.woff') format('woff')}
@font-face{font-family:'yekanbakh';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/szd/07_Heavy.woff') format('woff')}

/* Use Vazirmatn from Google Fonts when available; fallback to YekanBakh (always local). */
/* SZD: Vazirmatn served LOCALLY (was a render-blocking @import of fonts.googleapis.com which is throttled/blocked on Iranian mobile networks => blank product page + 20s hang). Local woff2 from modules/socialmaster. */
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Regular.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Medium.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2")}

/* ============ CURRENCY SYMBOL (user-supplied SVG) ============ */
/* Renders as background-color:currentColor masked to the SVG shape — inherits text color in any context */
.ishop-currency-symbol{
  position:relative;display:inline-block;
  width:1.1em;height:1em;vertical-align:-.15em;margin-right:3px;
  text-indent:-9999em;overflow:hidden;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
.ishop-currency-irt{
  -webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2212%22%20viewBox%3D%220%200%2013%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.32%206.12C2.64%205.96%202.87%205.81%203.11%205.58C3.27%205.35%203.42%205.12%203.58%204.89C3.66%204.58%203.74%204.27%203.74%203.96H11.23C11.71%203.96%2012.1%203.81%2012.41%203.58C12.65%203.27%2012.81%202.89%2012.81%202.35V0.5H11.78V2.27C11.78%202.65%2011.55%202.89%2011.15%202.89H3.74V2.5C3.74%202.12%203.66%201.89%203.58%201.58C3.58%201.35%203.42%201.12%203.27%200.96C3.11%200.81%202.95%200.73%202.79%200.65C2.56%200.58%202.32%200.5%202.16%200.5C1.85%200.5%201.61%200.58%201.37%200.65C1.22%200.81%200.98%200.88%200.9%201.12C0.74%201.27%200.58%201.42%200.58%201.65C0.51%201.89%200.43%202.12%200.43%202.35C0.43%202.58%200.43%202.81%200.51%203.04C0.58%203.27%200.66%203.42%200.74%203.58C0.9%203.66%201.06%203.81%201.29%203.89C1.53%203.96%201.77%203.96%202.16%203.96H2.79C2.79%204.12%202.71%204.27%202.71%204.42C2.64%204.58%202.48%204.73%202.4%204.89C2.32%204.96%202.16%205.04%201.93%205.12C1.77%205.19%201.53%205.27%201.29%205.27H0.27V6.35H1.29C1.69%206.27%202%206.19%202.32%206.12Z%22%20fill%3D%22%23021959%22%2F%3E%3Cpath%20d%3D%22M10.44%200.5H7.45V1.42H10.44V0.5Z%22%20fill%3D%22%23021959%22%2F%3E%3Cpath%20d%3D%22M12.73%208.5C12.65%208.27%2012.57%208.12%2012.41%207.97C12.26%207.81%2012.1%207.66%2011.86%207.58C11.7%207.5%2011.47%207.43%2011.23%207.43C10.99%207.43%2010.76%207.5%2010.52%207.58C10.29%207.66%2010.13%207.81%209.97%207.97C9.81%208.12%209.73%208.27%209.65%208.5C9.58%208.73%209.58%208.97%209.58%209.2V9.43C9.58%209.66%209.5%209.74%209.42%209.89C9.26%209.97%209.1%2010.04%208.87%2010.04H8.55C8.39%2010.04%208.23%209.97%208.16%209.89C8.08%209.74%208%209.58%208%209.43V5.73H6.97V9.58C6.97%209.89%206.97%2010.12%207.05%2010.27C7.13%2010.43%207.21%2010.58%207.37%2010.74C7.52%2010.81%207.6%2010.97%207.84%2010.97C7.99%2011.04%208.16%2011.04%208.39%2011.04H8.94C9.1%2011.04%209.34%2010.97%209.5%2010.89C9.65%2010.81%209.89%2010.66%209.97%2010.43C10.13%2010.66%2010.29%2010.81%2010.52%2010.89C10.76%2010.97%2010.99%2011.04%2011.31%2011.04C11.78%2011.04%2012.26%2010.89%2012.49%2010.58C12.81%2010.27%2012.97%209.81%2012.97%209.27C12.89%208.97%2012.81%208.73%2012.73%208.5ZM11.23%209.97C10.99%209.97%2010.84%209.89%2010.76%209.81C10.52%209.66%2010.52%209.5%2010.52%209.27C10.52%209.04%2010.6%208.89%2010.68%208.73C10.76%208.58%2010.99%208.5%2011.23%208.5C11.47%208.5%2011.7%208.58%2011.78%208.73C11.86%208.89%2011.94%209.04%2011.94%209.27C11.86%209.74%2011.63%209.97%2011.23%209.97Z%22%20fill%3D%22%23021959%22%2F%3E%3Cpath%20d%3D%22M4.92%208.5C4.92%208.73%204.92%208.89%204.84%209.12C4.76%209.27%204.69%209.43%204.61%209.58C4.45%209.73%204.29%209.81%204.13%209.89C3.98%209.97%203.74%2010.04%203.42%2010.04H2.71C2.48%2010.04%202.24%2010.04%202%209.97C1.85%209.81%201.69%209.73%201.61%209.58C1.53%209.43%201.37%209.27%201.37%209.12C1.29%208.97%201.29%208.73%201.29%208.5V7.66H0.27V8.58C0.27%209.35%200.51%209.97%200.9%2010.43C1.29%2010.89%201.85%2011.12%202.64%2011.12H3.42C3.82%2011.12%204.13%2011.04%204.45%2010.89C4.76%2010.74%205%2010.58%205.24%2010.35C5.47%2010.12%205.63%209.81%205.71%209.5C5.79%209.2%205.87%208.89%205.87%208.5V5.73L4.84%205.66L4.92%208.5Z%22%20fill%3D%22%23021959%22%2F%3E%3Cpath%20d%3D%22M3.74%207.43H2.56V8.5H3.74V7.43Z%22%20fill%3D%22%23021959%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2212%22%20viewBox%3D%220%200%2013%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.32%206.12C2.64%205.96%202.87%205.81%203.11%205.58C3.27%205.35%203.42%205.12%203.58%204.89C3.66%204.58%203.74%204.27%203.74%203.96H11.23C11.71%203.96%2012.1%203.81%2012.41%203.58C12.65%203.27%2012.81%202.89%2012.81%202.35V0.5H11.78V2.27Z%22%20fill%3D%22%23021959%22%2F%3E%3Cpath%20d%3D%22M10.44%200.5H7.45V1.42H10.44V0.5Z%22%20fill%3D%22%23021959%22%2F%3E%3Cpath%20d%3D%22M12.73%208.5C12.65%208.27%2012.57%208.12%2012.41%207.97C12.26%207.81%2012.1%207.66%2011.86%207.58C11.7%207.5%2011.47%207.43%2011.23%207.43C10.99%207.43%2010.76%207.5%2010.52%207.58C10.29%207.66%2010.13%207.81%209.97%207.97C9.81%208.12%209.73%208.27%209.65%208.5C9.58%208.73%209.58%208.97%209.58%209.2Z%22%20fill%3D%22%23021959%22%2F%3E%3Cpath%20d%3D%22M4.92%208.5C4.92%208.73%204.92%208.89%204.84%209.12C4.76%209.27%204.69%209.43%204.61%209.58C4.45%209.73%204.29%209.81%204.13%209.89C3.98%209.97%203.74%2010.04%203.42%2010.04H2.71V7.66H0.27V8.58C0.27%209.35%200.51%209.97%200.9%2010.43C1.29%2010.89%201.85%2011.12%202.64%2011.12H3.42C3.82%2011.12%204.13%2011.04%204.45%2010.89Z%22%20fill%3D%22%23021959%22%2F%3E%3C%2Fsvg%3E");
}

/* ============ BASE TYPOGRAPHY (gentle overrides) ============ */
body{
  font-family:'Vazirmatn','yekanbakh',system-ui,Tahoma,sans-serif;
  color:var(--szd-ink);
  font-feature-settings:'tnum' 0;
}
.szd body, body.szd-active{background:#EFE7E1}
/* numerals: tabular (consistent width) when rendering prices/counts */
.szd-tnum,.szd-price,[class*="price"]:not(input){font-variant-numeric:tabular-nums}

/* ============ CONTAINER (1440 desktop, full on mobile) ============ */
.szd-container{max-width:var(--szd-container);margin:0 auto;padding:0 24px;width:100%}
@media (max-width:1023px){
  .szd-container{padding:0 14px}
}
@media (max-width:767px){
  .szd-container{padding:0 12px}
}

/* ============ UTILITIES (used across components) ============ */
.szd-hidden{display:none!important}
.szd-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.szd-flex{display:flex}
.szd-center{display:flex;align-items:center;justify-content:center}
.szd-glass{
  background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(14px) saturate(180%);
          backdrop-filter:blur(14px) saturate(180%);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px rgba(45,28,32,.06);
}

/* ============ VIEWPORT MARKER (helps debug responsive issues) ============ */
.szd-viewport-marker{position:fixed;top:0;left:0;background:#000;color:#0F0;font:600 10px monospace;padding:3px 8px;z-index:99999;pointer-events:none;opacity:0;transition:opacity .2s}
.szd-viewport-marker.--show{opacity:1}

/* ============ END A1 — Foundation. Components follow in A2-A7 ============ */

/* ============ SEARCH AUTOCOMPLETE — dropdown was rendering UNDER the ticker bar (z-index:30).
   Raise the search widget's stacking context + the dropdown itself above it. ============ */
.search_widget{ position:relative !important; z-index:120 !important; }
.autocomplete-suggestions{ z-index:99999 !important; }