@charset "UTF-8";
/* ==========================================================================
   صفحه محصول
   ========================================================================== */

.product-top{
  display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr) 300px;
  gap:var(--sp-5);align-items:start;
  background:var(--c-surface);border:1px solid var(--c-line);
  border-radius:var(--r-lg);padding:var(--sp-5);
}
@media (max-width:1199px){.product-top{grid-template-columns:minmax(0,380px) minmax(0,1fr)}}
@media (max-width:860px){.product-top{grid-template-columns:1fr;padding:var(--sp-4)}}

/* ---------- گالری ---------- */
.gallery{position:sticky;top:calc(var(--header-h) + 16px)}
@media (max-width:860px){.gallery{position:static}}
.gal-main{
  position:relative;aspect-ratio:1/1;
  background:#fff;border:1px solid var(--c-line);
  border-radius:var(--r-md);overflow:hidden;
  display:grid;place-items:center;padding:16px;
  cursor:zoom-in;
}
.gal-main img{width:100%;height:100%;object-fit:contain;transition:transform .25s var(--ease)}
/* زوم فقط روی دسکتاپ — روی لمسی حرکت موس نداریم */
@media (hover:hover) and (min-width:861px){
  .gal-main.is-zoom img{transform:scale(2);transform-origin:var(--zx,50%) var(--zy,50%)}
}
@media (hover:none){.gal-main{cursor:default}}
.gal-flags{position:absolute;top:12px;inset-inline-start:12px;z-index:2;display:flex;flex-direction:column;gap:6px}
.gal-expand{
  position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;
  width:38px;height:38px;border-radius:var(--r-full);
  display:grid;place-items:center;background:rgba(255,255,255,.94);
  border:1px solid var(--c-line);color:var(--c-ink-2);box-shadow:var(--sh-1);
}
.gal-expand svg{width:18px;height:18px}

