.section-sub-collections{width:100%}.sub-collections__hero{position:relative;display:flex;align-items:flex-end;min-height:280px;background:linear-gradient(135deg,#0f1923,#1a2d42 40%,#243b53);overflow:hidden}.sub-collections__hero--has-image{min-height:340px}.sub-collections__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.sub-collections__hero-bg img{width:100%;height:100%;object-fit:cover;display:block}.sub-collections__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bf,#0006 40%,#00000026)}.sub-collections__hero:not(.sub-collections__hero--has-image) .sub-collections__hero-overlay{background:radial-gradient(ellipse at 20% 80%,rgba(37,99,235,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(99,179,237,.08) 0%,transparent 50%)}.sub-collections__hero-content{position:relative;z-index:1;width:100%;max-width:var(--page-width);margin:0 auto;padding:var(--spacing-3xl) var(--page-margin) var(--spacing-2xl)}.sub-collections__hero-inner{max-width:680px}.sub-collections__hero-badge{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);padding:.3em .9em;border-radius:100px;margin-bottom:var(--spacing-md)}.sub-collections__hero-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(1.75rem,1.2rem + 2.8vw,3.25rem);line-height:1.1;letter-spacing:var(--letter-spacing-heading);color:#fff;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.3)}.sub-collections__hero-desc,.sub-collections__hero-desc p{font-size:clamp(.875rem,.8rem + .3vw,1.0625rem);line-height:1.65;color:#ffffffc7;margin:.75rem 0 0}.sub-collections__wrapper{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin)}.sub-collections__grid{display:grid;grid-template-columns:repeat(var(--subcol-columns-desktop, 4),1fr);gap:var(--subcol-gap, 16px)}.sub-collections__card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--subcol-text-color, var(--color-text-primary, #333));padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);border-radius:12px;transition:background-color .3s ease,transform .3s ease}.sub-collections__card:hover{background-color:color-mix(in srgb,var(--color-foreground, #000) 3%,transparent);transform:translateY(-2px)}.sub-collections__card-image{width:clamp(160px,90%,280px);aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:var(--color-elevated-background, #f5f5f5);border:3px solid var(--color-border, rgba(0, 0, 0, .06));box-shadow:0 4px 16px #0000000f;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.sub-collections__card:hover .sub-collections__card-image{border-color:var(--color-accent, var(--header-accent-color, #2563eb));box-shadow:0 6px 20px #0000001a;transform:scale(1.04)}.sub-collections__card-image img{width:100%;height:100%;object-fit:cover;display:block}.sub-collections__card-title{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-sm, .875rem);line-height:1.35;margin-top:var(--spacing-md);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sub-collections__card-count{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, rgba(0, 0, 0, .45));margin-top:.2rem;font-weight:400}.sub-collections__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8ecf1,#d5dbe3)}.sub-collections__image-placeholder svg{width:40%;height:40%;opacity:.15}@media screen and (min-width:768px){.sub-collections__hero{min-height:320px}.sub-collections__hero--has-image{min-height:400px}}@media screen and (max-width:1023px){.sub-collections__grid{grid-template-columns:repeat(var(--subcol-columns-tablet, 3),1fr)}}@media screen and (max-width:767px){.sub-collections__hero{min-height:220px}.sub-collections__hero--has-image{min-height:260px}.sub-collections__grid{grid-template-columns:repeat(var(--subcol-columns-mobile, 2),1fr)}.sub-collections__card{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md)}.sub-collections__card-title{font-size:var(--font-size-xs, .75rem)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sub-collections.css.map */