/* Мастер заказа: слева шаг анкеты, справа — кадр из ролика с вашими данными и список сцен. */
.zk{padding-top:22px;display:flex;flex-direction:column;gap:16px}
.steps{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.steps::-webkit-scrollbar{display:none}
.steps button{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);
  font:600 13.5px var(--f-body);padding:7px 13px 7px 8px;border-radius:999px;cursor:pointer}
.steps button .n{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.steps button.done .n{background:var(--ok);color:#06231A}
.steps button.cur{border-color:var(--gold);color:var(--text)}
.steps button.cur .n{background:var(--gold);color:#231503}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.form{padding:26px clamp(18px,3vw,32px) 22px;display:flex;flex-direction:column;gap:20px}
.form h2{font-size:clamp(24px,3vw,30px);line-height:1.15}
.form .lead{font-size:16px;margin-top:-10px}
.navb{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:4px;flex-wrap:wrap}
.navb .r{display:flex;gap:8px;flex-wrap:wrap}
.linkbtn{background:none;border:0;padding:0;color:var(--gold);font:inherit;font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.age{display:flex;align-items:center;gap:8px}
.age input{width:92px;text-align:center}

.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.thumbs.one{max-width:220px;grid-template-columns:1fr}
.thumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--field)}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:12.5px;color:var(--muted);padding:8px}
.thumb .tag{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:700;background:rgba(6,11,22,.8);color:var(--gold-hi);padding:3px 8px;border-radius:7px}
.thumb .x{position:absolute;right:6px;top:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(6,11,22,.8);color:#fff;cursor:pointer;font-size:16px;line-height:28px}
.thumb .bar{position:absolute;left:8px;right:8px;bottom:8px;height:5px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}
.thumb .bar i{display:block;height:100%;background:var(--gold);transition:width .2s}
.drop{position:relative;border:1.5px dashed rgba(233,196,106,.45);border-radius:12px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;aspect-ratio:1;cursor:pointer;color:var(--gold-hi);font-size:14px;text-align:center;padding:8px;background:rgba(233,196,106,.05)}
.drop:hover{background:rgba(233,196,106,.1)}
.drop svg{width:26px;height:26px}
.drop input{position:absolute;opacity:0;width:1px;height:1px}

/* правая колонка */
.side{position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}
.pv-card{overflow:hidden;border-color:var(--line-gold)}
.pv{position:relative;aspect-ratio:16/9;background:#05080F;container-type:inline-size;overflow:hidden}
.pv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pv .z{position:absolute;overflow:hidden}
.pv .z img{width:100%;height:100%;object-fit:cover}
.pv .z.empty{display:grid;place-items:center;font:500 3.2cqw var(--f-body);color:rgba(255,255,255,.75);text-align:center;background:rgba(10,16,30,.55);border:1px dashed rgba(233,196,106,.6)}
.pv .mirror{left:42.6%;top:19.6%;width:15.4%;height:64.8%;border-radius:22% / 6%}
.pv .sheet{left:38.3%;top:30.8%;width:22.7%;height:49.8%;transform:rotate(-.6deg)}
.pv .sheet.empty{color:#5b4a2c;background:#F4EEDD;border:0}
.pv .globe{left:37.6%;top:12.7%;width:34.9%;aspect-ratio:1;border-radius:50%}
.pv .globe img{opacity:.92;transform:scale(.8);-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 72%);mask-image:radial-gradient(circle,#000 58%,transparent 72%)}
.pv .globe.empty{border-radius:50%}
.pv .frost{left:14%;right:14%;top:27%;height:36%;display:grid;place-items:center;font:400 11cqw/1 var(--f-word);color:#fff;white-space:nowrap;
  text-shadow:0 0 1.4cqw rgba(190,225,255,.95),0 0 3.5cqw rgba(140,190,255,.7)}
.pv .book-t{left:22%;top:31%;width:25%;text-align:center;font:400 4.6cqw/1.15 var(--f-hand);color:#8a6a2c;transform:rotate(-1deg)}
.pv .book-l{left:52.5%;top:27%;width:27%;height:44%;font:400 3.1cqw/1.25 var(--f-hand);color:#4b3513;transform:rotate(1.2deg);display:flex;flex-direction:column;gap:1.2cqw}
.pv .title{left:6%;right:6%;top:58%;text-align:center;font:400 7.4cqw/1.12 var(--f-word);
  background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .3cqw .8cqw rgba(0,0,0,.8))}
.pv .badge{position:absolute;left:10px;top:10px;font:600 11px var(--f-body);letter-spacing:.08em;text-transform:uppercase;background:rgba(6,11,22,.72);color:var(--gold-hi);padding:4px 9px;border-radius:7px}
.pv-cap{padding:12px 16px 14px;font-size:14.5px;color:var(--muted)}
.pv-cap b{color:var(--gold-hi);font:400 19px/1.3 var(--f-hand)}

.sum{padding:14px 16px 16px}
.sum summary{display:flex;justify-content:space-between;align-items:baseline;gap:8px;cursor:pointer;list-style:none;font:400 18px var(--f-display)}
.sum summary::-webkit-details-marker{display:none}
.dur{font:600 19px var(--f-body);font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.dur::before{content:"≈ ";color:var(--dim);font-weight:400}
.meter{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin:12px 0 6px}
.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));transition:width .3s}
ol.scenes{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;counter-reset:s}
ol.scenes li{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:baseline;font-size:13.5px;padding:5px 0;border-bottom:1px dashed var(--line);color:var(--muted)}
ol.scenes li:last-child{border-bottom:0}
ol.scenes li::before{counter-increment:s;content:counter(s);font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums;text-align:right}
ol.scenes li .t{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}
ol.scenes li.personal{color:var(--text);font-weight:500}
ol.scenes li.personal span:first-of-type::after{content:"личное";margin-left:6px;font:600 10px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}

.review{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.review div{display:grid;grid-template-columns:150px 1fr auto;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);align-items:baseline;font-size:15px}
.review div:last-child{border-bottom:0}
.review dt{color:var(--muted)}
.review dd{margin:0;min-width:0;overflow-wrap:anywhere}
.review .none{color:var(--dim)}
@media (max-width:560px){.review div{grid-template-columns:1fr auto}.review dt{grid-column:1/-1;font-size:13px}}
.mine{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-radius:var(--r-sm);border:1px solid var(--line-gold);background:rgba(233,196,106,.07);font-size:14.5px}

@media (max-width:980px){
  .grid{grid-template-columns:1fr}
  /* на телефоне сначала поля, под ними — кадр из ролика и список сцен */
  .side{position:static}
  .sum:not([open]) .meter,.sum:not([open]) .hint{display:none}
  .pv-cap{padding:10px 14px 12px}
}

.pay{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-sm);border:1px solid var(--line-gold);background:rgba(233,196,106,.07)}
.pay span{display:flex;flex-direction:column;font-weight:600}
.pay small{font-weight:400;color:var(--muted);font-size:13.5px}
.pay b{font:400 30px/1 var(--f-display);color:var(--gold-hi);white-space:nowrap}
.agree{display:flex;flex-direction:column;gap:10px}

.thumb .mark{position:absolute;left:6px;top:6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--f-body)}
.thumb .mark.ok{background:var(--ok);color:#06231A}
.thumb .mark.warn{background:var(--warn);color:#2B1A00}
.checks{margin:0;padding:11px 14px 11px 32px;border-radius:var(--r-sm);background:rgba(240,179,94,.1);border:1px solid rgba(240,179,94,.28);font-size:14px;display:flex;flex-direction:column;gap:4px}
.voice{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap}