/* ——— etapa 2: sdílené bloky pro všechny koncepty ——— */
.e2{position:relative}
.e2--dark{background:var(--plum);color:var(--white)}
.e2--light{background:var(--blush);color:var(--ink)}
.e2--pad{padding:clamp(90px,11vw,170px) 0}
.e2 .container{position:relative}
.e2-label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:500}
.e2--dark .btn{color:var(--blush)}
.e2 .plate{margin:0}
.e2 .plate__img{border:1px solid var(--line-dark);padding:clamp(8px,1vw,14px);background:rgba(255,255,255,.35)}
.e2--dark .plate__img{border-color:var(--line-light);background:rgba(255,255,255,.03)}
.e2 .plate__img img,.e2 .plate__img video{width:100%;height:auto;display:block}
.e2 .plate__cap{margin-top:14px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between;gap:12px}
.e2--dark .plate__cap{color:rgba(255,255,255,.5)}.e2--dark .plate__cap b{color:var(--white)}
.e2 .body{font-size:15px;line-height:1.75}
.e2--dark .body{color:rgba(255,255,255,.72)}
.e2__head{text-align:center;max-width:720px;margin:0 auto clamp(40px,6vw,80px)}
.e2__lead{font-weight:300;font-size:clamp(17px,1.35vw,20px);line-height:1.6;max-width:44ch;margin:22px auto 0;color:var(--ink-2)}
.e2--dark .e2__lead{color:rgba(255,255,255,.72)}
.e2__head--left{text-align:left;margin-left:0;max-width:780px}
.e2__head--left .e2__lead{margin-left:0}
.e2__head--left .h2{margin-top:0}
.e2__cta{text-align:center;margin-top:clamp(40px,5vw,70px)}
.e2--light .std__gh,.e2--light .std{border-color:var(--line-dark)}
/* standard */
.std__group{max-width:1150px;margin:0 auto clamp(50px,6vw,90px)}
.std__gh{font-weight:300;text-transform:uppercase;font-size:clamp(20px,2vw,26px);letter-spacing:.06em;display:flex;align-items:center;gap:20px;margin-bottom:34px;padding-bottom:16px;border-bottom:1px solid var(--line-light)}
.std__gh span{font-size:11px;letter-spacing:.3em;color:var(--gold);font-weight:500}
.std__cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.5vw,54px) clamp(24px,3vw,44px);align-items:start}
.std__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.std.std--pic{display:grid;grid-template-columns:5fr 7fr;gap:clamp(16px,2vw,28px);align-items:start;border-top:0;padding-top:0}
.std--pic .std__pic{margin:0}
.std__items{display:grid;gap:14px}
@media (max-width:560px){.std--pic{grid-template-columns:1fr}.std--pic .std__pic{margin-bottom:6px}}
.std__item{border-top:1px solid rgba(255,255,255,.12);padding-top:12px}
.std__item:first-child{border-top:1px solid var(--line-light)}
.std__item--ref .std__name{margin-bottom:2px}
.std__ref{color:rgba(255,255,255,.4)}
.e2--light .std__item{border-color:var(--line-dark)}
@media (max-width:700px){.std__cards{grid-template-columns:1fr}}
.std{border-top:1px solid var(--line-light);padding-top:18px}
.std__pic{margin:0 0 20px;background:rgba(255,255,255,.04)}
.std__pic img{width:100%;height:auto;display:block}
.std__name{font-size:15px;font-weight:500;letter-spacing:.04em;margin-bottom:12px}
.std__dl{margin:0;font-size:13px;line-height:1.6}
.std__dl div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:5px 0;border-top:1px solid rgba(255,255,255,.07)}
.std__dl dt{color:rgba(255,255,255,.45);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding-top:3px}
.std__dl dd{margin:0;color:rgba(255,255,255,.85)}
.std__note{max-width:720px;margin:0 auto;color:rgba(255,255,255,.45);text-align:center}
@media (max-width:900px){.std__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.std__grid{grid-template-columns:1fr}}
/* vzorový byt — fotografie celé, bez ořezu */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,34px);max-width:1150px;margin:0 auto;align-items:start}
.gal__item{margin:0}
.gal__item .zoom{display:block;border:1px solid var(--line-dark);padding:clamp(6px,.8vw,12px);background:rgba(255,255,255,.35)}
.e2--dark .gal__item .zoom{border-color:var(--line-light);background:rgba(255,255,255,.03)}
.gal__item img{width:100%;height:auto;display:block}
@media (max-width:900px){.gal{grid-template-columns:1fr 1fr}}
/* výběr bytu: fasáda + stojan (viz stagekit) */
.pa{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);align-items:start;max-width:1150px;margin:0 auto clamp(70px,8vw,120px)}
.pa__left{position:sticky;top:90px}
.pa__fa{margin:0}
.pa__cap{margin-top:14px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.5);display:flex;justify-content:space-between}
.pa__h{font-weight:300;font-size:clamp(26px,2.6vw,38px);letter-spacing:.02em;margin-top:10px;line-height:1.1}
.pa__p{color:rgba(255,255,255,.65);max-width:46ch;margin:18px 0 24px;font-size:15px;line-height:1.7}
.pa__floors{list-style:none;margin:0;padding:0}
.pa__side [data-pf]{animation:shIn .5s var(--ease) both}
.lbl{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:500}
@media (max-width:900px){.pa{grid-template-columns:1fr}.pa__left{position:static}}
/* pozadí Bytů: rytina (vodoznak) převrácená, jen na desktopu */
.e2#byty{overflow:hidden}
.e2#byty::before{content:"";position:absolute;right:-8%;top:clamp(120px,14vw,220px);width:min(70vw,1000px);aspect-ratio:1600/659;background:url(../assets/img/watermark-light.webp) right top/contain no-repeat;transform:scaleY(-1);opacity:.26;filter:invert(1) brightness(1.2);pointer-events:none}
.e2#byty > .container{position:relative;z-index:1}
@media (max-width:900px){.e2#byty::before{display:none}}
/* tabulka bytů */
.units__block{max-width:1150px;margin:0 auto}
.units__title{display:block;text-align:center;margin-bottom:30px}
.units__filter{display:flex;flex-wrap:wrap;gap:30px 60px;justify-content:center;margin:0 auto 40px}
.units__f{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.units__f .e2-label{margin-right:12px}
.units__f button{font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:8px 12px;border:1px solid transparent;color:rgba(255,255,255,.6);border-radius:999px;transition:color .3s,border-color .3s}
.units__f button:hover{color:var(--white)}
.units__f button.is-active{color:var(--blush);border-color:var(--gold)}
.units__wrap{overflow-x:auto}
.units{width:100%;border-collapse:collapse;font-size:14px}
.units th{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--gold);text-align:left;padding:0 14px 16px;border-bottom:1px solid rgba(255,255,255,.3)}
.units td{padding:18px 14px;border-bottom:1px solid var(--line-light);vertical-align:middle;color:rgba(255,255,255,.85)}
.units .unit__code{font-weight:300;font-size:22px;letter-spacing:.02em;color:var(--white)}
.units .unit__area{font-weight:300;font-size:18px;white-space:nowrap}
.units .unit__out{color:rgba(255,255,255,.6)}
.units .unit__price{white-space:nowrap;color:rgba(255,255,255,.6);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.units .unit__more{text-align:right}
.units .unit__more .link{color:var(--blush);font-size:10px;padding-bottom:4px}
.unit.is-hidden{display:none}
.units__empty{text-align:center;color:rgba(255,255,255,.5);padding:30px 0}
@media (max-width:900px){.units th:nth-child(2),.units td:nth-child(2),.units th:nth-child(5),.units td:nth-child(5){display:none}.units td{padding:14px 8px}}
/* film a fasáda */
.vfa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);gap:clamp(24px,3.5vw,56px);align-items:center;max-width:1150px;margin:0 auto}
.vfa .vfilm{max-width:none;margin:0}
@media (max-width:900px){.vfa{grid-template-columns:1fr}.vfa__fac{max-width:460px;margin:0 auto;width:100%}}
.vfilm{max-width:1150px;margin:0 auto clamp(50px,6vw,90px)}
.vfilm__box{position:relative;background:var(--plum);aspect-ratio:16/9}
.vfilm__v{width:100%;height:100%;object-fit:cover;display:block}
.vfilm__play{z-index:2}
.vfilm.is-playing .vfilm__play{display:none}
@media (max-width:900px) and (orientation:portrait){.vfilm__box{aspect-ratio:720/1000;max-width:420px;margin:0 auto}}
.viz__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);max-width:1150px;margin:0 auto;align-items:start}
@media (max-width:560px){.viz__grid{grid-template-columns:1fr}}
/* magazín */
.magteaser__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,7vw,120px);align-items:center;max-width:1150px;margin:0 auto}
.magteaser__pages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}
.magteaser__pages img{width:100%;height:auto;border:1px solid var(--line-dark);box-shadow:0 20px 60px rgba(0,0,0,.18);background:#fff}
.e2--dark .magteaser__pages img{border-color:var(--line-light);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.magteaser__pages img:nth-child(2){transform:translateY(-24px)}
.magteaser__title{font-weight:300;text-transform:uppercase;font-size:clamp(24px,2.8vw,38px);line-height:1.18;letter-spacing:.02em;margin-top:14px}
.magteaser__body{margin:22px 0 30px}
@media (max-width:900px){.magteaser__grid{grid-template-columns:1fr}}

/* ——— stojan výběru bytu ——— */
/* fasáda s pásy podlaží */
.fa{position:relative}
.fa img{width:100%;height:auto;display:block;border:1px solid var(--line-light)}
.fa__bands{position:absolute;left:4.5%;right:4%;top:0;bottom:0}
.fa__band{position:absolute;left:0;right:0;cursor:pointer;opacity:.28;transition:opacity .35s,background .35s;background:linear-gradient(90deg,rgba(156,130,74,0),rgba(156,130,74,.18) 50%,rgba(156,130,74,0));border-top:1px solid rgba(244,230,221,.28);border-bottom:1px solid rgba(244,230,221,.28)}
.fa__band::before,.fa__band::after{content:"";position:absolute;top:-4px;bottom:-4px;width:16px;border:2px solid #E2C98F;opacity:0;transition:opacity .35s}
.fa__band::before{left:0;border-right:0}.fa__band::after{right:0;border-left:0}
.fa__band.is-active,.fa__band.is-demo,.fa__band:focus-visible{opacity:1;background:linear-gradient(90deg,rgba(156,130,74,.22),rgba(201,171,105,.62) 50%,rgba(156,130,74,.22));border-color:#E2C98F;box-shadow:0 0 0 1px rgba(226,201,143,.45),0 0 34px rgba(201,171,105,.45),inset 0 0 28px rgba(201,171,105,.25)}
.fa__band.is-demo{animation:faDemo .9s ease-in-out infinite alternate}@keyframes faDemo{from{box-shadow:0 0 0 1px rgba(226,201,143,.35),0 0 18px rgba(201,171,105,.3),inset 0 0 18px rgba(201,171,105,.15)}to{box-shadow:0 0 0 1px rgba(226,201,143,.7),0 0 44px rgba(201,171,105,.6),inset 0 0 34px rgba(201,171,105,.32)}}
.fa__band.is-active::before,.fa__band.is-active::after,.fa__band.is-demo::before,.fa__band.is-demo::after{opacity:1}
@media (hover:hover){.fa__band:hover{opacity:1;background:linear-gradient(90deg,rgba(156,130,74,.16),rgba(201,171,105,.5) 50%,rgba(156,130,74,.16));border-color:#E2C98F;box-shadow:0 0 0 1px rgba(226,201,143,.35),0 0 24px rgba(201,171,105,.35)}.fa__band:hover::before,.fa__band:hover::after{opacity:1}.fa__band:hover .fa__bl{color:var(--blush)}}
.fa__band--prep{border-style:dashed}
.fa__bl{position:absolute;right:10px;top:50%;transform:translate(0,-50%);white-space:nowrap;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75);padding:6px 10px 6px 20px;display:flex;flex-direction:column;gap:3px;text-align:left;opacity:0;transition:opacity .35s;background:rgba(26,23,33,.78);backdrop-filter:blur(4px);border:1px solid rgba(226,201,143,.35)}
.fa__bl::before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;border-radius:50%;background:#E2C98F;transform:translateY(-50%)}
.fa__bl b{font-size:15px;font-weight:300;letter-spacing:.06em;color:var(--white)}
.fa__band.is-active .fa__bl,.fa__band.is-demo .fa__bl{opacity:1;color:#E2C98F}
@media (hover:hover){.fa__band:hover .fa__bl{opacity:1}}
.fa__band:not(.is-active):not(.is-demo) .fa__bl b{color:rgba(255,255,255,.85)}
@media (max-width:560px){.fa__bands{right:0}.fa__bl{right:4px;padding:4px 8px 4px 16px;font-size:9px}.fa__bl::before{left:6px}.fa__bl b{font-size:13px}}
/* stojan */
.sh{animation:shIn .5s var(--ease) both}
@keyframes shIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sh__nav{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--gold);background:rgba(156,130,74,.1);margin-bottom:16px}
.sh__crumbs{display:flex;align-items:center;gap:10px;min-width:0}
.sh__crumb{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.75);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:6px 0}
.sh__crumb i{font-style:normal;font-size:15px}
.sh__crumb b{font-weight:300;font-size:15px;letter-spacing:.08em;color:var(--white);text-transform:none}
.sh__crumb--fas:hover,.sh__crumb--floor:hover{color:var(--blush)}
.sh__sep{color:rgba(255,255,255,.3)}
.sh--unit .sh__crumb--floor b{color:var(--gold);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(156,130,74,.5)}
.sh__back{display:inline-flex;align-items:center;gap:12px;color:var(--blush);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:6px 14px 6px 6px;border:1px solid var(--gold);background:rgba(156,130,74,.14);transition:background .3s}
.sh__back:hover{background:var(--gold);color:var(--plum)}
.sh__back i{font-style:normal;font-size:18px;line-height:1;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}
.sh__back[hidden]{display:none}
.sh__back--sm{padding:6px 12px 6px 6px}.sh__back--sm i{width:28px;height:28px;font-size:15px}
.sh__body{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(22px,3vw,44px);align-items:start}
.sh__frame{position:relative;aspect-ratio:1800/2548;border:1px solid var(--line-light);background:rgba(255,255,255,.03);padding:8px;overflow:hidden}
.sh__img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;display:block;opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:scale(1.015)}
.sh__img.is-on{opacity:1;transform:none}
.sh__hot{position:absolute;inset:8px;transition:opacity .4s}
.sh--unit .sh__hot{opacity:0;pointer-events:none}
.sh__u{position:absolute;inset:0;cursor:pointer;background:rgba(156,130,74,0);transition:background .35s}
.sh__parts{margin:6px 0 18px;display:flex;flex-wrap:wrap;gap:10px}
.sh__navparts{display:inline-flex;gap:6px;margin-left:10px}
.sh__navparts[hidden]{display:none}
.sh__navpart{font-size:12px;letter-spacing:.08em;text-transform:none;padding:6px 12px;border:1px solid rgba(244,230,221,.3);color:rgba(244,230,221,.8);border-radius:999px;transition:border-color .3s,background .3s,color .3s}
.sh__navpart.is-active{border-color:var(--gold);background:rgba(156,130,74,.25);color:var(--white)}
@media (hover:hover){.sh__navpart:hover{border-color:var(--gold)}}
.sh__parts-t{flex-basis:100%;margin:0 0 4px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:500}
.sh__part{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 16px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.75);transition:border-color .3s,color .3s,background .3s}
.sh__part b{font-weight:400;font-size:15px;letter-spacing:.06em;color:var(--white)}
.sh__part span{font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.sh__part.is-active{border-color:var(--gold);background:rgba(156,130,74,.14);color:var(--blush)}
@media (hover:hover){.sh__part:hover{border-color:var(--gold)}}
.sh__u.is-pulse{background:rgba(201,171,105,.58)}
.sh__u.is-active,.sh__u:focus-visible{background:rgba(201,171,105,.66)}
@media (hover:hover){.sh__u:hover{background:rgba(201,171,105,.6)}}
.sh__lbl{position:absolute;transform:translate(-50%,-50%);background:rgba(26,23,33,.9);color:var(--blush);padding:8px 12px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none;display:flex;flex-direction:column;gap:3px;align-items:center;border:1px solid rgba(244,230,221,.35)}
.sh__lbl b{font-size:15px;font-weight:300;letter-spacing:.06em;color:var(--white)}
.sh__lbl.is-on,.sh__lbl.is-active,.sh__lbl.is-pulse{opacity:1}
.sh__progress{position:absolute;left:8px;right:8px;top:8px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .2s}
.sh--loading .sh__progress{opacity:1;animation:prog 1.2s ease-in-out infinite}
@keyframes prog{0%{transform:scaleX(0);transform-origin:left}55%{transform:scaleX(1);transform-origin:left}56%{transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
.sh__pdf{position:absolute;right:16px;bottom:16px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--blush);background:rgba(26,23,33,.75);padding:8px 12px;border:1px solid rgba(244,230,221,.3)}
.sh__pdf:hover{background:var(--gold);color:var(--plum)}
.sh__prepframe[hidden],.sh__pdf[hidden],.sh__list[hidden],.sh__uinfo[hidden],.sh__hotset[hidden]{display:none}
.sh__prepframe{position:absolute;inset:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--line-light);color:rgba(255,255,255,.7)}
.sh__prepframe span{font-weight:300;font-size:clamp(40px,6vw,90px);letter-spacing:.04em;color:var(--white)}
.sh__prepframe small{font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.sh__aside{position:sticky;top:90px}
.sh__aside > *{animation:shIn .45s var(--ease) both}
.sh__list ul{list-style:none;margin:14px 0 0;padding:0}
.sh__li{display:grid;grid-template-columns:76px 60px 74px 1fr auto;gap:12px;width:100%;text-align:left;padding:13px 0;border-top:1px solid var(--line-light);font-size:13px;color:rgba(255,255,255,.7);align-items:baseline;transition:color .3s,background .3s}
.sh__li.is-active{color:var(--white);background:rgba(156,130,74,.12)}
@media (hover:hover){.sh__li:hover{color:var(--white)}}
.sh__li b{font-weight:300;font-size:19px;color:var(--white)}
.sh__list li:last-child .sh__li{border-bottom:1px solid var(--line-light)}
.sh__go{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sh__hint{color:rgba(255,255,255,.45);margin-top:14px}
.sh__prep{color:rgba(255,255,255,.65);max-width:40ch;margin:14px 0 22px;font-size:15px;line-height:1.7}
.sh__list--prep .btn{color:var(--blush)}
.sh__meta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:8px 0 18px}
.sh__dl{margin:0 0 22px;font-size:14px}
.sh__dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.1)}
.sh__dl dt{color:rgba(255,255,255,.55)}.sh__dl dd{margin:0;color:var(--white)}
.sh__cta{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-bottom:22px}
.sh__cta .btn{color:var(--blush)}.sh__cta .link{color:var(--blush)}
.sh__pn{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line-light)}
.sh__pn .link{color:rgba(255,255,255,.6);font-size:10px}
.sh__note{color:rgba(255,255,255,.45);margin-top:16px}
.sh__floors{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-light)}
.sh__floors-l{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-right:10px}
.sh__chip{font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:7px 11px;border:1px solid transparent;color:rgba(255,255,255,.6);border-radius:999px;transition:color .3s,border-color .3s}
.sh__chip.is-active{color:var(--blush);border-color:var(--gold)}
@media (hover:hover){.sh__chip:hover{color:var(--white)}}
.sh__chip--prep{border-style:dashed;border-color:rgba(255,255,255,.18)}
/* rám vedle fasády ve stejné velikosti (A, koncepty) */
.sh--side .sh__body{grid-template-columns:1fr}
.sh--side .sh__aside{position:static}
@media (max-width:900px){.sh__body{grid-template-columns:1fr}.sh__aside{position:static}.sh__li{grid-template-columns:66px 56px 66px auto;font-size:12px}.sh__li span:nth-child(4){display:none}.sh__nav{padding:8px 10px;gap:8px}.sh__crumb{font-size:10px;letter-spacing:.14em}.sh__crumb b{font-size:13px}}

