/* ===== این بلوک را به انتهای /css/product.css اضافه کنید ===== */

/* ۱) رفع اسکرول افقی (honeypot) */
.hp{position:absolute;top:0;right:0;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
/* قانون اصلی .pd (متغیرهای رنگ، عرض و فاصله صفحه) + جلوگیری از اسکرول افقی.
   اگر قانون قبلی .pd در product.css سر جایش است، این یکی فقط همان را تکرار می‌کند و مشکلی ندارد. */
.pd{--red:#ef394e;--blue:#0c88ee;--g1:#f0f0f1;--g2:#e0e0e2;--g3:#81858b;--tx:#23254e;direction:rtl;max-width:1400px;margin:0 auto;padding:16px;color:#23254e;font-size:14px;overflow-x:clip}

/* ۲) ردیف امتیاز زیر عنوان */
.pd .rt{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;font-size:13px}
.pd .rt-rate{display:inline-flex;align-items:center;gap:6px;color:#81858b}
.pd .rt-rate svg{width:18px;height:18px;fill:#f5a623;flex:none}
.pd .rt-rate b{font-size:15px;font-weight:800;color:#1d1d1f}
.pd .rt-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:980px;background:#f5f5f7;color:#1d1d1f;font-weight:700;transition:background .25s,transform .25s}
.pd .rt-chip:hover{background:#ebebf0;transform:translateY(-1px)}
.pd .rt-chip svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pd .rt-chip.ai{background:#f1ecff;color:#6a3fd0}
.pd .rt-chip.ai svg{width:14px;height:14px;fill:currentColor;stroke:none}
#rbox{scroll-margin-top:130px}

/* ۳) باکس ورود / عضویت و فرم نظر */
.pr-login{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.pr-login-btns{display:flex;gap:10px}
.pr-login .pr-btn{display:inline-block;text-decoration:none;padding:10px 26px}
.pr-btn-o{background:none!important;color:#cc9c0e!important;border:1px solid #cc9c0e}
.pr-form{position:relative}
.pr-me{margin-bottom:10px;color:#7a7f99;font-size:13px}
.pr-me b{color:#1c1f3a}

/* ۴) مشخصات پایین صفحه: کارت‌های دو ستونه مثل عکس */
.pd #specs2{display:grid;grid-template-columns:1fr;gap:12px;max-height:none;overflow:visible}
.pd #specs2 .spec{display:grid;grid-template-columns:minmax(110px,26%) 1fr;gap:12px;background:none;padding:0;border-radius:0;box-shadow:none;transform:none}
.pd #specs2 .spec small,.pd #specs2 .spec b{display:flex;align-items:center;margin:0;padding:18px 22px;min-height:58px;box-sizing:border-box;background:#f5f5f7;border-radius:16px;font-size:13px;line-height:1.9;white-space:normal}
.pd #specs2 .spec small{color:#81858b;font-weight:400}
.pd #specs2 .spec b{color:#1d1d1f;font-weight:500}
@media(max-width:600px){
  .pd #specs2 .spec{grid-template-columns:1fr 1.4fr;gap:8px}
  .pd #specs2 .spec small,.pd #specs2 .spec b{padding:14px 16px}
}

/* ۵) پاپ‌آپ ورود + ظاهر لیست دیدگاه‌ها */
.lg{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(20,22,40,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);direction:rtl}
.lg.on{display:flex;animation:lgIn .25s ease}
@keyframes lgIn{from{opacity:0}to{opacity:1}}
.lg-box{position:relative;width:min(380px,100%);background:#fff;border-radius:22px;padding:28px 24px 22px;text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);animation:lgUp .3s cubic-bezier(.2,.8,.2,1)}
@keyframes lgUp{from{transform:translateY(16px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.lg-x{position:absolute;top:10px;left:10px;width:34px;height:34px;border:0;border-radius:50%;background:#f5f5f7;font-size:20px;line-height:1;cursor:pointer;color:#555}
.lg-logo{height:46px;width:auto;margin:0 auto 8px;display:block}
.lg-box h3{margin:6px 0;font-size:17px;font-weight:800;color:#1d1d1f}
.lg-s{margin:0 0 16px;font-size:13px;line-height:1.9;color:#6e6e73}
.lg-box input{display:block;width:100%;box-sizing:border-box;border:1px solid #d9dbe6;border-radius:12px;padding:12px 14px;margin-bottom:12px;font:inherit;font-size:15px;text-align:center;letter-spacing:1px;background:#fff;color:#1d1d1f}
.lg-box input:focus{outline:0;border-color:#cc9c0e;box-shadow:0 0 0 3px rgba(204,156,14,.15)}
.lg-btn{width:100%}
.lg-link{border:0;background:none;color:#0071e3;font:inherit;font-size:13px;cursor:pointer;padding:8px 6px}
.lg-link:disabled{color:#9aa0a6;cursor:default}
.lg-m{min-height:20px;margin-top:6px;font-size:12px;line-height:1.8}
body.lg-open{overflow:hidden}
.pr-cm p{white-space:pre-line}
.pr-ft{display:block;margin-bottom:10px;font-size:15px}
.pr-cmsg{margin-bottom:8px;font-size:13px}
.pr-row .pr-t{display:block}

/* ۶) رضایت از کالا */
.pd .rec{border-bottom:1px solid var(--g2);margin-bottom:14px;padding-bottom:12px}
.pd .rec .seller{border:0;margin:0;padding-bottom:10px}
.pd .seller .ok.low{background:#fde3e6;color:#d32f2f}
.pd .seller .ok.none{background:#eee;color:#81858b}

/* ۷) نوار جمع‌وجور «این کالا را پیشنهاد می‌کنید؟» (بالای اشتراک‌گذاری) */
.pd .rc-card{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;max-height:70px;margin:0 0 16px;padding:8px 14px;border-radius:14px;background:linear-gradient(90deg,#fff8e8,#f7f8fc);box-sizing:border-box}
.pd .rc-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#ddae66,#cc9c0e)}
.pd .rc-ico svg{width:18px;height:18px;fill:#fff}
.pd .rc-q{flex:none;font-size:14px;font-weight:800;color:#1d1d1f;white-space:nowrap}
.pd .rc-meter{flex:1;min-width:80px;display:flex;align-items:center;gap:10px}
.pd .rc-bar{flex:1;height:6px;border-radius:99px;background:#e6e8ef;overflow:hidden}
.pd .rc-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2fbf6c,#0a8a3c);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.pd .rc-stat{flex:none;font-size:12px;font-weight:700;color:#6b6f88;white-space:nowrap}
.pd .rec-act{flex:none;display:flex;gap:8px}
.pd .rec-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border:0;border-radius:11px;background:#fff;color:#23254e;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 1px 3px rgba(35,37,78,.12);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.pd .rec-b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.pd .rec-b:hover{transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(35,37,78,.5)}
.pd .rec-b.yes:hover{color:#0a8a3c}
.pd .rec-b.no:hover{color:#d32f2f}
.pd .rec-b.yes:hover svg{transform:rotate(-12deg) scale(1.1)}
.pd .rec-b.no:hover svg{transform:rotate(12deg) scale(1.1)}
.pd .rec-b.yes.on{background:linear-gradient(135deg,#2fbf6c,#0a8a3c);color:#fff;box-shadow:0 6px 14px -6px rgba(10,138,60,.7)}
.pd .rec-b.no.on{background:linear-gradient(135deg,#ef6b78,#d32f2f);color:#fff;box-shadow:0 6px 14px -6px rgba(211,47,47,.7)}
.pd .rec-b.on svg{fill:rgba(255,255,255,.25);animation:rcPop .45s ease}
@keyframes rcPop{0%{transform:scale(.6)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.pd .rc-card .rec-m{position:absolute;bottom:-18px;left:14px;margin:0;font-size:11px}
@media(max-width:600px){
  .pd .rc-card{gap:8px;padding:8px 10px}
  .pd .rc-ico,.pd .rc-meter{display:none}
  .pd .rc-q{flex:1;font-size:13px;white-space:normal}
  .pd .rec-b{padding:0 12px}
}

/* ۸) هدر چسبان: ستون‌ها و باکس‌های چسبان زیر هدر نمی‌روند (مقدار دقیق را اسکریپت صفحه تنظیم می‌کند) */
:root{--hdr:125px}
@media(max-width:900px){:root{--hdr:0px}}
.pd .gal,.pd .buy{top:calc(var(--hdr) + 16px)}
.lower-side{top:calc(var(--hdr) + 72px)}
.pt-bar{top:var(--hdr)}

/* ۹) بخش امتیاز */
#sec-rating .pr-box.pr-rb{display:grid;grid-template-columns:200px 1fr 260px;gap:22px;align-items:stretch;padding:22px;border:0;border-radius:24px;background:linear-gradient(135deg,#fff8e8 0%,#fbf9f4 45%,#f6f7fc 100%)}
.pr-rb .pr-avg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 12px;border-radius:18px;background:#fff;box-shadow:0 10px 30px -18px rgba(35,37,78,.35)}
.pr-rb .pr-num{font-size:54px;font-weight:900;line-height:1;background:linear-gradient(135deg,#e2b259,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-rb .pr-stars{font-size:22px;letter-spacing:3px;color:#e7e2d4}
.pr-rb .pr-fill{color:#f5a623;text-shadow:0 2px 8px rgba(245,166,35,.35)}
.pr-rb .pr-cnt{margin-top:4px;padding:4px 12px;border-radius:99px;background:#f5f1e6;color:#8a6d1f;font-size:12px;font-weight:700}
.pr-rb .pr-bars{justify-content:center;gap:10px;padding:6px 4px}
.pr-rb .pr-row{gap:10px;font-size:13px;font-weight:700;color:#4a4e69}
.pr-rb .pr-l{width:34px;white-space:nowrap}
.pr-rb .pr-l em{font-style:normal;color:#f5a623}
.pr-rb .pr-t{height:10px;background:#ebe8df;border-radius:99px}
.pr-rb .pr-f{border-radius:99px;background:linear-gradient(90deg,#ffcf5c,#f5a623)}
.pr-rb .pr-n{min-width:30px;padding:2px 8px;border-radius:99px;background:#fff;color:#6b6f88;font-size:11px;text-align:center;box-shadow:0 1px 3px rgba(35,37,78,.08)}
.pr-rb .pr-in{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 14px;border-radius:18px;background:#fff;box-shadow:0 10px 30px -18px rgba(35,37,78,.35)}
.pr-rb .pr-in b{margin:0;font-size:15px;font-weight:800;color:#1d1d1f}
.pr-rb .pr-sub{display:block;margin:4px 0 12px;font-size:12px;color:#8b8fa6}
.pr-rb .pr-pick{gap:6px}
.pr-rb .pr-pick span{font-size:36px;color:#e3e1dc;transition:transform .2s,color .2s,text-shadow .2s}
.pr-rb .pr-pick span.f{color:#f5a623;text-shadow:0 4px 14px rgba(245,166,35,.45)}
.pr-rb .pr-pick span:hover{transform:scale(1.25) rotate(-8deg)}
.pr-rb .pr-lbl{min-height:26px;margin-top:8px}
.pr-rb .pr-lbl:not(:empty){display:inline-block;padding:3px 14px;border-radius:99px;background:linear-gradient(135deg,#ddae66,#cc9c0e);color:#fff;font-size:12px;line-height:20px}
.pr-rb .pr-msg{margin-top:8px;font-size:11px;text-align:center}
@media(max-width:900px){
  #sec-rating .pr-box.pr-rb{grid-template-columns:1fr 1.4fr}
  .pr-rb .pr-in{grid-column:1 / -1}
}
@media(max-width:560px){
  #sec-rating .pr-box.pr-rb{grid-template-columns:1fr;padding:16px;gap:14px}
}

/* ۱۰) بخش جداگانه امتیاز (همان متغیرها و ظاهر باکس‌های بخش دیدگاه‌ها) */
#sec-rating{--pr-c:#cc9c0e;--pr-b:#e8e8ef;--pr-t:#1c1f3a;--pr-m:#7a7f99;--pr-bg:#fff}
#sec-rating .pr-box{border:1px solid var(--pr-b);border-radius:18px;padding:18px;margin-bottom:16px;background:var(--pr-bg)}
#sec-rating .pr-box.pr-share{margin-bottom:0}

/* ===== قیمت و تخفیف: وسط‌چین + برچسب درخشان ===== */
.pd .price{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0 18px;text-align:center}

.pz-off{display:flex;align-items:center;justify-content:center;gap:10px}
.pz-old{
  color:#a1a3a8;font-size:15px;font-weight:500;
  text-decoration:line-through;text-decoration-thickness:1px;
  font-variant-numeric:tabular-nums;
}

/* برچسب درصد */
.pz-pct{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;
  background:linear-gradient(135deg,#ff5a6e,#e5283e);
  color:#fff;font-size:17px;font-weight:900;line-height:1;
  padding:7px 14px;border-radius:999px;
  box-shadow:0 6px 16px -6px rgba(229,40,62,.65);
  animation:pzPop .6s cubic-bezier(.34,1.56,.64,1) both;
}
/* نوار نور که هر چند ثانیه از روی برچسب رد می‌شود */
.pz-pct::after{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);
  animation:pzShine 3.2s ease-in-out 1s infinite;
}
@keyframes pzPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes pzShine{0%{left:-60%}45%,100%{left:130%}}

/* قیمت نهایی */
.pz-now{display:flex;align-items:baseline;justify-content:center;gap:6px}
.pz-now b{
  font-size:28px;font-weight:900;color:#1d1d1f;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
.pz-now span{font-size:13px;color:#81858b}

/* باکس چسبان */
.sb-price{flex-direction:column;align-items:center;gap:6px}
.pz-sm .pz-old{font-size:13px}
.pz-sm .pz-pct{font-size:14px;padding:5px 11px}
.sb-price .pz-now b{font-size:22px}

/* موبایل: نوار پایین صفحه جای کمی دارد */
@media (max-width:900px){
  .sb-price{align-items:flex-start;gap:3px}
  .sb-price .pz-off{gap:6px}
  .sb-price .pz-now b{font-size:17px}
  .pz-sm .pz-old{font-size:11px}
  .pz-sm .pz-pct{font-size:11px;padding:3px 8px}
}

@media (prefers-reduced-motion:reduce){
  .pz-pct,.pz-pct::after{animation:none}
}
.sb-price .pz-pct{color:#fff}
.sb-price .pz-old{color:#a1a3a8}
.sb-price .pz-now span{color:#81858b}