@charset "utf-8";
/* =========================================================
   ToyKind Angel — PDP professional sections (Task 18-f, issue #9)
   ----------------------------------------------------------
   فقط صفحهٔ محصول: سکشن‌های حرفه‌ای بالای قالب دمو —
   • خلاصهٔ محصول + چیپ‌های ویژگی (pdp__summary / pdp__chips)
   • ردیف اشتراک‌گذاری واتساپ/تلگرام/کپی لینک (pdp-share)
   • کارت‌های تمام‌عرض «توضیحات محصول» / «مشخصات محصول» (جدول
     کلید/مقدار) / «دیدگاه‌ها» (pdp-sec)
   • نوار انکر دسکتاپ .pdp__tabs (چسبان زیر pdp__bar)
   توکن‌ها از demo.css — موبایل ۱:۱ دمو می‌ماند (فقط سکشن‌ها
   زیر بدنه اضافه می‌شوند).
   ========================================================= */

/* ---------- خلاصهٔ محصول + چیپ‌های ویژگی ---------- */
.pdp__summary{
  margin-top:var(--sp-xs);
  font-size:11.5px;line-height:2;color:var(--gray-600);
}
.pdp__summary p{margin:0}
.pdp__chips{
  display:flex;flex-wrap:wrap;gap:6px;
  margin-top:var(--sp-xs);padding:0;list-style:none;
}
.pdp__chips li{
  display:inline-flex;align-items:center;gap:4px;
  background:var(--success-light);color:#1f8f4d;
  border-radius:99px;padding:4px 10px;
  font-size:var(--fs-2xs);font-weight:700;line-height:1.6;
}
.pdp__chips .ic{width:13px;height:13px;flex:none}