.gal-thumbs{display:flex;gap:9px;margin-top:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.gal-thumbs::-webkit-scrollbar{display:none}
.gal-thumb{
  flex:none;width:72px;height:72px;padding:6px;
  background:#fff;border:1.5px solid var(--c-line);
  border-radius:var(--r-sm);overflow:hidden;transition:all var(--t-fast);
}
.gal-thumb img{width:100%;height:100%;object-fit:contain}
.gal-thumb.is-active{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(var(--c-primary-rgb),.1)}
@media (hover:hover){.gal-thumb:hover{border-color:#B9C6E8}}

/* لایت‌باکس ساده */
.gal-lightbox{
  position:fixed;inset:0;z-index:1200;background:rgba(14,20,32,.9);
  display:none;place-items:center;padding:24px;
}
.gal-lightbox.is-open{display:grid}
.gal-lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:var(--r-md)}
.gal-lightbox .close{
  position:absolute;top:20px;inset-inline-end:20px;
  width:44px;height:44px;border-radius:var(--r-full);
  display:grid;place-items:center;background:rgba(255,255,255,.15);color:#fff;
}

/* ---------- بلوک عنوان ---------- */
.p-title-block{display:flex;flex-direction:column;gap:12px}

.p-title{font-size:clamp(19px,2.2vw,25px);line-height:1.6}
.p-title-en{font-size:13.5px;color:var(--c-ink-3);direction:ltr;text-align:start;unicode-bidi:isolate}
.p-metaline{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding-block:12px;border-block:1px solid var(--c-line-2);
  font-size:13px;color:var(--c-ink-3);
}
.p-metaline .item{display:inline-flex;align-items:center;gap:6px}
.p-metaline svg{width:16px;height:16px;stroke-width:1.75}
.p-metaline a{color:var(--c-primary)}

/* مشخصات کلیدی کنار عنوان */
.p-keyspecs{display:grid;gap:9px;margin-top:4px}
.p-keyspecs li{display:flex;gap:9px;font-size:13.5px;color:var(--c-ink-2);line-height:1.85}
.p-keyspecs li::before{
  content:'';width:6px;height:6px;border-radius:50%;flex:none;
  background:var(--c-primary);margin-top:.65em;
}
.p-keyspecs .k{color:var(--c-ink-3);flex:none}
.p-keyspecs-more{color:var(--c-primary);font-size:13px;font-weight:500;margin-top:4px}

/* ---------- باکس خرید ---------- */
.buybox{
  background:var(--c-bg);border:1px solid var(--c-line);
  border-radius:var(--r-md);padding:18px;
  display:flex;flex-direction:column;gap:14px;
  position:sticky;top:calc(var(--header-h) + 16px);
}
@media (max-width:1199px){.buybox{position:static;grid-column:1/-1}}
.buybox-seller{
  display:flex;align-items:center;gap:9px;
  font-size:12.5px;color:var(--c-ink-3);
  padding-bottom:12px;border-bottom:1px dashed var(--c-line);
}
.buybox-seller svg{width:18px;height:18px;color:var(--c-success);stroke-width:1.75}

.p-stock{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}
.p-stock.in{color:var(--c-success)}
.p-stock.low{color:var(--c-warn)}
.p-stock.out{color:var(--c-ink-3)}
.p-stock::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}

/* قیمت */
.pricebox{display:flex;flex-direction:column;gap:6px}
.pricebox .old{
  display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--c-ink-3);
}
.pricebox .old s{text-decoration-color:#C4CBD8}
.pricebox .off{
  background:var(--c-danger);color:#fff;font-size:12px;font-weight:700;
  padding:2px 9px;border-radius:var(--r-full);line-height:1.9;
}
.pricebox .now{
  display:flex;align-items:baseline;gap:6px;
  font-size:26px;font-weight:700;color:var(--c-ink);line-height:1.4;
}
.pricebox .now .unit{font-size:14px;font-weight:400;color:var(--c-ink-3)}
.pricebox .save{font-size:12.5px;color:var(--c-success)}

/* شمارنده تعداد */
.qty{
  display:inline-flex;align-items:center;
  border:1px solid var(--c-line);border-radius:var(--r-md);
  background:var(--c-surface);overflow:hidden;height:46px;
}
.qty button{
  width:42px;height:100%;display:grid;place-items:center;
  color:var(--c-ink-2);transition:background var(--t-fast);
}
.qty button:hover{background:var(--c-line-2);color:var(--c-primary)}
.qty button:disabled{opacity:.4;pointer-events:none}
.qty button svg{width:17px;height:17px;stroke-width:2}
.qty input{
  width:52px;height:100%;min-height:0;border:0;text-align:center;
  font-size:14px;font-weight:700;background:transparent;border-radius:0;
  border-inline:1px solid var(--c-line);
}
.qty input:focus{box-shadow:none;border-color:var(--c-line)}

.buybox-row{display:flex;gap:10px;align-items:stretch}
.buybox-row .btn{flex:1}

/* ---------- باکس استعلام (بدون قیمت) ---------- */
.quotebox{
  background:var(--c-accent-soft);border:1px solid #FFD9BC;
  border-radius:var(--r-md);padding:18px;
  display:flex;flex-direction:column;gap:13px;
}
.quotebox .qtitle{
  display:flex;align-items:center;gap:9px;
  font-size:16px;font-weight:700;color:#B8480A;
}
.quotebox .qtitle svg{width:22px;height:22px;stroke-width:1.75;color:var(--c-accent)}
.quotebox p{font-size:13.5px;color:#8A4110;line-height:1.95}
.quotebox .qphone{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:52px;border-radius:var(--r-md);
  background:var(--c-accent);color:#fff;
  font-size:17px;font-weight:700;direction:ltr;
  box-shadow:0 4px 14px rgba(255,122,26,.28);
  transition:background var(--t-fast);
}
.quotebox .qphone:hover{background:#EB6A0C}
.quotebox .qphone svg{width:20px;height:20px;stroke-width:1.9}
.quotebox .qnote{font-size:12px;color:#9A5A2A;text-align:center}

/* مزیت‌های زیر باکس خرید */
.buy-perks{display:grid;gap:11px;padding-top:14px;border-top:1px dashed var(--c-line)}
.buy-perks li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--c-ink-3);line-height:1.7}
.buy-perks svg{width:19px;height:19px;flex:none;color:var(--c-primary);stroke-width:1.6}

/* ---------- تب‌های محتوا ---------- */
.p-tabs{
  display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;
  background:var(--c-surface);border:1px solid var(--c-line);
  border-radius:var(--r-md);padding:6px;margin:var(--sp-5) 0 var(--sp-4);
  position:sticky;top:var(--header-h);z-index:30;
}
.p-tabs::-webkit-scrollbar{display:none}
.p-tabs a{
  flex:none;padding:10px 18px;border-radius:var(--r-sm);
  font-size:14px;font-weight:500;color:var(--c-ink-2);white-space:nowrap;
  transition:all var(--t-fast);
}
.p-tabs a.is-active{background:var(--c-primary-soft);color:var(--c-primary-dark);font-weight:700}
@media (hover:hover){.p-tabs a:hover{background:var(--c-line-2)}}

.p-section{
  background:var(--c-surface);border:1px solid var(--c-line);
  border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);
  margin-bottom:var(--sp-4);
}
.p-section > h2{
  font-size:19px;margin-bottom:var(--sp-4);
  padding-bottom:12px;border-bottom:1px solid var(--c-line-2);
}
@media (max-width:639px){.p-section{padding:var(--sp-4);border-radius:var(--r-md)}}

/* ---------- جدول مشخصات ---------- */
.specs{display:grid;gap:0}
.specs-group + .specs-group{margin-top:var(--sp-5)}
.specs-group h3{
  font-size:14.5px;color:var(--c-primary-dark);background:var(--c-primary-soft);
  padding:9px 14px;border-radius:var(--r-sm);margin-bottom:6px;
}
.spec-row{
  display:grid;grid-template-columns:220px 1fr;gap:16px;
  padding:11px 14px;border-bottom:1px solid var(--c-line-2);
  font-size:14px;line-height:1.9;
}
.spec-row:nth-child(odd){background:#FCFCFE}
.spec-row:last-child{border-bottom:0}
.spec-row .k{color:var(--c-ink-3);font-weight:500}
.spec-row .v{color:var(--c-ink)}
@media (max-width:639px){
  .spec-row{grid-template-columns:1fr;gap:3px;padding:10px 12px}
  .spec-row .k{font-size:12.5px}
}

/* ---------- توضیحات و آکاردئون ---------- */
.p-desc{max-height:640px;overflow:hidden;position:relative}
.p-desc.is-open{max-height:none}
.p-desc:not(.is-open)::after{
  content:'';position:absolute;inset-inline:0;bottom:0;height:110px;
  background:linear-gradient(to top,var(--c-surface),transparent);
}
.p-desc-more{display:block;margin:14px auto 0}

/* آکاردئون به app.css منتقل شد — در صفحه دسته و برند هم لازم است
   و آن صفحات این فایل را لود نمی‌کنند. اینجا فقط تیتر درشت‌تر می‌شود. */
.p-section .acc-head{font-size:14.5px;font-weight:700}

/* ---------- نظرات ---------- */
.rev-summary{
  display:grid;grid-template-columns:190px 1fr auto;gap:var(--sp-5);
  align-items:center;padding-bottom:var(--sp-5);
  border-bottom:1px solid var(--c-line-2);margin-bottom:var(--sp-5);
}
.rev-score{text-align:center}
.rev-score .n{font-size:42px;font-weight:700;line-height:1.2}
.rev-score .stars{justify-content:center;margin:6px 0}
.rev-score small{color:var(--c-ink-3);font-size:12.5px}
.rev-bars{display:grid;gap:7px;min-width:0}
.rev-bar{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--c-ink-3)}
.rev-bar .lbl{flex:none;width:44px;display:flex;align-items:center;gap:3px}
.rev-bar .lbl svg{width:12px;height:12px;color:var(--c-star)}
.rev-bar .track{flex:1 1 auto;height:7px;border-radius:var(--r-full);background:var(--c-line-2);overflow:hidden}
.rev-bar .rating-bar-fill{height:100%;background:var(--c-star);border-radius:var(--r-full)}
.rev-bar .pct{flex:none;width:34px;text-align:end}
@media (max-width:860px){.rev-summary{grid-template-columns:1fr;text-align:center}.rev-summary .btn{justify-self:center}}

.rev-list{display:grid;gap:14px}
.rev-item{border:1px solid var(--c-line);border-radius:var(--r-md);padding:16px}
.rev-item-head{display:flex;align-items:center;gap:11px;margin-bottom:10px;flex-wrap:wrap}
.rev-avatar{
  width:38px;height:38px;border-radius:var(--r-full);flex:none;
  display:grid;place-items:center;background:var(--c-primary-soft);
  color:var(--c-primary-dark);font-weight:700;font-size:14px;
}
.rev-item-head .nm{font-size:13.5px;font-weight:700}
.rev-item-head time{font-size:12px;color:var(--c-ink-3)}
.rev-item-head .stars{margin-inline-start:auto}
.rev-body{font-size:14px;color:var(--c-ink-2);line-height:2}
.rev-pros{display:grid;gap:6px;margin-top:12px}
.rev-pros li{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.8}
.rev-pros li svg{width:15px;height:15px;flex:none;margin-top:4px}
.rev-pros .pro{color:var(--c-success)}
.rev-pros .con{color:var(--c-danger)}
.rev-actions{display:flex;gap:14px;margin-top:12px;font-size:12.5px;color:var(--c-ink-3)}
.rev-actions button{display:inline-flex;align-items:center;gap:5px;color:inherit}
.rev-actions button:hover{color:var(--c-primary)}
.rev-actions svg{width:15px;height:15px}
.rev-reply{
  margin-top:12px;padding:12px 14px;border-radius:var(--r-sm);
  background:var(--c-line-2);font-size:13px;color:var(--c-ink-2);
  border-inline-start:3px solid var(--c-primary);
}

/* فرم نظر */
.rev-form{background:var(--c-bg);border-radius:var(--r-md);padding:var(--sp-5);margin-top:var(--sp-5)}
.star-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.star-input input{position:absolute;opacity:0;width:0;height:0}
.star-input label{cursor:pointer;color:#D8DDE6;transition:color var(--t-fast)}
.star-input label svg{width:28px;height:28px}
.star-input input:checked ~ label,
.star-input label:hover,
.star-input label:hover ~ label{color:var(--c-star)}
.star-input input:focus-visible + label{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:4px}

/* ---------- پرسش و پاسخ ---------- */
.qa-list{display:grid;gap:12px}
.qa-item{border:1px solid var(--c-line);border-radius:var(--r-md);padding:15px}
.qa-q,.qa-a{display:flex;gap:11px;font-size:14px;line-height:2}
.qa-a{margin-top:12px;padding-top:12px;border-top:1px dashed var(--c-line)}
.qa-badge{
  width:28px;height:28px;flex:none;border-radius:var(--r-sm);
  display:grid;place-items:center;font-size:12px;font-weight:700;
}
.qa-q .qa-badge{background:var(--c-primary-soft);color:var(--c-primary-dark)}
.qa-a .qa-badge{background:#E6F6EE;color:#0B7A44}
.qa-meta{font-size:11.5px;color:var(--c-ink-3);margin-top:4px}

/* ---------- ریل محصولات مرتبط ---------- */
.related-rail{
  display:flex;gap:16px;overflow-x:auto;
  scroll-snap-type:x proximity;padding-bottom:8px;
  scrollbar-width:thin;
}
.related-rail::-webkit-scrollbar{height:6px}
.related-rail::-webkit-scrollbar-thumb{background:#D3D9E4;border-radius:var(--r-full)}
.related-rail>.pcard{flex:none;width:225px;scroll-snap-align:start}
@media (max-width:639px){.related-rail>.pcard{width:162px}}

/* ---------- نوار خرید چسبان موبایل ---------- */
.sticky-buy{
  display:none;
  position:fixed;inset-inline:0;inset-block-end:0;z-index:890;
  background:var(--c-surface);border-top:1px solid var(--c-line);
  box-shadow:0 -4px 20px rgba(14,20,32,.1);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  transform:translateY(110%);transition:transform var(--t-slow);
}
.sticky-buy.is-visible{transform:translateY(0)}
.sticky-buy-inner{display:flex;align-items:center;gap:12px}
.sticky-buy .sb-price{display:flex;flex-direction:column;gap:2px;flex:none;min-width:0}
.sticky-buy .sb-price .now{font-size:16px;font-weight:700;white-space:nowrap}
.sticky-buy .sb-price .unit{font-size:11px;color:var(--c-ink-3)}
.sticky-buy .btn{flex:1 1 auto}
@media (max-width:900px){
  .sticky-buy{display:block}
  /* نوار پایین ناوبری را می‌پوشاند */
  .sticky-buy.is-visible ~ .mobile-bar{transform:translateY(100%)}
}

/* ---------- مقایسه ---------- */
.compare-table{overflow-x:auto}
.compare-table table{min-width:760px}
.compare-table th{position:sticky;top:0;background:var(--c-surface);z-index:2}
.compare-table td:first-child,.compare-table th:first-child{
  position:sticky;inset-inline-start:0;background:var(--c-surface);z-index:1;
  border-inline-end:1px solid var(--c-line);
}