.segmentation-section{padding:60px 0 40px}.segmentation-main-title{text-align:center;font-size:2.3rem;color:var(--color-navy-dark);margin-bottom:36px}@media(min-width:768px){.segmentation-main-title{font-size:3.1rem}}.segmentation-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:990px){.segmentation-grid{grid-template-columns:repeat(2,1fr);gap:28px}}.segment-column{display:flex;flex-direction:column;gap:18px}.segment-hero-card{position:relative;min-height:220px;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px 24px;box-shadow:var(--shadow-md);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.segment-hero-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.segment-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.segment-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#00000073);z-index:2}.segment-hero-content{position:relative;z-index:5;color:#fff;max-width:440px}.segment-hero-title{font-family:var(--font-heading);font-size:2.2rem;color:#fff;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.segment-hero-desc{font-size:.95rem;font-weight:500;line-height:1.4;margin-bottom:12px;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.4)}.segment-hero-link{display:inline-block;font-size:.88rem;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:4px;transition:opacity var(--transition-fast)}.segment-hero-link:hover{opacity:.85}.subcategories-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:6px;scrollbar-width:none}.subcategories-row::-webkit-scrollbar{display:none}.subcategory-tile{flex:0 0 126px;scroll-snap-align:start;background-color:var(--color-surface-white);border-radius:var(--radius-md);padding:14px 8px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:all var(--transition-fast);box-shadow:0 2px 8px #00000008;border:1px solid rgba(229,231,235,.6)}@media(min-width:600px){.subcategories-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow-x:visible}.subcategory-tile{flex:initial}}.subcategory-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.subcategory-image-box{width:100%;aspect-ratio:1;max-width:110px;margin-bottom:10px;border-radius:var(--radius-md);background-color:#f8f5ee;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.subcategory-image-box img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.subcategory-tile:hover .subcategory-image-box img{transform:scale(1.06)}.subcategory-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-navy-dark);margin-bottom:2px}.subcategory-count{font-size:.78rem;font-weight:500;color:var(--color-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-segmentation.css.map */