/* Responsive V7 owner for /space/aura and /space/sliyanie.
   The room pages intentionally have no projected or desktop-only legacy
   stylesheet: one DOM, one fluid layout and one breakpoint transition. */
:root{
  color-scheme:dark;
  --v7-bg:#0a0a0a;--v7-surface:#151310;--v7-surface2:#1b1613;
  --v7-text:#f0ede8;--v7-muted:#b0aba2;--v7-line:#2b2722;
  --v7-gold:#e4a971;--v7-accent:#cf8a52;--v7-accent-dim:#8d5e38;
  --v7-content:1440px;--v7-gutter:clamp(16px,5vw,56px);
  --v7-radius:22px;--v7-section:24px;
  /* Shared shell, FAQ and viewer consume these compatibility aliases. */
  --bg:var(--v7-bg);--panel:var(--v7-surface);--panel2:var(--v7-surface2);
  --text:var(--v7-text);--muted:var(--v7-muted);--line:var(--v7-line);
  --accent:var(--v7-accent);--accent-text:var(--v7-gold);--accent-dim:var(--v7-accent-dim);
  --gold:var(--v7-accent);--gold-dim:var(--v7-accent-dim);--r:var(--v7-radius);
  --fs-meta:12.5px;
}
@media(768px <= width < 1024px){:root{--v7-section:48px}}
@media(min-width:1024px){:root{--v7-gutter:32px;--v7-section:var(--shell-section-step)}} /* десктопная лестница 64/88 — shell.css (18.09.2026) */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100dvh;margin:0;display:flex;flex-direction:column;overflow-x:hidden;background:var(--v7-bg);color:var(--v7-text);font:400 16px/1.55 Manrope,'Manrope Fallback',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.nav-lock{overflow:hidden}
main{flex:1 0 auto;overflow-x:clip}
h1,h2,h3,h4,p,figure,ul{margin:0;padding:0}
h1,h2,h3,h4{font-family:Manrope,'Manrope Fallback',sans-serif;font-weight:500;text-wrap:balance}
h1{font-size:clamp(29px,4.5vw,44px);line-height:1.16;letter-spacing:-.015em}
h2{font-size:clamp(24px,3vw,32px);line-height:1.22;letter-spacing:-.015em}
h3{font-size:clamp(17px,2vw,20px);line-height:1.35;font-weight:400}
a{color:inherit;text-decoration:none}
button{font:inherit}
img,svg{display:block;max-width:100%}
a:focus-visible,button:focus-visible,summary:focus-visible,[data-photo-viewer]:focus-visible{outline:2px solid var(--v7-accent);outline-offset:3px}
.wrap{width:100%;max-width:calc(var(--v7-content) + var(--v7-gutter)*2);margin-inline:auto;padding-inline:var(--v7-gutter)}
.crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:20px;font-size:12.5px;color:var(--v7-muted)}
.crumbs a{display:inline-flex;align-items:center;min-height:24px;margin-block:-3px;color:var(--v7-muted)}
.bc-sep{color:#847f76}
.crumb{margin-bottom:14px;color:var(--v7-gold);font-size:12.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}
.subbrand-mark{margin-bottom:12px}
.subbrand-mark .sm-name{display:block;color:var(--v7-gold);font-size:19px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.subbrand-mark .sm-desc{display:block;margin-top:3px;color:var(--v7-muted);font-size:12.5px}

.room-hero{display:grid;gap:20px;align-items:start;padding-top:12px}
.lp-hero-copy,.lp-gal{min-width:0}.lp-gal{width:min(100%,640px);margin-inline:auto}
.lp-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px;color:var(--v7-muted);font-size:13px}
.lp-hero h1{max-width:760px}
.lp-hero .lead{max-width:720px;margin-top:12px;color:var(--v7-muted);font-size:14.5px;line-height:1.58}
.lp-compact{margin-top:12px;color:var(--v7-muted);font-size:13.5px;line-height:1.45}
.lp-price{display:flex;align-items:baseline;gap:8px;margin-top:16px}
.lp-price b{color:var(--v7-accent);font-size:28px;font-weight:500}
.lp-price span{color:var(--v7-muted);font-size:13px}
.room-booking-cta{width:100%;margin-top:16px;padding-inline:24px}
.lp-gal{position:relative}
.room-gallery{display:flex;width:100%;min-width:0;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.room-gallery::-webkit-scrollbar{display:none}
.room-gallery>figure{position:relative;flex:0 0 100%;min-width:0;margin:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid var(--v7-line);border-radius:24px;background:var(--v7-surface)}
.room-gallery picture,.room-gallery img{display:block;width:100%}
.room-gallery img{height:auto;object-fit:contain;background:var(--v7-surface)}
.room-gallery>figure::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,rgb(10 7 5 / .2))}
.lp-gal-nav{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;gap:8px}
.hs-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--v7-line);border-radius:50%;background:var(--v7-surface);color:var(--v7-text);font-size:22px;cursor:pointer}
.hs-arrow::before{content:'‹'}.hs-arrow.next::before{content:'›'}.hs-arrow:disabled{opacity:.35;cursor:default}

