/* DRK SHOP | Focused refinement of promotional pricing, 2026-11-04.
   Loaded after shop.css. No checkout, inventory or payment logic changes. */
.product{min-width:0;transition:border-color .18s ease,box-shadow .18s ease}
.product:hover{border-color:#d0def1;box-shadow:0 10px 30px rgba(5,43,86,.055)}
.product-body{min-width:0}
.product-body h3{overflow-wrap:anywhere}
.product-body>p{margin-bottom:18px}

/* The CTA is always below the price, never squeezed beside it. */
.product-bottom{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:auto;min-width:0}
.product-price-group{min-width:0;border-top:1px solid #edf1f7;padding-top:17px}
.price-overline{font-size:12px;line-height:1.5;font-weight:400;color:#7a8a9f;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.price-overline del{font-size:13px;color:#8593a7;text-decoration-color:#8593a7;text-decoration-thickness:1px}
.price-current{margin-top:2px;color:#0749aa;line-height:1.35;min-width:0}
.price-current strong{font-size:clamp(19px,2.1vw,27px);font-weight:700;letter-spacing:-.5px;white-space:normal;overflow-wrap:normal}
.price-benefits{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;margin-top:9px;min-width:0}
.price-discount-label{display:inline-block;max-width:100%;border-radius:6px;padding:4px 9px;background:#eaf2ff;color:#0752ac;font-size:11px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.price-savings{font-size:11px;font-weight:500;color:#246e54;line-height:1.5;white-space:normal}
.product-view-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;padding:10px 15px;margin:0!important;border:1px solid #cfe0f6;border-radius:10px;background:#f4f8fe;color:#0951a2;font-size:13px!important;font-weight:600;text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease}
.product-view-link span{font-size:19px;line-height:1;flex-shrink:0}
.product-view-link:hover,.product-view-link:focus-visible{background:#0753b4;border-color:#0753b4;color:#fff;text-decoration:none}
.product-view-link:focus-visible{outline:2px solid #8bb9fa;outline-offset:3px}
.product .consult-note{margin-top:15px;padding-top:11px;color:#71859e}

/* The detail page also separates list price, sale price and campaign label. */
.detail-price-panel{border:1px solid #dce7f5;border-radius:14px;background:linear-gradient(140deg,#f9fbff,#f2f7ff);padding:21px 24px;margin:24px 0 16px;min-width:0}
.detail-price-old{color:#7a8a9f;font-size:14px;line-height:1.6;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.detail-price-old del{color:#8593a7;text-decoration-thickness:1px}
.detail-price-current{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;line-height:1.35;margin-top:3px}
.detail-price-current>span{color:#4b6584;font-size:14px;font-weight:500}
.detail-price-current strong{color:#0750aa;font-size:clamp(29px,3.1vw,40px);font-weight:700;letter-spacing:-.6px;overflow-wrap:anywhere}
.detail-offer-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px}
.detail-offer-summary .price-discount-label,.detail-offer-summary .price-savings{font-size:12px}

@media(max-width:900px){
 .product-body{padding:20px}
 .product-bottom{gap:13px}
 .price-current strong{font-size:clamp(19px,2.7vw,24px)}
}
@media(max-width:620px){
 .product-grid{gap:12px}
 .product-body{padding:14px}
 .product-body h3{margin:9px 0}
 .product-body>p{margin-bottom:13px}
 .product-bottom{display:flex;flex-direction:column;gap:11px}
 .product-price-group{padding-top:12px}
 .price-overline{font-size:10px;gap:5px}
 .price-overline del{font-size:11px}
 .price-current strong{font-size:clamp(16px,4.1vw,21px);letter-spacing:-.35px}
 .price-benefits{gap:5px;margin-top:7px}
 .price-discount-label{font-size:10px;padding:3px 7px}
 .price-savings{font-size:10px}
 .product-view-link{min-height:40px;padding:9px 10px;font-size:11px!important;border-radius:8px;gap:5px}
 .product-view-link span{font-size:15px}
 .product .consult-note{font-size:10px;margin-top:12px;padding-top:9px}
 .detail-price-panel{margin:19px 0 16px;padding:17px 18px}
 .detail-price-current strong{font-size:clamp(26px,7vw,34px)}
}
@media(prefers-reduced-motion:reduce){.product,.product-view-link{transition:none}}


/* Highlight discounted prices in red, while keeping regular prices in brand blue. */
.price-current.discounted{color:#cf1f2e}
.price-current.discounted strong{color:#cf1f2e}
.detail-price-current.discounted strong{color:#cf1f2e}
.sale-price{color:#cf1f2e;font-weight:700}