.subcol-banners-section{padding:clamp(1.2rem,3vw,2rem) 0 0}.subcol-banners-section .section-heading{margin-bottom:clamp(1.4rem,3vw,2.2rem)}.subcol-banners{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:700px){.subcol-banners-section .subcol-banners{grid-template-columns:repeat(2,minmax(0,1fr))}.subcol-banners-section[data-columns="3"] .subcol-banners{grid-template-columns:repeat(3,minmax(0,1fr))}.subcol-banners-section[data-columns="4"] .subcol-banners{grid-template-columns:repeat(4,minmax(0,1fr))}}.subcol-banner{position:relative;overflow:hidden;display:grid;min-height:clamp(150px,20vw,220px);border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--soft-shadow);color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.subcol-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.subcol-banner-media{grid-area:1 / 1;min-height:100%}.subcol-banner-media img{display:block;width:100%;height:100%;object-fit:cover}.subcol-banner-fallback{width:100%;height:100%;min-height:clamp(150px,20vw,220px);background:linear-gradient(135deg,var(--slate),var(--deep-slate))}.subcol-banner:after{content:"";grid-area:1 / 1;background:linear-gradient(180deg,#3f59680f,#3f596857);pointer-events:none}.subcol-banner-copy{position:relative;z-index:1;grid-area:1 / 1;align-self:center;justify-self:center;display:grid;justify-items:center;gap:.5rem;width:min(88%,420px);padding:1rem;text-align:center}.subcol-banner-title{margin:0;color:var(--white);font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,3.4vw,1.9rem);line-height:1;text-shadow:0 2px 14px rgba(30,54,68,.4)}.subcol-banner-text{margin:0;color:var(--white);font-size:.88rem;opacity:.92;text-shadow:0 1px 8px rgba(30,54,68,.4)}.subcol-banner-cta{margin-top:.2rem;border-color:#ffffffbf;background:#ffffff29;color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.subcol-banner-cta:hover{background:#ffffff47}.subcol-banner-cta svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7}@media(min-width:700px){.subcol-banner{min-height:clamp(180px,16vw,260px)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/subcollection-banners.css.map */