.section-promo-grid__item{align-self:start;background:var(--background)}.section-promo-grid__item .promo-grid--item_container{display:flex;align-items:center;column-gap:0}.promo-grid--content_wrapper{display:flex;flex-direction:column;justify-content:center;height:100%;row-gap:var(--space-2)}.section-promo-grid__content.a-left .button{margin-right:auto}.section-promo-grid__content.a-center .button{margin-left:auto;margin-right:auto}.section-promo-grid__content.a-right .button{margin-left:auto}.section-promo-grid__image .section-promo-grid__image-hidden{display:block!important;visibility:visible!important;overflow:hidden;position:absolute;z-index:-1;top:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}@media (hover: hover){.section-promo-grid__image:hover .section-promo-grid__image-hidden{z-index:1;opacity:1;background-color:var(--background)}}.section-promo-grid__image.pg--image_natural,.section-promo-grid__image.pg--image_natural .box-ratio,.section-promo-grid__image.demo-1{height:100%}.section-promo-grid__image.pg--image_small,.section-promo-grid__image.pg--image_small .box-ratio,.section-promo-grid__image.demo-1.pg--image_small{height:250px}.section-promo-grid__image.pg--image_medium,.section-promo-grid__image.pg--image_medium .box-ratio,.section-promo-grid__image.demo-1.pg--image_medium{height:500px}.r-span-2 .section-promo-grid__image.pg--image_medium,.r-span-2 .section-promo-grid__image.pg--image_medium .box-ratio,.r-span-2 .section-promo-grid__image.demo-1.pg--image_medium{height:calc(500px + 1rem)}.section-promo-grid__image.pg--image_large,.section-promo-grid__image.pg--image_large .box-ratio,.section-promo-grid__image.demo-1.pg--image_large{height:750px}.r-span-2 .section-promo-grid__image.pg--image_large,.r-span-2 .section-promo-grid__image.pg--image_large .box-ratio,.r-span-2 .section-promo-grid__image.demo-1.pg--image_large{height:calc(750px + 1rem)}.section-promo-grid__image .box-ratio{padding-bottom:0!important}.section-promo-grid__image img{height:100%;object-fit:cover;object-position:center}.section-promo-grid__image.image--first,.section-promo-grid__content.content--first{order:0}.section-promo-grid__image.image--last,.section-promo-grid__content.content--last{order:1}@media (max-width: 768px){.section-promo-grid__item.promo-grid--image_alongside_text .section-promo-grid__content{order:1}}.section--promo-grid_badge{color:var(--badge-color);background:var(--badge-background);display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap}.section--promo-grid_badge.badge--shape-circle{border-radius:50%;overflow:hidden;padding:15px;width:auto;height:auto;aspect-ratio:1 / 1}.section--promo-grid_badge.badge--shape-rectangle{padding:15px}.section--promo-grid_badge span{line-height:1.2}.section--promo-grid_badge.badge--top_left{top:5px;left:5px}.section--promo-grid_badge.badge--top_right{top:5px;right:5px}.section--promo-grid_badge.badge--center{top:50%;left:50%;transform:translate(-50%,-50%)}.section--promo-grid_badge.badge--bottom_left{bottom:5px;left:5px}.section--promo-grid_badge.badge--bottom_right{bottom:5px;right:5px}.section--promo-grid_badge .badge--text-top{font-size:var(--badge-top-size)}.section--promo-grid_badge .badge--text-middle{font-size:var(--badge-middle-size);padding:2px 0}.section--promo-grid_badge .badge--text-bottom{font-size:var(--badge-bottom-size)}@media (max-width: 767px){.section-promo-grid__item .promo-grid--item_container{flex-wrap:wrap}.section-promo-grid__item .section-promo-grid__image,.section-promo-grid__item .section-promo-grid__content{flex:1 0 100%}.section-promo-grid__item .section-promo-grid__image{order:0}.section-promo-grid__item .section-promo-grid__content{order:1}.section-promo-grid__content.a-left .button,.section-promo-grid__content.a-right .button{margin-right:auto;margin-left:auto}.section--promo-grid_badge .badge--text-top{font-size:calc(var(--badge-top-size) - var(--badge-top-size) * .25)}.section--promo-grid_badge .badge--text-middle{font-size:calc(var(--badge-middle-size) - var(--badge-middle-size) * .25)}.section--promo-grid_badge .badge--text-bottom{font-size:calc(var(--badge-bottom-size) - var(--badge-bottom-size) * .25)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-promo-grid.css.map */
