@font-face{
  font-family:"Dana";
  src:url("/bot/site/data/Dana-Medium.woff2") format("woff2"),
      url("/bot/site/data/Dana.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"IRANYekan";
  src:url("/bot/site/data/IRANYekan.woff2") format("woff2"),
      url("/bot/site/data/IRANYekanWeb.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
:root{ --site-font: Dana,IRANYekan,Vazirmatn,Noto Naskh Arabic,Segoe UI,Arial,sans-serif; }
body{ font-family:var(--site-font)!important; }

.pcard[data-href]{ cursor:pointer; }
.pcard[data-href]:active{ transform:translateY(1px); }
.pimg{ position:relative; }

/* ===== Discount Stamp (Luxury Circle) ===== */
.pz-disc-badge{
  position:absolute;
  top: var(--pz-disc-top);
  left: var(--pz-disc-left);
  z-index: 3;
  width: var(--pz-disc-size);
  height: var(--pz-disc-size);
  border-radius: 999px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 3px;
  color: var(--pz-disc-text);
  background:
    radial-gradient(120% 120% at 30% 25%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 40%),
    linear-gradient(145deg, var(--pz-disc-bg1), var(--pz-disc-bg2));
  border: 1px solid var(--pz-disc-border);
  transform: rotate(var(--pz-disc-rot));
  box-shadow:
    0 12px 26px var(--pz-disc-shadow),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -10px 18px rgba(0,0,0,.12);
  pointer-events:none;
  user-select:none;
  -webkit-font-smoothing: antialiased;
  text-align:center;
}
.pz-disc-badge::before{
  content:"";
  position:absolute;
  inset: 4px;
  border-radius: 999px;
  border: 1px solid var(--pz-disc-ring);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  opacity: .95;
}
.pz-disc-badge::after{
  content:"";
  position:absolute;
  width: 70%;
  height: 38%;
  top: 10%;
  left: 15%;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, var(--pz-disc-shine) 0%, rgba(255,255,255,0) 70%);
  transform: rotate(-12deg);
  opacity: .95;
  pointer-events:none;
}
.pz-disc-pct{
  font-weight: 999;
  font-size: var(--pz-disc-pct-size);
  line-height: 1.0;
  letter-spacing: .2px;
  text-shadow: 0 2px 6px rgba(0,0,0,.25);
  position:relative;
  z-index:2;
}
.pz-disc-txt{
  font-weight: 950;
  font-size: var(--pz-disc-txt-size);
  line-height: 1.0;
  opacity: .98;
  letter-spacing: .3px;
  position:relative;
  z-index:2;
}

/* ===== Bestseller Stamp (Luxury Circle) ===== */
.pz-best-badge{
  position:absolute;
  top: var(--pz-best-top);
  right: var(--pz-best-right);
  z-index: 3;
  width: var(--pz-best-size);
  height: var(--pz-best-size);
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--pz-best-text);
  background:
    radial-gradient(120% 120% at 30% 25%, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 40%),
    linear-gradient(145deg, var(--pz-best-bg1), var(--pz-best-bg2));
  border: 1px solid var(--pz-best-border);
  transform: rotate(var(--pz-best-rot));
  box-shadow:
    0 12px 26px var(--pz-best-shadow),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -10px 18px rgba(0,0,0,.12);
  pointer-events:none;
  user-select:none;
  -webkit-font-smoothing: antialiased;
  text-align:center;
}
.pz-best-badge::before{
  content:"";
  position:absolute;
  inset: 4px;
  border-radius: 999px;
  border: 1px solid var(--pz-best-ring);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  opacity: .95;
}
.pz-best-badge::after{
  content:"";
  position:absolute;
  width: 70%;
  height: 38%;
  top: 10%;
  left: 15%;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, var(--pz-best-shine) 0%, rgba(255,255,255,0) 70%);
  transform: rotate(-12deg);
  opacity: .95;
  pointer-events:none;
}
.pz-best-txt{
  font-weight: 950;
  font-size: var(--pz-best-txt-size);
  line-height: 1.0;
  letter-spacing: .25px;
  text-shadow: 0 2px 6px rgba(0,0,0,.22);
  position:relative;
  z-index:2;
  padding: 0 4px;
  white-space:nowrap;
}
@media(max-width:520px){
  .pz-disc-badge{ width:var(--pz-disc-size-m); height:var(--pz-disc-size-m); }
  .pz-best-badge{ width:var(--pz-best-size-m); height:var(--pz-best-size-m); }
}

/* ===== Rating under title ===== */
.prate{
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.6;
}
.prate .stars{
  display:inline-flex;
  gap:4px;
  align-items:center;
  vertical-align:middle;
  flex:0 0 auto;
}
.prate .avg{font-weight:950;font-size:12.5px;flex:0 0 auto;}
.prate .txt{font-weight:900;font-size:12px;color:var(--site-muted);flex:0 0 auto;}
.prate .no{
  font-weight:800;
  font-size:11.2px;
  color:var(--site-muted);
  opacity:.92;
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ===== Menu shell/grid ===== */
#menu>.wrap{max-width:none !important;width:100% !important}
#menu .plist{
  margin-top:16px !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(242px,1fr)) !important;
  gap:16px !important;
}
#menu .pcard{height:100% !important;border-radius:24px !important}
#menu .pt{
  min-height:48px !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#menu .ps{-webkit-line-clamp:2 !important;min-height:44px !important}
