.section-cards-banner__items{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px}.section-cards-banner__item,.section-cards-banner__item-url{border-radius:var(--text-boxes-radius);display:-webkit-box;display:-ms-flexbox;position:relative;overflow:hidden}.section-cards-banner__item{-webkit-box-flex:0;-ms-flex:0 1 calc(25% - 12px);flex:0 1 calc(25% - 12px);display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;aspect-ratio:3/4;-webkit-transition:all .35s ease;transition:all .35s ease}.section-cards-banner__item-url{display:flex;background-color:transparent;-webkit-transition:all .5s ease,border-width .1s ease;transition:all .5s ease,border-width .1s ease;height:100%;border:0 solid transparent}.section-cards-banner__item-url:before{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;z-index:1;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#FFFFFF),color-stop(90%,rgba(255,255,255,0)),to(rgba(255,255,255,0)));background:linear-gradient(180deg,#fff 10%,#fff0 90% 100%);opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.section-cards-banner__item-url:hover{border-width:2px;background-color:#fff;border-color:#000}.section-cards-banner__item-url:hover:before{opacity:1}.section-cards-banner__item-url:hover .section-cards-banner__item-content{color:#000}.section-cards-banner__item-url:hover .section-cards-banner__item-img{-webkit-transform:scale(1.5);transform:scale(1.5)}.section-cards-banner__item-content{position:absolute;top:0;right:0;left:0;padding:24px;margin:0;-webkit-transition:color .5s ease;transition:color .5s ease;z-index:1}.section-cards-banner__item-img-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.section-cards-banner__item-img{width:100%;height:100%;-o-object-position:right bottom;object-position:right bottom;-webkit-transition:all .5s ease;transition:all .5s ease;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width:990px){.section-cards-banner__item{-webkit-box-flex:0;-ms-flex:0 1 calc(50% - 8px);flex:0 1 calc(50% - 8px);border-radius:20px}.section-cards-banner__item-url{border-radius:20px}.section-cards-banner__item-content{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/gulp-section-cards-banner.css.map */