.shop-by-category *{box-sizing:border-box}.shop-by-category{padding:40px 0;background:#fff;text-align:center;overflow:visible;position:relative;width:100%}.shop-by-category__title{font-size:2.8rem;font-weight:700;color:#1a1a1a;letter-spacing:-.6px;margin:0 0 12px;font-family:Poppins,sans-serif}.shop-by-category__subtitle{font-size:1.25rem;color:#666;margin:0 0 5px;font-weight:400;font-family:Inter,sans-serif}.shop-by-category__scroll-wrapper{position:relative;width:100%;overflow:visible;padding:30px 0 40px}.shop-by-category__scroll-track{display:flex;flex-direction:row;flex-wrap:nowrap;gap:45px;padding:20px 60px;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;margin:0;min-height:400px;align-items:center;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding:0 60px;will-change:scroll-position;touch-action:pan-x pan-y;overscroll-behavior-x:contain}@media (hover: hover) and (pointer: fine){.shop-by-category__scroll-track{cursor:grab}.shop-by-category__scroll-track:active{cursor:grabbing}}.shop-by-category__scroll-track::-webkit-scrollbar{display:none}.shop-by-category__nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#fffffff2;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;outline:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shop-by-category__nav-arrow:focus,.shop-by-category__nav-arrow:focus-visible{outline:none!important;border:1px solid #e0e0e0}.shop-by-category__nav-arrow:hover{background:#1a1a1a;border-color:#1a1a1a;transform:translateY(-50%) scale(1.1);outline:none!important;box-shadow:0 6px 16px #0003}.shop-by-category__nav-arrow:hover svg{stroke:#fff}.shop-by-category__nav-arrow--left{left:20px}.shop-by-category__nav-arrow--right{right:20px}.shop-by-category__nav-arrow svg{width:24px;height:24px;stroke:#1a1a1a;transition:stroke .3s ease}.shop-by-category__nav-arrow.hidden{opacity:0;pointer-events:none}.shop-by-category__item{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#f4f4f4;box-shadow:0 6px 18px #0000000d;transition:all .5s ease;min-width:240px;max-width:240px;width:240px;flex-shrink:0;text-decoration:none;cursor:pointer;opacity:0;transform:translateY(40px) scale(.95);margin:0;padding:0;outline:none!important;scroll-snap-align:start;scroll-snap-stop:normal;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.shop-by-category__item:focus,.shop-by-category__item:focus-visible{outline:none!important;box-shadow:0 6px 18px #0000000d}.shop-by-category__item.visible{opacity:1;transform:translateY(0) scale(1);transition:all .7s cubic-bezier(.22,1,.36,1)}@media (hover: hover) and (pointer: fine){.shop-by-category__item:hover{transform:translateY(-8px) scale(1.02);background:#1a1a1a;box-shadow:0 16px 32px #00000026;z-index:5;outline:none!important}.shop-by-category__item:hover .shop-by-category__item-name{color:#fff}.shop-by-category__item:hover .shop-by-category__item-image img{transform:scale(1.05);filter:brightness(.8)}.shop-by-category__item:hover .shop-by-category__item-overlay{opacity:1}}@media (hover: none) and (pointer: coarse){.shop-by-category__item:active{transform:scale(.98);transition:transform .1s ease}}.shop-by-category__item-image{position:relative;width:100%;height:280px;overflow:hidden;perspective:800px;margin:0;padding:0}.shop-by-category__item-image img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center center;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .5s ease;pointer-events:none}.shop-by-category__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#00000080);opacity:0;transition:opacity .4s ease;pointer-events:none}.shop-by-category__item-name{font-size:1.2rem;font-weight:600;padding:18px 10px;color:#111;letter-spacing:.4px;background:transparent;font-family:Poppins,sans-serif;transition:color .4s ease;margin:0;pointer-events:none}.shop-by-category__scroll-dots{display:flex;justify-content:center;gap:8px;margin-top:30px;list-style:none;padding:0}.shop-by-category__dot{width:8px;height:8px;border-radius:50%;background:#ddd;transition:all .3s ease;cursor:pointer;padding:0;margin:0}.shop-by-category__dot.active{background:#1a1a1a;width:24px;border-radius:4px}@media (max-width: 768px){.shop-by-category{padding:70px 0}.shop-by-category__title{font-size:2rem}.shop-by-category__subtitle{font-size:1rem;margin-bottom:40px}.shop-by-category__scroll-wrapper{padding:20px 0 30px}.shop-by-category__scroll-track{padding:15px 20px;gap:18px;min-height:350px;scroll-padding:0 20px}.shop-by-category__item{min-width:200px;max-width:200px;width:200px}.shop-by-category__item-image{height:240px}.shop-by-category__item-name{font-size:1.05rem;padding:16px 10px}.shop-by-category__nav-arrow{width:40px;height:40px}.shop-by-category__nav-arrow--left{left:10px}.shop-by-category__nav-arrow--right{right:10px}.shop-by-category__nav-arrow svg{width:20px;height:20px}}@media (max-width: 480px){.shop-by-category__scroll-wrapper{padding:20px 0 30px}.shop-by-category__scroll-track{padding:15px 20px;gap:12px;min-height:300px;scroll-padding:0 20px;scroll-snap-type:x mandatory}.shop-by-category__item{min-width:170px;max-width:170px;width:170px;scroll-snap-align:center}.shop-by-category__nav-arrow{display:none}.shop-by-category__item-image{height:200px}.shop-by-category__item-name{font-size:.95rem;padding:14px 8px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/shop-by-category.css.map */