.promo-boxes__wrapper{display:flex;flex-direction:column;gap:40px}.promo-boxes-header{text-align:center;max-width:800px;margin:0 auto}.promo-boxes-heading{font-size:32px;font-weight:700;line-height:1.1;margin:0 0 10px}.promo-boxes-heading.uppercase{text-transform:uppercase;letter-spacing:.02em}.promo-boxes-description{font-size:16px;color:rgb(var(--color-foreground) / .7);line-height:1.5}.promo-boxes-container{display:flex;flex-wrap:wrap;gap:var(--pb-gap, 30px);justify-content:center}.promo-box{flex:1 1 45%;min-height:var(--pb-min-height, 400px);border-radius:var(--pb-radius, 12px);display:flex;align-items:flex-end;overflow:hidden;position:relative;isolation:isolate}.promo-box .promo-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease;display:block}.promo-box:hover .promo-bg,.promo-box:focus-within .promo-bg{transform:scale(1.05)}.promo-box .promo-content{position:relative;z-index:1;padding:30px;width:100%;text-align:left;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border-radius:0 0 var(--pb-radius, 12px) var(--pb-radius, 12px)}.promo-box .promo-box-heading{font-size:30px;font-weight:700;line-height:1.1;margin:0 0 10px;color:var(--pb-accent, #FFB81C);text-transform:uppercase}.promo-box .promo-box-description{font-size:16px;margin:0 0 20px;color:#f1f1f1;max-width:90%;line-height:1.4}.promo-box .promo-box-description p{margin:0}.promo-box .promo-button{display:inline-block;background-color:var(--pb-accent, #FFB81C);color:var(--pb-accent-text, #000);padding:12px 25px;text-decoration:none;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:14px;line-height:1;transition:background-color .3s ease,color .3s ease,transform .3s ease}.promo-box .promo-button:hover,.promo-box .promo-button:focus-visible{background-color:var(--pb-accent-hover, #fff);color:var(--pb-accent-text, #000)}@media screen and (max-width:749px){.promo-box{flex:1 1 100%;min-height:var(--pb-min-height-mobile, 300px)}.promo-boxes-heading{font-size:24px}.promo-box .promo-box-heading{font-size:22px}.promo-box .promo-content{padding:24px 20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-promo-boxes.css.map */
