.categories__bar{padding:2.4rem 2rem}.categories__bar-button{margin-top:.8rem}.categories__list:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:inherit}.categories__item{padding:1.2rem .8rem}.categories__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-inline-end:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-block-end:1px solid rgba(var(--color-border),var(--color-border-alpha, 1))}.categories__item-image{width:6rem}.index-template .banners-with-categories .section__content{flex-direction:column}.index-template .banners-with-categories .categories__col{order:-1;width:100%}.index-template .banners-with-categories .categories__bar{position:static;min-height:0;padding:0;flex-direction:row;align-items:end;justify-content:space-between;gap:1.6rem;border-radius:0;background:transparent;box-shadow:none}.index-template .banners-with-categories .categories__list{display:none}.index-template .banners-with-categories .categories__bar-button{margin-top:0;flex:0 0 auto}.index-template .banners-with-categories .grid-banner__inner{grid-auto-rows:clamp(34rem,31vw,46rem)}.index-template .banners-with-categories .grid-banner__item,.index-template .banners-with-categories .card-media--link,.index-template .banners-with-categories .card-media,.index-template .banners-with-categories .card-media__media-wrapper{border-start-start-radius:clamp(10rem,16vw,18rem);border-start-end-radius:clamp(10rem,16vw,18rem)}.index-template .banners-with-categories .card-media--link{display:block;height:100%;padding:.3rem;border:.1rem solid rgba(128,0,0,.54);background:linear-gradient(145deg,#d4af378c,#80000033);box-shadow:0 1.2rem 2.8rem #391f191a}.index-template .banners-with-categories .card-media{border-radius:inherit}.index-template .banners-with-categories .card-media__heading{color:#fff;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-weight:400;letter-spacing:.01em;text-shadow:0 .2rem 1.2rem rgba(18,8,5,.62)}.index-template .banners-with-categories .card-media__content{background:linear-gradient(to top,rgba(18,8,5,.72),rgba(18,8,5,.08) 64%,transparent 82%)}.index-template .banners-with-categories .card-media--link:focus-visible{outline:.3rem solid var(--spp-maroon);outline-offset:-.5rem}@media(max-width:767.98px){body:not(.index-template) .banners-with-categories .categories__col{order:-1}body:not(.index-template) .banners-with-categories .grid-banner__inner{grid-template-columns:repeat(3,minmax(0,1fr))}body:not(.index-template) .banners-with-categories .grid-banner__item:first-child{grid-column:1 / -1}body:not(.index-template) .banners-with-categories .grid-banner__item:not(:first-child) .card-media{aspect-ratio:3 / 4}.index-template .banners-with-categories .categories__bar{align-items:center}.index-template .banners-with-categories .categories__bar-heading{font-size:clamp(2.4rem,7vw,3rem)}.index-template .banners-with-categories .categories__bar-button .btn{min-height:4.4rem;padding-inline:0;white-space:nowrap}.index-template .banners-with-categories .grid-banner.swipe-mobile{--column-width-mobile: min(72vw, 30rem)}.index-template .banners-with-categories .grid-banner.swipe-mobile .grid-banner__inner{grid-template-columns:none;grid-auto-rows:min(96vw,40rem)}.index-template .banners-with-categories .grid-banner__item:first-child{grid-column:auto}.index-template .banners-with-categories .grid-banner__item .card-media{aspect-ratio:3 / 4}.index-template .banners-with-categories .grid-banner__item,.index-template .banners-with-categories .card-media--link,.index-template .banners-with-categories .card-media,.index-template .banners-with-categories .card-media__media-wrapper{border-start-start-radius:min(36vw,15rem);border-start-end-radius:min(36vw,15rem)}.index-template .banners-with-categories .card-media--link{padding:.2rem}}@media(min-width:768px)and (max-width:1023.98px){.index-template .banners-with-categories .grid-banner__inner{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(42rem,58vw,52rem)}}@media(min-width:1024px){.banners-with-categories .section__content{align-items:stretch}.categories__col{width:clamp(30rem,22%,36rem)}.categories__bar{height:100%;min-height:100%;padding:2.8rem 2.4rem}.categories__list{flex:1;grid-auto-rows:1fr}.categories__item{justify-content:center}.categories__item-image{width:7.2rem}.index-template .banners-with-categories .categories__col{width:100%}}@media(min-width:1280px){.categories__item{padding:1.6rem 1rem}.categories__item-image{width:8rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-banners-with-categories.css.map */