.shop-by-room{padding:56px 0}.shop-by-room__container{max-width:1280px;margin:0 auto;padding:0 24px}.shop-by-room__eyebrow{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#b5613a}.shop-by-room__heading{margin:0 0 32px;font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(28px,3.5vw,40px);color:#1f1a17}.shop-by-room__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.shop-by-room__card{position:relative;display:block;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;text-decoration:none;background:#eee}.shop-by-room__image,.shop-by-room__image--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.shop-by-room__image--placeholder svg{width:100%;height:100%}.shop-by-room__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.12),transparent 45%);pointer-events:none}.shop-by-room__label{position:absolute;left:12px;bottom:12px;z-index:1;background:#fdfaf6;color:#1f1a17;font-size:14px;font-weight:500;padding:8px 16px;border-radius:999px;transition:transform .2s ease}.shop-by-room__card:hover .shop-by-room__label{transform:translateY(-2px)}.shop-by-room__card:hover .shop-by-room__image{transform:scale(1.03)}.shop-by-room__image{transition:transform .4s ease}@media(max-width:989px){.shop-by-room__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:599px){.shop-by-room__heading{font-size:var(--heading-size-mobile, 26px)}.shop-by-room__label{font-size:var(--label-size-mobile, 13px);padding:var(--label-pad-y-mobile, 7px) var(--label-pad-x-mobile, 17px)}.shop-by-room--grid .shop-by-room__grid{grid-template-columns:repeat(var(--mobile-columns, 2),1fr)}.shop-by-room--scroll .shop-by-room__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin:0 -24px;padding-left:24px;padding-right:24px}.shop-by-room--scroll .shop-by-room__grid::-webkit-scrollbar{display:none}.shop-by-room--scroll .shop-by-room__card{flex:0 0 160px;width:160px;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/shop-by-room.css.map */