/* One-page demo: new independent components only. Existing hero and carousel are unchanged. */
.onepage-demo{background:#f6f7f8}
.onepage-demo .demo-strip{background:#f3ede4;color:#453d35;border-bottom:1px solid #e4d7c9}
.onepage-demo .demo-strip__inner{width:min(1210px,calc(100% - 72px));margin:0 auto;min-height:35px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:7px 0}
.onepage-demo .demo-strip p{margin:0;font-size:11px;line-height:1.6;font-weight:600}
.onepage-demo .demo-strip strong{color:#cf571f;letter-spacing:.08em}
.onepage-demo .demo-strip__actions{flex:none;display:flex;align-items:center;gap:18px}
.onepage-demo .demo-strip__actions a{font-size:11px;font-weight:800;white-space:nowrap}
.onepage-demo .demo-strip__actions a:first-child{color:#aa471c}
.onepage-demo .demo-strip__actions a:hover{text-decoration:underline;text-underline-offset:3px}
.onepage-demo .services{background:#152635;color:#fff;padding:58px 0 63px}
.onepage-demo .services .section-title h2{color:#fff}
.onepage-demo .services .section-title h2 span{color:#ff9c56}
.onepage-demo .services .overline{color:#ff9c56}
.onepage-demo .story-section{background:#eef2f4}
.onepage-demo .story-copy .story-checks{flex-wrap:wrap}
.onepage-demo #gallery{padding:66px 0 70px}
.onepage-demo .onepage-booking{background:#0b1c29;color:#fff;padding:70px 0 75px;border-top:1px solid #1c394e}
.onepage-demo .onepage-booking__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:70px}
.onepage-demo .onepage-booking__intro h2{font:600 clamp(42px,4.5vw,65px)/1.07 var(--display);text-transform:uppercase;max-width:600px;margin:0 0 21px}
.onepage-demo .onepage-booking__intro h2 span{color:#ffa64e}
.onepage-demo .onepage-booking__intro>p:not(.overline){font-size:14px;line-height:1.8;color:#c6d1da;max-width:470px;margin-bottom:25px}
.onepage-demo .onepage-booking__points{display:flex;flex-direction:column;gap:10px;color:#f4e5d3;font-size:12px;font-weight:700}
.onepage-demo .onepage-request{background:#162c3d;border:1px solid #355063;border-top:3px solid #ffa64e;border-radius:10px;padding:32px;box-shadow:0 24px 48px rgba(0,0,0,.17);min-width:0}
.onepage-demo .onepage-request__eyebrow{display:block;color:#ffad63;font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:8px}
.onepage-demo .onepage-request h3{font:600 33px/1.2 var(--display);text-transform:uppercase;color:#fff;margin:0 0 22px}
.onepage-demo .onepage-request__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.onepage-demo .onepage-request label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#dae5ee;margin-bottom:14px}
.onepage-demo .onepage-request input,.onepage-demo .onepage-request textarea{width:100%;min-width:0;padding:13px 14px;background:#0c1d2a;color:#fff;border:1px solid #3a5367;border-radius:5px;outline-offset:2px;font:500 12px/1.5 var(--font)}
.onepage-demo .onepage-request input::placeholder,.onepage-demo .onepage-request textarea::placeholder{color:#94a6b5;opacity:1}
.onepage-demo .onepage-request input:focus,.onepage-demo .onepage-request textarea:focus{border-color:#ffa64e;outline:1px solid #ffa64e}
.onepage-demo .onepage-request textarea{resize:vertical;min-height:80px}
.onepage-demo .onepage-request__button{border:0;border-radius:5px;background:#ffa64e;color:#111b23;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:50px;width:100%;padding:0 20px;font:800 13px var(--font);transition:background .2s ease}
.onepage-demo .onepage-request__button:hover{background:#ffc17b}
.onepage-demo .onepage-request__button span{font-size:21px;font-weight:400}
.onepage-demo .onepage-request__note{color:#b2c2ce;font:500 11px/1.65 var(--font);margin:14px 0 0}
.onepage-demo .onepage-request__note strong{color:#fff}
.onepage-demo .onepage-request__status{border:1px solid #487b6c;background:#173b35;border-radius:5px;padding:12px;color:#d8ffed;margin:13px 0 0;font:600 12px/1.5 var(--font)}
.onepage-demo .onepage-request__status[hidden]{display:none}
.onepage-demo #services,.onepage-demo #gallery,.onepage-demo #booking,.onepage-demo #about{scroll-margin-top:85px}
@media(max-width:950px){
  .onepage-demo .demo-strip__inner{width:calc(100% - 36px);align-items:flex-start}
  .onepage-demo .onepage-booking__grid{gap:30px}
  .onepage-demo .onepage-request{padding:24px}
}
@media(max-width:760px){
  .onepage-demo .demo-strip__inner{display:block;padding:9px 0}
  .onepage-demo .demo-strip__actions{margin-top:5px;gap:20px}
  .onepage-demo .demo-strip p{font-size:10px}
  .onepage-demo .demo-strip__actions a{font-size:10px}
  .onepage-demo .services{padding:42px 0 50px}
  .onepage-demo #gallery{padding:42px 0}
  .onepage-demo .onepage-booking{padding:48px 0}
  .onepage-demo .onepage-booking__grid{grid-template-columns:1fr;gap:25px}
  .onepage-demo .onepage-booking__intro h2{font-size:45px}
  .onepage-demo .onepage-booking__intro>p:not(.overline){font-size:13px}
}
@media(max-width:440px){
  .onepage-demo .demo-strip__inner{width:calc(100% - 30px)}
  .onepage-demo .demo-strip__actions{justify-content:space-between}
  .onepage-demo .onepage-request{padding:21px 17px}
  .onepage-demo .onepage-request__row{grid-template-columns:1fr;gap:0}
  .onepage-demo .onepage-booking__intro h2{font-size:39px}
}

/* AVTOVELTA: technical monogram and compact Cyrillic wordmark. */
.logo-mark svg{width:34px;height:31px}.logo-type strong{letter-spacing:.025em}.logo-type small{letter-spacing:.2em}@media(max-width:540px){.logo-type strong{font-size:24px}.logo-mark svg{width:30px;height:28px}}

/* В демонстрации управления сразу показываем редактируемую часть страницы. */
.management-preview .ag-hero,.management-preview .ag-benefits,.management-preview .demo-strip{display:none}.management-preview #services{padding-top:28px;padding-bottom:30px;scroll-margin-top:76px}
/* В расширенном предпросмотре виден выбранный раздел, а не вся длинная страница. */
.management-preview main>section{display:none!important}
.management-preview[data-preview-section=hero] .ag-hero,
.management-preview[data-preview-section=services] #services,
.management-preview[data-preview-section=about] #about,
.management-preview[data-preview-section=about] #workshop,
.management-preview[data-preview-section=gallery] #gallery,
.management-preview[data-preview-section=contacts] #preview-contacts{display:block!important}
.management-preview .demo-strip,.management-preview .footer{display:none!important}
.management-preview .ag-hero__title{overflow-wrap:anywhere}
.management-preview .story-checks{flex-wrap:wrap}
.management-preview #gallery{padding-top:30px;padding-bottom:35px}
.management-preview #gallery .gallery{grid-auto-rows:210px}
.management-preview #gallery .gallery:has(figure:only-child){grid-template-columns:1fr}
.preview-contacts{background:#132634;padding:36px 0 45px;color:#eef5fa;min-height:450px}
.preview-contacts h2{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:14px 0 28px}
.preview-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.preview-contact-card{display:flex;flex-direction:column;gap:10px;border:1px solid #3a5366;border-top:2px solid #ffa33f;border-radius:5px;padding:20px;background:#0d1f2b;overflow-wrap:anywhere}
.preview-contact-card small{font-size:10px;letter-spacing:.12em;color:#ffa33f}
.preview-contact-card strong{font-size:17px;line-height:1.6;color:#edf5fb}
@media(max-width:650px){.preview-contact-grid{grid-template-columns:1fr}.management-preview #gallery .gallery{grid-template-columns:1fr;grid-auto-rows:260px}.management-preview #gallery .gallery-big{grid-row:auto}.management-preview #workshop{padding-top:32px}.management-preview .story-grid{gap:25px}}

/* Свободная часть окна предпросмотра продолжает тёмный фон сайта. */
html.management-preview-root,body.management-preview{background:#132634!important;min-height:100%;color-scheme:dark}body.management-preview{min-height:100vh;overflow-anchor:none}