/* «Внутри дома», окошко с видео в углу и плеер ответов */

/* ——— блок «Внутри дома» ——— */
.inside{position:relative;z-index:3;background:var(--ivory);color:var(--ink);padding:12rem 0 14rem;overflow:hidden}
.inside_head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1.6rem 4rem;padding:0 calc(var(--off) + var(--cell) + var(--gap));margin-bottom:5.6rem}
.inside_head .cap{grid-column:1/-1}
.inside_head h2{font:400 9.6rem/.9 var(--display);text-transform:uppercase;letter-spacing:-.02em}
.inside_head h2 em{font-size:.86em;text-transform:none;color:var(--velvet)}
.inside_lead{grid-column:1;max-width:58rem;font:400 1.7rem/1.55 var(--sans);color:var(--ink-60)}
.inside_nav{grid-column:2;grid-row:2/4;align-self:end;display:flex;gap:.8rem}
.inside_nav button{width:5.2rem;height:5.2rem;border-radius:50%;border:1px solid var(--ink-10);font:400 1.8rem var(--sans);color:var(--ink);transition:background .3s,color .3s,border-color .3s}
@media (hover:hover) and (pointer:fine){.inside_nav button:hover{background:var(--velvet);color:var(--ivory);border-color:var(--velvet)}}
.inside_track{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  padding:0 calc(var(--off) + var(--cell) + var(--gap)) 1rem;scroll-padding:0 calc(var(--off) + var(--cell) + var(--gap));scrollbar-width:none}
.inside_track::-webkit-scrollbar{display:none}
.inside_card{flex:0 0 26rem;scroll-snap-align:start;display:flex;flex-direction:column}
.inside_vid{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:1.2rem;overflow:hidden;background:#1a120d;cursor:pointer}
.inside_vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,1,.5,1)}
.inside_vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,9,7,0) 55%,rgba(12,9,7,.7));pointer-events:none}
.inside_play{position:absolute;z-index:1;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.8rem;color:#fff;
  font:500 1.05rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.inside_play i{flex:none;width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#0c0907;font-style:normal;font-size:1.1rem;padding-left:.2rem}
@media (hover:hover) and (pointer:fine){.inside_vid:hover video{transform:scale(1.04)}}
.inside_k{margin-top:1.8rem;font:500 1.05rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--velvet)}
.inside_card h3{margin-top:.8rem;font:400 2.2rem/1.15 var(--display);text-transform:uppercase}
.inside_p{margin-top:1rem;font:400 1.4rem/1.55 var(--sans);color:var(--ink-60)}
@media (max-width:991px){
  .inside{padding:9.6rem 0 10rem}
  .inside_head{grid-template-columns:1fr;padding:0 var(--off);margin-bottom:3.2rem}
  .inside_head h2{font-size:5.4rem}
  .inside_lead{font-size:1.5rem}
  .inside_nav{display:none}
  .inside_track{padding:0 var(--off) 1rem;scroll-padding:0 var(--off);gap:1.2rem}
  .inside_card{flex-basis:72vw}
  .inside_card h3{font-size:2rem}
  .inside_p{font-size:1.4rem}
  .inside_play{font-size:1rem}
}

/* ——— окошко в правом нижнем углу ——— */
.rbub{position:fixed;z-index:1260;right:24px;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);width:112px;
  opacity:0;transform:translate3d(0,24px,0) scale(.9);pointer-events:none;transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1),bottom .5s cubic-bezier(.23,1,.32,1)}
.rbub.ready{opacity:1;transform:none;pointer-events:auto}
.rbub.ready.hide{opacity:0;transform:translate3d(0,24px,0) scale(.9);pointer-events:none}
.rbub_go{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#1a120d;cursor:pointer;
  box-shadow:0 0 0 1px rgba(214,163,96,.6),0 18px 44px rgba(10,8,6,.42);transition:transform .2s ease-out}
