/* NX – PDP Product Block • v2.0.0 */
/* Design goals:
   - Compact rows, strong price hierarchy
   - Pill swatches with clear active/disabled states
   - Fixed-size qty steppers (no theme +/- leak)
   - Mobile-first; no overlaps on narrow phones
*/

:root{
  --nx-green:#2E7D32;
  --nx-red:#D40000;
  --nx-grey:#88919b;
  --nx-muted:#5a6775;
  --nx-line:#E2E8F0;
  --nx-chip:#F7F9FA;
  --nx-chip-b:#D5DDE3;
  --nx-best-bg:#fff0f0;
  --nx-best-b:#ffd8d8;
}

.pdp-wrap{font-family:inherit; max-width:100%;}

/* PRICE */
.pdp-price{margin:10px 0 16px;}
.pdp-price .row{display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap;}
.pdp-price .now{font-size:clamp(22px,2.6vw,30px); font-weight:800; line-height:1; color:#111;}
.pdp-price .mrp{color:var(--nx-grey); text-decoration:line-through; font-size:clamp(13px,1.5vw,15px);}
.pdp-price .save{color:var(--nx-green); background:#eaf6ec; border:1px solid #d4ead7; border-radius:999px; padding:5px 10px; font-weight:600; font-size:12px;}
.pdp-price .meta{display:flex; gap:10px; align-items:center; margin-top:8px; color:var(--nx-muted); font-size:12px;}
.pdp-price .incl{padding:4px 8px; border-radius:999px; background:#f6f7f9; border:1px solid #eceff2;}
.pdp-price .badge-off{background:var(--nx-best-bg); border:1px solid var(--nx-best-b); color:var(--nx-red); padding:4px 8px; border-radius:999px; font-weight:600; font-size:12px;}
.single-product .summary .price{display:none!important}
.pdp-short{color:#374151; font-size:14px; line-height:1.6; margin:8px 0 0;}


/* Micro-tweaks for very small devices to prevent overlaps */
@media (max-width: 360px){
  .pdp-price .row{gap:8px}
  .pdp-short{font-size:13px}
}