/* ==========================================================================
   اصلاحات تکمیلی — نودسرو
   این فایل بعد از home.css بارگذاری می‌شود و فقط چند اصلاح چیدمانی دارد:
     ۱) تراز عمودی/افقی کارت‌های سه‌ستونه (مشتریان، رسانه‌ها، نظرات)
     ۲) جلوگیری از دیده‌شدن اسلاید بعدی در اسلایدر نظرات
     ۳) عنوان نسخهٔ هیرو به‌صورت h2 (اصلاح ترتیب تیترها)
   ========================================================================== */

/* ── ۰) توکن‌های رنگ تکمیلی ────────────────────────────────────────────────
   این متغیرها در home.css تعریف نشده بودند، پس هر جا در این فایل به آن‌ها
   ارجاع شده بود مقداردهی نامعتبر می‌شد (حاشیهٔ تراشه‌ها، پس‌زمینهٔ جعبهٔ
   ویژگی‌ها، رنگ تیترها). مقادیر دقیقاً مطابق پالت طراحی نودسرو است. */
:root{
  --teal-700:#005966;
  --teal-100:#d3edf1;
  --green-100:#e2f5c6;
  --soft:#f5f9fa;
  --red:#e63946;
}

/* ── ۱) کارت‌های سه‌ستونه: محتوا از بالا و راست بچسبد ───────────────────── */
.hp .cols3 > .mini{
  justify-content:flex-start;   /* به‌جای وسط‌چین عمودی */
  align-items:stretch;
  text-align:right;
}
.hp .cols3 > .mini h3{
  justify-content:flex-start;   /* عنوان به‌جای وسط، از راست */
  text-align:right;
}
.hp .cols3 > .mini > p{ text-align:right }
.hp .cols3 > .mini .mini-foot{ text-align:right; margin-top:auto }

/* تصویر لوگوها: تمام عرض کارت را بگیرد و در فضای باقی‌مانده وسط‌چین شود.
   قبلاً max-height:126px بود، پس تصویر در قابی ۳۸۵ پیکسلی فقط ۲۲۸/۲۸۰ پیکسل
   عرض می‌گرفت و دورش خالی می‌ماند. */
.hp .cols3 > .mini .logo-wall{
  margin:10px 0 0;
  width:100%;
  height:auto;
  flex:1 1 auto;
  min-height:0;
  object-fit:contain;
  object-position:center;
}

/* اسلایدر هم از بالا شروع شود، نه چسبیده به پایین کارت */
.hp .cols3 > .mini .tslider{ margin-top:12px }

/* در حالت تک‌ستونه (زیر ۹۲۰ پیکسل) ارتفاع ثابت لازم نیست وگرنه تصویر
   در قاب پهن، کوچک و وسط‌چین می‌ماند. */
@media (max-width:920px){
  .hp .cols3 > .mini{ height:auto }
}

/* ── ۲) اسلایدر نظرات: اسلاید بعدی نباید داخل کادر دیده شود ─────────────── */
/* ریشهٔ مشکل: padding افقی روی .tslider باعث می‌شد ناحیهٔ برش ۱۴ پیکسل
   جلوتر از لبهٔ محتوا باشد و ابتدای اسلاید بعدی دیده شود. */
.hp .cols3 .tslider{ padding:13px 0 11px }
.hp .cols3 .tslider-track{ width:100% }
.hp .cols3 .tquote{
  flex:0 0 100%;
  min-width:100%;
  max-width:100%;
  padding:0 14px;
  box-sizing:border-box;
}
/* کنترل‌ها و نقطه‌ها همان فاصلهٔ جانبی قبلی را داشته باشند */
.hp .cols3 .tslider-controls,
.hp .cols3 .tslider-dots{ padding-inline:14px }

/* ── ۳) عنوان نسخهٔ هیرو حالا h2 است؛ ظاهرش مثل قبل بماند ───────────────── */
.hp .hero-version{
  font-size:19px;
  font-weight:900;
  color:#fff;
  letter-spacing:-.3px;
  margin:12px 0 0;
  line-height:1.6;
}
.hp .hero-version span{ color:var(--yellow) }

