.p80-column-banners{padding:16px 0 32px}.p80-column-banners__grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:16px}.p80-column-banners__card{display:flex;flex-direction:column;row-gap:8px;position:relative}.p80-column-banners__image{grid-area:1 / 1 / 2 / 2;position:relative;overflow:hidden;border-radius:8px}.p80-column-banners__image img{width:100%;height:100%;border-radius:8px;transition:transform .2s ease}.p80-column-banners__image .desktop{display:none}.p80-column-banners__image .mobile{display:block;aspect-ratio:4/3;object-fit:cover}.p80-column-banners__card:has(.link:hover) img{transform:scale(1.03)}.p80-column-banners__image:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background-blend-mode:multiply;background:linear-gradient(90deg,#00478080,#00478059 52.32%,#00478000 101.36%);border-radius:8px}.p80-column-banners__title{margin:0;font-size:14px;line-height:1.2;font-weight:600;color:rgb(var(--color-text-primary))}.p80-column-banners__title .link{color:currentColor}.p80-column-banners__title .link:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}@media screen and (max-width: 749px){.p80-column-banners__title br{display:none}}@media screen and (min-width: 750px){.p80-column-banners{padding:56px 0}.p80-column-banners__grid{column-gap:32px}.p80-column-banners__card{display:grid;border-radius:8px;position:relative}.p80-column-banners__image{grid-area:1 / 1 / 2 / 2}.p80-column-banners__image:before{background:linear-gradient(90deg,rgb(var(--color-text-primary)),rgba(var(--color-text-primary),.8) 52.32%,rgba(var(--color-text-primary),0) 101.36%);background:linear-gradient(90deg,rgb(var(--color-text-primary)),rgba(var(--color-text-primary),.8) 35.56%,rgba(var(--color-text-primary),0) 100.45%)}.p80-column-banners__image .desktop{display:block}.p80-column-banners__image .mobile{display:none}.p80-column-banners__overlay{display:flex;align-items:center;padding:24px;grid-area:1 / 1 / 2 / 2;z-index:2}.p80-column-banners__title{font-size:24px;color:rgb(var(--color-white))}}@media screen and (min-width: 990px){.p80-column-banners__title{font-size:30px}}@media screen and (min-width: 1200px){.p80-column-banners__overlay{padding:24px 60px}}
/*# sourceMappingURL=/cdn/shop/t/2605/assets/p80-column-banners.css.map */