.section-shop-by-department{width:100%}.shop-by-department__container{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin)}.shop-by-department__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.shop-by-department__heading-wrapper{display:flex;flex-direction:column;gap:.5rem}.shop-by-department__heading{line-height:1.1;letter-spacing:.04em}.shop-by-department__subheading,.shop-by-department__subheading p{font-size:var(--font-size-sm);color:var(--dept-text-color, var(--color-text-muted, rgba(0, 0, 0, .55)));margin:0;letter-spacing:.02em;font-weight:400}.shop-by-department__header:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;border-radius:3px;background-color:var(--color-accent, var(--header-accent-color, #2563eb))}.shop-by-department__header{position:relative;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}.shop-by-department__grid{display:grid;grid-template-columns:repeat(var(--dept-columns-desktop, 4),1fr);gap:var(--dept-gap, 20px)}.shop-by-department__block{display:flex;flex-direction:column;background:var(--dept-bg-color, var(--color-background, #fff));border-radius:var(--collection-card-border-radius, 8px);border:1px solid var(--color-border, rgba(0, 0, 0, .08));overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.shop-by-department__block:hover{box-shadow:var(--shadow-lg);border-color:transparent}.shop-by-department__image-card{position:relative;overflow:hidden;aspect-ratio:16 / 9;display:block;text-decoration:none}.shop-by-department__image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.shop-by-department__block:hover .shop-by-department__image-card img{transform:scale(1.06)}.shop-by-department__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0003,#0000000d);pointer-events:none}.shop-by-department__image-title{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md) var(--spacing-lg);color:#fff;font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(1rem,.8rem + 1vw,1.25rem);letter-spacing:var(--letter-spacing-heading);margin:0;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.shop-by-department__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2332,#2c3e50)}.shop-by-department__image-placeholder svg{width:48%;height:48%;opacity:.12;color:#fff}.shop-by-department__links{display:flex;flex-direction:column;padding:var(--spacing-xs) 0}.shop-by-department__link{display:flex;align-items:center;gap:.75rem;padding:.625rem var(--spacing-md);text-decoration:none;color:var(--dept-text-color, var(--color-text-primary, #333));border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .06));transition:background-color .2s ease}.shop-by-department__link:last-child{border-bottom:none}.shop-by-department__link:hover{background-color:color-mix(in srgb,var(--color-foreground, #000) 3%,transparent)}.shop-by-department__link-image{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;background-color:var(--color-elevated-background, #f5f5f5);border:1px solid var(--color-border, rgba(0, 0, 0, .06))}.shop-by-department__link-image img{width:100%;height:100%;object-fit:cover;display:block}.shop-by-department__link-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8ecf1,#d5dbe3)}.shop-by-department__link-image-placeholder svg{width:55%;height:55%;opacity:.2}.shop-by-department__link-name{flex:1;font-size:var(--font-size-sm);font-weight:500;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop-by-department__link-arrow{flex-shrink:0;width:16px;height:16px;opacity:.25;transition:opacity .2s ease,transform .2s ease}.shop-by-department__link:hover .shop-by-department__link-arrow{opacity:.6;transform:translate(3px)}@media screen and (max-width:1023px){.shop-by-department__grid{grid-template-columns:repeat(var(--dept-columns-tablet, 2),1fr)}}@media screen and (max-width:767px){.shop-by-department__grid{grid-template-columns:repeat(var(--dept-columns-mobile, 1),1fr)}.shop-by-department__image-card{aspect-ratio:2 / 1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shop-by-department.css.map */