/* ── ۵) مسیر راهنما (breadcrumb) — بازطراحی کامل ───────────────────────── */
.hp .crumb{
  display:flex; align-items:center; flex-wrap:wrap; gap:1px;
  list-style:none; margin:14px 0 22px; padding:8px 14px;
  background:linear-gradient(90deg,#fff 0%,var(--soft) 100%);
  border:1px solid var(--line);
  border-inline-start:3px solid var(--teal);
  border-radius:14px;
  box-shadow:var(--sh-1);
  font-size:12.5px; line-height:2;
}
.hp .crumb li{ display:flex; align-items:center; min-width:0 }

/* جداکنندهٔ شِورون بین مراحل */
.hp .crumb li + li::before{
  content:'‹';
  color:#aac6cc; font-size:15px; font-weight:700; line-height:1;
  margin-inline:5px; flex:0 0 auto;
}

.hp .crumb a{
  display:inline-flex; align-items:center; gap:7px;
  padding:4px 11px; border-radius:9px;
  color:var(--body); font-weight:600; transition:var(--tr);
  max-width:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.hp .crumb a:hover{ color:var(--teal-700); background:var(--teal-50) }

/* صفحهٔ جاری: چیپ سفید و پررنگ، بدون لینک */
.hp .crumb [aria-current="page"]{
  padding:4px 12px; border-radius:9px;
  color:var(--ink); font-weight:800;
  background:#fff; border:1px solid var(--line);
  max-width:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
@media (max-width:900px){
  .hp .crumb a{ max-width:26ch }
  .hp .crumb [aria-current="page"]{ max-width:30ch }
}

/* خانه: چیپ فیروزه‌ای با آیکن خانه (SVG درون‌خطی، بدون وابستگی به فونت) */
.hp .crumb li:first-child a{
  padding-inline-start:30px; font-weight:800; color:var(--teal-700);
  background-color:var(--teal-50);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008193' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.8V20h14V9.8'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:14px 14px;
}
.hp .crumb li:first-child a:hover{ background-color:var(--teal-100); color:var(--teal-700) }

@media (max-width:600px){
  .hp .crumb{ padding:7px 10px; font-size:12px; margin-bottom:18px }
  .hp .crumb a{ max-width:20ch; padding:3px 9px }
  .hp .crumb [aria-current="page"]{ max-width:24ch; padding:3px 10px }
  .hp .crumb li + li::before{ margin-inline:3px; font-size:14px }
  .hp .crumb li:first-child a{ padding-inline-start:27px; background-position:right 8px center }
}
/* ══════════════════════════════════════════════════════════════════════════
   صفحهٔ محصول — دوستونهٔ عریض
   راست: خلاصه + تراشه‌ها + (ویژگی‌ها | تصویر محصول) | چپ: جعبهٔ خرید چسبان
   سپس ردیف متادیتا، نوار مزیت‌ها و تب‌های تمام‌عرض. واکنش‌گرا از ۱۹۲۰px تا ۳۲۰px.
   ══════════════════════════════════════════════════════════════════════════ */

.pp-wrap{ max-width:1300px; margin:0 auto; padding:0 16px }

/* ---------- سربرگ محصول: عنوان + امتیاز ---------- */
.pp-head{
  display:flex; align-items:center; justify-content:space-between; gap:22px;
  padding:18px 20px; margin:0 0 18px;
  background:linear-gradient(110deg,#f4fbfc,#fff 65%);
  border:1px solid #cfe6e9;
  border-inline-start:5px solid var(--teal);
  border-radius:var(--r-lg); box-shadow:var(--sh-1);
}
.pp-heading{ min-width:0 }
.pp-h1{ font-size:24px; font-weight:900; color:var(--ink); line-height:1.6; margin:0 0 3px }
.pp-en{ font-size:12.5px; color:#5d777d; direction:ltr; text-align:right; margin:0 }
.pp-rating{
  flex:0 0 auto; display:flex; align-items:center; gap:10px; white-space:nowrap;
  font-size:12.5px; color:var(--muted); margin:0; padding:8px 13px;
  background:#fff; border:1px solid #e4edef; border-radius:12px; box-shadow:var(--sh-1);
}
.pp-rating b{ color:var(--ink); font-weight:800 }
.pp-dot{ color:#c3d4d8 }
.pp-stars{ color:#f0a500; font-size:14px; letter-spacing:2px; line-height:1 }
.pp-rating-link{ color:var(--teal); font-weight:800 }
.pp-rating-link:hover{ text-decoration:underline; text-underline-offset:3px }

/* ---------- گرید دوستونه: راست «اطلاعات + تصویر» | چپ «خرید» ---------- */
.pp-top{
  display:grid;
  /* در RTL ستون اول = سمت راست */
  grid-template-columns:minmax(0,1fr) 330px;
  gap:22px; align-items:start; margin-bottom:16px;
}
.pp-about-col{   grid-column:1; grid-row:1; min-width:0 }                                        /* راست */
.pp-buy-col{     grid-column:2; grid-row:1; min-width:0; position:sticky; top:74px }              /* چپ  */

/* ردیف داخلی: ویژگی‌های کلیدی در راست، تصویر محصول در چپ (بخشی از همین بلوک) */
.pp-about-row{
  display:grid; grid-template-columns:minmax(0,1fr) 256px;
  gap:20px; align-items:start; margin:0 0 14px;
}

/* ---------- گالری ---------- */
.pp-figure{
  margin:0; background:#fff; border:1px solid var(--line);
  border-radius:var(--r-lg); box-shadow:var(--sh-1); padding:12px;
}
.pp-main-img{ display:grid; place-items:center; min-height:210px }
.pp-main-img img{ max-height:220px; width:auto; object-fit:contain }
.pp-noimg{ font-size:30px; font-weight:900; color:#b9c6cd; padding:40px 0 }
.pp-thumbs{ display:flex; gap:6px; flex-wrap:wrap; justify-content:center; margin-top:10px }
.pp-thumbs button{
  width:48px; height:48px; padding:4px; border:2px solid var(--line); border-radius:8px;
  background:#fff; cursor:pointer; transition:var(--tr);
}
.pp-thumbs button:hover{ border-color:var(--teal-100) }
.pp-thumbs button[aria-pressed="true"]{ border-color:var(--teal) }
.pp-thumbs img{ width:100%; height:100%; object-fit:contain }

/* ---------- ستون میانی: خلاصه، تراشه‌ها و ویژگی‌ها ---------- */
.pp-summary{
  font-size:13.5px; font-weight:700; line-height:2; color:var(--ink);
  background:var(--teal-50); border:1px solid var(--teal-100);
  border-radius:var(--r-md); padding:12px 15px; margin:0 0 14px;
}
.pp-summary p{ margin:0 }
.pp-summary p + p{ margin-top:8px }
.pp-summary a{ color:var(--teal-700); font-weight:800 }
.pp-summary strong, .pp-summary b{ color:var(--ink) }

.pp-chips{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0 0 14px }
.pp-chip{
  display:flex; align-items:center; gap:6px;
  font-size:11.5px; font-weight:700; color:var(--teal-700);
  background:var(--teal-50); border:1px solid var(--teal-100);
  border-radius:30px; padding:6px 13px;
}
.pp-chip::before{ content:'✓'; color:var(--green-600); font-weight:900 }

.pp-keys{ margin:0 }                                    /* بدون قاب؛ کنار تصویر می‌نشیند */
.pp-keys > h2{ font-size:14.5px; font-weight:900; color:var(--ink); margin:0 0 12px }
.pp-keys ul{ display:grid; gap:9px; list-style:none }
.pp-keys li{ position:relative; padding-inline-start:25px; font-size:13px; line-height:2; color:var(--body) }
.pp-keys li i{
  position:absolute; inset-inline-start:0; top:4px;
  width:17px; height:17px; border-radius:50%; display:grid; place-items:center;
  background:var(--green-50); color:var(--green-600); font-style:normal; font-size:10.5px; font-weight:900;
}
.pp-keys li b, .pp-keys li strong{ color:var(--ink) }
.pp-keys li a{ color:var(--teal); font-weight:800; text-decoration:underline; text-underline-offset:3px }

.pp-warn{
  display:flex; gap:9px; align-items:flex-start; margin:0 0 14px;
  background:#fff9e6; border:1px solid #f2dfa0; border-radius:var(--r-lg);
  padding:13px 16px; font-size:12px; line-height:1.95; color:#7a5c00;
}
.pp-warn b{ font-size:15px; line-height:1.4 }
.pp-warn a{ color:#8a6100; font-weight:800; text-decoration:underline }
.pp-warn strong{ color:#5e4600 }

.pp-ship{
  background:var(--soft); border:1px solid var(--line); border-radius:var(--r-md);
  padding:12px 15px; display:grid; gap:6px; margin:0 0 4px;
}
.pp-ship p{ font-size:11.8px; line-height:1.95; color:var(--body); margin:0 }
.pp-ship b{ color:var(--ink) }

/* ردیف متادیتا — تمام‌عرض، زیر هر دو ستون */
.pp-meta{
  display:flex; flex-wrap:wrap; gap:6px 22px; font-size:11.8px; color:var(--muted);
  margin:0 0 22px; padding:10px 2px 0; border-top:1px solid var(--line);
}
.pp-meta b{ color:var(--ink); font-weight:800 }
.pp-meta a{ color:var(--teal); font-weight:700 }
.pp-meta a:hover{ text-decoration:underline }
.pp-ltr{ direction:ltr; display:inline-block }

/* ---------- جعبهٔ خرید ---------- */
.pp-picker{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  box-shadow:var(--sh-2); padding:18px; display:grid; gap:14px;
}
.pp-picker > h2{ font-size:14px; font-weight:900; color:var(--ink); margin:0 }
.pp-picker-sub{ font-size:11.5px; color:var(--muted); margin:-8px 0 0 }

/* دکمه‌های انتخاب تعداد دستگاه */
.pp-tiers{ display:flex; flex-wrap:wrap; gap:6px; margin:0; list-style:none }
.pp-tier{
  min-width:42px; padding:8px 11px; border:1.5px solid var(--line); border-radius:10px;
  background:#fff; color:var(--body); font-size:12.5px; font-weight:800;
  transition:var(--tr); line-height:1.5; cursor:pointer;
}
.pp-tier b{ font-weight:900 }
.pp-tier:hover{ border-color:var(--teal); color:var(--teal) }
.pp-tier[aria-pressed="true"]{
  background:var(--teal); border-color:var(--teal); color:#fff;
  box-shadow:0 6px 16px rgba(0,129,147,.24);
}
.pp-tiers--static li{
  display:flex; flex-direction:column; align-items:center; gap:1px;
  min-width:42px; padding:8px 11px; border:1.5px solid var(--line); border-radius:10px; background:#fff;
}
.pp-tiers--static b{ font-size:14px; font-weight:900; color:var(--ink) }
.pp-tiers--static span{ font-size:9.5px; color:var(--muted) }

/* جعبهٔ قیمت — «طرح ۵-۳»: نوار کناری توپر + خط‌چین بین یک‌ساله و معادل ماهانه */
.pp-pricebox{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#e1f6f8 0%,#faffff 58%,#fff 100%);
  border:1px dashed #a9d8de; border-radius:var(--r-lg);
  padding:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.pp-pricebox::after{
  content:''; position:absolute; width:96px; height:96px; inset-inline-start:-58px; top:-72px;
  border:16px solid rgba(141,198,63,.13); border-radius:50%; pointer-events:none;
}
.pp-pricebox > *{ position:relative; z-index:1 }

/* بدنه (مبلغ یک‌ساله) و نوار کناری تعداد کاربره */
.pp-tk{ display:flex; align-items:stretch }
.pp-tk-body{
  flex:1 1 auto; min-width:0; padding:11px 12px 11px 8px;
  display:flex; flex-direction:column; justify-content:center;
}
.pp-tk-side{
  flex:0 0 50px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:linear-gradient(160deg,#0b5563,#008193); color:#fff;
}
.pp-tk-side b{ font-size:26px; font-weight:900; line-height:1.15 }
.pp-tk-side span{ font-size:10.5px; font-weight:800; color:rgba(255,255,255,.85) }

/* مبلغ یک‌ساله — عنوان و عدد در یک خط؛ عدد درشت و پررنگ */
.pp-year{ display:flex; align-items:baseline; gap:5px; margin:0; white-space:nowrap }
.pp-price-lab{ flex:0 0 auto; font-size:11.5px; font-weight:800; color:#5f7d83; white-space:nowrap }
.pp-year b{
  font-size:36px; font-weight:900; line-height:1.18; color:var(--ink);
  letter-spacing:-1.6px;
  text-shadow:0 1px 0 #fff, 0 0 .6px rgba(15,43,49,.6);
}
.pp-year i{ font-style:normal; font-weight:800; font-size:11.5px; color:#5f7d83; letter-spacing:0 }

/* معادل ماهانه — تمام‌عرض زیر نوار، با خط‌چین نازک از مبلغ یک‌ساله جدا می‌شود */
.pp-month{
  display:flex; align-items:center; gap:6px; margin:0; padding:9px 13px 11px;
  border-top:1px dashed #cfe6e9;
  font-size:11px; color:#5f7d83; line-height:1.9;
}
.pp-month span{ min-width:0 }
.pp-month b{ font-size:16px; font-weight:900; color:var(--teal-700); letter-spacing:-.5px; white-space:nowrap }
.pp-month i{ font-style:normal; font-weight:800; font-size:11px; color:var(--teal-700); margin-inline-start:1px }
.pp-month .pp-sl{ color:#9db2b8; font-weight:700; margin-inline:2px }

.pp-was{ margin:0; padding:0 13px 10px; font-size:10.5px; color:#b3261e }
.pp-num{ direction:rtl; unicode-bidi:isolate; letter-spacing:-1.2px }

.pp-cart{
  display:flex; width:100%; align-items:center; justify-content:center; gap:9px;
  padding:14px 20px; border-radius:var(--r-sm); background:var(--teal); color:#fff;
  font-size:14.5px; font-weight:900; transition:var(--tr); border:0; cursor:pointer;
}
.pp-cart:hover{ background:var(--teal-600) }
.pp-cart[disabled]{ opacity:.5; cursor:not-allowed }

.pp-trust{
  display:grid; gap:6px; list-style:none; margin:0;
  border-top:1px dashed var(--line); padding-top:12px;
  font-size:11.5px; color:var(--body);
}
.pp-trust li{ display:flex; gap:8px; align-items:flex-start }
.pp-trust li::before{ content:'✓'; color:var(--green-600); font-weight:900 }

/* ---------- نوار مزیت‌های خرید ---------- */
.pp-strip{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px;
  margin:0 0 26px; padding:18px;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--sh-1);
}
.pp-strip > div{
  display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center;
  font-size:11.5px; font-weight:700; color:var(--body); line-height:1.7;
}
.pp-strip-ico{
  width:38px; height:38px; border-radius:12px; display:grid; place-items:center;
  background:var(--teal-50); color:var(--teal);
}
.pp-strip-ico svg{ width:20px; height:20px }

/* ---------- تب‌های تمام‌عرض ---------- */
.pp-tabs{ margin-top:8px }
.pp-tabs-nav{
  display:flex; gap:6px; border-bottom:2px solid var(--line); margin-bottom:22px;
  overflow-x:auto; scrollbar-width:none;
}
.pp-tabs-nav::-webkit-scrollbar{ display:none }
.hp .pp-tabs .pp-tab{
  flex:0 0 auto; white-space:nowrap; padding:13px 26px; font-size:13.5px; font-weight:700;
  color:var(--body); border:1px solid transparent; border-bottom:0;
  border-radius:12px 12px 0 0; margin-bottom:-2px; transition:var(--tr);
}
.hp .pp-tabs .pp-tab:hover{ color:var(--teal); background:var(--teal-50) }
.hp .pp-tabs .pp-tab[aria-selected="true"]{
  color:var(--teal-700); background:#fff; border-color:var(--line);
  border-bottom:2px solid #fff; font-weight:900;
}
.hp .pp-tabs .pp-panel{ animation:ppFade .25s ease }
@keyframes ppFade{ from{ opacity:0; transform:translateY(6px) } to{ opacity:1; transform:none } }
.pp-panel-grid{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:26px; align-items:start }
.hp .pp-tabs .pp-panel .article-body{ font-size:13.8px; line-height:2.1; color:var(--body) }
.hp .pp-tabs .pp-panel .article-body h2{ font-size:19px; color:var(--ink); margin:24px 0 12px; font-weight:900 }
.hp .pp-tabs .pp-panel .article-body h3{ font-size:16.5px; color:var(--ink); margin:20px 0 10px; font-weight:800 }
.hp .pp-tabs .pp-panel .article-body h4{ font-size:15px; color:var(--teal); margin:16px 0 8px; font-weight:800 }
.hp .pp-tabs .pp-panel .article-body p{ margin-bottom:13px }
.hp .pp-tabs .pp-panel .article-body ul, .hp .pp-tabs .pp-panel .article-body ol{ margin:0 20px 15px 0 }
.hp .pp-tabs .pp-panel .article-body li{ margin-bottom:7px }
.hp .pp-tabs .pp-panel .article-body img{ max-width:100%; height:auto; border-radius:var(--r-md); margin:14px auto; display:block }
.hp .pp-tabs .pp-panel .article-body a{ color:var(--teal); font-weight:700; text-decoration:underline; text-underline-offset:3px }
.hp .pp-tabs .pp-panel .article-body table{ width:100%; border-collapse:collapse; margin:16px 0; font-size:13.3px; display:block; overflow-x:auto }
.hp .pp-tabs .pp-panel .article-body th, .hp .pp-tabs .pp-panel .article-body td{ border:1px solid var(--line); padding:10px 12px; text-align:right }
.hp .pp-tabs .pp-panel .article-body th{ background:var(--soft); font-weight:800; color:var(--ink) }

/* کارت خلاصهٔ چسبان داخل تب معرفی */
.pp-sticky{
  position:sticky; top:74px; background:#fff; border:1px solid var(--line);
  border-radius:var(--r-lg); box-shadow:var(--sh-1); padding:16px;
}
.pp-sticky-mini{ display:flex; gap:12px; align-items:center; margin-bottom:12px }
.pp-sticky-mini img{
  width:66px; height:56px; object-fit:contain; background:var(--soft);
  border-radius:var(--r-sm); padding:4px; flex:0 0 auto;
}
.pp-sticky-mini span{ font-size:12px; color:var(--body); line-height:1.8 }
.pp-sticky dl{ display:grid; gap:7px; font-size:11.5px; margin:0 0 12px }
.pp-sticky dl div{ display:flex; justify-content:space-between; gap:10px }
.pp-sticky dt{ color:var(--muted) }
.pp-sticky dd{ color:var(--ink); font-weight:800; margin:0 }
.pp-sticky-cta{
  display:block; text-align:center; padding:12px; border-radius:var(--r-sm);
  background:linear-gradient(90deg,#0b5563,#14808f); color:#fff; font-size:13px; font-weight:900;
}
.pp-sticky-cta:hover{ filter:brightness(1.08) }

/* مشخصات */
.pp-attrs{ width:100%; border-collapse:collapse; font-size:13.3px }
.pp-attrs th, .pp-attrs td{ border:1px solid var(--line); padding:11px 14px; text-align:right }
.pp-attrs th{ background:var(--soft); width:230px; font-weight:800; color:var(--ink) }

/* دیدگاه‌ها */
.pp-rhead{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  background:var(--soft); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:16px 20px; margin-bottom:18px;
}
.pp-rscore{ display:flex; align-items:center; gap:12px }
.pp-rscore > b{ font-size:26px; font-weight:900; color:var(--teal); line-height:1 }
.pp-rscore small{ display:block; font-size:11.5px; color:var(--muted); margin-top:2px }
.pp-reviews{ display:grid; gap:11px; list-style:none }
.pp-review{ background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:15px 18px; box-shadow:var(--sh-1) }
.pp-review-head{ display:flex; align-items:center; gap:11px; margin-bottom:8px }
.pp-avatar{
  flex:0 0 38px; width:38px; height:38px; border-radius:50%; display:grid; place-items:center;
  background:linear-gradient(135deg,var(--teal),var(--green)); color:#fff; font-weight:900; font-size:14px;
}
.pp-who{ flex:1 1 auto; min-width:0 }
.pp-who b{ display:block; font-size:12.8px; color:var(--ink) }
.pp-who time{ font-size:11px; color:var(--muted) }
.pp-review p{ font-size:12.8px; line-height:2.05; margin:0; color:var(--body) }
.pp-rform{ margin-top:20px; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:20px 22px }
.pp-rform h3{ font-size:15px; font-weight:900; color:var(--ink); margin:0 0 10px }
.pp-rform p{ font-size:12.5px; line-height:2; color:var(--body); margin:0 0 14px }
.pp-rform a{ color:var(--teal); font-weight:800; text-decoration:underline }

/* پرسش‌ها */
.pp-qa{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px }
.pp-qa-item{ background:var(--soft); border:1px solid var(--line); border-radius:var(--r-md); padding:15px 17px }
.pp-qa-item h3{ font-size:13px; font-weight:800; color:var(--ink); margin:0 0 6px }
.pp-qa-item p{ font-size:12.3px; line-height:2; margin:0; color:var(--body) }

.pp-related{ margin-top:34px }

/* ══════════ واکنش‌گرایی صفحهٔ محصول ══════════ */
@media (max-width:1180px){
  .pp-top{ grid-template-columns:minmax(0,1fr) 300px; gap:18px }
  /* با ارقام انگلیسی و جداکنندهٔ «,» متن «معادل ماهانه» کمی پهن‌تر شد؛
     در این عرض کمی جمع‌تر می‌شود تا همچنان تک‌خطی بماند */
  .pp-month{ font-size:10.4px; padding:9px 10px 11px; gap:4px }
  .pp-month b{ font-size:14.5px; letter-spacing:-.6px }
  .pp-month i{ font-size:10.2px }
  .pp-month .pp-sl{ margin-inline:1px }
  .pp-about-row{ grid-template-columns:minmax(0,1fr) 220px; gap:16px }
  .pp-main-img{ min-height:180px }
  .pp-main-img img{ max-height:190px }

  /* در ستون باریک: یک‌ساله → خط‌چین → معادل ماهانه → نوار «کاربره» */
  .pp-pricebox{ display:flex; flex-direction:column }
  .pp-tk{ display:contents }
  .pp-tk-body{ order:1; padding:12px 13px 11px }
  .pp-month{ order:2 }
  .pp-tk-side{ order:3; flex:0 0 auto; flex-direction:row; gap:7px; padding:8px 12px }
  .pp-tk-side b{ font-size:21px; line-height:1.2 }
  .pp-tk-side span{ font-size:12px }
}

/* تک‌ستونه: خرید ← (تصویر ← خلاصه ← تراشه‌ها ← ویژگی‌ها) */
@media (max-width:1024px){
  .pp-top{ grid-template-columns:minmax(0,1fr); gap:18px }
  .pp-buy-col{ grid-column:1; grid-row:auto; order:1; position:static }
  .pp-about-col{ grid-column:1; grid-row:auto; order:2; display:flex; flex-direction:column }

  /* اجزای ردیف داخلی به سطح بالاتر می‌آیند تا تصویر اول قرار بگیرد */
  .pp-about-row{ display:contents }
  .pp-gallery-col{ order:1; margin-bottom:14px }
  .pp-about-col > section:first-child{ order:2 }
  .pp-chips{ order:3 }
  .pp-keys{ order:4 }
  .pp-warn{ order:5 }
  .pp-ship{ order:6 }

  .pp-main-img{ min-height:230px }
  .pp-main-img img{ max-height:250px }
  .pp-panel-grid{ grid-template-columns:minmax(0,1fr) }
  .pp-sticky{ position:static }
  .pp-strip{ grid-template-columns:repeat(3,minmax(0,1fr)) }
  .pp-head{ align-items:flex-start; flex-direction:column; gap:10px }
  .pp-qa{ grid-template-columns:1fr }
}

@media (max-width:640px){
  .pp-wrap{ padding:0 12px }
  .pp-head{ padding:15px }
  .pp-h1{ font-size:19px }

  /* جعبهٔ قیمت در موبایل */
  .pp-tk-body{ padding:12px 13px 11px }
  .pp-year b{ font-size:28px }

  .pp-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); padding:14px }
  .pp-figure{ padding:10px }
  .pp-attrs th{ width:auto }
  .pp-attrs th, .pp-attrs td{ padding:9px 10px; font-size:12.3px }
  .hp .pp-tabs .pp-tab{ padding:11px 16px; font-size:12.5px }
  .pp-rhead{ padding:13px 14px }
  .pp-rscore > b{ font-size:22px }
  .pp-review{ padding:13px 14px }
  .pp-warn{ font-size:11.5px; padding:11px 13px }
}

@media (max-width:380px){
  .pp-tier{ min-width:38px; padding:7px 9px }
  .pp-tk-body{ padding:11px 12px 10px }
  .pp-year{ gap:4px }
  .pp-year b{ font-size:24px; letter-spacing:-1.2px }
  .pp-price-lab, .pp-year i{ font-size:11px }
  .pp-month{ font-size:10.5px; padding:8px 12px 10px }
  .pp-month b{ font-size:15px }
  .pp-month i{ font-size:10.5px }
  .pp-tk-side b{ font-size:21px }
}

/* ══════════════════════════════════════════════════════════════════════════
   فروشگاه (/shop/ و صفحات دستهٔ محصول)
   راست: سایدبار فیلتر با یک پس‌زمینهٔ یکدست | چپ: نوار بالای محصولات + شبکه
   ══════════════════════════════════════════════════════════════════════════ */

/* بردکرامب کمی از هدر فاصله بگیرد */
.hp .crumb-nav{ margin-top:16px }
@media (max-width:760px){ .hp .crumb-nav{ margin-top:12px } }

.shop-layout{
  display:grid; grid-template-columns:264px minmax(0,1fr);
  gap:24px; align-items:start;
}
.shop-main{ min-width:0 }

/* ---------- سایدبار: یک رنگ، عناصر بی‌رنگ، خط جداکنندهٔ کم‌رنگ ---------- */
.shop-side{
  position:sticky; top:74px; min-width:0;
  background:#e9f4f7; border:1px solid #d2e7ed; border-radius:var(--r-lg);
  padding:4px 15px 12px;
}
.shop-side-head{ display:none }

.side-card{
  background:transparent; border:0; border-radius:0;
  padding:13px 0; margin:0;
  border-bottom:1px solid rgba(0,129,147,.16);
}
.side-h{
  font-size:12.8px; font-weight:900; color:var(--ink);
  margin:0 0 7px; line-height:1.75;
}

/* درخت دسته‌بندی */
.side-tree, .side-sub{ list-style:none; margin:0; padding:0 }
.side-tree{ display:grid; gap:0 }
.side-sub{ display:grid; gap:0; margin:1px 0 2px }
.side-link{
  display:flex; align-items:center; gap:7px;
  padding:6px 8px; border-radius:8px; font-size:12.3px; font-weight:700;
  color:var(--body); transition:var(--tr); line-height:1.7;
}
.side-link:hover{ background:rgba(0,129,147,.08); color:var(--teal-700) }
.side-link.is-active{ background:rgba(0,129,147,.13); color:var(--teal-700); font-weight:900 }
.side-link span{ flex:1 1 auto; min-width:0 }
.side-link--child{ padding-inline-start:19px; font-size:11.9px; font-weight:600 }
.side-caret{
  flex:0 0 auto; width:6px; height:6px; margin-inline-end:3px;
  border-inline-end:2px solid #a9c4ca; border-bottom:2px solid #a9c4ca;
  transform:rotate(45deg); transition:var(--tr);
}
.side-branch.is-open > .side-link--parent .side-caret{ transform:rotate(-135deg) }

/* گزینه‌های فیلتر */
.side-opts{ list-style:none; margin:0; padding:0; display:grid; gap:0 }
.side-opt{
  position:relative; display:flex; align-items:center; gap:9px;
  padding:5px 8px; border-radius:8px; cursor:pointer; transition:var(--tr);
  font-size:12.2px; color:var(--body); line-height:1.7;
}
.side-opt:hover{ background:rgba(0,129,147,.08) }
.side-opt input{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none }
.side-tick{
  position:relative; flex:0 0 auto; width:16px; height:16px;
  border:1.5px solid #b7d3da; border-radius:5px; background:#fff; transition:var(--tr);
}
.side-opt input:checked ~ .side-tick{ background:var(--teal); border-color:var(--teal) }
.side-opt input:checked ~ .side-tick::after{
  content:''; position:absolute; left:4px; top:1px; width:5px; height:8px;
  border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);
}
.side-opt input:focus-visible ~ .side-tick{ box-shadow:0 0 0 3px var(--teal-100) }
.side-name{ flex:1 1 auto; min-width:0 }

/* «نمایش بیشتر» */
.side-more{ margin-top:5px }
.side-more summary{
  cursor:pointer; font-size:11.5px; font-weight:800; color:var(--teal);
  list-style:none; padding:3px 8px;
}
.side-more summary::-webkit-details-marker{ display:none }
.side-more summary::after{ content:' ⌄'; font-weight:900 }
.side-more[open] summary::after{ content:' ⌃' }
.side-more .side-opts{ margin-top:4px }

/* اقدام‌ها */
.side-actions{ padding-top:14px }
.side-apply{
  width:100%; padding:12px; border:0; border-radius:10px; background:var(--teal); color:#fff;
  font-size:13.5px; font-weight:900; font-family:inherit; cursor:pointer; transition:var(--tr);
}
.side-apply:hover{ background:var(--teal-600) }
.side-clear{
  display:block; text-align:center; margin-top:9px; padding:8px; border-radius:9px;
  background:transparent; border:1px solid rgba(179,38,30,.25); color:#b3261e;
  font-size:11.5px; font-weight:800;
}
.side-clear:hover{ background:rgba(179,38,30,.06) }

/* ---------- نوار لغزندهٔ بازهٔ تعداد کاربر ---------- */
.side-range-slider{ position:relative; height:24px; margin:10px 6px 0; direction:rtl }
.side-range-track{
  position:absolute; top:10px; left:0; right:0; height:5px;
  border-radius:99px; background:#d6e9ee;
}
.side-range-fill{
  position:absolute; top:0; bottom:0; inset-inline-start:0; width:100%;
  border-radius:99px; background:linear-gradient(270deg,#008193,#0a9aab);
}
.side-range-slider input[type=range]{
  position:absolute; top:1px; left:0; width:100%; height:22px; margin:0;
  -webkit-appearance:none; appearance:none; background:none; pointer-events:none;
}
.side-range-slider input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none; pointer-events:auto;
  width:18px; height:18px; border-radius:50%; background:#fff;
  border:3px solid var(--teal); box-shadow:0 2px 6px rgba(13,43,49,.22); cursor:pointer;
}
.side-range-slider input[type=range]::-moz-range-thumb{
  pointer-events:auto; width:14px; height:14px; border-radius:50%; background:#fff;
  border:3px solid var(--teal); box-shadow:0 2px 6px rgba(13,43,49,.22); cursor:pointer;
}
.side-range-slider input[type=range]:focus-visible::-webkit-slider-thumb{ box-shadow:0 0 0 4px var(--teal-100) }
.side-range-vals{
  display:flex; align-items:baseline; justify-content:space-between; gap:8px;
  margin-top:12px; font-size:11.5px; font-weight:700; color:#5f7d83;
}
.side-range-vals b{ font-size:13.5px; font-weight:900; color:var(--teal-700) }

/* ---------- نوار بالای محصولات ---------- */
.shop-toolbar{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  background:linear-gradient(100deg,#eef5fd 0%,#f8fcff 100%);
  border:1px solid #d4e5f6; border-radius:var(--r-md);
  padding:9px 14px; margin-bottom:16px;
}
.shop-title{
  margin:0; margin-inline-end:auto; font-size:17px; font-weight:900;
  color:var(--ink); line-height:1.65;
}
.shop-result{
  margin:0; font-size:11.5px; font-weight:800; color:#2c5f8c;
  background:#e2eefb; border:1px solid #d4e5f6; border-radius:99px; padding:3px 10px;
}
.shop-sort{
  display:flex; align-items:center; gap:6px; margin:0;
  font-size:11.5px; font-weight:800; color:#2c5f8c;
}
.shop-sort select{
  padding:7px 10px; border:1px solid #bcd8f2; border-radius:9px; background:#e8f2fd;
  color:#1b4f7a; font-family:inherit; font-size:12.3px; font-weight:800; cursor:pointer;
}
.shop-sort select:hover{ border-color:#8fbdea }
.shop-apply{
  padding:8px 16px; border:0; border-radius:9px; background:#1b6fb5; color:#fff;
  font-family:inherit; font-size:12.5px; font-weight:900; cursor:pointer; transition:var(--tr);
}
.shop-apply:hover{ background:#155a94 }
.shop-filter-btn{
  display:none; align-items:center; gap:7px; padding:8px 14px;
  border:1px solid #bcd8f2; border-radius:9px; background:#fff; color:#1b4f7a;
  font-size:12.5px; font-weight:800; font-family:inherit; cursor:pointer;
}

.shop-intro{
  background:var(--soft); border:1px solid var(--line); border-radius:var(--r-md);
  padding:12px 15px; margin-bottom:16px; font-size:12.8px; line-height:2; color:var(--body);
}
.shop-intro p:last-child{ margin-bottom:0 }

/* متن کوتاه بالای محصولات: جمع‌وجور، فقط چند خط */
.shop-intro--top{
  font-size:13px; line-height:2; color:#274b52;
  background:linear-gradient(180deg,#f2fbfc,#fff);
  border-color:#cfe6ea;
}
.shop-intro--top p{ margin:0 }                     /* یک پاراگراف کوتاه، بدون فاصلهٔ اضافه */
.shop-intro--top h2,.shop-intro--top h3{ font-size:15px; margin:0 0 4px }

/* توضیحات اصلی زیر محصولات */
.shop-intro--bottom{
  margin:22px 0 0; padding:16px 18px; font-size:13px; line-height:2.1;
  background:#fff; border-color:#e6eef1;
}
.shop-intro--bottom::before{
  content:'توضیحات کامل'; display:block; font-size:11.5px; font-weight:800;
  color:#008193; margin-bottom:8px; letter-spacing:.2px;
}
.shop-intro--bottom h2{ font-size:17px; margin:18px 0 8px; color:#0f2b31 }
.shop-intro--bottom h3{ font-size:15px; margin:16px 0 6px; color:#0f2b31 }
.shop-intro--bottom h2:first-child,.shop-intro--bottom h3:first-child{ margin-top:0 }
.shop-intro--bottom ul,.shop-intro--bottom ol{ padding-inline-start:20px; margin:8px 0 }
.shop-intro--bottom li{ margin-bottom:5px }
.shop-intro--bottom img{ max-width:100%; height:auto; border-radius:8px }
.shop-intro--bottom table{ width:100%; border-collapse:collapse; font-size:12.5px; margin:10px 0 }
.shop-intro--bottom th,.shop-intro--bottom td{ border:1px solid #e6eef1; padding:7px 9px; text-align:right }
.shop-intro--bottom th{ background:#f6fafb; font-weight:700 }

/* شبکهٔ محصولات در ستون باریک‌تر */
.shop-main .pgrid{ grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:0 }

/* ---------- واکنش‌گرایی ---------- */
@media (max-width:1180px){
  .shop-layout{ grid-template-columns:236px minmax(0,1fr); gap:18px }
  .shop-main .pgrid{ grid-template-columns:repeat(2,minmax(0,1fr)) }
}
@media (max-width:1024px){
  .shop-layout{ display:block }
  .shop-side{
    position:fixed; top:0; bottom:0; inset-inline-start:0; z-index:90;
    width:min(86vw,330px); overflow-y:auto; overscroll-behavior:contain;
    background:#e9f4f7; border:0; border-inline-end:1px solid #d2e7ed;
    box-shadow:14px 0 40px rgba(13,43,49,.20);
    padding:12px 15px 22px; border-radius:0;
    transform:translateX(105%); transition:transform .28s cubic-bezier(.2,.7,.3,1);
  }
  .shop-layout.side-open .shop-side{ transform:none }
  .shop-layout.side-open::after{
    content:''; position:fixed; inset:0; z-index:80; background:rgba(13,43,49,.45);
  }
  .shop-side-head{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:2px 2px 8px; position:sticky; top:0; background:#e9f4f7; z-index:2;
  }
  .shop-side-head b{ font-size:13.5px; font-weight:900; color:var(--ink) }
  .shop-side-close{
    width:32px; height:32px; border-radius:9px; border:1px solid #cfe4ea; background:#fff;
    font-size:14px; font-weight:900; color:var(--body); cursor:pointer; font-family:inherit;
  }
  .shop-filter-btn{ display:inline-flex }
}
@media (max-width:760px){
  .shop-main .pgrid{ grid-template-columns:repeat(2,minmax(0,1fr)) }
  .shop-title{ font-size:15.5px; width:100%; margin-inline-end:0 }
  .shop-result{ margin-inline-start:auto }
}
@media (max-width:520px){
  .shop-main .pgrid{ grid-template-columns:1fr }
  .shop-toolbar{ gap:8px; padding:9px 11px }
  .shop-sort span{ display:none }
}

/* سایدبار بلند: اسکرول داخلی روی دسکتاپ */
@media (min-width:1025px){
  .shop-side{ max-height:calc(100vh - 92px); overflow-y:auto; overscroll-behavior:contain }
  .shop-side::-webkit-scrollbar{ width:6px }
  .shop-side::-webkit-scrollbar-thumb{ background:#c3dde3; border-radius:99px }
}
/* ایموجی‌های وردپرس — عیناً همان قاعدهٔ wp-emoji-styles-inline-css سایت اصلی
   (بدون آن، ایموجی‌های SVG با اندازهٔ پیش‌فرض مرورگر رندر می‌شدند) */
img.wp-smiley, img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}

/* ==========================================================================
   تب‌های محصولات صفحهٔ اصلی — ظاهر «زبانهٔ واقعی» چسبیده به پنل زیرین
   زبانهٔ فعال: پس‌زمینهٔ سفید هم‌رنگ پنل، بدون خط جداکننده در پایینِ خودش،
   با نوار رنگی بالا و گوشهٔ گرد فقط در بالا → مثل زبانهٔ پوشه به پنل وصل می‌شود.
   ========================================================================== */

/* خطِ ریلِ زبانه‌ها به‌صورت inset-shadow کشیده می‌شود تا حتی وقتی نوار
   اسکرول افقی دارد هم زبانهٔ فعال بتواند ۱ پیکسل روی آن را بپوشاند */
.hp .sec--products .tabs{ padding:0 22px 22px }
.hp .tabs-nav{
  background:transparent; border:0; border-radius:0;
  box-shadow:inset 0 -1px 0 #cfe2e7;
  padding:16px 0 1px; gap:6px; align-items:flex-end;
}
.hp .tab-btn{
  flex:1 1 0; min-width:230px; min-height:60px;
  background:#e9f2f4; color:#42606a;
  border:1px solid #dcebee; border-bottom:0; border-radius:14px 14px 0 0;
  padding:12px 16px 13px; margin-bottom:0;
  justify-content:flex-start;
  position:relative; z-index:1; overflow:visible;
}
.hp .tab-btn:hover{ background:#dfecef; color:var(--teal) }
/* فقط زبانهٔ فعال ۱ پیکسل پایین‌تر می‌آید و خطِ ریل را زیر خودش می‌پوشاند */
.hp .tab-btn[aria-selected="true"]{
  background:#fff; color:var(--teal);
  border-color:#cfe2e7; margin-bottom:-1px;
  z-index:3; box-shadow:0 -7px 16px rgba(13,43,49,.07);
}
/* نوار تأکید بالای زبانهٔ فعال */
.hp .tab-btn[aria-selected="true"]::before{
  content:''; position:absolute; inset:0 0 auto 0; height:4px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,var(--teal) 0%,#12a0b0 55%,var(--green) 100%);
}
/* متن زبانه: عنوان درشت‌تر، زیرنویس کوچک‌تر زیر آن — هر دو راست‌چین */
.hp .tab-text{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-width:0; text-align:right }
.hp .tab-label{ font-size:16.5px; font-weight:900; line-height:1.4; letter-spacing:-.3px }
.hp .tab-red{ color:var(--red); font-weight:900 }
.hp .tab-btn small{
  display:inline-block; font-size:12px; font-weight:800; line-height:1.6;
  padding:1px 9px; border:1px solid #cbe3e8; border-radius:999px;
  background:#eef7f9; color:#2f6472; opacity:1; white-space:nowrap;
}
/* زیرنویس زبانهٔ فعال کمی پررنگ‌تر */
.hp .tab-btn[aria-selected="true"] small{ background:#e0f2f5; border-color:#a7d7de; color:var(--teal-700) }
.hp .tab-icon{
  width:26px; height:26px; border-radius:0;
  background:none; border:0; box-shadow:none;
}
/* آیکن‌ها SVG رنگی‌اند: خطِ home.css (fill:none/stroke:currentColor) باید خنثی شود */
.hp .tab-icon svg{ width:26px; height:26px; fill:none; stroke:none }
.hp .tab-btn[aria-selected="true"] .tab-icon{ background:none; border:0; box-shadow:none }
/* پنل بی‌فاصله زیر خط ریل شروع می‌شود تا اتصال زبانه دیده شود */
.hp .tabs-panels{ margin-top:0; padding-top:22px }

/* در عرض‌های میانی، فونت کمی جمع‌تر می‌شود تا متن از زبانه بیرون نزند */
@media(max-width:1180px){
  .hp .tab-btn{ min-width:236px }
  .hp .tab-label{ font-size:15px }
  .hp .tab-btn small{ font-size:11.5px }
}

/* --------------------------------------------------------------------------
   زیر ۱۰۲۴px: هیچ زبانه‌ای پنهان نمی‌شود
   مشکل قبلی: نوار افقی اسکرول‌دار بود و کاربر فقط ۱ زبانه را می‌دید و ممکن بود
   فکر کند نسخهٔ موبایل وجود ندارد. حالا زبانه‌ها کارت می‌شوند:
     • ۶۴۱ تا ۱۰۲۴px → یک ردیف چهارستونی
     • زیر ۶۴۱px    → گرید ۲×۲
   -------------------------------------------------------------------------- */
@media(max-width:1024px){
  .hp .tabs-nav{
    display:grid; grid-template-columns:repeat(4,1fr); gap:6px;
    margin:0; padding:12px 0 1px; border-radius:0;
    overflow:visible; align-items:stretch;
    box-shadow:inset 0 -1px 0 #cfe2e7;
  }
  .hp .tabs-nav::after{ display:none }
  .hp .tab-btn{
    flex:none; width:auto; min-width:0; min-height:0;
    flex-direction:column; align-items:center; justify-content:center;
    gap:5px; padding:9px 7px 10px; border-radius:12px; text-align:center;
    border:1px solid #dcebee; border-bottom:1px solid #dcebee;
    margin-bottom:0;
  }
  .hp .tab-btn[aria-selected="true"]{ margin-bottom:0; border-color:#cfe2e7 }
  .hp .tab-btn[aria-selected="true"]::before{ border-radius:12px 12px 0 0; height:3px }
  .hp .tab-icon{ width:24px; height:24px }
  .hp .tab-icon svg{ width:24px; height:24px }
  .hp .tab-text{ align-items:center; text-align:center; gap:3px; min-width:0 }
  .hp .tab-label{ font-size:12px; line-height:1.45; white-space:normal; letter-spacing:0 }
  .hp .tab-btn small{ font-size:9.5px; line-height:1.5; padding:1px 6px; border-radius:8px; white-space:normal; text-align:center }
}

@media(max-width:640px){
  .hp .sec--products .tabs{ padding:0 14px 16px }
  .hp .tabs-nav{ grid-template-columns:1fr 1fr; padding:10px 0 1px }
  .hp .tab-btn{ padding:10px 8px 11px }
  .hp .tabs-panels{ padding-top:16px }
}
/* ==========================================================================
   جعبهٔ معرفی داخل تب‌های صفحهٔ اصلی — تصویر محصول به سمتِ چپِ متن منتقل شد
   (قبلاً ستون اول بود و در RTL سمت راست می‌افتاد)
   ========================================================================== */
.hp .sec--products .lead{ grid-template-columns:minmax(0,1fr) 240px }
.hp .sec--products .lead>.lead-art{ grid-column:2; grid-row:1 }
.hp .sec--products .lead>div:not(.lead-art){ grid-column:1; grid-row:1; min-width:0 }

@media(max-width:820px){
  .hp .sec--products .lead{ grid-template-columns:1fr }
  .hp .sec--products .lead>.lead-art,
  .hp .sec--products .lead>div:not(.lead-art){ grid-column:auto; grid-row:auto }
}
/* ==========================================================================
   عرض سایت ۱۳۰۰px و جمع‌کردن فاصله‌های عمودی صفحهٔ اصلی
   (قبلاً محتوای بخش‌ها ۱۲۰۰px بود و با هدر ۱۳۳۰px هم‌تراز نبود)
   ========================================================================== */

/* --- عرض محتوا: همه‌جا ۱۳۰۰px --- */
.wrap{ max-width:1332px }
.header-inner{ max-width:1332px }
.hp .sec{ max-width:1332px }
.hp .hero-grid{ max-width:1332px }
.hp .top-nav .wrap,
.hp .sale-inner{ max-width:1332px }
.hp .sec--products,
.hp .cmp-section{ max-width:none; padding-inline:max(16px,calc((100% - 1300px)/2)) }
.hp .sec--products>.s-head,
.hp .sec--products>.tabs,
.hp .compare-grid,
.hp .intro .s-desc{ max-width:1300px }
/* سرتیتر بخش مقایسه عمداً باریک‌تر می‌ماند تا متن وسط‌چین خوانا بماند */
.hp .cmp-section>.s-head{ max-width:850px }

/* --- فاصله‌های عمودی: کمی جمع‌تر، ولی نه چسبیده --- */
.hp .sec{ padding-top:38px; padding-bottom:6px }
.hp .sec--band{ padding-top:14px }
.hp .s-head{ margin-bottom:24px }
.hp .sec--products{ margin-top:12px; padding-top:34px; padding-bottom:38px }
.hp .sec--products>.s-head{ margin-bottom:18px }
.hp .cmp-section{ padding-top:40px; padding-bottom:44px }
.hp .compare-grid{ margin-top:22px }

@media(max-width:820px){
  .hp .sec{ padding-top:32px }
  .hp .sec--products{ margin-top:14px; padding-top:34px; padding-bottom:28px }
  .hp .cmp-section{ padding-top:30px; padding-bottom:32px }
  .hp .s-head{ margin-bottom:18px }
}
/* ==========================================================================
   نشان دستگاه در کارت‌های محصول + برچسب ECO قرمز + درشت‌کردن عدد تعداد کاربر
   ========================================================================== */

/* رسانهٔ نشان دستگاه (آیکن + برچسب ECO) */
.hp .device-tile .dt-media{ position:relative; display:inline-flex; flex:0 0 auto }
/* برچسب ECO: کوچک و قرمز، روی «کنج پایینِ سمت راستِ مانیتور» —
   نیمی داخل مانیتور و نیمی بیرون (مرکز برچسب روی گوشهٔ مانیتور) */
.hp .device-tile .dt-eco,
.hp .compare-card .dt-eco{
  position:absolute; left:88%; top:73%; transform:translate(-50%,-50%);
  font-style:normal;
  font-size:7.5px; font-weight:900; letter-spacing:.2px; line-height:1.6;
  padding:0 3px; border-radius:3px;
  background:var(--red); color:#fff;
  box-shadow:0 1px 4px rgba(150,20,30,.4);
  z-index:2;
}
/* برچسب سبز قبلی حذف می‌شود */
.hp .device-tile.is-eco::after{ content:none }

/* عدد تعداد کاربر در عنوان محصول: خیلی درشت‌تر، پررنگ‌تر و بدون افزایش ارتفاع سطر */
.hp .p-title .seat-n{
  font-size:1.55em; font-weight:900; color:#08375a;
  line-height:0; display:inline-block; vertical-align:baseline;
  margin:0 1px;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.hp .band .p-title .seat-n{ color:#08375a }
/* در صفحهٔ محصول و کارت مقایسه هم همان عدد درشت شود */
.pp-h1 .seat-n{ font-size:1.45em; font-weight:900; color:#08375a; line-height:0; display:inline-block; vertical-align:baseline }

/* تصویر کارت مقایسه: نگه‌داشتن همان اندازهٔ قبلی بعد از افزودن پوشش */
.hp .compare-card>.cmp-media{ position:relative; display:inline-flex; margin-bottom:9px }
.hp .compare-card>.cmp-media img{ height:60px; width:80px; object-fit:contain }
/* ==========================================================================
   موبایل: دو محصول در هر ردیف (بخش پرفروش‌ها + همهٔ زبانه‌ها)
   و دکمهٔ «خرید بیش از ۱ کاربر» در بخش پرفروش‌ها
   ========================================================================== */

/* دکمهٔ چند کاربره: فقط در موبایل/تبلت (جایی که چیدمان بخش عمودی می‌شود) */
.hp .band-side .band-more{ display:none }

@media(max-width:1020px){
  .hp .band-side{ flex-wrap:wrap; row-gap:9px }
  .hp .band-side .band-more{
    display:flex; flex:1 1 100%; align-items:center; justify-content:center; gap:6px;
    padding:9px 12px; border-radius:11px; margin-top:0;
    background:#fff; color:var(--teal); font-size:12.5px; font-weight:900;
    box-shadow:0 3px 10px rgba(0,45,52,.18);
  }
  .hp .band-side .band-more:hover{ color:var(--teal-600) }
}

@media(max-width:600px){
  /* دو ستون: بخش پرفروش‌ها */
  .hp .band-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px }
  /* دو ستون: کارت‌های داخل زبانه‌ها — با فشرده‌سازی متناسب */
  .hp .tabs-panels .band-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px }

  .hp .tabs-panels .p-card{ padding:11px 9px; gap:7px; border-radius:14px }
  .hp .tabs-panels .p-title{ font-size:11.5px; line-height:1.6; min-height:36px }
  .hp .tabs-panels .p-title .tag{ font-size:8.5px; padding:1px 5px }
  .hp .tabs-panels .p-thumb img{ max-height:74px }
  .hp .tabs-panels .device-tile{ min-height:30px; margin:-2px 0 0; gap:5px }
  .hp .tabs-panels .device-tile img{ width:42px; height:31px }
  .hp .tabs-panels .device-tile span{ font-size:8px }
  .hp .tabs-panels .p-price{ padding:8px 6px; border-radius:10px }
  .hp .tabs-panels .p-price b{ font-size:25px }
  .hp .tabs-panels .p-price span{ font-size:9px }
  .hp .tabs-panels .p-yearly{ padding:5px 7px; font-size:10px; line-height:1.65 }
  .hp .tabs-panels .p-yearly b{ font-size:11px }
  .hp .tabs-panels .p-feats{ gap:4px }
  .hp .tabs-panels .p-feats li{ font-size:9.5px; line-height:1.55; gap:5px }
  .hp .tabs-panels .p-feats i{ flex:0 0 13px; width:13px; height:13px; line-height:13px; font-size:8px; margin-top:2px }
  .hp .tabs-panels .p-cta{ padding:9px 4px; font-size:10px; min-height:34px; gap:4px; line-height:1.4 }

  /* کارت‌های بخش پرفروش‌ها در دو ستون هم فشرده‌تر می‌شوند */
  .hp .band .p-card{ padding:11px 9px; gap:7px }
  .hp .band .p-title{ font-size:11.5px; min-height:36px; line-height:1.6 }
  .hp .band .p-price b{ font-size:26px }
  .hp .band .p-price span{ font-size:9px }
  .hp .band .p-price{ padding:8px 6px; border-radius:10px }
  .hp .band .p-yearly{ padding:5px 7px; font-size:10px; line-height:1.65 }
  .hp .band .p-yearly b{ font-size:11px }
  .hp .band .p-feats li{ font-size:9.5px; line-height:1.55 }
  .hp .band .p-cta{ font-size:10px; min-height:34px; padding:9px 4px; line-height:1.4 }
}
/* ==========================================================================
   درشت‌ترکردن عدد و واژهٔ «کاربر» در عنوان + بزرگ‌ترکردن متن کنار تصویر دستگاه
   ========================================================================== */

/* عدد تعداد کاربر: درشت‌تر از قبل، هم‌رنگ و پررنگ */
.hp .p-title .seat-n{
  font-size:1.95em; font-weight:900; color:#06304f;
  line-height:0; display:inline-block; vertical-align:baseline; margin:0 2px;
}
/* واژهٔ «کاربر/کاربره» کنار عدد: کمی بزرگ‌تر از متن عنوان */
.hp .p-title .seat-w{ font-size:1.22em; font-weight:900; color:#0a3d5c; line-height:1; display:inline-block; vertical-align:baseline }
.pp-h1 .seat-n{ font-size:1.75em }
.pp-h1 .seat-w{ font-size:1.15em; font-weight:900 }

/* متن کنار تصویر دستگاه («۱ کامپیوتر») کمی بزرگ‌تر */
.hp .device-tile span{ font-size:12px }
.hp .band .device-tile span{ font-size:9.5px }
.hp .tabs-panels .device-tile span{ font-size:9.5px }
/* ==========================================================================
   تصویر هیرو: بدون کشیدگی — با اندازهٔ اصلی فایل (۶۰۰×۲۶۰)
   علت کشیدگی قبلی: «max-width:100%» و «max-height:215px» با هم اعمال می‌شدند و
   مرورگر جعبه را ۶۲۱×۲۱۵ می‌ساخت (نسبت ۲.۸۹ به‌جای ۲.۳۱).
   اکنون عرض ثابت ۶۰۰px و ارتفاع خودکار است، پس نسبت همیشه حفظ می‌شود.
   ========================================================================== */
.hp .hero-art img{
  width:600px; height:auto; max-width:100%; max-height:none;
}
@media(max-width:600px){
  /* در موبایل همان اندازهٔ قبلی (۳۱۰px) با نسبت درست */
  .hp .hero-art img{ width:min(100%,310px); height:auto; max-height:none }
}
/* ==========================================================================
   بازبینی سراسری اندازهٔ فونت (درخواست کارفرما)
   قاعده: ۱۳ → ۱۴ · ۱۴ مهم → ۱۵ · دکمه‌ها ۱۴ → ۱۵/۱۶ · عنوان مقاله ۱۶ → ۱۸
   نکته: در موبایلِ دوستونی، کارت محصول ۱۶۴px عرض دارد و متن ۱۴px در آن جا
   نمی‌شود؛ برای آن حالت مقیاس کوچک‌تر (ولی بازهم بزرگ‌تر از قبل) در انتها آمده.
   ========================================================================== */

/* --- کارت‌های محصول (صفحهٔ اصلی، فروشگاه، دسته، مرتبط) --- */
.hp .p-title{ font-size:14.5px; line-height:1.75 }
.hp .p-price span{ font-size:13.5px; line-height:1.55 }
.hp .p-price b{ font-size:40px }
.hp .p-yearly{ font-size:13.5px; line-height:1.65 }
.hp .p-yearly b{ font-size:15.5px }
.hp .p-feats li{ font-size:13.5px; line-height:1.75 }
.hp .p-cta{ font-size:14.5px; min-height:46px }
.hp .device-tile span{ font-size:12.5px }

/* --- بخش مقایسهٔ نسخه‌ها --- */
.hp .compare-card h3{ font-size:16px }
.hp .compare-card p{ font-size:13.5px; line-height:1.85 }
.hp .compare-card ul{ margin:14px 0 }
.hp .compare-card li{ font-size:13.5px; line-height:1.7 }
.hp .compare-card a{ font-size:14.5px; min-height:42px }
/* دکمهٔ زرد اقتصادی: کنتراست بالا با متن تیره‌تر و پس‌زمینهٔ پررنگ‌تر */
.hp .compare-card.eco{ border-color:#e8c33f }
.hp .compare-card.eco .compare-tag{ background:#f0b800; color:#3d2f00 }
.hp .compare-card.eco a{ background:#ffd84d; color:#3d2f00; font-weight:900 }

/* --- توضیح زیر عنوان بخش‌ها --- */
.hp .s-desc{ font-size:14.5px; line-height:2.05 }
.hp .s-eyebrow{ font-size:14px }

/* --- نظرات مشتریان --- */
.hp .tquote blockquote p{ font-size:14px; line-height:2.1 }
.hp .tquote .name{ font-size:14.5px }
.hp .tquote .role{ font-size:13px }

/* --- مقالات وبلاگ --- */
.hp .b-title{ font-size:16px; line-height:1.7 }
.hp .btn-soft{ font-size:14.5px }

/* --- سوالات متداول --- */
.hp .faq-btn{ font-size:14.5px }
.hp .faq-body p{ font-size:14px; line-height:2.1 }

/* --- فوتر --- */
.site-footer .f-h{ font-size:16px }
.site-footer .f-col a{ font-size:14px }
.site-footer .f-note,
.site-footer .f-copy,
.site-footer .f-small{ font-size:13.5px; line-height:1.95 }
.site-footer .f-k{ font-size:13.5px }
.site-footer .f-v{ font-size:15.5px }

/* --- هدر: منوی اصلی و زیرمنو --- */
.main-nav>ul>li>a{ font-size:14px }
.main-nav .sub-menu a{ font-size:13px }

/* --- عناوین ستون‌های صفحه‌های داخلی --- */
.hp .trust-strip b{ font-size:13.5px }
.hp .mini h3,
.hp .mini h4{ font-size:15px }
.hp .badge h4{ font-size:14px }
.hp .b-text, .hp .badge p{ font-size:13.5px }
.hp .info-note p:first-child{ font-size:14.5px }
.hp .info-note li{ font-size:13.5px }

/* ==========================================================================
   موبایل: در کارت‌های دوستونی (عرض ~۱۶۴px) متن‌ها یک پله کوچک‌تر می‌شوند
   ولی نسبت به قبل (۹ تا ۱۰px) بازهم بزرگ‌ترند.
   ========================================================================== */
@media(max-width:600px){
  .hp .band .p-card .p-title,
  .hp .tabs-panels .p-card .p-title{ font-size:12.5px }
  .hp .band .p-card .p-price span,
  .hp .tabs-panels .p-card .p-price span{ font-size:11.5px }
  .hp .band .p-card .p-price b,
  .hp .tabs-panels .p-card .p-price b{ font-size:27px }
  .hp .band .p-card .p-yearly,
  .hp .tabs-panels .p-card .p-yearly{ font-size:11.5px }
  .hp .band .p-card .p-yearly b,
  .hp .tabs-panels .p-card .p-yearly b{ font-size:12.5px }
  .hp .band .p-card .p-feats li,
  .hp .tabs-panels .p-card .p-feats li{ font-size:11.5px }
  .hp .band .p-card .p-cta,
  .hp .tabs-panels .p-card .p-cta{ font-size:12.5px; min-height:42px }
  .hp .band .p-card .device-tile span,
  .hp .tabs-panels .p-card .device-tile span{ font-size:11px }
}
/* --- کارت‌های بخش «محصولات پرفروش» قاعدهٔ اختصاصی‌تری در home.css دارند --- */
.hp .band .p-title{ font-size:13.5px }
.hp .band .p-price span{ font-size:13px }
.hp .band .p-yearly{ font-size:13.5px }
.hp .band .p-yearly b{ font-size:15px }
.hp .band .p-feats li{ font-size:13px }
.hp .band .p-cta{ font-size:14px; min-height:46px }
.hp .band .device-tile span{ font-size:12px }
.hp .tabs-panels .p-cta{ font-size:14.5px; min-height:46px }
/* --- تکمیل: موارد باقی‌مانده --- */
.site-footer .f-warn{ font-size:14px; line-height:2 }
.site-footer .f-warn a{ font-size:14px }
.main-nav .sub-menu a{ font-size:13px !important }
.hp .blog-grid .b-title{ font-size:16px }
@media(max-width:640px){
  .hp .b-title{ font-size:18px; line-height:1.65 }
  .hp .faq-btn{ font-size:14px }
  .hp .faq-body p{ font-size:13.5px }
  .site-footer .f-h{ font-size:15.5px }
  .site-footer .f-col a{ font-size:14px }
}
/* ==========================================================================
   دکمه‌ها: تک‌رنگ (بدون گرادیان) + کنتراست AA
   گرادیان آبی قبلی از #1e83c7 شروع می‌شد که کنتراست متن سفید را به ۴.۱
   می‌رساند (حد AA برای متن معمولی ۴.۵ است). حالا تک‌رنگ #1877b9 → ۴.۸
   ========================================================================== */
.hp .p-cta{ background:#1877b9; background-image:none }
.hp .p-cta:hover{ background:#12649e }
.hp .btn-blue{ background:#1877b9; background-image:none }
.hp .btn-blue:hover{ background:#12649e }
.pp-cart{ background:#1877b9; background-image:none }
.pp-cart:hover{ background:#12649e }
/* ==========================================================================
   نوار مدیریت بالای سایت (فقط برای مدیر واردشده) — شبیه وردپرس
   ========================================================================== */
:root{ --abar-h:38px }

.abar{
  position:fixed; inset:0 0 auto 0; z-index:120; height:var(--abar-h);
  background:#0d2b31; color:#cfe3e7; font-size:12.5px;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
}
.abar-in{
  display:flex; align-items:center; gap:14px; height:100%;
  max-width:1332px; margin:0 auto; padding:0 16px;
}
.abar-brand{
  background:#8dc63f; color:#0d2b31; font-weight:900; font-size:11px;
  border-radius:7px; padding:4px 7px; line-height:1;
}
.abar-home{ color:#fff; font-weight:800; text-decoration:none; white-space:nowrap }
.abar-home:hover{ color:#8dc63f }
.abar-links{ display:flex; align-items:center; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1 }
.abar-links::-webkit-scrollbar{ display:none }
.abar-links a{
  color:#cfe3e7; text-decoration:none; padding:5px 9px; border-radius:7px;
  white-space:nowrap; font-weight:600;
}
.abar-links a:hover{ background:#164450; color:#fff }
.abar-actions{ display:flex; align-items:center; gap:8px; white-space:nowrap }
.abar-edit{
  background:#8dc63f; color:#0d2b31; font-weight:900; text-decoration:none;
  padding:5px 11px; border-radius:7px;
}
.abar-edit:hover{ background:#7cb52f }
.abar-view{ color:#9dc3ca; text-decoration:none }
.abar-view:hover{ color:#fff }
.abar-out{
  background:transparent; border:1px solid #2c5b66; color:#cfe3e7;
  padding:4px 10px; border-radius:7px; font:inherit; cursor:pointer;
}
.abar-out:hover{ background:#164450; color:#fff }

/* جابه‌جایی صفحه برای جا باز شدن نوار */
body.has-abar{ padding-top:var(--abar-h) }
body.has-abar .site-header{ top:var(--abar-h) }
body.has-abar .pp-buy-col,
body.has-abar .pp-tabs,
body.has-abar .pp-sticky{ top:calc(74px + var(--abar-h)) }
body.has-abar .nav-toggle,
body.has-abar .main-nav{ top:var(--abar-h) }

@media(max-width:760px){
  /* در موبایل نوار یک‌ردیفه می‌ماند (لینک‌ها افقی اسکرول می‌شوند) تا ارتفاع ثابت بماند */
  .abar-in{ flex-wrap:nowrap; gap:8px; padding:0 10px }
  .abar-home{ display:none }
  .abar-links{ overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none }
  .abar-links a{ padding:5px 8px; font-size:12px }
  .abar-edit{ font-size:11.5px; padding:5px 8px; white-space:nowrap }
  .abar-view{ display:none }
}
/* ==========================================================================
   سایدبار وبلاگ — دسته‌ها، جست‌وجو، آخرین مقالات، عنصر HTML دلخواه
   ========================================================================== */
.bs .side-box ul.bs-cats{ list-style:none; margin:0; padding:0 }
.bs .side-box ul.bs-cats li{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:7px 0; border-bottom:1px dashed #e6eef1; font-size:14px;
}
.bs .side-box ul.bs-cats li:last-child{ border-bottom:0 }
.bs .side-box ul.bs-cats a{ color:#31535c; text-decoration:none; font-weight:600 }
.bs .side-box ul.bs-cats a:hover{ color:var(--teal) }
.bs .side-box ul.bs-cats .bs-n{
  background:var(--teal-50); color:var(--teal-700); font-size:11.5px; font-weight:800;
  border-radius:20px; padding:1px 8px; min-width:24px; text-align:center;
}
/* تورفتگی زیردسته‌ها */
.bs .bs-d1{ padding-inline-start:14px }
.bs .bs-d2{ padding-inline-start:28px }
.bs .bs-d1 a,.bs .bs-d2 a{ font-weight:500; color:#4a6b74 }

/* جست‌وجو */
.bs-search{ display:flex; gap:6px }
.bs-search input{
  flex:1; min-width:0; padding:9px 11px; border:1px solid #dbe7ea; border-radius:9px;
  font:inherit; font-size:13.5px; background:#fff;
}
.bs-search button{
  background:var(--teal); color:#fff; border:0; border-radius:9px; padding:0 14px;
  font:inherit; font-size:13.5px; font-weight:800; cursor:pointer;
}
.bs-search button:hover{ background:var(--teal-600) }

/* آخرین مقالات */
.bs .bs-recent{ list-style:none; margin:0; padding:0 }
.bs .bs-recent li{ padding:7px 0; border-bottom:1px dashed #e6eef1; font-size:14px; line-height:1.8 }
.bs .bs-recent li:last-child{ border-bottom:0 }
.bs .bs-recent a{ color:#31535c; text-decoration:none }
.bs .bs-recent a:hover{ color:var(--teal) }

/* عنصر HTML دلخواه */
.bs .bs-html img{ max-width:100%; height:auto; border-radius:10px }
/* --- لینک «پنل کاربری» در هدر سایت برای مشتری وارد‌شده (بخش ۳۸) --- */
.site-header .panel-link{
  position:relative; display:inline-flex; align-items:center; gap:6px; padding:7px 12px;
  border:1px solid #dfe8eb; border-radius:24px; font-size:12.5px; font-weight:800; color:#22484f;
  transition:.2s; text-decoration:none;
}
.site-header .panel-link:hover{border-color:var(--teal); color:var(--teal); background:#f4fbfc}
.site-header .panel-ico{font-size:15px}
.site-header .panel-badge{
  background:var(--green,#8dc63f); color:#fff; font-size:10.5px; font-weight:800;
  min-width:17px; height:17px; border-radius:9px; display:inline-flex; align-items:center;
  justify-content:center; padding:0 4px;
}
@media (max-width:860px){
  .site-header .panel-link .panel-lbl{display:none}
  .site-header .panel-link{padding:7px 10px}
}

/* ── وضعیت موجودی همان «تعداد دستگاه» انتخاب‌شده در صفحهٔ محصول (بخش ۴۹) ── */
.pp-avail{
  display:flex; flex-direction:column; gap:4px;
  margin:10px 0 4px; padding:9px 12px; border-radius:10px;
  font-size:13px; line-height:1.9; border:1px solid transparent;
}
.pp-avail b{ font-weight:800 }
.pp-avail span{ font-size:12px; font-weight:400; color:#5b7a83 }
.pp-avail.is-ok{ background:#f1fbf3; border-color:#c8e8cf; color:#1f7a3b }
.pp-avail.is-wait{ background:#fff8e8; border-color:#f0dfae; color:#8a5b00 }
.pp-avail.is-out{ background:#fdeceb; border-color:#f2c2be; color:#a32621 }
.pp-avail.is-out span{ color:#8f4a46 }