.room-page main>section+section,.room-page main>section+nav{margin-top:var(--v7-section)}
.lp-specs>p{max-width:760px;margin:10px 0 18px;color:var(--v7-muted);font-size:14px;line-height:1.58}
.lp-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;overflow:hidden;border:1px solid var(--v7-line);border-radius:14px;background:var(--v7-line)}
.lp-specs-grid .r{display:flex;min-width:0;min-height:82px;flex-direction:column;justify-content:space-between;gap:5px;padding:12px 14px;background:var(--v7-surface2);font-size:12.5px;line-height:1.4}
.lp-specs-grid .r span{color:var(--v7-muted)}.lp-specs-grid .r b{color:var(--v7-text);font-weight:500;text-align:left}
.eqbadges{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:16px 0}
.eqbadge{display:flex;min-height:48px;align-items:center;justify-content:center;padding:6px 10px;border:1px solid var(--v7-accent-dim);border-radius:999px;color:var(--v7-accent);font-size:10.5px;letter-spacing:.08em;text-align:center;text-transform:uppercase}

.room-tariff-disclosure{padding:0;border:0;background:none}
/* «Показать все тарифы» — вторичная кнопка-пилюля (владелец 18.09.2026):
   роль высоты --shell-control-secondary, рамка --v7-accent-dim, радиус 999px,
   текст по центру. Элемент остаётся <summary> раскрывашки. */
.tariff-toggle{display:flex;width:100%;min-height:var(--shell-control-secondary);align-items:center;justify-content:center;gap:8px;margin:4px 0 0;padding:0 30px;border:1px solid var(--v7-accent-dim);border-radius:999px;background:transparent;color:var(--v7-text);font-size:14px;line-height:1;text-align:center;list-style:none;cursor:pointer}
.tariff-toggle::-webkit-details-marker{display:none}.tariff-toggle::after{content:'›';flex:none;box-sizing:border-box;width:22px;height:22px;line-height:1;text-align:center;overflow:hidden;color:var(--v7-gold);transition:transform .2s}.room-tariff-disclosure[open]>.tariff-toggle::after{transform:rotate(90deg)}
.tariff-panel{margin-top:10px;overflow:hidden;border:1px solid var(--v7-line);border-radius:14px;background:var(--v7-surface2)}
.p-row{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid var(--v7-line);color:inherit;font-size:13px}.p-row b{font-weight:600;white-space:nowrap}
.tariff-note{padding:12px 16px;color:var(--v7-muted);font-size:12px;line-height:1.55}.tariff-note+.tariff-note{padding-top:0}.tariff-note a{color:var(--v7-gold);text-decoration:underline;text-decoration-color:var(--v7-accent-dim);text-underline-offset:3px}
.room-tariff-cta{width:100%;margin-top:14px}
/* Десктопная половина кабинета возвращает прежний вид ниже (её шкала —
   следующая волна); мобильная половина читает роль оболочки. */

