.shop-by-category{background-color:var(--sbc-bg, #F7F2EC);padding-top:var(--sbc-padding-top, 64px);padding-bottom:var(--sbc-padding-bottom, 64px)}.shop-by-category__container{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}.shop-by-category__header{text-align:center;margin-bottom:56px;max-width:680px;margin-left:auto;margin-right:auto}.shop-by-category__heading{font-family:var(--font-heading-family, "Cormorant Garamond", Georgia, serif);font-size:clamp(34px,4.2vw,52px);font-weight:500;letter-spacing:.01em;color:var(--sbc-heading-color, #1A1A1A);margin:0 0 16px;line-height:1.15}.shop-by-category__subheading{font-family:var(--font-body-family, Montserrat, Arial, sans-serif);font-size:17px;line-height:1.6;color:#1a1a1aa6;margin:0}.shop-by-category__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.shop-by-category__item{margin:0}.shop-by-category__card{display:flex;flex-direction:column;height:100%;text-decoration:none;border-radius:var(--sbc-radius, 20px);overflow:hidden;background:#faf8f5;box-shadow:0 2px 10px #1a1a1a0f;transition:box-shadow .3s ease,transform .3s ease;outline:none}.shop-by-category__card:hover,.shop-by-category__card:focus-visible{box-shadow:0 16px 32px #1a1a1a29;transform:translateY(-2px)}.shop-by-category__card:focus-visible{outline:2px solid #B89A4A;outline-offset:3px}.shop-by-category__image-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background-color:#f7f2ec;border-radius:var(--sbc-radius, 20px) var(--sbc-radius, 20px) 0 0}.shop-by-category__image,.shop-by-category__placeholder,.shop-by-category__placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.shop-by-category__card:hover .shop-by-category__image,.shop-by-category__card:focus-visible .shop-by-category__image{transform:scale(1.05)}.shop-by-category__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#00000047);pointer-events:none}.shop-by-category__content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 24px 32px}.shop-by-category__title{font-family:var(--font-heading-family, "Cormorant Garamond", Georgia, serif);font-size:23px;font-weight:500;color:#1a1a1a;margin:0;line-height:1.3}.shop-by-category__description{font-family:var(--font-body-family, Montserrat, Arial, sans-serif);font-size:14px;line-height:1.55;color:#1a1a1aa6;margin:0 0 4px}.shop-by-category__button{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--font-body-family, Montserrat, Arial, sans-serif);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a;border-bottom:1px solid rgba(184,154,74,.5);padding-bottom:3px;transition:gap .3s ease,border-color .3s ease,color .3s ease}.shop-by-category__card:hover .shop-by-category__button,.shop-by-category__card:focus-visible .shop-by-category__button{gap:12px;color:#b89a4a;border-color:#b89a4a}.shop-by-category__button-icon{transition:transform .3s ease}.shop-by-category__card:hover .shop-by-category__button-icon,.shop-by-category__card:focus-visible .shop-by-category__button-icon{transform:translate(3px)}@media screen and (max-width:989px){.shop-by-category__grid{grid-template-columns:repeat(2,1fr);gap:24px}.shop-by-category__heading{font-size:clamp(30px,5.5vw,40px)}.shop-by-category__header{margin-bottom:44px}}@media screen and (max-width:599px){.shop-by-category__container{padding-left:0;padding-right:0}.shop-by-category__header{padding:0 20px;margin-bottom:36px}.shop-by-category__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:4px 20px 12px;scrollbar-width:none}.shop-by-category__grid::-webkit-scrollbar{display:none}.shop-by-category__item{flex:0 0 78%;scroll-snap-align:start}.shop-by-category__card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.shop-by-category__card,.shop-by-category__image,.shop-by-category__button,.shop-by-category__button-icon{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-shop-by-category.css.map */
