.shop-by-category-section{padding:48px 0;background:#fff;position:relative;--sbc-mobile-page-height: 520px}.shop-by-category-section{--sbc-text-2xs: var(--text-2xs);--sbc-text-xs: var(--text-xs);--sbc-text-sm: var(--text-sm);--sbc-text-base: var(--text-base);--sbc-text-md: var(--text-md);--sbc-text-lg: var(--text-lg);--sbc-text-xl: var(--text-xl);--sbc-text-3xl: var(--text-3xl);--sbc-text-6xl: var(--text-6xl)}.shop-by-category-nav-arrow-left:focus-visible,.shop-by-category-nav-arrow-right:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.shop-by-category-section.gradient{position:relative;overflow:hidden}.shop-by-category-section.gradient:before{content:"";position:absolute;top:-25%;left:-15%;width:75%;height:110%;background:radial-gradient(circle at 25% 25%,rgba(99,102,241,.05) 0%,transparent 70%),radial-gradient(circle at 85% 75%,rgba(168,85,247,.03) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.shop-by-category-section.gradient>*{position:relative;z-index:1}.shop-by-category-container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.shop-by-category-responsive-container{position:relative;max-width:1400px;margin:0 auto;padding:0 60px;overflow:visible}@media (max-width: 480px){.shop-by-category-container{max-width:100%;padding:0 16px}.shop-by-category-responsive-container{max-width:100%;padding:0 20px}}@media (min-width: 481px) and (max-width: 768px){.shop-by-category-container{max-width:100%;padding:0 20px}.shop-by-category-responsive-container{max-width:100%;padding:0 40px}}@media (min-width: 769px) and (max-width: 1024px){.shop-by-category-container{max-width:1200px;padding:0 24px}.shop-by-category-responsive-container{max-width:1200px;padding:0 50px}}@media (min-width: 1025px){.shop-by-category-container{max-width:1400px;padding:0 20px}.shop-by-category-responsive-container{max-width:1400px;padding:0 60px}}.shop-by-category-nav-arrow-left,.shop-by-category-nav-arrow-right{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:#fff;border:2px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.shop-by-category-nav-arrow-left{left:12px}.shop-by-category-nav-arrow-right{right:12px}.shop-by-category-nav-arrow-left:hover,.shop-by-category-nav-arrow-right:hover{background-color:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-50%) scale(1.1)}.shop-by-category-header{text-align:center;margin-bottom:48px}.shop-by-category-eyebrow{font-size:var(--sbc-text-base);font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.shop-by-category-title{font-size:var(--sbc-text-6xl);font-weight:700;color:#111827;margin-bottom:24px;line-height:1.2}.shop-by-category-subheading{font-size:var(--sbc-text-lg);color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.shop-by-category-subheading--forced .line{display:block}.shop-by-category-subheading--forced .line+.line{margin-top:2px}.shop-by-category-subheading .subheading-accent{--sbc-accent-start: #60a5fa;--sbc-accent-end: #9333ea;background-image:linear-gradient(90deg,var(--sbc-accent-start),var(--sbc-accent-end));background-repeat:no-repeat;background-size:100% .08em;background-position:0 100%;text-decoration:none}.shop-by-category-view-all{margin-top:24px}.shop-by-category-view-all-link{color:#2563eb;font-weight:600;font-size:var(--sbc-text-base);text-decoration:none}.continue-shopping-container{display:flex;justify-content:center;align-items:center;margin-top:60px;margin-bottom:40px;width:100%}@media (max-width: 768px){.continue-shopping-container{margin-top:40px;margin-bottom:60px}}.continue-shopping-button{display:inline-flex;align-items:center;justify-content:center;background-color:#2563eb;color:#fff;padding:.75rem 2rem;border-radius:9999px;font-weight:700;font-size:var(--sbc-text-sm);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:all .3s ease;width:auto;min-width:120px;box-shadow:0 6px 20px #2563eb40,0 2px 6px #2563eb33}.continue-shopping-button:hover{background-color:#1d4ed8;transform:translateY(-1px);color:#fff;text-decoration:none;box-shadow:0 10px 30px #1d4ed859,0 6px 12px #1d4ed840}@media (max-width: 480px){.continue-shopping-button{padding:.65rem 1.75rem;font-size:var(--sbc-text-xs);width:100%;max-width:200px}}@media (min-width: 768px){.continue-shopping-button{padding:1rem 2.5rem;font-size:var(--sbc-text-base);letter-spacing:.1em;width:auto}}@media (min-width: 1024px){.continue-shopping-button{padding:1.08rem 2.75rem;font-size:var(--sbc-text-lg)}.continue-shopping-button:hover{transform:scale(1.05)}}#category-scroll-container{overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;width:100%;position:relative;height:auto;min-height:460px}.category-cards-container{display:flex;gap:32px;padding:20px 20px 40px;width:max-content;position:relative;height:auto;min-height:460px}.desktop-cards{display:flex;gap:32px}.category-card-wrapper{flex-shrink:0;width:280px;height:350px}.category-card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.category-card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);transition:transform .3s ease,box-shadow .3s ease;width:100%;height:100%}.category-card-link:hover .category-card,.category-card-link:focus .category-card{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.category-card-link:focus{outline:3px solid #2563eb;outline-offset:2px;border-radius:16px}.category-card-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:2}.category-card-fallback-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1}.category-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#0000 40%,#0000004d);border-radius:16px;z-index:3}.category-card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;justify-content:center;z-index:4}.category-button{display:inline-block;background-color:#2563eb;color:#fff;padding:10px 20px;border-radius:20px;font-size:var(--sbc-text-sm);font-weight:700;text-decoration:none;box-shadow:0 2px 10px #2563eb4d;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.mobile-card-pages{display:none}.mobile-card-page{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:0 20px;width:100vw;height:var(--sbc-mobile-page-height);scroll-snap-align:start;position:relative}.mobile-category-card .category-card{border-radius:12px;height:100%}.mobile-category-card .category-card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.mobile-category-card .category-card-link:hover .category-card,.mobile-category-card .category-card-link:focus .category-card{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.mobile-category-card .category-card-link:focus{outline:2px solid #2563eb;outline-offset:1px;border-radius:12px}.mobile-category-card .category-card-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:2}.mobile-category-card .category-card-fallback-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1;border-radius:12px}.mobile-category-card .category-card-overlay{border-radius:12px;z-index:3}.mobile-category-card .category-card-content{padding:12px;z-index:4}.mobile-category-card .category-button{font-size:var(--sbc-text-2xs);padding:6px 12px;border-radius:16px;letter-spacing:.3px;line-height:1.2}@media (max-width: 768px){.shop-by-category-responsive-container{padding:0 20px}.shop-by-category-nav-arrow-left{left:8px}.shop-by-category-nav-arrow-right{right:8px}#category-scroll-container{height:auto;min-height:400px}.category-cards-container{height:auto;min-height:400px;padding:15px 20px 25px}}@media (max-width: 375px){.mobile-category-card .category-button{font-size:var(--sbc-text-2xs);padding:4px 8px;border-radius:12px;letter-spacing:.3px;line-height:1.2}.mobile-card-page{gap:10px}.category-card-content{padding:10px}}.category-card-wrapper{flex-shrink:0}.category-card-wrapper>div{height:280px}@media (max-width: 767px){.shop-by-category-section{padding:32px 0}#category-scroll-container{overflow-x:auto;overflow-y:hidden;width:100%;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x}.desktop-cards{display:none}.mobile-card-pages{display:flex;gap:16px}.category-cards-container{padding:20px 20px 40px;gap:32px}.mobile-card-page{flex-shrink:0}.shop-by-category-section>div:last-child{text-align:center}.shop-by-category-section>div:last-child>div{justify-content:center;margin:0 auto}}@media (min-width: 768px){.desktop-cards{display:flex}.mobile-card-pages{display:none}}@media (max-width: 480px){.category-card-wrapper{width:200px}.category-card-wrapper>div{height:218px}.category-cards-container{gap:16px;padding:0 12px 12px}.category-button{padding:6px 12px;font-size:var(--sbc-text-xs)}}@media (min-width: 768px) and (max-width: 1024px){.category-card-wrapper{width:280px}.category-card-wrapper>div{height:320px}.category-cards-container{padding:0 24px 16px}}@media (min-width: 1025px){.category-card-wrapper{width:320px}.category-card-wrapper>div{height:360px}}@media (min-width: 1440px){.category-card-wrapper{width:350px}.category-card-wrapper>div{height:400px}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/section-shop-by-category.css.map */