.shop-room__head{margin-bottom:var(--sp-12);text-align:center}.shop-room__subtitle{display:block;font-size:var(--fs-sm);letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--sp-3)}.shop-room__title{margin:0}.shop-room__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(var(--sp-4),1.6vw,var(--sp-8))}.shop-room__cell--image{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-surface-alt);border-radius:var(--radius-sm);display:block}.shop-room__cell--image img,.shop-room__placeholder{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}a.shop-room__cell--image:hover img{transform:scale(1.05)}.shop-room__cell-label{position:absolute;left:var(--sp-4);bottom:var(--sp-4);z-index:2;padding:.5rem 1rem;background:#ffffffeb;color:var(--color-text);font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shop-room__cell--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(43,38,34,.28),transparent 45%);opacity:0;transition:opacity var(--dur) var(--ease);pointer-events:none}a.shop-room__cell--image:hover:after{opacity:1}.shop-room__cell--text{display:flex;align-items:center}.shop-room__panel{max-width:34ch}.shop-room__panel-title{font-family:var(--font-heading);font-style:italic;font-size:clamp(1.75rem,2.4vw,2.5rem);font-weight:500;line-height:1.1;margin:0 0 var(--sp-4)}.shop-room__panel-text{color:var(--color-text-soft);font-size:var(--fs-base);line-height:1.65;margin:0 0 var(--sp-6)}.shop-room__panel-btn{border-radius:var(--radius-sm)}@media(max-width:989px){.shop-room__grid{grid-template-columns:repeat(3,1fr)}.shop-room__panel{max-width:none}}@media(max-width:749px){.shop-room__head{margin-bottom:var(--sp-5)}.shop-room__grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.shop-room__cell--image{border-radius:var(--app-radius)}.shop-room__cell-label{left:var(--sp-2);bottom:var(--sp-2);padding:.4rem .8rem;font-size:var(--fs-xs)}.shop-room__cell--text{grid-column:1 / -1;padding:var(--sp-3) 0 var(--sp-2)}.shop-room__panel{max-width:36ch;margin-inline:auto;text-align:center}.shop-room__panel-title{font-size:1.6rem;margin-bottom:var(--sp-2)}.shop-room__panel-text{font-size:var(--fs-sm);line-height:1.5;margin-bottom:var(--sp-4)}.shop-room__panel-btn{width:auto;padding-inline:var(--sp-8)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shop-by-room.css.map */