/* ——— varianta C (Spojení) ——— */

.fbf{position:relative}
.fb__stage img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}
.fbf__bands{position:absolute;left:0;right:0;top:0;bottom:0}
.fbf__band{position:absolute;left:0;right:0;cursor:pointer;opacity:.3;transition:opacity .35s,background .35s;background:linear-gradient(90deg,rgba(156,130,74,0),rgba(156,130,74,.18) 50%,rgba(156,130,74,0));border-top:1px solid rgba(244,230,221,.3);border-bottom:1px solid rgba(244,230,221,.3)}
.fbf__band.is-active,.fbf__band.is-demo,.fbf__band:focus-visible{opacity:1;background:linear-gradient(90deg,rgba(156,130,74,.22),rgba(201,171,105,.62) 50%,rgba(156,130,74,.22));border-color:#E2C98F;box-shadow:0 0 0 1px rgba(226,201,143,.45),0 0 34px rgba(201,171,105,.45),inset 0 0 28px rgba(201,171,105,.25)}
.fbf__band.is-demo{animation:faDemo .9s ease-in-out infinite alternate}
.fbf__band::before,.fbf__band::after{content:"";position:absolute;top:-4px;bottom:-4px;width:16px;border:2px solid #E2C98F;opacity:0;transition:opacity .35s}.fbf__band::before{left:0;border-right:0}.fbf__band::after{right:0;border-left:0}.fbf__band.is-active::before,.fbf__band.is-active::after,.fbf__band.is-demo::before,.fbf__band.is-demo::after{opacity:1}
@media (hover:hover){.fbf__band:hover{opacity:1;background:linear-gradient(90deg,rgba(156,130,74,.16),rgba(201,171,105,.5) 50%,rgba(156,130,74,.16));border-color:#E2C98F;box-shadow:0 0 0 1px rgba(226,201,143,.35),0 0 24px rgba(201,171,105,.35)}.fbf__band:hover .fbf__bl{opacity:1}}
.fbf__band--prep{border-style:dashed}
.fbf__bl{position:absolute;right:24px;top:50%;transform:translateY(-50%);text-align:right;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#E2C98F;display:flex;flex-direction:column;gap:4px;align-items:flex-end;background:rgba(26,23,33,.78);border:1px solid rgba(226,201,143,.35);padding:8px 12px;opacity:0;transition:opacity .35s}
.fbf__band.is-active .fbf__bl,.fbf__band.is-demo .fbf__bl{opacity:1}
.fbf__bl b{font-size:18px;font-weight:300;letter-spacing:.06em;color:var(--white)}

/* úzký seznam bytů vedle rámu: bez sloupce balkon/terasa (je v kartě bytu) */
@media (min-width:1251px){.fc .sh--side .sh__aside .sh__li{grid-template-columns:64px 56px 1fr auto}.fc .sh--side .sh__aside .sh__li span:nth-child(4){display:none}}
.fc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start;padding:0 var(--gutter) 0 0}
.fc__fa{position:sticky;top:64px;height:calc(100vh - 64px);height:calc(100svh - 64px)}
.fc__fa .fbf{height:100%;width:auto}
.fc__fa .fbf img{height:100%;width:auto;display:block}
.fc__side{min-width:0;padding:clamp(20px,3vh,36px) 0 60px}
.fc__intro{max-width:520px;padding-top:clamp(40px,14vh,160px)}
.fc__intro h2{font-weight:300;text-transform:uppercase;font-size:clamp(26px,2.8vw,40px);margin:14px 0 16px;letter-spacing:.02em}
.fc__intro .small{color:rgba(255,255,255,.62);max-width:44ch;line-height:1.7}
.fc__side [data-pf]{animation:shIn .5s var(--ease) both}
/* drobečky jako ve variantě B: návrat na fasádu jako výrazné tlačítko nad rámem, v drobečcích jen podlaží › byt */
.fc__bar{display:flex;align-items:center;margin-bottom:12px}
.fc__back{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blush);padding:6px 14px 6px 6px;border:1px solid var(--gold);background:rgba(156,130,74,.14);transition:background .3s,color .3s}
.fc__back i{font-style:normal;font-size:16px;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}
@media (hover:hover){.fc__back:hover{background:var(--gold);color:var(--plum)}}
.fc .sh__crumb--fas{display:none}.fc .sh__crumbs .sh__sep:first-of-type{display:none}
/* rám listu na výšku okna — celý list čitelný vedle fasády */
.fc{--fw:calc((100vh - 64px - 190px) * 1800 / 2548);--fw:calc((100svh - 64px - 190px) * 1800 / 2548)}
.fc .sh--side .sh__body{grid-template-columns:min(max(var(--fw),440px),100%) minmax(240px,1fr);align-items:start}
.fc .sh--side .sh__aside{position:sticky;top:90px}
@media (max-width:1250px){.fc .sh--side .sh__body{grid-template-columns:min(max(var(--fw),440px),100%)}.fc .sh--side .sh__aside{position:static}}
@media (max-width:900px){
  .fc{grid-template-columns:1fr;padding:0;gap:0}
  .fc__fa{position:static;height:auto}
  .fc__fa .fbf,.fc__fa .fbf img{width:100%;height:auto}
  .fc__side{padding:18px 0 50px}
  .fc__intro{padding:10px var(--gutter) 0}
  .fc .sh__nav{margin:0 6px 10px}
  .fc__bar{margin:0 6px 10px}
  .fc .sh--side .sh__body{grid-template-columns:1fr}
  .fc .sh__frame{padding:3px;border-left:0;border-right:0}
  .fc .sh__aside,.fc .sh__floors{padding:0 var(--gutter)}
  .fbf__bl{right:8px;padding:5px 8px}.fbf__bl b{font-size:14px}
}

/* varianta C uvnitř stránky: přes celou šířku okna, fasáda u levého okraje, rám vedle */
.fc--bleed{width:100vw;margin-left:calc(50% - 50vw);margin-bottom:clamp(70px,8vw,120px)}
.fc--bleed .fc__fa{top:64px;height:calc(100vh - 64px);height:calc(100svh - 64px)}
.fc__h{font-weight:300;text-transform:uppercase;font-size:clamp(26px,2.8vw,40px);margin:14px 0 16px;letter-spacing:.02em}
@media (max-width:900px){.fc--bleed .fc__fa{height:auto}}