.room-practice-featured{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:18px}.room-practice-more-body{display:block;padding:0 18px}
.prac-i{height:100%;padding:18px;border:1px solid var(--v7-line);border-radius:var(--v7-surface-radius);background:var(--v7-surface)}
.prac-i h3{margin-bottom:8px;font-size:16.5px}.prac-i p{color:var(--v7-muted);font-size:13px;line-height:1.5}
.room-practice-more{margin-top:12px;padding:0;border:1px solid var(--v7-line);border-radius:var(--v7-surface-radius);background:var(--v7-surface)}
.room-practice-more>summary{display:flex;min-height:50px;align-items:center;justify-content:space-between;padding:0 18px;color:var(--v7-gold);font-size:14px;list-style:none;cursor:pointer}
.room-practice-more>summary::-webkit-details-marker{display:none}.room-practice-more>summary::after{content:'›';flex:none;box-sizing:border-box;width:22px;height:22px;line-height:1;text-align:center;overflow:hidden;transform-origin:center;font-size:22px;transition:transform .2s}.room-practice-more[open]>summary::after{transform:rotate(90deg)}
.room-practice-more[open]>summary{margin-bottom:0;border-bottom:1px solid var(--v7-line)}.room-practice-more-body .prac-i{height:auto;padding:16px 0;border:0;border-radius:0;background:none}.room-practice-more-body .prac-i+.prac-i{border-top:1px solid var(--v7-line)}

.inc-acc{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:18px}.inc-acc>.col-flow{display:grid;gap:12px;align-content:start}
.inc-col{padding:10px 18px;border:1px solid var(--v7-line);border-radius:var(--v7-surface-radius);background:var(--v7-surface)}
.inc-col>summary{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer}
.inc-col>summary::-webkit-details-marker{display:none}.inc-col>summary::after{content:'›';flex:none;box-sizing:border-box;width:22px;height:22px;line-height:1;text-align:center;overflow:hidden;transform-origin:center;color:var(--v7-gold);font-size:22px;transition:transform .2s}.inc-col[open]>summary::after{transform:rotate(90deg)}
.inc-col>summary h3{font-size:17px}.inc-col ul{display:grid;gap:10px;margin:8px 0 8px;list-style:none}
.inc-col li{display:flex;align-items:flex-start;gap:10px;color:var(--v7-muted);font-size:13.5px;line-height:1.45}.inc-col li::before{content:'◆';flex:none;margin-top:6px;color:var(--v7-accent-dim);font-size:7px}
.inc-text{margin:8px 0;color:var(--v7-muted);font-size:13.5px;line-height:1.55}.inc-note{margin:14px 0 8px;padding-top:14px;border-top:1px solid var(--v7-line);color:var(--v7-muted);font-size:12.5px;line-height:1.55}
.inc-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.inc-photos img{width:100%;height:auto;border-radius:12px}
.inc-shared-note{grid-column:1/-1;margin-top:2px;color:var(--v7-muted);font-size:12.5px;line-height:1.5}

