/* v21 product showcase: real visuals where verified, clean live copy */
#productGrid{gap:22px!important}
.promoCard{background:#fff!important;border:1px solid rgba(12,31,58,.08)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(22,47,79,.08)!important}
.promoFrame{aspect-ratio:4/5!important;min-height:0!important;background:#f3f6f8!important;position:relative!important;overflow:hidden!important;border-radius:0!important}
.promoFrame:before,.promoFrame:after,.promoShade,.promoTop,.promoCopy{display:none!important}
.promoImage{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.productInfo{padding:18px 18px 8px!important}
.productInfo .productName{font-size:12px!important;font-weight:800!important;letter-spacing:.02em!important;color:#1686d9!important}
.productInfo h3{font-size:22px!important;line-height:1.08!important;margin:8px 0 7px!important;color:#0b1930!important}
.productInfo p{font-size:14px!important;line-height:1.45!important;margin:0 0 12px!important;color:#657184!important}
.productInfo .promoBenefits{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
.productInfo .promoBenefits span{font-size:10px!important;padding:6px 8px!important;background:#f2f5f7!important;color:#465365!important;border:0!important;border-radius:999px!important}
.compactCopy{padding:10px 18px 18px!important;border:0!important}
.compactCopy>.productName{display:none!important}
.promoCard:not(:has(.promoImage)) .promoFrame{display:none!important}
@media(max-width:640px){#productGrid{grid-template-columns:1fr 1fr!important;gap:12px!important}.productInfo{padding:12px 12px 6px!important}.productInfo h3{font-size:16px!important}.productInfo p{font-size:11px!important}.productInfo .promoBenefits span{font-size:8px!important;padding:4px 6px!important}.compactCopy{padding:8px 12px 12px!important}.promoCard:not(:has(.promoImage)) .productInfo{padding-top:16px!important;min-height:185px!important}}