:root{--cc-sb-primary: #29b1c4;--cc-sb-radius: 16px;--cc-sb-shadow: 0 4px 24px rgba(14, 27, 44, .08);--cc-sb-shadow-hover: 0 8px 40px rgba(14, 27, 44, .14)}.cc-shop-by{padding:64px 40px;background-color:var(--color-background);color:var(--color-foreground)}.cc-shop-by__inner{max-width:1320px;margin:0 auto}.cc-shop-by__header{text-align:center;margin-bottom:40px}.cc-shop-by__eyebrow{font-family:var(--font-body-family, "Lato", sans-serif);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--cc-sb-primary);margin:0 0 10px}.cc-shop-by__title{font-family:var(--font-heading-family, "Playfair Display", serif);font-size:clamp(24px,3vw,40px);font-weight:400;color:var(--color-foreground);margin:0 0 12px;line-height:1.1}.cc-shop-by__intro{font-family:var(--font-body-family, "Lato", sans-serif);font-size:15px;color:rgb(var(--color-foreground-rgb) / .6);margin:0;max-width:480px;margin-inline:auto;line-height:1.6}.cc-shop-by__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin:0;padding:0}.cc-shop-by__card{position:relative;display:flex;flex-direction:column;border-radius:var(--cc-sb-radius);overflow:hidden;background-color:rgb(var(--color-foreground-rgb) / .05);box-shadow:var(--cc-sb-shadow);transition:transform .3s ease,box-shadow .3s ease}.cc-shop-by__card:hover{transform:translateY(-4px);box-shadow:var(--cc-sb-shadow-hover)}.cc-shop-by__card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;outline-offset:3px}.cc-shop-by__card-link:focus-visible{outline:2px solid var(--cc-sb-primary);border-radius:var(--cc-sb-radius)}.cc-shop-by__image-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;flex-shrink:0}.cc-shop-by__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease}.cc-shop-by__card:hover .cc-shop-by__image{transform:scale(1.04)}.cc-shop-by__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0e1b2c00 40%,#0e1b2c40);pointer-events:none}.cc-shop-by__image-wrap--placeholder{background:linear-gradient(135deg,#d4e8ed,#b8d4da);display:flex;align-items:center;justify-content:center}.cc-shop-by__placeholder-icon{color:#0e1b2c40}.cc-shop-by__badge{position:absolute;top:14px;right:14px;background-color:var(--cc-sb-primary);color:#fff;font-family:var(--font-body-family, "Lato", sans-serif);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:20px;z-index:2;white-space:nowrap}.cc-shop-by__body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.cc-shop-by__card-title{font-family:var(--font-heading-family, "Playfair Display", serif);font-size:clamp(17px,1.6vw,22px);font-weight:400;color:var(--color-foreground);margin:0 0 6px;line-height:1.2}.cc-shop-by__card-desc{font-family:var(--font-body-family, "Lato", sans-serif);font-size:13px;color:rgb(var(--color-foreground-rgb) / .6);margin:0;line-height:1.5;flex:1}@media screen and (max-width:1023px)and (min-width:768px){.cc-shop-by{padding:48px 32px}.cc-shop-by__grid{grid-template-columns:repeat(2,1fr);gap:20px}.cc-shop-by__grid li:last-child{grid-column:1 / -1;max-width:calc(50% - 10px)}}@media screen and (max-width:767px){.cc-shop-by{padding:40px 16px}.cc-shop-by__header{margin-bottom:28px}.cc-shop-by__grid{grid-template-columns:1fr;gap:16px}.cc-shop-by__image-wrap{aspect-ratio:16 / 9;min-height:160px}.cc-shop-by__body{padding:16px 18px 18px}.cc-shop-by__card-title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cc-usp-section.css.map */