/* СОБРАНО АВТОМАТИЧЕСКИ: tools/build-site-chrome.py из drivezone.css — руками не править.
   Общая шапка, мобильное меню, окна заявок/записи и уведомления для страниц со своим
   оформлением. Переменные и правила действуют только внутри этих блоков. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Chakra+Petch:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:where(.site-header,.drawer,#dz-modal,#dz-toast),.bw,.bw-back{--bg:        #0a0a0c;
  --bg-2:      #0d0e11;
  --surface:   #141519;
  --surface-2: #191b20;
  --surface-3: #20232a;

  --line:        rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.17);

  --text:       #f3f4f7;
  --text-dim:   #9da1ab;
  --text-faint: #686c76;

  --accent:     #ff2a36;          
  --accent-2:   #ff5a52;
  --on-accent:  #ffffff;

  --maxw: 1280px;
  --gutter: clamp(20px, 5vw, 64px);

  --r-sm: 4px;
  --r:    8px;
  --r-lg: 14px;

  --ff-display: 'Space Grotesk', system-ui, sans-serif;
  --ff-tech:    'Chakra Petch', monospace;
  --ff-body:    'Manrope', system-ui, sans-serif;

  --ease: cubic-bezier(.22,.61,.36,1);}
:where(.site-header,.drawer,#dz-modal,#dz-toast){font-family:var(--ff-body);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}
:where(.site-header,.drawer,#dz-modal,#dz-toast) a{color:inherit;text-decoration:none}
:where(.site-header,.drawer,#dz-modal,#dz-toast) img{max-width:100%;display:block}
:where(.site-header,.drawer,#dz-modal,#dz-toast) button{font:inherit;cursor:pointer}
:where(.site-header,.drawer,#dz-modal,#dz-toast) h3{font-family:var(--ff-display);font-weight:700;line-height:1.1;letter-spacing:-.01em;margin:0}
:where(.site-header,.drawer) .container{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .eyebrow .idx{color:var(--accent);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn{--bg:var(--accent);
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  font-family:var(--ff-tech); font-weight:600; font-size:.92rem;
  letter-spacing:.04em; text-transform:uppercase;
  padding:1.05em 1.7em; border:1px solid transparent; border-radius:var(--r-sm);
  background:var(--bg); color:var(--on-accent);
  position:relative; isolation:isolate; line-height:1;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .2s;
  clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn:hover{transform:translateY(-2px); box-shadow:0 10px 34px -10px var(--accent);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn:active{transform:translateY(0);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn .arr{transition:transform .25s var(--ease);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn:hover .arr{transform:translateX(4px);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn--ghost{background:transparent; color:var(--text);
  border-color:var(--line-strong);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn--ghost:hover{border-color:var(--text); box-shadow:none; background:rgba(255,255,255,.04);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn--lg{padding:1.25em 2.1em; font-size:1rem;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .btn--block{width:100%;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .link-arrow .arr{color:var(--accent);}
.site-header{position:sticky; top:0; z-index:80;
  background:rgba(10,10,12,.72);
  backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid transparent;
  transition:border-color .3s, background .3s;}
.site-header.scrolled{border-bottom-color:var(--line); background:rgba(9,9,11,.9);}
.site-header__inner{display:flex; align-items:center; gap:24px;
  height:74px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .brand{display:flex; align-items:center; flex:0 0 auto;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .brand img{height:30px; width:auto;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav{display:flex; align-items:center; gap:4px; margin-left:8px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav a{font-family:var(--ff-tech); font-weight:500; font-size:.82rem;
  letter-spacing:.05em; color:var(--text-dim);
  padding:.6em .85em; border-radius:var(--r-sm); position:relative;
  transition:color .2s;
  white-space:nowrap;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav a:hover{color:var(--text);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav a.active{color:var(--text);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav a.active::after{content:""; position:absolute; left:.85em; right:.85em; bottom:.25em; height:2px;
  background:var(--accent);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-spacer{flex:1 1 auto;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-tel{display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--ff-tech); font-weight:600; font-size:.9rem; letter-spacing:.02em;
  color:var(--text); white-space:nowrap;
  transition:color .2s;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-tel:hover{color:var(--accent);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-actions{display:flex; align-items:center; gap:16px; flex:0 0 auto;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger{display:none; width:44px; height:44px; border:1px solid var(--line-strong);
  background:var(--surface); border-radius:var(--r-sm); position:relative;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger span{position:absolute; left:11px; right:11px; height:2px; background:var(--text); transition:.3s var(--ease);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger span:nth-child(1){top:15px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger span:nth-child(2){top:21px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger span:nth-child(3){top:27px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger.open span:nth-child(1){top:21px; transform:rotate(45deg);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger.open span:nth-child(2){opacity:0;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger.open span:nth-child(3){top:21px; transform:rotate(-45deg);}
.site-header__inner{gap:16px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav{gap:0; margin-left:0;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav a{padding:.6em .62em;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav a.active::after{left:.62em; right:.62em;}
.site-header .header-tel{font-size:0; gap:0; width:44px; height:44px; justify-content:center;
  border:1px solid var(--line-strong); border-radius:var(--r-sm);}
.site-header .header-tel svg{width:18px; height:18px;}
@media (max-width:1180px){
:where(.site-header,.drawer,#dz-modal,#dz-toast) .nav,
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-tel{display:none;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .burger{display:block;}
}
@media (max-width:480px){
.site-header__inner{gap:12px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-actions{gap:8px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-actions .btn{font-size:.8rem; padding:.95em 1.05em;}
}
@media (max-width:360px){
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-actions .btn{padding:.95em .8em;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .header-actions .btn .arr{display:none;}
}
.drawer{position:fixed; inset:0; z-index:90; display:none;
  background:rgba(6,6,8,.96); backdrop-filter:blur(8px);
  padding:96px var(--gutter) 40px;
  flex-direction:column;}
.drawer.open{display:flex;}
.drawer a{font-family:var(--ff-display); font-weight:600; font-size:1.7rem;
  color:var(--text); padding:.5em 0; border-bottom:1px solid var(--line);
  display:flex; justify-content:space-between; align-items:center;}
.drawer a .idx{font-family:var(--ff-tech); font-size:.8rem; color:var(--accent); letter-spacing:.1em;}
.drawer__foot{margin-top:auto; padding-top:28px; display:flex; flex-direction:column; gap:16px;}
.drawer-close{position:absolute; top:18px; right:var(--gutter); width:44px; height:44px;
  border:1px solid var(--line-strong); background:var(--surface); border-radius:var(--r-sm);
  color:var(--text); font-size:1.4rem; line-height:1;}
.modal{position:fixed; inset:0; z-index:120; display:none;
  align-items:center; justify-content:center; padding:24px;
  background:rgba(5,5,7,.78); backdrop-filter:blur(6px);}
.modal.open{display:flex;}
.modal__card{width:min(480px,100%); background:var(--surface);
  border:1px solid var(--line-strong); border-radius:var(--r-lg);
  padding:clamp(28px,4vw,44px); position:relative;
  box-shadow:0 40px 120px -30px #000;
  max-height:calc(100vh - 48px); overflow-y:auto;}
.modal.open .modal__card{animation:modalin .4s var(--ease);}
@media (prefers-reduced-motion: reduce){
.modal.open .modal__card{animation:none;}
}
.modal__close{position:absolute; top:14px; right:14px; width:38px; height:38px;
  border:1px solid var(--line); background:transparent; border-radius:var(--r-sm);
  color:var(--text-dim); font-size:1.2rem; transition:.2s;}
.modal__close:hover{color:var(--text); border-color:var(--line-strong);}
.modal__eyebrow{margin-bottom:14px;}
.modal h3{font-size:1.55rem; margin:0 0 8px;}
.modal p.sub{color:var(--text-dim); margin:0 0 24px; font-size:.95rem;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field{margin-bottom:14px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field label{display:block; font-family:var(--ff-tech); font-size:.72rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--text-faint); margin-bottom:7px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field input,
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field select,
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field textarea{width:100%; padding:.9em 1em; background:var(--bg); color:var(--text);
  border:1px solid var(--line-strong); border-radius:var(--r-sm);
  font-family:var(--ff-body); font-size:1rem; transition:border-color .2s;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field input:focus,
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field select:focus,
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field textarea:focus{outline:none; border-color:var(--accent);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .field input::placeholder{color:var(--text-faint);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent{display:flex; gap:12px; align-items:flex-start; cursor:pointer; margin-top:14px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent input{position:absolute; opacity:0; width:0; height:0;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent__box{flex:0 0 auto; width:20px; height:20px; margin-top:1px; border:1px solid var(--line-strong);
  border-radius:5px; background:var(--bg); position:relative; transition:.2s var(--ease);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent__box::after{content:""; position:absolute; left:6px; top:2px; width:5px; height:10px;
  border:solid var(--on-accent); border-width:0 2px 2px 0; transform:rotate(45deg) scale(0); transition:transform .18s var(--ease);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent input:checked + .consent__box{background:var(--accent); border-color:var(--accent);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent input:checked + .consent__box::after{transform:rotate(45deg) scale(1);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent input:focus-visible + .consent__box{outline:2px solid var(--accent); outline-offset:2px;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent__txt{font-size:.84rem; color:var(--text-dim); line-height:1.45;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent__txt a{color:var(--text); text-decoration:underline;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .consent:hover .consent__box{border-color:var(--text-dim);}
.toast{position:fixed; left:50%; bottom:32px; transform:translateX(-50%) translateY(20px);
  z-index:200; background:var(--surface-3); border:1px solid var(--line-strong);
  color:var(--text); padding:1em 1.4em; border-radius:var(--r);
  font-family:var(--ff-tech); font-size:.85rem; letter-spacing:.03em;
  opacity:0; pointer-events:none; transition:.4s var(--ease);
  display:flex; align-items:center; gap:.7em; box-shadow:0 20px 60px -20px #000;}
.toast.show{opacity:1; transform:translateX(-50%) translateY(0);}
.toast::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 10px var(--accent);}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .tspec .btn{margin-top:auto;}
:where(.site-header,.drawer,#dz-modal,#dz-toast) .legal__body h2 .idx{font-family:var(--ff-tech); font-size:.9rem; color:var(--accent); margin-right:12px;}
@media (max-width:720px){
:where(.site-header,.drawer,#dz-modal,#dz-toast) .rv-summary .btn{flex:1 1 auto;}
}
#dz-modal .eyebrow{display:inline-flex; align-items:center; gap:14px;
  font-family:var(--ff-tech); font-weight:600;
  font-size:.78rem; letter-spacing:.28em; text-transform:uppercase;
  color:var(--text-dim);
  margin:0 0 22px;}
#dz-modal .eyebrow::before{content:""; width:34px; height:2px; background:var(--accent);
  box-shadow:0 0 12px -1px var(--accent);}
@keyframes modalin{ from{ transform:translateY(20px) scale(.98); } }