.promo-cards-section{width:100%}.promo-cards-section .promo-cards-wrapper{display:flex!important;flex-wrap:nowrap;gap:var(--promo-cards-gap);padding-top:0;padding-bottom:0}.promo-cards-section .promo-card{flex:1 1 0;min-width:0;position:relative;overflow:hidden;cursor:pointer;height:var(--promo-card-height)}.promo-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.promo-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;display:flex;align-items:center;justify-content:center}.promo-card__placeholder svg{width:60px;height:60px;opacity:.3}.promo-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--promo-card-overlay)) 0%,rgba(0,0,0,calc(var(--promo-card-overlay) * .4)) 50%,transparent 100%)}.promo-card__content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:24px 20px 20px;color:#fff}.promo-card__icon{display:block;margin-bottom:10px;line-height:0}.promo-card__icon img{width:var(--promo-card-icon-size);height:var(--promo-card-icon-size);object-fit:contain}.promo-card__title{font-size:var(--promo-card-title-size);font-weight:var(--promo-card-title-weight);line-height:1.15;margin:0 0 6px;color:#fff;text-transform:none}.promo-card__subtitle{font-size:var(--promo-card-subtitle-size);font-weight:400;line-height:1.4;margin:0 0 16px;color:#ffffffe6}.promo-cards-section .promo-card__content .btn{--button-color: var(--promo-card-btn-bg);--button-text: var(--promo-card-btn-color);font-size:var(--promo-card-btn-size);border-color:var(--promo-card-btn-bg)}.promo-card__link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.promo-card .promo-card__image{transition:transform .6s ease}.promo-card:hover .promo-card__image{transform:scale(1.05)}@media screen and (max-width:980px){.promo-cards-section .promo-cards-wrapper{flex-wrap:wrap}.promo-cards-section .promo-card{flex:1 1 calc(50% - var(--promo-cards-gap));min-width:calc(50% - var(--promo-cards-gap))}}@media screen and (max-width:560px){.promo-cards-section .promo-card{flex:1 1 100%;min-width:100%}.promo-cards-section .promo-cards-wrapper{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-promo-cards.css.map */