#menu .priceRow{min-height:28px}
@media(min-width:1500px){
  #menu .plist{grid-template-columns:repeat(auto-fit,minmax(252px,1fr)) !important}
}
@media(max-width:980px){
  #menu .plist{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important}
}
@media(max-width:720px){
  #menu .cat{padding:12px !important;border-radius:22px !important}
  #menu .plist{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;margin-top:12px !important;}
  #menu .pcard{border-radius:20px !important}
  #menu .pimg{aspect-ratio:1/1.02 !important}
  #menu .pbody{padding:9px 9px 6px !important}
  #menu .pt{font-size:13.2px !important;line-height:1.65 !important;min-height:42px !important}
  #menu .prate{margin-top:4px !important;gap:6px !important}
  #menu .prate .avg,#menu .prate .txt{font-size:11px !important}
  #menu .prate .no{font-size:10.5px !important}
  #menu .ps{font-size:11px !important;line-height:1.7 !important;min-height:auto !important;-webkit-line-clamp:1 !important;margin-top:4px !important}
  #menu .pfoot{padding:8px 9px 9px !important;gap:8px !important}
  #menu .priceNew{font-size:15px !important}
  #menu .priceOld{display:none !important}
  #menu .btnWide{min-height:38px !important;padding:8px 8px !important;font-size:12px !important;border-radius:14px !important}
  #menu .pz-disc-badge{transform:scale(.86) rotate(var(--pz-disc-rot)) !important;transform-origin:top left}
  #menu .pz-best-badge{transform:scale(.88) rotate(var(--pz-best-rot)) !important;transform-origin:top right}
}
@media(max-width:380px){
  #menu .plist{grid-template-columns:1fr !important}
}

/* ===== Desktop 5-column density + product image fit ===== */
@media (min-width: 1024px){
  #menu.section,#menu{
    --pz-desktop-gutter: clamp(18px, 2.4vw, 42px);
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  #menu > .wrap{
    width:calc(100% - (var(--pz-desktop-gutter) * 2)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  #menu .cat{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:16px !important;
    border-radius:24px !important;
    box-sizing:border-box !important;
  }
  #menu .plist{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin-top:16px !important;
    align-items:stretch !important;
  }
  #menu .pcard{width:100% !important; max-width:none !important;}
  #menu .pimg{aspect-ratio:16 / 10 !important;background:#fff !important;overflow:hidden !important;}
  #menu .pimg picture{display:block !important;width:100% !important;height:100% !important;}
  #menu .pimg img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    padding:3px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    transform:none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px){
  #menu.section,#menu{ --pz-desktop-gutter: 24px; }
  #menu .plist{grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important;}
  #menu .cat{padding:14px !important;}
  #menu .pimg img{padding:3px !important;}
}
@media (min-width: 1280px) and (max-width: 1679px){
  #menu.section,#menu{ --pz-desktop-gutter: clamp(22px, 2.2vw, 38px); }
  #menu .plist{grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:14px !important;}
}
@media (min-width: 1680px){
  #menu.section,#menu{ --pz-desktop-gutter: clamp(24px, 2.2vw, 42px); }
  #menu .plist{grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:14px !important;}
}

/* ===== Menu tabs ===== */
#menu .pz-tabbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0 0 12px}
#menu .pz-subtabbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:8px;margin:0 0 14px}
#menu .pz-tabbtn,#menu .pz-subtabbtn{border:1px solid rgba(128,0,32,.16);background:#fff;color:#5b2230;border-radius:16px;min-height:44px;padding:10px 12px;font:inherit;font-weight:800;cursor:pointer;transition:.18s ease;line-height:1.4}
#menu .pz-tabbtn.is-active,#menu .pz-subtabbtn.is-active{background:#7b1e2b;color:#fff;border-color:#7b1e2b;box-shadow:0 10px 24px rgba(123,30,43,.16)}
#menu .pz-tabbtn .n,#menu .pz-subtabbtn .n{display:block;font-size:11px;font-weight:700;opacity:.8}
#menu .pz-panel{display:none}
#menu .pz-panel.is-active{display:block}
#menu .pz-subpanel{display:none}
#menu .pz-subpanel.is-active{display:block}
#menu .pcard.pz-item-hidden{display:none !important}
@media (max-width:720px){
  #menu .pz-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  #menu .pz-subtabbar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){
  #menu .pz-tabbar,#menu .pz-subtabbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #menu .pz-tabbtn,#menu .pz-subtabbtn{min-height:40px;padding:8px 8px;border-radius:14px;font-size:12px}
}
