/* ============================================================================
   PRODUCT DETAIL · PLANS (03-plans-description.css — ПОЛНАЯ ЗАМЕНА, greenfield)
   ----------------------------------------------------------------------------
   Карточки-пакеты (вертикальный стек) + заголовок секции + описание выбранного
   плана (collapse сохранён). Язык корзины. Ноль !important.
   Старый блок .product-description-section НЕ стилизуется — описание ушло в табы.
   Хук-классы/ID сохранены (product-plan-card, plan-card-check, selected-plan-description…).
   ============================================================================ */

.product-plans-section{
  --cr-ink:#1e293b;--cr-ink2:#475569;--cr-muted:#64748b;--cr-light:#94a3b8;
  --cr-line:#eef1f5;--cr-line2:#e6eaf0;--cr-soft:#f4f6f9;
  --cr-acc:#8ff451;--cr-acc-deep:#16a34a;--cr-acc-tint:#eafcdd;--cr-red:#ff3b3b;
  --cr-r:18px;--cr-r-md:13px;--cr-r-sm:10px;
  display:block;
  background:#fff;border-radius:var(--cr-r);
  box-shadow:0 1px 2px rgba(15,23,42,.05),0 12px 28px rgba(15,23,42,.045);
  overflow:visible;
}

/* заголовок секции */
.product-plans-section .plans-section-header{display:flex;align-items:center;gap:9px;padding:16px 20px 13px;border-bottom:1px solid var(--cr-line)}
.product-plans-section .plans-section-header .header-left{display:flex;align-items:center;gap:9px}
.product-plans-section .plans-section-header i{color:var(--cr-acc-deep);font-size:14px}
.product-plans-section .plans-section-header h3{font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--cr-light);margin:0}

/* ── сетка пакетов ───────────────────────────────────────────────────── */
.product-plans-section .product-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:20px;margin:0}