/* ---------- ردیف اشتراک‌گذاری ---------- */
.pdp-share{
  display:flex;align-items:center;gap:var(--sp-xs);
  margin-top:var(--sp-s);
}
.pdp-share__t{font-size:11.5px;color:var(--gray-600);margin-inline-end:2px}
.pdp-share__btn{
  width:34px;height:34px;border-radius:50%;flex:none;
  display:inline-grid;place-items:center;border:0;padding:0;
  cursor:pointer;text-decoration:none;
  transition:filter .15s, transform .15s;
}
.pdp-share__btn:hover{filter:brightness(.95);transform:translateY(-1px)}
.pdp-share__btn svg{width:16px;height:16px;display:block}
.pdp-share__btn--wa{background:var(--success-light,#e6f6ec);color:#1f8f4d}
.pdp-share__btn--tg{background:#e7f3fb;color:#229ed9}
.pdp-share__btn--copy{background:var(--gray-100);color:var(--gray-700)}

/* ---------- سکشن‌های تمام‌عرض (توضیحات / مشخصات / دیدگاه‌ها) ---------- */
.pdp-sec{
  margin:var(--sp-m) var(--pad) 0;
  scroll-margin-top:64px; /* pdp__bar موبایل + حاشیه */
}
.pdp-sec__card{
  background:#fff;border-radius:var(--r-lg);
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  padding:var(--sp-s);
}
.pdp-sec__head{
  display:flex;align-items:center;gap:var(--sp-xs);
  margin-bottom:var(--sp-s);
}
.pdp-sec__title{
  display:flex;align-items:center;gap:6px;
  margin:0;font-size:13.5px;font-weight:700;color:var(--gray-900);
}
.pdp-sec__title .ic{width:17px;height:17px;color:var(--primary);flex:none}
.pdp-sec__count{
  margin-inline-start:auto;font-size:11px;font-weight:700;
  color:var(--primary);background:var(--primary-light);
  border-radius:99px;padding:2px 10px;white-space:nowrap;
}
.pdp-sec__count--empty{color:var(--gray-600);background:var(--gray-100);font-weight:500}

/* کارت‌های داخلی قدیمی (desc/tka-reviews) داخل کارت سکشن صاف می‌شوند */
.pdp-sec .desc{
  background:none;box-shadow:none;border-radius:0;padding:0;
  font-size:12.5px;line-height:2.1;color:var(--gray-700);
}
.pdp-sec .tka-reviews{background:none;box-shadow:none;border-radius:0;padding:0}

/* ---------- جدول مشخصات (کلید/مقدار) ---------- */
.pdp-specs{
  width:100%;border-collapse:collapse;margin:0;
}
.pdp-specs th,
.pdp-specs td{border-bottom:1px solid var(--gray-200)}
.pdp-specs tr:last-child th,
.pdp-specs tr:last-child td{border-bottom:0}
.pdp-specs th{
  width:118px;text-align:right;vertical-align:top;
  padding:9px 10px;font-size:11.5px;font-weight:500;
  color:var(--gray-600);background:var(--gray-50);
}
.pdp-specs td{
  padding:9px 10px;font-size:11.5px;line-height:1.9;
  color:var(--gray-800);font-weight:500;
}

/* =========================================================
   دسکتاپ (≥1024) — ردیف‌های تمام‌عرض گرید PDP + نوار انکر
   (گرید: bar=row1 | tabs=row2 | body+gallery=row3 | سکشن‌ها)
   ========================================================= */
@media (min-width:1024px){

  /* نوار انکر بخش‌ها — چسبان زیر pdp__bar */
  #content.tka-pdp-main > .pdp__tabs{
    grid-column:1/-1;grid-row:2;
    position:sticky;top:57px;z-index:55;
    background:var(--gray-50);
    border-bottom:1px solid var(--gray-200);
  }
  body.admin-bar #content.tka-pdp-main > .pdp__tabs{top:calc(32px + 57px)}
  .pdp__tabs-in{
    max-width:1320px;margin-inline:auto;
    padding:8px var(--pad);
    display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  }
  .pdp__tabs a{
    font-size:12.5px;font-weight:600;color:var(--gray-600);
    text-decoration:none;border-radius:99px;padding:5px 14px;
    transition:background .15s, color .15s;
  }
  .pdp__tabs a:hover{background:#fff;color:var(--primary)}

  /* جای‌گذاری ردیف‌ها: بدنه/گالری یک ردیف پایین می‌روند */
  #content.tka-pdp-main .pdp__body{grid-row:3}
  #content.tka-pdp-main .gallery{grid-row:3}

  /* سکشن‌های تمام‌عرض — کارت وسط‌چین روی ظرف ۱۳۲۰ */
  #content.tka-pdp-main .pdp-sec{
    grid-column:1/-1;grid-row:auto;
    margin:0;padding-inline:var(--pad);
    scroll-margin-top:122px; /* pdp__bar 53 + tabs 46 + حاشیه */
  }
  body.admin-bar #content.tka-pdp-main .pdp-sec{scroll-margin-top:154px}
  #content.tka-pdp-main .pdp-sec__card{
    max-width:1320px;margin-inline:auto;
    padding:var(--sp-m) var(--sp-l);
  }
  #content.tka-pdp-main .pdp-sec__title{font-size:15px}
  #content.tka-pdp-main .pdp-sec__count{font-size:11.5px}

  /* جدول مشخصات دسکتاپ */
  #content.tka-pdp-main .pdp-specs th{width:200px;padding:12px 16px;font-size:12.5px}
  #content.tka-pdp-main .pdp-specs td{padding:12px 16px;font-size:12.5px}

  /* خلاصهٔ محصول دسکتاپ */
  #content.tka-pdp-main .pdp__summary{font-size:12.5px}
  #content.tka-pdp-main .pdp__chips li{font-size:11px;padding:5px 12px}
}

/* ---------- جبران ادمین‌بار برای نوار چسبان محصول ---------- */
body.admin-bar .pdp__bar{top:32px}
@media (max-width:782px){
  body.admin-bar .pdp__bar{top:46px}
  body.admin-bar .pdp-sec{scroll-margin-top:78px}
}

/* نوار انکر فقط دسکتاپ است — موبایل ۱:۱ دمو می‌ماند */
@media (max-width:1023.98px){
  .pdp__tabs{display:none}
}

@media (prefers-reduced-motion: reduce){
  .pdp-share__btn{transition:none}
  .pdp__tabs a{transition:none}
}

/* =========================================================
   TKA fix (18-f/QA): دوستونهٔ واقعی PDP داخل قاب .tka-pdp-cols
   قبلاً گرید روی #content.tka-pdp-main بود و گالری چسبان (position:sticky)
   به‌خاطر display:contents والدش، محدودیتش کل گرید می‌شد و روی
   سکشن‌های توضیحات/مشخصات/دیدگاه‌ها سر می‌خورد. حالا:
   - #content بلاک معمولی است؛
   - گرید فقط روی قاب گالری+بدنه اعمال می‌شود؛
   - سکشن‌های پایین بیرون قاب و پهنای کامل‌اند.
   ========================================================= */
@media (min-width:1024px){
  #content.tka-pdp-main{display:block;max-width:none}
  .tka-pdp-cols{
    display:grid;
    grid-template-columns:minmax(0,6fr) minmax(0,5fr);
    gap:32px;
    align-items:start;
  }
  .tka-pdp-cols .pdp__body{grid-column:1;grid-row:1;min-width:0}
  .tka-pdp-cols .gallery{grid-column:2;grid-row:1;position:sticky;top:130px}
  /* ریل مشابه‌ها و سکشن‌ها بیرون قاب‌اند — عرض کامل با پدینگ ظرف */
  .tka-pdp-main .tka-related{margin-inline:0;padding-inline:var(--pad)}
  .pdp-sec{padding-inline:var(--pad)}
}