/* RA — «Нуар» · ПК-стилі. Підключається після styles.css. Власник: RA 1.9-ПК.
   Межа «ПК» та сама, що в app.js (narrow): ширина ≥ 901 px і ландшафт. Три ширини: ≥901 · ≥1101 (меню замість бургера) · ≥1920 (крупніший шрифт),
   дві висоти: ≤860 (герой компактніший) · ≤640 (усе компактніше, напр. 1000×505). Значення — виміри живого сайту maket-2-nuar.html. */

/* ================= ПК ≥ 901 px, ландшафт ================= */
@media (min-width:901px) and (min-aspect-ratio:1/1){
  :root{--hh:88px;--hmax:1480px;--edge:max(22px,4vw);--fabw:calc(var(--edge) + 254px)}   /* --fabw: місце під плаваючі контакти від правого краю (3 × 58 + 2 × 10 + край) */
  body{font-size:17px}
  h2{line-height:1.08}
  .kicker{font-size:12px;margin:0 0 6px}
  .kicker span{font-size:12px}
  .glass{background:rgba(15,11,8,.62)}
  :focus-visible{outline:1px solid var(--champ);outline-offset:2px}
  :focus:not(:focus-visible){outline:0}

  /* шапка: логотип · меню · мова · кнопка (меню з 1101 px, до того — бургер) */
  .hdr{gap:26px;padding:0 max(var(--gut),calc((100% - var(--hmax)) / 2 + var(--gut)))}
  .brand img{height:58px}
  .hdr-cta{display:inline-flex;--h:46px;margin-left:auto;padding:0 20px;font-size:14px;white-space:nowrap}
  .burger{margin-left:0}
  .nav a{position:relative;padding:12px 0;font-size:14.5px;color:#D9D2C6;text-decoration:none;white-space:nowrap;transition:color .3s var(--ease)}
  .nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--bronze-l);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
  .nav a:hover,.nav a.on{color:#fff}
  .nav a:hover::after,.nav a.on::after{transform:scaleX(1)}
  .lang{align-items:center;gap:10px;font:400 12px/1 var(--caps);letter-spacing:.16em}
  .lang .on{color:var(--champ)}
  .lang i{width:1px;height:14px;background:var(--hair-2)}
  .lang a{color:var(--mute);text-decoration:none;padding:6px 2px}
  .lang a:hover{color:var(--ivory)}

  /* заголовки екранів */
  .s-title{left:var(--edge);right:auto;top:calc(var(--hh) + 14px);max-width:min(760px,60vw)}
  .visual .s-title h2{font-size:clamp(22px,11.2px + 1.1vw,30.4px)}
  .svc .s-title h2{display:none}
  .works h2,.zone h2{font-size:clamp(24px,12.8px + 1.2vw,32px)}
  .trust .s-title h2,.contact .s-title h2{font-size:clamp(32px,14.4px + 1.8vw,43.2px)}

  /* плаваючі контакти: ряд унизу справа (Вістка · телефон · пошта), на останньому екрані сховані */
  .fabs{right:var(--edge);bottom:20px;flex-direction:row;align-items:center;gap:10px}   /* правий край = край контенту, на всіх екранах */
  .fab{height:58px;min-width:58px}
  .fab svg,.fab img{margin:0 18px}
  .fab-v{order:1}.fab-t{order:2}.fab-m{order:3}
  .sc-6 .fabs{opacity:0;pointer-events:none}

  /* 00 герой: текст ліворуч по центру висоти, факти внизу, підпис сцени праворуч угорі */
  .hero .scrim{background:radial-gradient(58% 46% at 16% 38%,rgba(12,9,7,.5),rgba(12,9,7,0) 72%),linear-gradient(90deg,rgba(12,9,7,.9) 0,rgba(12,9,7,.74) 20%,rgba(12,9,7,.34) 30%,rgba(12,9,7,0) 36%),linear-gradient(0deg,rgba(12,9,7,.94) 0%,rgba(12,9,7,.55) 13%,rgba(12,9,7,0) 26%),linear-gradient(180deg,rgba(12,9,7,.6) 0%,rgba(12,9,7,0) 18%)}
  .hud{display:flex;position:absolute;top:calc(var(--hh) + 26px);right:var(--gut);z-index:2;flex-direction:column;align-items:flex-end;gap:10px;font:400 11px/1 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);pointer-events:none}
  .hud b{font-weight:400;color:var(--champ);display:inline-flex;align-items:center;gap:8px}
  .hud b::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
  .hero-copy{left:var(--edge);right:auto;top:50%;bottom:auto;transform:translateY(-50%);max-width:800px}   /* лівий край = край контенту (21.10: літери не на бра) */
  .eyebrow{font-size:12px;letter-spacing:.26em}
  .eyebrow::before{width:34px}
  .hero h1{font-size:clamp(2.6rem,1.3rem + 3.9vw,5.5rem);line-height:1;margin:22px 0 clamp(20px,4vh,60px)}
  :lang(fr) .hero h1{font-size:clamp(2.2rem,1.1rem + 3.3vw,4.7rem)}   /* FR довший: ×0.85, щоб «rénové» не лягало на бра біля дзеркала */
  .hero-lead{display:block;max-width:300px;margin:0;font-size:clamp(1.02rem,.96rem + .3vw,1.15rem);line-height:1.7}
  .hero-cta{position:static;display:flex;flex-direction:row;gap:12px;margin-top:34px}
  .hero-cta .btn{--h:54px;flex:none;padding:0 26px;font-size:15px}
  .hero-cta .btn .full{display:inline}.hero-cta .btn .short{display:none}
  .facts{display:flex;position:absolute;z-index:2;left:var(--edge);right:calc(var(--gut) + 72px);bottom:30px;padding-top:16px;border-top:1px solid var(--hair);font-size:11.5px}

  /* 01 конфігуратор (прийнято 20.10): фото 4:3 праворуч до краю контенту, від рівня заголовка до низу −16 px (кімната ціла);
     панель ліворуч на всю решту ширини (проміжок 32 px), заголовок над панеллю, без «Детальніше». --p — ширина фото: менше з «за висотою» і «ширина − панель 360» */
  .visual{--aw:calc(100vw - 2 * var(--edge));--ah:calc(100vh - var(--hh) - 10px - 16px);
          --p:min(calc(var(--aw) - 392px),calc(var(--ah) * 4 / 3));
          --pw:calc(var(--aw) - var(--p) - 32px)}
  .visual .s-title{top:calc(var(--hh) + 10px);max-width:var(--pw)}
  .more-btn,.more{display:none}
  .vw{left:auto;right:var(--edge);top:calc(var(--hh) + 10px);bottom:auto;width:var(--p);aspect-ratio:4/3;box-shadow:0 0 0 1px var(--hair-2),0 30px 70px -30px rgba(0,0,0,.8)}
  .vw-tag{display:none}
  /* панель за висотою вмісту (вкладки + 2 ряди плиток); min-height = висота 2 рядів при плитці (ширина панелі − 44) / 3 — її ж бере fit() в app.js */
  .atl{left:var(--edge);right:auto;top:calc(var(--hh) + 108px);bottom:auto;width:var(--pw);padding:14px;border-width:1px;background:rgba(15,11,8,.94);gap:8px}
  .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}
  .tabs button{min-height:31px;padding:8px 3px;font:400 11.5px/1.1 var(--sans);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis}
  .opt.on{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:hidden;min-height:calc((var(--pw) - 44px) * 2 / 3 + 74px);align-content:start}
  .opt legend{position:static;width:100%;height:auto;overflow:visible;clip:auto;display:flex;align-items:baseline;gap:12px;margin:0 0 8px;padding:0;font:400 11px/1.3 var(--caps);letter-spacing:.06em;text-transform:uppercase;color:var(--ivory)}
  .opt legend .v{font:italic 400 14px/1.25 var(--serif);letter-spacing:0;text-transform:none;color:var(--champ);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .och{flex:none;width:auto;gap:5px}
  .och img{aspect-ratio:1;height:auto}   /* плитки за шириною панелі (fit() в app.js обмежує --s до 150 px — тут не вживається) */
  .och input:checked+img{box-shadow:0 0 0 2px var(--champ)}
  .och:has(input:checked)::after{content:"";position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--champ) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318120D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 2px 8px rgba(0,0,0,.4)}
  .och .nm{font-size:11.5px;height:28px}
  .sum{display:none}

  /* 02 послуги: фото 16:9 на весь екран, список ліворуч, картка внизу ліворуч, «Детальніше» угорі праворуч */
  .plates img.wide{display:block}
  .plates img.tall{display:none}
  .svc .shade{background:linear-gradient(90deg,rgba(9,7,5,.8) 0,rgba(9,7,5,.5) 28%,rgba(9,7,5,0) 50%),linear-gradient(180deg,rgba(9,7,5,.6) 0,rgba(9,7,5,0) 22%)}
  /* кікер «02 Послуги» угорі зліва (заголовок h2 прибрано), список 01–10 по центру висоти: --svr — висота рядка */
  .svc{--svr:clamp(40px,5.7vh,62px)}
  .svc-list{left:var(--edge);right:auto;top:calc(50% - 5 * var(--svr));bottom:auto;width:clamp(340px,31vw,520px);flex-direction:column;gap:0;padding:0;overflow:visible;touch-action:auto}
  .svc-list::after{display:none}
  .svc-list li{flex:none}
  .svc-row{min-height:0;height:var(--svr);padding:0;border:0;border-bottom:1px solid rgba(201,173,132,.16);border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:14px;align-items:baseline;width:100%;color:#CFC6B8;transition:border-color .3s}
  .svc-row .sn{flex:none;width:30px;font:italic 400 14px/1 var(--serif);color:var(--bronze-l);letter-spacing:.04em}
  .svc-row .st{font:400 clamp(26px,1.55vw + 8px,36px)/1.15 var(--serif);color:inherit;letter-spacing:-.005em;transition:color .3s}
  .svc-row:hover .st{color:#fff}
  .svc-row.on{background:none;border-bottom-color:var(--champ)}
  .svc-row.on .st,.svc-row.on .sn{color:var(--champ)}
  .svc-row.on::after{content:"→";margin-left:auto;color:var(--champ);font:400 18px/1 var(--sans)}
  .svc-go{display:none}
  .svc-desc{display:block;left:auto;right:var(--edge);top:calc(var(--hh) + 14px);bottom:auto;width:clamp(300px,24vw,380px);padding:14px 18px 16px;background:rgba(15,11,8,.66)}
  .svc-desc .pl{margin-bottom:8px}
  .svc-desc h3{font-size:clamp(18px,1.1vw + 4px,24px);margin-bottom:6px}
  .svc-desc .sd{font-size:13.5px;line-height:1.5;margin-bottom:12px}
  .svc-desc .svc-det{display:inline-block}

  /* 03 процес (сцена v5, як на живому) */
  #process.p5 .proc-side{width:min(560px,52vw)}
  #process.p5 .proc-side h2 em{display:block}
  #process.p5 .steps-wrap{left:var(--gut);right:calc(var(--fabw) + 10px);bottom:calc(18px + 3vh)}
  #process.p5 .steps::before{top:22px}
  #process.p5 .step .sn{width:44px;height:44px;font-size:17px}
  #process.p5 .step h3{font-size:clamp(13px,1.35vw,18px)}
  #process.p5 .step .bar{top:21px}
  #process.p5 .p5-chat,#process.p5 .p5-devis,#process.p5 .p5-vcard{left:auto;top:calc(50% - 100svh / 2 + var(--hh) + 86px)}
  #process.p5 .p5-chat{right:calc(var(--gut) + 5%);width:min(30%,320px);transform:translateX(10px)}
  #process.p5 .p5-devis{right:calc(var(--gut) + 3%);width:min(27%,300px);transform:translateX(12px)}
  #process.p5 .p5-vcard{right:calc(var(--gut) + 3%);width:min(20%,220px);transform:translateX(12px)}
  #process.p5 .p5-vcard img{max-height:none}
  #process.p5 .s1 .p5-chat,#process.p5 .s4 .p5-devis,#process.p5 .s6 .p5-vcard{transform:none}
  #process.p5 .p5-chips{left:auto;right:calc(var(--gut) + 34px);top:calc(var(--hh) + 104px);transform:translateY(8px);width:auto;flex-wrap:nowrap}
  #process.p5 .p5-chips.vis{transform:none}
  #process.p5 .p5-pols{right:calc(var(--gut) + 48px);top:calc(var(--hh) + 158px);bottom:auto;width:132px;height:150px}
  #process.p5 .p5-pol{padding:6px 6px 26px}
  #process.p5 .p5-pol em{display:block}
  #process.p5 .p5-capx{right:auto;max-width:min(540px,46vw);bottom:calc(18px + 3vh + 118px)}   /* опис кроку: над шкалою з повітрям ≈ 45 px, росте вгору */
  #process.p5 .p5-capx::before{left:calc(-1 * var(--gut));right:-80px;top:-40px;bottom:-30px;background:radial-gradient(120% 115% at 0% 75%,rgba(9,7,5,.84),rgba(9,7,5,.55) 42%,rgba(9,7,5,0) 74%)}
  #process.p5 .p5-capx i{font-size:clamp(44px,5vw,70px)}
  #process.p5 .p5-capx b{font-size:clamp(24px,2.6vw,38px)}
  #process.p5 .p5-capx span{font-size:clamp(14px,1.15vw,17px)}
  #process.p5 .p5-tag{display:block}

  /* 04 роботи: плашка-заголовок з лічильником, три картки 5:4 по центру, стрілки, плашка-заклик унизу справа */
  .works .s-title{top:calc(var(--hh) + 14px);max-width:none;width:max-content;display:flex;align-items:center;gap:18px;padding:8px 18px;border:1px solid var(--hair-2);border-radius:14px;background:rgba(15,11,8,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-shadow:none}
  .works .s-title .kicker,.works .s-title .lead{display:none}
  .works .s-title .w-count{display:block;margin-top:4px;font-size:12px;letter-spacing:.2em;color:var(--champ)}
  .w-track{top:50%;bottom:auto;height:calc((100vw - 168px) / 3 / 1.25);transform:translateY(calc(-50% + 24px));padding:0 84px 0 56px;gap:14px;scroll-snap-type:x proximity}
  .g-card{flex:0 0 calc((100% - 28px) / 3);min-width:0;scroll-snap-align:start;background:#16110D;border-color:var(--hair-2)}
  .g-cap{padding:22px 12px 9px}
  .g-no{font-size:19.2px;color:var(--bronze)}
  .g-cap h3{font-size:16.8px}
  .g-cap p{font-size:11.5px;letter-spacing:.2em;color:#E4DCCD}
  .w-nav{display:grid}
  .w-nav.p{left:8px}.w-nav.n{right:34px}
  .works-pill{display:none}

  /* 05 гарантії + зона: картки ліворуч, блок «Де ми працюємо» праворуч угорі, підказка карти внизу справа */
  .nmap svg{left:50%;width:100%;height:120%}
  .trust .shade{background:linear-gradient(90deg,rgba(12,9,7,.86) 0,rgba(12,9,7,.4) 36%,rgba(12,9,7,0) 56%),linear-gradient(180deg,rgba(12,9,7,.5) 0,rgba(12,9,7,0) 24%)}
  .gets-list{left:var(--edge);right:auto;top:calc(var(--hh) + 110px);bottom:auto;width:520px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .gets-list li{flex:none;padding:12px 14px;border:1px solid var(--hair-2)}
  .gets-list h3{font-size:16px;margin:2px 0 4px}
  .gets-list p{color:var(--mute)}
  .zone{left:auto;right:max(49px,3.4vw);top:calc(var(--hh) + 14px);width:300px}
  .deps{margin:10px 0 0;padding:10px 12px;font-size:13px;gap:0 18px}
  .deps li{padding:4px 0;gap:10px;white-space:nowrap}
  .deps b{min-width:22px}
  .nmap-info{display:flex;right:calc(var(--fabw) + 16px);bottom:30px}
  .nmap-info .ni-hint{display:block;font-size:11.5px;letter-spacing:.16em}
  .m-attr{display:block;left:auto;right:calc(var(--fabw) + 16px);bottom:8px;text-align:right;font-size:11px;color:var(--mute)}

  /* 06 питання + форма + контакти + футер: усе у своїх рядах, без накладань */
  .faq-list{display:block;left:var(--edge);right:auto;top:calc(var(--hh) + 84px);width:430px;bottom:92px;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;overflow:hidden}
  .faq-list details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .faq-list.collapsed details:nth-child(n+5){display:none}
  .faq-list summary{font-size:16px;padding:11px 40px 11px 0}
  .faq-list details p{padding:0 64px 28px 0;font-size:17px;line-height:1.65;color:var(--mute)}
  .faq-all{left:var(--edge);bottom:46px;min-height:0;padding:8px 14px;background:rgba(15,11,8,.62)}
  .form-card{left:auto;right:max(49px,3.4vw);top:calc(var(--hh) + 8px);width:440px;max-height:calc(100% - var(--hh) - 8px - 164px);padding:10px 16px;background:rgba(24,18,13,.62)}
  .form-card h3{font-size:18.4px;margin-bottom:6px}
  .form-card .fld label{font-size:11px;letter-spacing:.18em;color:#C0AA97}
  .form-more{font-size:13px;font-weight:500;color:var(--bronze-d);padding:1px 6px 2px}
  .consent{font-size:12px}
  .form-card .btn{--h:46px;min-height:46px}
  .chan{display:flex;position:absolute;z-index:6;right:max(49px,3.4vw);bottom:58px;width:440px;margin:0;padding:0;list-style:none;gap:10px;justify-content:space-between}
  .ch{height:48px;padding:0 14px 0 8px;font-weight:600;font-size:13px;background:rgba(24,18,13,.55);border-color:var(--hair)}
  .ch .ci{background:rgba(201,173,132,.12)}
  .ftr{left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px 28px;padding:0 calc(var(--gut) + 36px) 6px var(--gut);font-size:11.5px;line-height:1.65;color:#958F84}
  .ftr nav{gap:0 24px}
  .ftr a{padding:12px 0;color:#BDB6AA}
  .ftr a:hover{color:var(--champ)}

  /* вікна */
  .vk-dlg{padding:32px 32px 26px}
  .sd-dlg{--dw:min(100vw - 48px,1400px);--ph:min(86dvh,var(--dw) * .625);width:min(var(--dw),var(--ph) * .8 + 680px);height:var(--ph);margin:auto;border:1px solid var(--hair-2);box-shadow:0 60px 140px -40px rgba(0,0,0,.85)}
  .sd-dlg[open]{display:grid;grid-template-columns:calc(var(--ph) * .8) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
  .sd-scroll{display:contents}
  .sd-media{grid-column:1;grid-row:1/-1;min-height:0;border-right:1px solid var(--hair)}
  .sd-ph{width:100%;height:100%;aspect-ratio:auto}
  .sd-dlg .sd{grid-column:2;grid-row:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(201,173,132,.4) transparent}
  .sd-body{padding:60px clamp(24px,3vw,44px) 28px}
  .sd-foot{grid-column:2;grid-row:2;padding:14px clamp(24px,3vw,44px)}
  .sd-foot .btn{flex:0 1 auto;padding:0 18px}
  .sd-toast{display:block;font-size:14px;color:var(--champ);opacity:0;align-self:center;transition:opacity .4s}
  .sd-toast.on{opacity:1}
  .sd-kinds ul,.sd-how ol{grid-template-columns:1fr;gap:8px}
  .sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px}
  .sd-how,.sd-kinds{grid-column:1/-1}
}

/* ================= ≥ 1101 px: меню й мова в шапці замість бургера ================= */
@media (min-width:1101px) and (min-aspect-ratio:1/1){
  .nav{display:flex;gap:26px;margin-left:auto}
  .lang{display:flex}
  .hdr-cta{margin-left:0}
  .burger{display:none}
}

/* ================= ≥ 1920 px: шапка ширша, шрифт і герой крупніші (як на живому) ================= */
@media (min-width:1920px) and (min-aspect-ratio:1/1){
  :root{--hmax:clamp(1480px,72vw,1840px)}
  body{font-size:clamp(17px,.55vw + 10px,20px)}
  .hero-copy{max-width:none}
  .hero h1{font-size:clamp(5.5rem,5.2vw,8.5rem)}
  :lang(fr) .hero h1{font-size:clamp(5rem,4.6vw,7.6rem)}
  .hero-lead{font-size:clamp(1.15rem,.55vw + .7rem,1.5rem)}
}

/* ================= невисокі екрани ≤ 860 px: герой компактніший ================= */
@media (min-width:901px) and (min-aspect-ratio:1/1) and (max-height:860px){
  .hud{display:none}
  .hero-copy{top:calc(50% + 14px)}
  .hero h1{font-size:clamp(2.6rem,8.4vh + .5rem,4.6rem);margin:16px 0 clamp(18px,5vh,44px)}
  .facts{bottom:14px}
}

/* ================= низькі ландшафтні екрани ≤ 640 px (напр. 1000×505): усе компактніше ================= */
@media (min-width:901px) and (min-aspect-ratio:1/1) and (max-height:640px){
  .hero-copy{top:50%}
  .hero h1{font-size:min(11vh,4.6rem);margin:8px 0 14px}
  .hero-lead{display:none}
  .hero-cta{margin-top:18px}
  .hero-cta .btn{--h:50px}
  .facts{display:none}
  .atl{bottom:16px;padding:10px 12px;gap:6px}
  .opt.on{min-height:0;flex:1}
  .och img{aspect-ratio:auto;height:var(--s,60px)}   /* низький екран: плитки за висотою (fit() в app.js) */
  .opt legend{display:none}
  .vw{top:calc(var(--hh) + 10px)}
  .atl{top:calc(var(--hh) + 84px)}
  .svc{--svr:32px}
  .svc-list{top:calc(var(--hh) + 60px)}
  .svc-row{gap:12px}
  .svc-row .sn{width:24px;font-size:12px}
  .svc-row .st{font-size:22px}
  .svc-row.on::after{font-size:15px}
  .svc-desc{width:300px;padding:10px 14px 12px}
  .svc-desc .pl{margin-bottom:4px}
  .svc-desc h3{font-size:17px;margin-bottom:4px}
  .svc-desc .sd{font-size:12.5px;margin-bottom:8px}
  #process.p5 .proc-side h2{font-size:26px;margin:6px 0 10px}
  #process.p5 .proc-side h2 em{display:inline}
  #process.p5 .steps-wrap{bottom:calc(12px + 3vh)}
  #process.p5 .p5-capx{bottom:calc(12px + 3vh + 104px)}
  #process.p5 .p5-capx i{font-size:40px}#process.p5 .p5-capx b{font-size:22px}#process.p5 .p5-capx span{font-size:13.5px;margin-top:5px}
  #process.p5 .p5-chips{top:calc(var(--hh) + 44px)}
  #process.p5 .p5-chat,#process.p5 .p5-devis,#process.p5 .p5-vcard{top:calc(50% - 100svh / 2 + var(--hh) + 72px)}
  #process.p5 .p5-chat{top:calc(50% - 100svh / 2 + var(--hh) + 56px);padding:12px}
  #process.p5 .p5-row{margin-bottom:6px}#process.p5 .p5-pth{height:42px;margin-bottom:6px}#process.p5 .p5-bub{padding:7px 10px}#process.p5 .p5-chat .p5-ok{display:none}
  #process.p5 .p5-tag{display:none}
  #process.p5 .p5-pols{top:calc(var(--hh) + 86px);width:110px;height:124px}
  .gets-list{width:460px}
  .gets-list h3{font-size:15px}
  .gets-list p{font-size:12px}
  .form-card{max-height:calc(100% - var(--hh) - 8px - 124px);padding:8px 14px}
  .form-card h3{font-size:16px;margin-bottom:4px}
  .fld input,.fld select,.fld textarea{min-height:34px;font-size:14px}
  .form-card .btn{--h:40px;min-height:40px}
  .consent{margin:6px 0;font-size:12px}
  .faq-list{bottom:70px}
  .faq-list.collapsed details:nth-child(n+3){display:none}
  .faq-list details p{font-size:15px;line-height:1.55;padding-bottom:16px}
  .chan{bottom:52px}
  .ch{height:44px}
}

@media (prefers-reduced-motion:reduce){
  .s,.vw-box,.plates img{transition:none}
}