.shop-by-look{--sbl-section-bg: #f9f7f2;--sbl-label-color: #5c5c5c;--sbl-title-color: #232323;--sbl-subtitle-color: #666666;--sbl-grid-gap: 20px;--sbl-columns: 4;--sbl-card-radius: 12px;--sbl-card-aspect-ratio: 3 / 4;--sbl-overlay-bg: #ffffff;--sbl-overlay-color: #232323;--sbl-desc-color: #666666;--sbl-cta-color: #232323;--sbl-cta-hover-color: #000000;--sbl-feature-icon-color: #232323;--sbl-feature-title-color: #232323;--sbl-feature-desc-color: #666666;--sbl-feature-divider-color: #e8e4dc;--sbl-label-fs: 11px;--sbl-label-fs-mb: 10px;--sbl-title-fs: 40px;--sbl-title-fs-mb: 28px;--sbl-subtitle-fs: 15px;--sbl-subtitle-fs-mb: 14px;--sbl-category-fs: 13px;--sbl-category-fs-mb: 12px;--sbl-desc-fs: 13px;--sbl-desc-fs-mb: 12px;--sbl-cta-fs: 11px;--sbl-feature-title-fs: 11px;--sbl-feature-desc-fs: 12px;--sbl-header-mb: 48px;--sbl-header-mb-mb: 32px;--sbl-features-mt: 48px;--sbl-features-mt-mb: 36px;--sbl-content-max-width: 900px;--sbl-label-spacing: .28em;--sbl-overlay-padding: 20px;--sbl-overlay-offset: 16px;--sbl-title-font: var(--font-heading-family);--sbl-body-font: var(--font-body-family);background:var(--sbl-section-bg)}.shop-by-look__header{text-align:center;max-width:var(--sbl-content-max-width);margin:0 auto var(--sbl-header-mb)}.shop-by-look__label{display:block;margin:0 0 14px;font-family:var(--sbl-body-font);font-size:var(--sbl-label-fs);font-weight:500;letter-spacing:var(--sbl-label-spacing);text-transform:uppercase;color:var(--sbl-label-color)}.shop-by-look__title{margin:0;font-family:var(--sbl-title-font);font-size:var(--sbl-title-fs);font-weight:400;line-height:1.2;color:var(--sbl-title-color)}.shop-by-look__subtitle{margin:14px 0 0;font-family:var(--sbl-body-font);font-size:var(--sbl-subtitle-fs);line-height:1.6;color:var(--sbl-subtitle-color)}.shop-by-look__subtitle p{margin:0}.shop-by-look__grid{display:grid;grid-template-columns:repeat(var(--sbl-columns, 4),minmax(0,1fr));gap:var(--sbl-grid-gap)}.shop-by-look__card{position:relative;display:block;text-decoration:none;color:inherit}.shop-by-look__card-media{position:relative;overflow:hidden;border-radius:var(--sbl-card-radius) var(--sbl-card-radius) 0 0;aspect-ratio:var(--sbl-card-aspect-ratio)}.shop-by-look__card-media img,.shop-by-look__card-media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.shop-by-look__card:hover .shop-by-look__card-media img{transform:scale(1.03)}.shop-by-look__card:hover{transform:translateY(-2px);transition:transform .3s ease}.shop-by-look__overlay{position:relative;z-index:2;margin-top:calc(var(--sbl-overlay-offset) * -1);margin-left:var(--sbl-overlay-side, 12px);margin-right:var(--sbl-overlay-side, 12px);padding:var(--sbl-overlay-padding);border-radius:var(--sbl-overlay-radius, 10px);background:var(--sbl-overlay-bg);box-shadow:0 4px 20px #0000000f}.shop-by-look__category{margin:0 0 8px;font-family:var(--sbl-body-font);font-size:var(--sbl-category-fs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--sbl-overlay-color)}.shop-by-look__description{margin:0 0 14px;font-family:var(--sbl-body-font);font-size:var(--sbl-desc-fs);line-height:1.5;color:var(--sbl-desc-color)}.shop-by-look__cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--sbl-body-font);font-size:var(--sbl-cta-fs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sbl-cta-color);text-decoration:none;transition:color .25s ease,gap .25s ease}.shop-by-look__card:hover .shop-by-look__cta,a.shop-by-look__card:hover .shop-by-look__cta{color:var(--sbl-cta-hover-color);gap:10px}.shop-by-look__cta-arrow{font-size:14px;line-height:1}.shop-by-look__features{display:grid;grid-template-columns:repeat(var(--sbl-feature-columns, 4),minmax(0,1fr));gap:var(--sbl-features-gap, 24px);margin-top:var(--sbl-features-mt);padding-top:var(--sbl-features-pt, 0);border-top:var(--sbl-features-border)}.shop-by-look__feature{display:flex;align-items:flex-start;gap:14px}.shop-by-look__feature-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--sbl-feature-icon-size, 28px);height:var(--sbl-feature-icon-size, 28px);color:var(--sbl-feature-icon-color)}.shop-by-look__feature-icon svg,.shop-by-look__feature-icon img{width:100%;height:100%;object-fit:contain}.shop-by-look__feature-icon .icon-shipping-truck{width:100%;height:auto}.shop-by-look__feature-icon .icon-shipping-truck .truck-body,.shop-by-look__feature-icon .icon-shipping-truck .wheel{fill:none;stroke:currentColor;stroke-width:1.2}.shop-by-look__feature-content{min-width:0}.shop-by-look__feature-title{margin:0 0 4px;font-family:var(--sbl-body-font);font-size:var(--sbl-feature-title-fs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:var(--sbl-feature-title-color)}.shop-by-look__feature-desc{margin:0;font-family:var(--sbl-body-font);font-size:var(--sbl-feature-desc-fs);line-height:1.45;color:var(--sbl-feature-desc-color)}@media screen and (max-width:767px){.shop-by-look__grid--carousel{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--sbl-grid-gap);padding-bottom:4px}.shop-by-look__grid--carousel::-webkit-scrollbar{display:none}.shop-by-look__grid--carousel .shop-by-look__card{flex:0 0 var(--sbl-carousel-card-width, 78%);scroll-snap-align:start}.shop-by-look__header{margin-bottom:var(--sbl-header-mb-mb)}.shop-by-look__label{font-size:var(--sbl-label-fs-mb);margin-bottom:10px}.shop-by-look__title{font-size:var(--sbl-title-fs-mb)}.shop-by-look__subtitle{font-size:var(--sbl-subtitle-fs-mb)}.shop-by-look__grid--carousel{grid-template-columns:unset}.shop-by-look__grid:not(.shop-by-look__grid--carousel){grid-template-columns:repeat(var(--sbl-columns-mobile, 1),minmax(0,1fr))}.shop-by-look__category{font-size:var(--sbl-category-fs-mb)}.shop-by-look__description{font-size:var(--sbl-desc-fs-mb)}.shop-by-look__features{margin-top:var(--sbl-features-mt-mb);grid-template-columns:repeat(var(--sbl-feature-columns-mobile, 2),minmax(0,1fr));gap:var(--sbl-features-gap-mb, 20px)}.shop-by-look__overlay{padding:calc(var(--sbl-overlay-padding) * .85)}}@media screen and (min-width:768px)and (max-width:1024px){.shop-by-look__grid:not(.shop-by-look__grid--carousel){grid-template-columns:repeat(min(var(--sbl-columns, 4),var(--sbl-columns-tablet, 2)),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-shop-by-look.css.map */