.rbub_go video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rbub_go::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,9,7,0) 45%,rgba(12,9,7,.85));pointer-events:none}
.rbub_cap{position:absolute;z-index:1;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;gap:5px;text-align:left;color:#fff}
.rbub_cap i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d6a360;color:#0c0907;font-style:normal;font-size:9px;padding-left:2px}
.rbub_cap b{font:500 9.5px/1.3 var(--sans);letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (hover:hover) and (pointer:fine){.rbub_go:hover{transform:translateY(-3px)}}
.rbub_go:active{transform:scale(.97)}
.rbub_x{position:absolute;z-index:2;top:-9px;right:-9px;width:26px;height:26px;border-radius:50%;background:#14110f;color:#f6f2ec;font:400 15px/1 var(--sans);
  box-shadow:0 0 0 1px rgba(214,163,96,.55)}
/* «Осмотреть дом» встаёт левее окошка */
.has-bubble .look{right:calc(24px + 112px + 20px)}
@media (max-width:991px){
  .rbub{right:12px;width:82px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}
  .rbub_cap b{font-size:8.5px;-webkit-line-clamp:2}
  .rbub_cap i{width:20px;height:20px}
  .rbub.over-bar,.mbar.on ~ .rbub{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 64px)}
  /* на телефоне справа — окошко, кнопка осмотра уходит влево */
  .has-bubble .look{right:auto;left:12px;flex-direction:row}
}

/* ——— плеер ——— */
.r-lock,.r-lock body{overflow:hidden}
.rplay{position:fixed;inset:0;z-index:9650;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,6,5,.94);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f6f2ec;opacity:0;transition:opacity .35s cubic-bezier(.23,1,.32,1);font-family:var(--sans)}
.rplay.on{opacity:1}
.rplay[hidden]{display:none}
.rplay_box{position:relative;display:flex;gap:40px;align-items:stretch;max-width:1080px;width:100%;height:min(86vh,860px)}
.rplay_vid{position:relative;flex:none;height:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(214,163,96,.35)}
.rplay_vid video{width:100%;height:100%;object-fit:cover;display:block}
.rplay_tap{position:absolute;inset:0;cursor:pointer}
.rplay.paused .rplay_tap::after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;
  display:grid;place-items:center;background:rgba(214,163,96,.92);color:#0c0907;font-size:22px;padding-left:4px}
.rplay_bar{position:absolute;left:12px;right:12px;top:12px;height:2px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden;pointer-events:none}
.rplay_bar i{display:block;height:100%;background:#d6a360;transform-origin:0 50%;transform:scaleX(0)}
.rplay_side{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px;padding-top:8px}
.rplay_who{font:500 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#d6a360}
.rplay_q{font:400 clamp(24px,2.4vw,34px)/1.15 var(--display);text-transform:uppercase}
.rplay_topics{display:flex;flex-wrap:wrap;gap:6px}
.rplay_topics button{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(224,196,150,.3);color:rgba(246,242,236,.75);
  font:500 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:background .25s,color .25s}
.rplay_topics button.on{background:#d6a360;border-color:#d6a360;color:#0c0907}
.rplay_list{list-style:none;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px;scrollbar-width:thin}
.rplay_list button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:6px;border-radius:10px;color:rgba(246,242,236,.8);transition:background .2s}
.rplay_list button.on{background:rgba(214,163,96,.14);color:#fff}
@media (hover:hover) and (pointer:fine){.rplay_list button:hover{background:rgba(246,242,236,.06)}}
.rplay_list img{flex:none;width:40px;height:56px;object-fit:cover;border-radius:6px}
.rplay_list span{font:400 13px/1.4 var(--sans)}
.rplay_list small{display:block;margin-top:2px;font-size:11px;color:rgba(246,242,236,.45)}
.rplay_nav{display:flex;align-items:center;gap:12px}
.rplay_nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(224,196,150,.4);color:#d6a360;font-size:17px}
.rplay_n{font:500 11px var(--sans);letter-spacing:.16em;color:rgba(246,242,236,.6)}
.rplay_show{min-height:50px;border-radius:12px;background:#c9a56b;color:#14120f;font:600 11px var(--sans);letter-spacing:.18em;text-transform:uppercase}
.rplay_x{position:absolute;top:-6px;right:-6px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(224,196,150,.4);background:rgba(12,11,11,.8);color:#f6f2ec;font-size:20px}
@media (max-width:900px){
  .rplay{padding:0;align-items:stretch}
  .rplay_box{flex-direction:column;gap:0;height:100%;max-width:none}
  .rplay_vid{height:auto;flex:1;min-height:0;width:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}
  .rplay_side{flex:none;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 14px);gap:10px;background:#0c0907}
  .rplay_q{font-size:19px}
  .rplay_list{display:none}
  .rplay_topics{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .rplay_topics button{flex:none}
  .rplay_nav{justify-content:space-between}
  .rplay_show{min-height:44px}
  .rplay_x{top:calc(env(safe-area-inset-top,0px) + 12px);right:12px}
  .rplay_bar{top:calc(env(safe-area-inset-top,0px) + 8px)}
}

/* телефон: окошко с видео — круглая «аватарка», не закрывает текст */
@media (max-width:991px){
  .rbub{width:64px!important;right:12px}
  .rbub_go{aspect-ratio:1!important;border-radius:50%!important;box-shadow:0 0 0 2px #d6a360,0 0 0 5px rgba(214,163,96,.25),0 10px 28px rgba(10,8,6,.45)!important}
  .rbub_go::after{background:radial-gradient(circle,rgba(12,9,7,0) 45%,rgba(12,9,7,.45))!important}
  .rbub_cap{inset:auto 0 50% 0;transform:translateY(50%);align-items:center}
  .rbub_cap b{display:none!important}
  .rbub_cap i{width:22px!important;height:22px!important;opacity:.92}
  .rbub_x{top:-6px;right:-6px;width:22px;height:22px;font-size:13px}
  .rbub.over-bar,.mbar.on ~ .rbub{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 66px)!important}
}