/**
 * Zarinacc — base rules for the front page and product pages (2026-10-12).
 *
 * Copied verbatim from zarrin-front.css: the only rules of that file those two page types use (measured at
 * 390 px and 1280 px): the IRANSansWeb @font-face declarations, the :root variables, the *, html and body base
 * rules and the header icon button. With these served first, zarrin-front.css (76 KB) loads asynchronously
 * there (inc/zperf.php, item 10) instead of blocking the first paint. Keep both files in sync when editing
 * these rules.
 */
@font-face {
  font-family: IRANSansWeb;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src:
    url("../fonts/IRANSansWeb_UltraLight.woff2") format("woff2"),
    url("../fonts/IRANSansWeb_UltraLight.woff") format("woff");
}

@font-face {
  font-family: IRANSansWeb;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    url("../fonts/IRANSansWeb_Light.woff2") format("woff2"),
    url("../fonts/IRANSansWeb_Light.woff") format("woff");
}

@font-face {
  font-family: IRANSansWeb;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url("../fonts/IRANSansWeb.woff2") format("woff2"),
    url("../fonts/IRANSansWeb.woff") format("woff");
}

@font-face {
  font-family: IRANSansWeb;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    url("../fonts/IRANSansWeb_Medium.woff2") format("woff2"),
    url("../fonts/IRANSansWeb_Medium.woff") format("woff");
}

@font-face {
  font-family: IRANSansWeb;
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src:
    url("../fonts/IRANSansWeb_Bold.woff2") format("woff2"),
    url("../fonts/IRANSansWeb_Bold.woff") format("woff");
}

:root {
  --violet: #6d38f2;
  --deep: #24114f;
  --ink: #271a42;
  --muted: #817896;
  --line: #eeeafa;
  --pale: #f8f5ff;
  --shadow: 0 14px 35px rgba(67, 35, 144, 0.09);

  /* Full-width layout — no hard max-width cap */
  --site-max: none;
  --site-px: clamp(16px, 3vw, 48px);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: IRANSansWeb, Tahoma, sans-serif;
  line-height: 1.75;
}

button.icon-btn {
  background: #fff;
  cursor: pointer;
  font: inherit;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
}

.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 9px;
  border: 1px solid var(--line);
  color: var(--deep);
  text-decoration: none;
  transition: 0.2s;
}

.icon-btn:hover {
  background: var(--pale);
  border-color: #d8caff;
  color: var(--violet);
}

.icon-btn svg {
  width: 18px;
  height: 18px;
}

.header-cart-count{position:absolute;top:-3px;left:-3px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--violet);color:#fff;font-size:9px;line-height:15px;text-align:center;font-weight:700;}

.icon-btn{position:relative;}

.icon-btn svg{width:20px;height:20px;}

:root {
  --zarinacc-mega-top: 88px;
  --zarinacc-mega-arrow-left: 50%;
}