.hahpro-featured-collection--root{background-color:var(--hahpro-fc-background, #0f0f0f);padding-block-start:var(--hahpro-fc-padding-block-start, 56px);padding-block-end:var(--hahpro-fc-padding-block-end, 56px)}.hahpro-featured-collection--inner{max-width:128rem;margin-inline:auto;padding-inline:1.5rem}.hahpro-featured-collection--header{margin-block-end:2.5rem}.hahpro-featured-collection--align-start .hahpro-featured-collection--header{text-align:start}.hahpro-featured-collection--align-center .hahpro-featured-collection--header{text-align:center}.hahpro-featured-collection--align-end .hahpro-featured-collection--header{text-align:end}.hahpro-featured-collection--kicker{margin:0 0 .6rem;color:var(--hahpro-fc-kicker-color, #ffd400);font-size:clamp(calc(var(--hahpro-fc-kicker-size, 14) * .8px),var(--hahpro-fc-kicker-size, 14px),var(--hahpro-fc-kicker-size, 14px));font-weight:600;letter-spacing:.12em;line-height:1.4}.hahpro-featured-collection--kicker-uppercase{text-transform:uppercase}.hahpro-featured-collection--heading{margin:0 0 .75rem;color:var(--hahpro-fc-heading-color, #ffffff);font-size:clamp(1.5rem,1rem + 2.5vw,calc(var(--hahpro-fc-heading-size, 44) * 1px));font-weight:600;line-height:1.15;letter-spacing:-.02em}.hahpro-featured-collection--description{max-width:62ch;color:var(--hahpro-fc-desc-color, #c7c7c7);font-size:clamp(calc(var(--hahpro-fc-desc-size, 16) * .85px),var(--hahpro-fc-desc-size, 16px),var(--hahpro-fc-desc-size, 16px));line-height:1.6}.hahpro-featured-collection--description p{margin:0}.hahpro-featured-collection--align-start .hahpro-featured-collection--description{margin-inline:0 auto}.hahpro-featured-collection--align-center .hahpro-featured-collection--description{margin-inline:auto}.hahpro-featured-collection--align-end .hahpro-featured-collection--description{margin-inline:auto 0}.hahpro-featured-collection--list{list-style:none;margin:0;padding:0}.hahpro-featured-collection--list-grid{display:grid;grid-template-columns:repeat(var(--hahpro-fc-per-view, 4),minmax(0,1fr));gap:var(--hahpro-fc-gap, 16px)}@media screen and (max-width:989px){.hahpro-featured-collection--list-grid{grid-template-columns:repeat(var(--hahpro-fc-per-view-tablet, 2),minmax(0,1fr))}}@media screen and (max-width:749px){.hahpro-featured-collection--list-grid{grid-template-columns:repeat(var(--hahpro-fc-per-view-mobile, 2),minmax(0,1fr))}}.hahpro-featured-collection--carousel .hahpro-featured-collection--list{display:flex;gap:var(--hahpro-fc-gap, 16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-block-end:.25rem}.hahpro-featured-collection--carousel .hahpro-featured-collection--list::-webkit-scrollbar{display:none}.hahpro-featured-collection--carousel .hahpro-featured-collection--item{flex:0 0 calc((100% - (var(--hahpro-fc-per-view, 4) - 1) * var(--hahpro-fc-gap, 16px)) / var(--hahpro-fc-per-view, 4));min-width:0;scroll-snap-align:start}@media screen and (max-width:989px){.hahpro-featured-collection--carousel .hahpro-featured-collection--item{flex-basis:calc((100% - (var(--hahpro-fc-per-view-tablet, 2) - 1) * var(--hahpro-fc-gap, 16px)) / var(--hahpro-fc-per-view-tablet, 2))}}@media screen and (max-width:749px){.hahpro-featured-collection--carousel .hahpro-featured-collection--item{flex-basis:calc((100% - (var(--hahpro-fc-per-view-mobile, 2) - 1) * var(--hahpro-fc-gap, 16px)) / var(--hahpro-fc-per-view-mobile, 2))}}.hahpro-featured-collection--slider-component{position:relative}.hahpro-fc-nav-button{position:absolute;inset-block-start:40%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background-color:#0f0f0fd9;color:#fff;cursor:pointer;transition:opacity .25s ease,border-color .2s ease,color .2s ease}.hahpro-fc-nav-button--previous{inset-inline-start:.75rem}.hahpro-fc-nav-button--next{inset-inline-end:.75rem}@media(hover:hover)and (pointer:fine){.hahpro-fc-nav-button{opacity:0;visibility:hidden}.hahpro-featured-collection--slider-component:hover .hahpro-fc-nav-button,.hahpro-featured-collection--slider-component:focus-within .hahpro-fc-nav-button{opacity:1;visibility:visible}}.hahpro-fc-nav-button:hover:not([disabled]){border-color:var(--hahpro-card-accent, #ffd400);color:var(--hahpro-card-accent, #ffd400)}.hahpro-fc-nav-button:focus-visible{outline:2px solid var(--hahpro-card-accent, #ffd400);outline-offset:3px}.hahpro-fc-nav-button[disabled]{opacity:0;visibility:hidden;pointer-events:none}[dir=rtl] .hahpro-fc-nav-button svg{transform:scaleX(-1)}.hahpro-featured-collection--footer{margin-block-start:2.5rem}.hahpro-featured-collection--viewall-start{text-align:start}.hahpro-featured-collection--viewall-center{text-align:center}.hahpro-featured-collection--viewall-end{text-align:end}.hahpro-btn--view-all{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hahpro-fc-view-all-height, 48px);padding:0 2.5rem;border:1px solid var(--hahpro-fc-view-all-border, #ffd400);border-radius:var(--hahpro-fc-view-all-radius, 4px);color:var(--hahpro-fc-view-all-color, #ffd400);font-size:var(--hahpro-fc-view-all-size, 15px);font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.hahpro-btn--view-all-normal{text-transform:none}.hahpro-btn--view-all-uppercase{text-transform:uppercase}.hahpro-btn--view-all-lowercase{text-transform:lowercase}.hahpro-btn--view-all-capitalize{text-transform:capitalize}.hahpro-btn--view-all:hover{background-color:var(--hahpro-fc-view-all-hover-bg, #ffd400);border-color:var(--hahpro-fc-view-all-hover-bg, #ffd400);color:var(--hahpro-fc-view-all-hover-color, #0f0f0f)}.hahpro-btn--view-all:focus-visible{outline:2px solid var(--hahpro-card-accent, #ffd400);outline-offset:3px}@media(prefers-reduced-motion:reduce){.hahpro-fc-nav-button,.hahpro-featured-collection--carousel .hahpro-featured-collection--list{transition:none;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hahpro-featured-collection.css.map */