.room-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:18px}.room-fact{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--v7-line);border-radius:16px;background:var(--v7-surface)}
.room-fact b{font-size:14px;font-weight:500}.room-fact span{color:var(--v7-muted);font-size:12.5px;line-height:1.45}
.room-condition-label{margin-top:28px;color:var(--v7-gold);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.room-condition-links{display:grid;margin-top:10px;overflow:hidden;border:1px solid var(--v7-line);border-radius:var(--v7-surface-radius);background:var(--v7-surface)}
.room-condition-links a{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;font-size:13.5px}.room-condition-links a+a{border-top:1px solid var(--v7-line)}.room-condition-links a::after{content:'›';flex:none;color:var(--v7-gold);font-size:20px;line-height:1}

.room-page main details.room-question-shell{padding:0;border:1px solid var(--v7-line);border-radius:var(--v7-radius);background:var(--v7-surface)}
.room-page main .room-question-shell>.room-question-heading{padding:16px 20px;border-bottom:1px solid var(--v7-line)}
.room-question-body{padding:0 20px 20px}.room-question-body .faq{max-width:none;margin:0}
.room-final-cta{padding:22px 20px;border:1px solid var(--v7-accent-dim);border-radius:24px;background:linear-gradient(155deg,rgb(207 138 82 / .07),var(--v7-surface) 62%)}
.room-final-cta h2{margin-top:7px}.room-final-cta p{margin-top:8px;color:var(--v7-muted);font-size:13.5px}.room-final-cta .btn{width:100%;margin-top:16px}
.room-alt-card{display:block;padding:20px;border:1px solid var(--v7-line);border-radius:22px;background:var(--v7-surface)}
.room-alt-card h3{font-size:18px}.room-alt-card p{margin-top:7px;color:var(--v7-muted);font-size:13.5px;line-height:1.5}.room-alt-action{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--v7-gold);font-size:13px;font-weight:600}
.room-next-links{display:grid;border-block:1px solid var(--v7-line)}.room-next-links a{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--v7-line);font-size:13.5px}.room-next-links a:last-child{border-bottom:0}.room-next-links span{color:var(--v7-gold);font-size:20px}

@media(width < 1024px){.crumbs{display:none}}
@media(min-width:1024px){
  html{scroll-padding-top:150px}.room-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);gap:clamp(40px,5vw,72px);align-items:center;padding-top:24px}.lp-hero-copy{max-width:65ch}.lp-gal{width:100%;margin-inline:0}.lp-hero .lead{font-size:clamp(16px,1.2vw,17px);line-height:1.7}.lp-price{margin-block:24px}.room-booking-cta,.room-tariff-cta,.room-final-cta .btn{width:auto}
  .room-practice-more[open]>summary{margin-bottom:12px;border-bottom:0}.room-practice-more-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 12px 12px}.room-practice-more-body .prac-i{height:100%;padding:18px;border:1px solid var(--v7-line);border-radius:var(--v7-surface-radius);background:var(--v7-surface)}.room-practice-more-body .prac-i+.prac-i{border-top:1px solid var(--v7-line)}
  .room-question-body .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}.room-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px}.room-final-cta .btn{margin-top:0}.room-next-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.room-next-links a{border-bottom:0}.room-next-links a+a{padding-left:32px;border-left:1px solid var(--v7-line)}
  /* Десктопная половина плашки тарифов: правка волны 7 — только мобильная,
     поэтому здесь компенсируются родовые свойства новой базовой пилюли.
     font-size 13.5px и gap normal — прежние значения плашки; line-height 1.55 —
     роль строки тела кабинета (room.css:22, font:400 16px/1.55), от которой
     прежняя плашка наследовала 20.925px при своём 13.5px. Замер 1440 до/после:
     см. пакет, 03-measurements. */
  .tariff-toggle{min-height:50px;justify-content:space-between;gap:normal;font-size:13.5px;line-height:1.55;padding:0 16px;border:1px solid var(--v7-line);border-radius:14px;background:var(--v7-surface);color:var(--v7-gold);text-align:left}
}
@media(hover:hover) and (pointer:fine){.lp-back:hover,.room-condition-links a:hover,.room-alt-card:hover,.p-row:hover{color:var(--v7-gold)}.room-alt-card:hover{border-color:var(--v7-accent-dim);background:var(--v7-surface2)}}
@media(prefers-reduced-motion:reduce){.tariff-toggle::after,.room-practice-more>summary::after,.inc-col>summary::after{transition:none}.room-gallery{scroll-behavior:auto}}