.section--shop-categories{padding:80px 0;background:#fff;overflow-x:clip}.shop-categories__layout{display:flex;gap:40px;align-items:flex-start}.shop-categories__sidebar{flex:0 0 200px;width:200px}.shop-categories__heading{font-family:Oswald,sans-serif;font-weight:700;font-size:32px;line-height:1.15;color:#2b2b2b;margin:0 0 16px}.shop-categories__rule{width:40px;height:3px;background:#fcec21;margin-bottom:24px}.shop-categories__stat{display:flex;align-items:center;gap:12px;margin-bottom:24px}.shop-categories__stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#fcec2126;border-radius:8px;flex-shrink:0}.shop-categories__stat-number{font-family:Lato,sans-serif;font-weight:700;font-size:18px;color:#2b2b2b;margin:0}.shop-categories__stat-label{font-family:Lato,sans-serif;font-weight:400;font-size:13px;color:#6b7280;margin:0}.shop-categories__view-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:Lato,sans-serif;font-weight:700;font-size:13px;letter-spacing:.4px;text-transform:uppercase;text-decoration:underline;color:#2b2b2b;margin-bottom:24px}.shop-categories__view-all:focus-visible,.shop-categories__nav-btn:focus-visible,.shop-categories__card:focus-visible{outline:2px solid #2b2b2b;outline-offset:3px}.shop-categories__nav{display:flex;gap:8px}.shop-categories__nav-btn{width:40px;height:40px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease}.shop-categories__nav-btn--active{background:#2b2b2b;border-color:#2b2b2b;color:#fff}.shop-categories__nav-btn:disabled{opacity:.4;cursor:default}.shop-categories__track-wrap{flex:1 1 auto;overflow:hidden;min-width:0;width:100%}.shop-categories__track{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:4px}.shop-categories__track::-webkit-scrollbar{display:none}.shop-categories__card{flex:0 0 220px;width:220px;min-width:0;scroll-snap-align:start;text-decoration:none;color:inherit;display:block;-webkit-tap-highlight-color:transparent}.shop-categories__image-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#e5e7eb}.shop-categories__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.shop-categories__image--placeholder{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.shop-categories__badge{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Lato,sans-serif;font-weight:700;font-size:11px;padding:4px 10px;border-radius:999px;color:#fff;background:#000000a6}.shop-categories__badge--accent{background:#fcec21;color:#2b2b2b}.shop-categories__badge--maroon{background:#7a1f2b;color:#fff}.shop-categories__badge--dark{background:#000000b3;color:#fff}.shop-categories__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-top:12px}.shop-categories__meta>div{min-width:0}.shop-categories__title{font-family:Lato,sans-serif;font-weight:700;font-size:15px;color:#2b2b2b;margin:0;overflow-wrap:anywhere}.shop-categories__subtitle{font-family:Lato,sans-serif;font-weight:400;font-size:13px;color:#9ca3af;margin:2px 0 0}.shop-categories__arrow{width:24px;height:24px;border-radius:999px;background:#f3f4f6;color:#2b2b2b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,transform .15s ease}.shop-categories__underline{height:2px;background:#fcec21;width:0;margin-top:8px;transition:width .25s ease}@media(hover:hover){.shop-categories__nav-btn:hover{background:#2b2b2b;border-color:#2b2b2b;color:#fff}.shop-categories__card:hover .shop-categories__image{transform:scale(1.05)}.shop-categories__card:hover .shop-categories__arrow{background:#fcec21;transform:translate(2px)}.shop-categories__card:hover .shop-categories__underline{width:100%}}@media screen and (max-width:989px){.section--shop-categories{padding:56px 0}.shop-categories__layout{flex-direction:column;gap:24px}.shop-categories__sidebar{width:100%;flex:none;display:grid;grid-template-columns:1fr auto;grid-template-areas:"heading nav" "rule    rule" "stat    viewall";align-items:center;column-gap:16px}.shop-categories__heading{grid-area:heading;margin:0}.shop-categories__nav{grid-area:nav;align-self:center}.shop-categories__rule{grid-area:rule;margin:12px 0 16px}.shop-categories__stat{grid-area:stat;margin:0}.shop-categories__view-all{grid-area:viewall;justify-self:end;margin:0}}@media screen and (max-width:749px){.section--shop-categories{padding:40px 0}.shop-categories__layout{gap:20px}.shop-categories__nav{display:none}.shop-categories__sidebar{grid-template-areas:"heading heading" "rule    rule" "stat    viewall"}.shop-categories__track-wrap{overflow:visible;margin:0 -1.5rem;width:auto;align-self:stretch}.shop-categories__track{gap:14px;padding:0 1.5rem 4px;scroll-padding-left:1.5rem;scroll-snap-type:x mandatory}.shop-categories__card{flex-basis:200px;width:200px}.shop-categories__meta{padding-top:10px}}@media screen and (max-width:480px){.shop-categories__card{flex-basis:180px;width:180px}.shop-categories__badge{top:10px;left:10px}}@media screen and (max-width:359px){.shop-categories__card{flex-basis:156px;width:156px}}@media(prefers-reduced-motion:reduce){.shop-categories__track{scroll-behavior:auto}.shop-categories__image,.shop-categories__arrow,.shop-categories__underline,.shop-categories__nav-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-shop-categories.css.map */