/* NOREKATS — страница «Апартаменты». Цвета, шрифты и размеры — из story.css. */
.rooms__lead{max-width:52ch;margin:calc(clamp(20px,3vw,40px) * -.5) 0 clamp(28px,4vw,56px);color:var(--ink-2);font-size:var(--t3);line-height:1.4;text-wrap:pretty}
.rooms__list{display:flex;flex-direction:column;gap:clamp(20px,3vw,40px)}
.room{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;background:var(--paper);border-radius:clamp(14px,1.4vw,22px);overflow:hidden;scroll-margin-top:96px}
.room__media{position:relative;min-width:0;background:var(--line)}
.room__photos{display:grid;height:100%;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--line)}
.room__photos::-webkit-scrollbar{display:none}
.room__photos--many{grid-auto-columns:88%;gap:4px}
.room__photo{scroll-snap-align:start}
.room__photo img{width:100%;height:100%;min-height:100%;aspect-ratio:3/2;object-fit:cover;max-width:none}
.room__nav{position:absolute;right:16px;bottom:16px;display:flex;gap:8px}
.room__arrow{width:48px;height:48px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font:600 20px/1 var(--text);cursor:pointer;box-shadow:0 6px 20px -8px rgba(0,0,0,.5);transition:opacity .2s var(--ease),transform .15s ease-out}
.room__arrow:active{transform:scale(.92)}
.room__arrow:disabled{opacity:.35;cursor:default}
@media (hover:none){.room__nav{display:none}}
.room__info{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(24px,2.6vw,40px);min-width:0}
.room .h3{color:var(--ink)}
.room__facts{display:flex;flex-wrap:wrap;gap:8px}
.room__facts span{padding:7px 14px;border-radius:999px;background:var(--ground);font-weight:600;font-size:var(--ts);color:var(--ink)}
.room__beds{color:var(--ink-2)}
.room__beds b{color:var(--ink);font-weight:600}
.room__feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;width:100%;padding-top:16px;border-top:1.5px solid var(--ink)}
.room__feats li{position:relative;padding-left:18px;font-size:var(--ts);color:var(--ink)}
.room__feats li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:999px;background:var(--apricot)}
.room .btn{margin-top:6px}
@media (max-width:1023px){.room{grid-template-columns:1fr}.room__photos{height:auto}.room__photo img{height:auto;min-height:0}}
@media (max-width:480px){.room__feats{grid-template-columns:1fr}.room .btn{align-self:stretch}}