.sam-cat-grid,.sam-cat-grid *,.sam-cat-grid *:before,.sam-cat-grid *:after{box-sizing:border-box}.sam-cat-grid__head{max-width:68rem;margin:0 auto 3.2rem;text-align:center}.sam-cat-grid__eyebrow{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 0 1rem;color:#c00;font-size:1.1rem;font-weight:800;letter-spacing:.2em;line-height:1.2;text-transform:uppercase}.sam-cat-grid__eyebrow:before,.sam-cat-grid__eyebrow:after{content:"";width:3.2rem;height:.1rem;background:currentColor;opacity:.45}.sam-cat-grid__heading{margin:0;color:#1a1a2e;font-family:var(--font-heading-family);font-size:clamp(3rem,3.2vw,4.8rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.035em;line-height:1.08}.sam-cat-grid__sub{max-width:54rem;margin:1.2rem auto 0;color:#1a1a2e9e;font-size:1.45rem;line-height:1.55}.sam-cat-grid__grid{display:grid;grid-template-columns:repeat(var(--sam-cat-cols, 4),minmax(0,1fr));gap:1.6rem}.sam-cat__card{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;border:.1rem solid var(--sam-cat-border, #eadfde);border-radius:2.2rem;background:var(--sam-cat-card-bg, #fff);color:var(--sam-cat-label-color, #1a1a2e);text-decoration:none;box-shadow:0 1rem 3rem #1a1a2e12;isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.sam-cat__card:after{content:"";position:absolute;z-index:3;right:0;bottom:0;left:0;height:.3rem;transform:scaleX(0);transform-origin:left;background:var(--sam-cat-accent, #cc0000);transition:transform .22s ease}.sam-cat__img-wrap{position:relative;overflow:hidden;width:100%;aspect-ratio:4 / 5;flex:0 0 auto;background:#eee9e4}.sam-cat__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}.sam-cat__img--placeholder{padding:3rem}.sam-cat__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(14,14,22,.2) 0%,rgba(14,14,22,.04) 34%,transparent 58%);pointer-events:none;transition:opacity .22s ease}.sam-cat__label{position:relative;z-index:2;display:flex;min-height:8.2rem;padding:1.5rem 1.6rem;align-items:center;justify-content:space-between;gap:1rem;border-top:.1rem solid color-mix(in srgb,var(--sam-cat-border, #eadfde) 70%,transparent);background:var(--sam-cat-card-bg, #fff);color:var(--sam-cat-label-color, #1a1a2e)}.sam-cat__label-copy{display:block;min-width:0}.sam-cat__label-title{display:block;color:inherit;font-size:clamp(1.3rem,1.15vw,1.6rem);font-weight:800;letter-spacing:.035em;line-height:1.25;overflow-wrap:normal;text-transform:uppercase;word-break:normal}.sam-cat__label-subtitle{display:block;margin-top:.45rem;color:#6d6872;font-size:1.05rem;font-weight:600;letter-spacing:.02em;line-height:1.25}.sam-cat__label-arrow{display:inline-flex;width:3.8rem;height:3.8rem;flex:0 0 3.8rem;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--sam-cat-accent, #cc0000) 9%,transparent);color:var(--sam-cat-accent, #cc0000);transition:transform .18s ease,background-color .18s ease,color .18s ease}.sam-cat__card:focus-visible{outline:.3rem solid var(--sam-cat-accent, #cc0000);outline-offset:.3rem}@media(hover:hover)and (pointer:fine){.sam-cat__card:hover{transform:translateY(-.6rem);border-color:var(--sam-cat-accent, #cc0000);color:var(--sam-cat-label-color, #1a1a2e);box-shadow:0 1.8rem 4.2rem #1a1a2e24}.sam-cat__card:hover:after{transform:scaleX(1)}.sam-cat__card:hover .sam-cat__img{transform:scale(1.045)}.sam-cat__card:hover .sam-cat__label-arrow{transform:translate(.25rem);background:var(--sam-cat-accent, #cc0000);color:#fff}}.sam-cat-grid__track-outer{position:relative;display:flex;align-items:center}.sam-cat-grid__track{display:flex;min-width:0;padding:.8rem .4rem 1.6rem;overflow-x:auto;flex:1;gap:1.4rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sam-cat-grid__track::-webkit-scrollbar{display:none}.sam-cat__card--scroll{width:var(--sam-cat-card-w, 260px);flex:0 0 var(--sam-cat-card-w, 260px);scroll-snap-align:start}.sam-cat-grid__nav{z-index:5;display:flex;width:4.4rem;height:4.4rem;padding:0;align-items:center;justify-content:center;flex:0 0 4.4rem;border:.1rem solid var(--sam-cat-border, #eadfde);border-radius:50%;background:#fff;color:#1a1a2e;box-shadow:0 .6rem 2rem #1a1a2e1a;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease}.sam-cat-grid__nav--prev{margin-right:1.2rem}.sam-cat-grid__nav--next{margin-left:1.2rem}.sam-cat-grid__nav:hover{transform:scale(1.06);background:var(--sam-cat-accent, #cc0000);color:#fff}.sam-cat-grid__nav:disabled{opacity:.25;pointer-events:none}body.dark-mode .sam-cat-grid__heading{color:#f2f2f7}body.dark-mode .sam-cat-grid__sub{color:#f2f2f79e}body.dark-mode .sam-cat__card,body.dark-mode .sam-cat__label{background:#1e1e2e}body.dark-mode .sam-cat__label{color:#f2f2f7}body.dark-mode .sam-cat__label-subtitle{color:#f2f2f79e}body.dark-mode .sam-cat-grid__nav{border-color:#ffffff26;background:#1e1e2e;color:#fff}@media screen and (max-width:749px){.sam-cat-grid__head{margin-bottom:2.4rem}.sam-cat-grid__eyebrow{font-size:1rem}.sam-cat-grid__heading{font-size:clamp(2.8rem,9vw,3.8rem)}.sam-cat-grid__sub{font-size:1.3rem}.sam-cat-grid__grid{grid-template-columns:repeat(var(--sam-cat-cols-mobile, 2),minmax(0,1fr));gap:1rem}.sam-cat__card{border-radius:1.6rem}.sam-cat__label{min-height:7.4rem;padding:1.2rem 1.1rem;gap:.65rem}.sam-cat__label-title{font-size:clamp(1.08rem,3.35vw,1.3rem);letter-spacing:.025em}.sam-cat__label-subtitle{margin-top:.35rem;font-size:.92rem}.sam-cat__label-arrow{width:3.1rem;height:3.1rem;flex-basis:3.1rem}.sam-cat__label-arrow svg{width:1.5rem;height:1.5rem}.sam-cat-grid__nav{display:none}.sam-cat-grid__track{padding:.6rem 1.4rem 1.2rem}.sam-cat__card--scroll{width:calc(var(--sam-cat-card-w, 260px) * .72);flex-basis:calc(var(--sam-cat-card-w, 260px) * .72)}}@media screen and (max-width:359px){.sam-cat__label-subtitle{display:none}.sam-cat__label{min-height:6.4rem}}@media(prefers-reduced-motion:reduce){.sam-cat__card,.sam-cat__card:after,.sam-cat__img,.sam-cat__overlay,.sam-cat__label-arrow,.sam-cat-grid__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/sam-category-grid.css.map */