.sam-cat-grid__head{text-align:center;margin-bottom:40px}.sam-cat-grid__eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c00;margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:10px}.sam-cat-grid__eyebrow:before,.sam-cat-grid__eyebrow:after{content:"";width:32px;height:1px;background:currentColor;opacity:.5}.sam-cat-grid__heading{font-size:clamp(26px,3.5vw,48px);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px}.sam-cat-grid__sub{font-size:15px;opacity:.55;margin:0 auto;max-width:520px;line-height:1.6}.sam-cat-grid__grid{display:grid;grid-template-columns:repeat(var(--sam-cat-cols, 4),1fr);gap:16px}.sam-cat__card{display:block;position:relative;border-radius:16px;overflow:hidden;text-decoration:none;background:#111;aspect-ratio:3 / 4;box-shadow:0 4px 20px #0000001f;transition:transform .32s cubic-bezier(.34,1.2,.64,1),box-shadow .3s ease}.sam-cat__card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 40px #00000038}.sam-cat__img-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.sam-cat__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .6s ease}.sam-cat__card:hover .sam-cat__img{transform:scale(1.06)}.sam-cat__img--placeholder{width:100%;height:100%}.sam-cat__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000c7,#00000038,#0000000a);transition:background .35s ease}.sam-cat__card:hover .sam-cat__overlay{background:linear-gradient(to top,#000000d9,#00000059 55%,#0000001a)}.sam-cat__label{position:absolute;bottom:0;left:0;right:0;padding:20px 20px 22px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--sam-cat-label-color, #fff);font-size:clamp(13px,1.5vw,17px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;z-index:2;transition:padding .28s ease}.sam-cat__card:hover .sam-cat__label{padding-bottom:28px}.sam-cat__label-arrow{display:flex;align-items:center;opacity:0;transform:translate(-8px);transition:opacity .25s ease,transform .25s ease;flex-shrink:0}.sam-cat__card:hover .sam-cat__label-arrow{opacity:1;transform:translate(0)}body.dark-mode .sam-cat-grid__heading{color:#f0f0f8}body.dark-mode .sam-cat-grid__sub{color:#dcdce48c}@media screen and (max-width:749px){.sam-cat-grid__grid{grid-template-columns:repeat(var(--sam-cat-cols-mobile, 2),1fr);gap:10px}.sam-cat-grid__head{margin-bottom:24px}.sam-cat__card{border-radius:12px}.sam-cat__label{font-size:12px;padding:14px 14px 16px}}@media(prefers-reduced-motion:reduce){.sam-cat__card,.sam-cat__img,.sam-cat__overlay,.sam-cat__label,.sam-cat__label-arrow{transition:none}}.sam-cat-grid__track-outer{position:relative;display:flex;align-items:center;gap:0}.sam-cat-grid__nav{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);background:#fff;box-shadow:0 2px 12px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#111;transition:background .18s,box-shadow .18s,transform .18s;z-index:5;padding:0}.sam-cat-grid__nav:hover{background:#111;color:#fff;box-shadow:0 4px 20px #0003;transform:scale(1.08)}.sam-cat-grid__nav:disabled{opacity:.25;pointer-events:none}.sam-cat-grid__nav--prev{margin-right:12px}.sam-cat-grid__nav--next{margin-left:12px}.sam-cat-grid__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 4px 16px;scroll-behavior:smooth;flex:1}.sam-cat-grid__track::-webkit-scrollbar{display:none}.sam-cat__card--scroll{flex:0 0 var(--sam-cat-card-w, 260px);scroll-snap-align:start}@media screen and (max-width:749px){.sam-cat-grid__nav{display:none}.sam-cat-grid__track-outer{gap:0}.sam-cat-grid__track{padding:6px 14px 12px;-webkit-mask-image:none;mask-image:none}.sam-cat__card--scroll{flex:0 0 calc(var(--sam-cat-card-w, 260px) * .72)}}body.dark-mode .sam-cat-grid__nav{background:#1e1e2e;border-color:#ffffff26;color:#fff}body.dark-mode .sam-cat-grid__nav:hover{background:#fff;color:#111}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sam-category-grid.css.map */