.hc-shop-by-style{padding-top:var(--hc-sbs-section-padding-top, 40px);padding-bottom:var(--hc-sbs-section-padding-bottom, 40px);padding-inline:16px}.hc-shop-by-style__container{width:100%;display:flex;flex-direction:column;gap:20px}.hc-shop-by-style__header{width:100%}.hc-shop-by-style__subtitle{font-family:var(--FONT-STACK-HEADING);font-size:clamp(18px,1.25vw,24px);font-weight:600;line-height:1.2;text-transform:uppercase;color:var(--hc-sbs-color-subtitle, #A9894C);margin:0}.hc-shop-by-style__title{font-family:var(--FONT-STACK-HEADING);font-size:clamp(30px,3.125vw,60px);font-weight:600;line-height:1.2;text-transform:uppercase;color:var(--hc-sbs-color-title, #000);margin:0}.hc-shop-by-style__grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%}.hc-shop-by-style__card{display:flex;flex-direction:column;gap:20px;text-decoration:none;color:inherit}.hc-shop-by-style__card-media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#f0f0f0}.hc-shop-by-style__card-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hc-shop-by-style__card:hover .hc-shop-by-style__card-img{transform:scale(1.03)}.hc-shop-by-style__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.hc-shop-by-style__card-placeholder svg{width:60%;height:60%;opacity:.3}.hc-shop-by-style__card-info{display:flex;flex-direction:column}.hc-shop-by-style__card-title{font-family:var(--FONT-STACK-HEADING);font-size:clamp(22px,1.25vw,24px);font-weight:700;line-height:1.2;text-transform:uppercase;color:var(--hc-sbs-color-card-title, #000);margin:0}.hc-shop-by-style__card-desc{font-family:var(--FONT-STACK-BODY);font-size:16px;font-weight:400;line-height:1.75;color:var(--hc-sbs-color-card-desc, #000);margin:0}@media(min-width:990px){.hc-shop-by-style{padding-inline:120px}}@media(min-width:750px){.hc-shop-by-style__container{align-items:center;gap:40px}.hc-shop-by-style__grid{grid-template-columns:repeat(2,1fr);gap:40px}.hc-shop-by-style__card-info{max-width:275px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/hc-shop-by-style.css.map */