.fcf-category-banners{--fcf-category-banners-ink: #fff;--fcf-category-banners-blue: #051e33;--fcf-category-banners-gap: clamp(16px, 2vw, 24px);--fcf-category-banners-min-col: 280px;--fcf-category-banners-grid-ratio: 4 / 3;--fcf-category-banners-full-ratio: 21 / 8;--fcf-category-banners-full-min-h: clamp(220px, 28vw, 360px);--fcf-category-banners-gutter: max(20px, 6vw);--fcf-category-banner-gradient: linear-gradient( to top, rgb(5, 30, 51) 0%, rgba(5, 30, 51, .92) 22%, rgba(5, 30, 51, .62) 48%, rgba(5, 30, 51, .22) 72%, rgba(5, 30, 51, 0) 100% );width:100%;color:var(--fcf-category-banners-ink)}.fcf-category-banners.section--full-width>.fcf-category-banners__inner,.fcf-category-banners.section--full-width>.fcf-category-banners__grid{grid-column:1 / -1;width:100%;max-width:none}.fcf-category-banners.spacing-style{padding-inline:0}.fcf-category-banners__inner{box-sizing:border-box;width:100%;padding-inline:var(--padding-inline-start, var(--fcf-category-banners-gutter)) var(--padding-inline-end, var(--fcf-category-banners-gutter))}.fcf-category-banners.section--page-width .fcf-category-banners__inner{padding-inline:0}.fcf-category-banners__grid{display:flex;flex-wrap:wrap;gap:var(--fcf-category-banners-gap);width:100%;margin:0;padding:0;list-style:none}.fcf-category-banners__item{display:flex;min-width:0}.fcf-category-banners__item--grid{flex:1 1 calc((100% - (2 * var(--fcf-category-banners-gap))) / 3);min-width:min(100%,var(--fcf-category-banners-min-col))}.fcf-category-banners__item--full_width{flex:1 1 100%;width:calc(100% + var(--padding-inline-start, var(--fcf-category-banners-gutter)) + var(--padding-inline-end, var(--fcf-category-banners-gutter)));max-width:none;margin-inline:calc(-1 * var(--padding-inline-start, var(--fcf-category-banners-gutter))) calc(-1 * var(--padding-inline-end, var(--fcf-category-banners-gutter)))}.fcf-category-banners.section--page-width .fcf-category-banners__item--full_width{width:100%;margin-inline:0}.fcf-category-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;color:inherit;text-decoration:none;background-color:var(--fcf-category-banners-blue);background-image:var(--fcf-category-banner-image);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .35s cubic-bezier(.22,1,.36,1)}.fcf-category-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--fcf-category-banner-gradient);pointer-events:none}.fcf-category-banner--grid{aspect-ratio:var(--fcf-category-banners-grid-ratio);min-height:clamp(220px,34vw,420px)}.fcf-category-banner--full_width{aspect-ratio:var(--fcf-category-banners-full-ratio);min-height:var(--fcf-category-banners-full-min-h)}@media(hover:hover)and (pointer:fine){a.fcf-category-banner:hover{transform:scale(1.01)}a.fcf-category-banner:hover .fcf-category-banner__cta{opacity:.85}}.fcf-category-banner:focus-visible{outline:2px solid #fff;outline-offset:3px}.fcf-category-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#0a2a45,#051e33)}.fcf-category-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,16px);width:min(92%,640px);padding:clamp(20px,4vw,40px);text-align:center;pointer-events:none}.fcf-category-banner__title{margin:0;color:var(--fcf-category-banners-ink);font-family:var(--font-heading--family);font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:700;letter-spacing:.04em;line-height:1.05;text-transform:uppercase}.fcf-category-banner__title--placeholder{opacity:.65}.fcf-category-banner__cta{color:var(--fcf-category-banners-ink);font-family:var(--font-subheading--family);font-size:clamp(.75rem,1vw,.875rem);font-weight:700;letter-spacing:.08em;line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;text-transform:uppercase;text-underline-offset:.2em}.fcf-category-banners__empty{width:100%;margin:0;padding:clamp(24px,4vw,40px);border:1px dashed rgba(5,30,51,.25);color:var(--fcf-category-banners-blue);font-family:var(--font-subheading--family);text-align:center}@media(max-width:749px){.fcf-category-banner--full_width{aspect-ratio:16 / 10;min-height:clamp(200px,52vw,320px)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-fcf-category-banners.css.map */