.promo-list__title{font-size:32px;line-height:36px;text-align:center;padding-top:48px;margin-bottom:60px;margin-top:0;font-weight:600}.promo-list__items{display:flex;justify-content:center;align-items:center;margin-bottom:60px;gap:10px;flex-wrap:wrap}.promo-list__item{font-weight:700;border-radius:8px;cursor:pointer;display:flex;padding:10px 30px;align-content:space-around;justify-content:center;width:100%;max-width:100%}.promo-card{position:relative;width:100%;padding-bottom:calc(100% / (5 / 3));overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.promo-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .4s ease;display:block}.promo-card__image--hover{opacity:0;transform:scale(1.1)}.promo-list__item:hover .promo-card__image--hover{opacity:1;transform:scale(1)}.promo-list__item:hover .promo-card__image--default{opacity:0;transform:scale(.9)}.promo-list__item:hover{border-radius:8px}.promo-container{display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto 24px;gap:15px}.promo-container--single{grid-template-columns:1fr;max-width:380px}.js-promo-container{display:none;text-align:center}.js-promo-container.is-active{display:block}.promo-container__link{text-decoration:none;background-color:#000;color:#fff;border-radius:8px;padding:10px;text-transform:capitalize;display:inline-block;margin-bottom:56px}.promo-logo{max-height:100%;max-width:80%;margin-left:auto;margin-right:auto}.collage-card{max-width:90%;margin-left:auto;margin-right:auto;margin-bottom:30px}.deferred-media{border-radius:5px}.promo_list_video{padding:30px 0}@media screen and (min-width: 768px){.collage-card{max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:30px}.promo-list.page-width{width:100%;padding:0 0 0 1.5rem}.promo-list__item{width:100%;max-width:300px}.promo-container__link{padding:10px 24px}.promo-list__title{font-size:40px;line-height:46px;margin-bottom:56px}.promo-list__items{margin-bottom:56px}.promo-container{grid-template-columns:repeat(3,1fr);max-width:1240px}.promo-container--single{grid-template-columns:1fr;max-width:380px}.promo-container--double{grid-template-columns:1fr 1fr;max-width:600px}}.carousel{position:relative;width:100%;overflow:hidden}.carousel__track{display:flex;gap:12px;padding:10px 0;transition:transform .4s ease}.carousel__card{flex:0 0 calc(20% - 10px);aspect-ratio:5 / 3;position:relative;overflow:hidden;box-shadow:0 0 0 transparent;border-radius:10px;background-color:#f0f0f0;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.carousel__card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.carousel__card:hover img{transform:scale(1.05)}.carousel__card:hover{box-shadow:0 6px 6px #0003}.carousel__control{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.carousel__control--prev{left:10px;visibility:visible;opacity:1;transition:all .25s ease}.carousel__control--prev.visible{opacity:1;visibility:visible}.carousel__control--prev svg{transform:translate(-2px)}.carousel__control--next{right:18px;visibility:visible;opacity:1;transition:all .25s ease}.carousel__control--next.visible{opacity:1;visibility:visible}.carousel__control--next svg{transform:translate(2px)}.carousel__control:hover{background:#000c}.carousel__card{position:relative;flex:0 0 calc(20% - 10px);aspect-ratio:5 / 3;overflow:hidden;border-radius:10px;cursor:pointer;background-color:#f0f0f0;transition:transform .3s ease,box-shadow .3s ease}.carousel__card-image--default{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease;z-index:1}.carousel__card-image--hover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;z-index:2}.carousel__card:hover .carousel__card-image--default{opacity:0}.carousel__card:hover .carousel__card-image--hover{opacity:1}@media (max-width: 768px){.carousel__card{flex:0 0 calc(40% - 10px)}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/promo.css.map */