.product-plans-section .product-plan-card{
  position:relative;display:flex;flex-direction:column;align-items:stretch;gap:11px;
  background:#fff;border:1.5px solid var(--cr-line2);border-radius:var(--cr-r-md);padding:15px;cursor:pointer;
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.product-plans-section .product-plan-card:hover{transform:translateY(-2px);border-color:rgba(143,244,81,.6);box-shadow:none}
.product-plans-section .product-plan-card.active{border-color:var(--cr-acc);box-shadow:0 0 0 3px rgba(143,244,81,.18)}

/* картинка плана не нужна в компактной карточке */
.product-plans-section .plan-card-image{display:none}

.product-plans-section .plan-card-content{display:flex;flex-direction:column;gap:9px;min-width:0}
.product-plans-section .plan-card-title{font-size:14px;font-weight:800;color:var(--cr-ink);margin:0;line-height:1.25;padding-right:30px}
.product-plans-section .plan-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.product-plans-section .plan-card-badges .product-delivery,
.product-plans-section .plan-card-badges .out-of-stock-badge,
.product-plans-section .plan-card-badges .flash-sale-badge-inline{
  display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;
}
.product-plans-section .plan-card-badges .product-delivery i,
.product-plans-section .plan-card-badges .out-of-stock-badge i{font-size:9px}
.product-plans-section .plan-card-badges .product-delivery.delivery-instant{background:var(--cr-acc-tint);color:var(--cr-acc-deep)}
.product-plans-section .plan-card-badges .product-delivery.delivery-order{background:#e0f2fe;color:#0369a1}
.product-plans-section .plan-card-badges .flash-sale-badge-inline{background:#fee2e2;color:#dc2626}

/* цена */
.product-plans-section .plan-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0}
.product-plans-section .plan-price-main{display:inline-flex;align-items:baseline}
.product-plans-section .plan-current-price{font-size:19px;font-weight:900;color:var(--cr-ink);letter-spacing:-.01em;white-space:nowrap}
.product-plans-section .plan-current-price.flash-price{color:#dc2626}
.product-plans-section .plan-current-price.free-price{color:var(--cr-acc-deep)}
.product-plans-section .plan-price-extra{display:inline-flex;align-items:baseline;gap:8px}
.product-plans-section .plan-original-price{font-size:13px;font-weight:600;color:var(--cr-light);text-decoration:line-through;white-space:nowrap}
.product-plans-section .plan-discount-badge{background:var(--cr-red);color:#fff;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:800;white-space:nowrap}

/* чек-кружок (верх-право) */
.product-plans-section .plan-card-check{position:absolute;top:15px;right:15px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--cr-line2);display:grid;place-items:center;color:transparent;font-size:10px;background:transparent;transition:.15s}
.product-plans-section .plan-card-check i{font-size:10px;color:transparent;transition:color .15s}
.product-plans-section .product-plan-card.active .plan-card-check{background:var(--cr-acc);border-color:var(--cr-acc)}
.product-plans-section .product-plan-card.active .plan-card-check i{color:#0c1c03}

/* нет в наличии */
.product-plans-section .out-of-stock-badge{background:#fee2e2;color:var(--cr-red)}
.product-plans-section .product-plan-card.out-of-stock{opacity:.55;cursor:not-allowed}
.product-plans-section .product-plan-card.out-of-stock:hover{transform:none;border-color:var(--cr-line2);box-shadow:none}
.product-plans-section .product-plan-card.out-of-stock .plan-card-check{border-color:var(--cr-line2);background:var(--cr-soft)}

/* ── описание выбранного плана (collapse сохранён) ───────────────────── */
.product-plans-section .selected-plan-description{
  background:#fff;border:1px solid var(--cr-line2);border-radius:var(--cr-r-md);overflow:hidden;margin:0 20px 20px;
  animation:planSlideUp .3s ease-out;box-shadow:none;position:relative;
}
@keyframes planSlideUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.product-plans-section .plan-desc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:transparent;cursor:pointer;user-select:none;transition:background-color .2s}
.product-plans-section .plan-desc-header:hover{background:var(--cr-soft)}
.product-plans-section .plan-desc-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.product-plans-section .plan-desc-icon-wrapper{width:38px;height:38px;border-radius:11px;background:var(--cr-acc-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none}
.product-plans-section .plan-desc-icon-wrapper i{font-size:15px;color:var(--cr-acc-deep)}
.product-plans-section .plan-desc-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}
.product-plans-section .plan-desc-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--cr-light)}
.product-plans-section .selected-plan-name{font-size:14px;font-weight:800;color:var(--cr-ink);line-height:1.3}
.product-plans-section .plan-desc-toggle-btn{width:30px;height:30px;border-radius:50%;background:var(--cr-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s}
.product-plans-section .plan-desc-header:hover .plan-desc-toggle-btn{background:var(--cr-line2)}
.product-plans-section .plan-desc-toggle-btn .collapse-icon{font-size:12px;color:var(--cr-muted);transition:transform .25s}
.product-plans-section .plan-desc-header.collapsed .plan-desc-toggle-btn .collapse-icon{transform:rotate(-90deg)}
.product-plans-section .plan-desc-content{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;max-height:99999px;opacity:1}
.product-plans-section .plan-desc-content.collapsed{max-height:0;opacity:0}
.product-plans-section .plan-desc-inner{padding:12px 15px 15px;font-size:13.5px;color:var(--cr-ink2);line-height:1.7;border-top:1px dashed var(--cr-line2);white-space:pre-line}
.product-plans-section .plan-desc-inner p{margin:0}
.product-plans-section .plan-desc-inner p:not(:last-child){margin-bottom:.75rem}
.product-plans-section .plan-desc-inner ul,.product-plans-section .plan-desc-inner ol{margin:.5rem 0;padding-left:1.5rem}
.product-plans-section .plan-desc-inner li{margin-bottom:.35rem}

/* ── табличный вариант (если активен .plan-layout-table) ─────────────── */
@media (min-width:769px){
  .product-plans-section .plan-layout-table.product-plans-grid{display:flex;flex-direction:column;gap:10px}
}