.pn-promo-banners{padding-top:var(--pn-promo-padding-top);padding-bottom:var(--pn-promo-padding-bottom)}.pn-promo-banners__inner{width:min(1440px,calc(100% - 32px));margin:0 auto}.pn-promo-banners__header{margin-bottom:22px}.pn-promo-banners__eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.72}.pn-promo-banners__heading{margin:0;font-size:clamp(28px,3vw,46px);line-height:1.05}.pn-promo-banners__text{max-width:760px;margin-top:10px;opacity:.78}.pn-promo-banners__grid{display:grid;grid-template-columns:1fr;gap:16px}.pn-promo-card{position:relative;min-height:360px;overflow:hidden;border-radius:18px;background:#0b253f;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 12px 30px #0000001f}.pn-promo-card__media,.pn-promo-card__media img,.pn-promo-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pn-promo-card__media{background:#f4f6f8}.pn-promo-card__media img{object-fit:contain;object-position:center;padding:26px;transition:transform .35s ease}.pn-promo-card__placeholder{background:linear-gradient(135deg,#0b253f,#174c78)}.pn-promo-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0b253f0a 22%,#0b253fe0 78%,#0b253ff7)}.pn-promo-card__content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px}.pn-promo-card__badge{display:inline-flex;align-items:center;min-height:28px;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:#f6c90e;color:#0b253f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pn-promo-card__title{margin:0;color:inherit;font-size:clamp(24px,2.2vw,34px);line-height:1.08}.pn-promo-card__text{margin:10px 0 0;max-width:520px;color:#ffffffe0;font-size:14px;line-height:1.45}.pn-promo-card__link{display:inline-block;margin-top:14px;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:4px}.pn-promo-card:focus-visible{outline:3px solid #f6c90e;outline-offset:3px}@media(hover:hover){.pn-promo-card:hover .pn-promo-card__media img{transform:scale(1.035)}}@media screen and (min-width:750px){.pn-promo-banners__inner{width:min(1440px,calc(100% - 64px))}.pn-promo-banners__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pn-promo-card{min-height:410px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-powernet-offer-banners.css.map */