/* =========================================================
   تب‌های «با هر پلن چه چیزی می‌گیری».

   چیدمان و ظاهرش از product.css می‌آید. اینجا فقط چیزی است که
   پروتوتایپ لازم نداشت: آنجا هر بار یک فهرست ساخته می‌شد، اینجا هر
   سه فهرست از اول در DOM هستند (برای اینکه گوگل هر سه را ببیند) و
   با اتریبیوت hidden پنهان می‌شوند.
   ========================================================= */

/* بدون این خط، فهرست‌های پنهان هم دیده می‌شوند.
   [hidden]{display:none} در استایل‌شیت مرورگر است و
   .incl__grid{display:grid} در product.css بر آن غلبه می‌کند —
   کلاس همیشه از سلکتور اتریبیوتِ استایل‌شیت مرورگر قوی‌تر است. */
.incl__grid[hidden]{ display:none; }

/* ── قیمت تکراری ──
   ووکامرس قیمتِ متغیر انتخاب‌شده را داخل .single_variation چاپ می‌کند.
   این المان لازم است — اسکریپت ووکامرس به آن تکیه دارد و پیام‌های
   «این ترکیب موجود نیست» هم همان‌جا می‌آید — ولی قیمتش با بلوک .price
   دیزاین تکراری می‌شود و کاربر دو عدد با دو قالب‌بندی می‌بیند.

   پس فقط قیمت پنهان می‌شود، نه کل المان. */
.woocommerce-variation-price{ display:none; }

/* پیام موجودی/ناموجودی بماند، ولی با زبان بصری خودمان. */
.woocommerce-variation-availability p{
  margin:0; font-size:var(--t-sm); color:var(--text-muted);
}