/* v12 promo-poster product cards */
.promoCard{border:none!important;box-shadow:0 20px 55px rgba(15,54,101,.12)!important;background:#fff!important}
.promoCard .promoFrame{aspect-ratio:4/5;min-height:0;position:relative;background:#e8f2fb}
.promoCard .promoFrame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promoShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,39,.08) 0%,rgba(4,19,39,.18) 38%,rgba(4,19,39,.88) 100%)}
.promoTop{position:absolute;left:20px;right:20px;top:18px;display:flex;align-items:center;gap:9px;color:#fff;font-size:16px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.promoLogoDot{width:13px;height:13px;border-radius:50%;background:#20d4d9;box-shadow:0 0 0 5px rgba(255,255,255,.17)}
.promoCopy{position:absolute;left:22px;right:22px;bottom:22px;color:#fff;z-index:3}
.promoCopy h3{font-size:clamp(29px,2.45vw,43px)!important;line-height:.98!important;letter-spacing:-.045em!important;margin:0 0 10px!important;color:#fff}
.promoCopy p{margin:0 0 14px!important;color:rgba(255,255,255,.90)!important;font-size:14px!important;line-height:1.45!important}
.promoBenefits{display:flex;flex-wrap:wrap;gap:7px}
.promoBenefits span{font-size:11px;font-weight:900;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:#17324f;backdrop-filter:blur(8px)}
.compactCopy{padding:15px 18px 17px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-direction:row!important}
.compactCopy .productName{font-size:12px}
.promoButton{margin:0!important;border:0;border-radius:999px;padding:10px 14px!important;background:#1178ff!important;color:white!important;white-space:nowrap}
.promo-0 .promoButton{background:#4b9e49!important}
.promo-1 .promoButton{background:#e26a37!important}
.promo-2 .promoButton{background:#1178ff!important}
.promo-3 .promoButton{background:#23966f!important}
.promo-4 .promoButton{background:#ef6c2f!important}
.promo-5 .promoButton{background:#8f55d9!important}
.promo-6 .promoButton{background:#0d8edb!important}
.promo-7 .promoButton{background:#14a5b8!important}
.promo-8 .promoButton{background:#e3a40b!important}
@media(max-width:680px){
  .promoCard .promoFrame{aspect-ratio:4/5}
  .promoCopy h3{font-size:34px!important}
  .promoCopy p{font-size:14px!important}
  .compactCopy{padding:14px 16px 16px!important}
}