/* ==========================================================================
   Раздел «Дилерство» — оформление дилерских подсайтов
   Цвета берутся из ТВ ресурса бренда (переменные --d-bg / --d-accent),
   значения по умолчанию соответствуют фирменному стилю ESTAR / ГПБ Комплект.
   ========================================================================== */
.dealer-page{
  --d-bg:#0B1130;
  --d-bg2:#1B2C6B;
  --d-accent:#E31E24;
  --d-accent-deep:#9E1015;
  --d-paper:#F3F5FA;
  --d-card:#FFFFFF;
  --d-ink:#1B2240;
  --d-muted:#6A7390;
  --d-line:#E2E6F0;
  font-family:'Montserrat',-apple-system,'Segoe UI',sans-serif;
  color:var(--d-ink);
}
.dealer-page .d-container{max-width:1160px;margin:0 auto;padding:0 20px}
.dealer-page h1,.dealer-page h2,.dealer-page h3{text-wrap:balance}
.dealer-section{padding:64px 0}
.dealer-section.pt0{padding-top:0}
.dealer-section.gray{background:var(--d-paper)}
.dealer-section.white{background:#fff}

/* ---------- заголовки секций ---------- */
.dealer-sec-head{margin-bottom:34px}
.dealer-eyebrow{color:var(--d-accent);font-size:11.5px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:12px}
.dealer-eyebrow::before{content:'';width:26px;height:2px;background:var(--d-accent);flex:none}
.dealer-sec-head h2{font-size:clamp(21px,3vw,31px);font-weight:800;text-transform:uppercase;
  letter-spacing:.02em;line-height:1.2;margin:0}
.dealer-sec-head p{color:var(--d-muted);max-width:70ch;margin:10px 0 0;font-size:14.5px;line-height:1.6}

/* ---------- hero ---------- */
.dealer-hero{position:relative;background:var(--d-bg);color:#fff;overflow:hidden}
.dealer-hero::before{content:'';position:absolute;inset:0;
  background:
    radial-gradient(900px 520px at 88% 78%, rgba(227,30,36,.55), transparent 62%),
    radial-gradient(700px 420px at 72% 18%, rgba(158,16,21,.35), transparent 60%),
    radial-gradient(800px 600px at 8% 10%, rgba(27,44,107,.85), transparent 65%),
    linear-gradient(118deg, var(--d-bg) 42%, #34104A 72%, var(--d-accent-deep) 100%)}
.dealer-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;
  gap:36px;align-items:center;padding:54px 0 58px}
.dealer-cobrand{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}
.dealer-cobrand img{max-height:38px;width:auto}
.dealer-cobrand .d-sep{color:rgba(255,255,255,.4);font-size:22px}
.dealer-hero .d-eyebrow{display:inline-block;background:rgba(227,30,36,.16);
  border:1px solid rgba(227,30,36,.5);color:#FFB9BB;font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;margin-bottom:18px;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.dealer-hero h1{font-size:clamp(28px,4.2vw,44px);font-weight:800;line-height:1.14;
  text-transform:uppercase;letter-spacing:.015em;margin:0 0 16px;color:#fff}
.dealer-hero h1 em{font-style:normal;color:#FF5B60}
.dealer-hero-lead{color:#C7CEE6;max-width:52ch;margin-bottom:26px;font-size:15px;line-height:1.65}
.dealer-hero-lead b{color:#fff;font-weight:600}
.dealer-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.dealer-btn{display:inline-block;font-weight:600;font-size:13.5px;letter-spacing:.03em;
  padding:14px 26px;cursor:pointer;border:none;text-transform:uppercase;text-decoration:none;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:background .15s ease}
.dealer-btn-red{background:var(--d-accent);color:#fff}
.dealer-btn-red:hover{background:#F2333A;color:#fff}
.dealer-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.dealer-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.dealer-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 0}
.dealer-hstat{padding:2px 24px;border-left:2px solid rgba(227,30,36,.75)}
.dealer-hstat:first-child{padding-left:0;border-left:none}
.dealer-hstat .v{font-size:23px;font-weight:800;line-height:1.15}
.dealer-hstat .k{font-size:11.5px;color:#9FA8CC;margin-top:3px;max-width:21ch;line-height:1.4}
.dealer-hero-img{position:relative;text-align:center}
.dealer-hero-img img{max-width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.dealer-model-tag{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);
  background:var(--d-accent);color:#fff;font-weight:800;font-size:13px;letter-spacing:.1em;
  padding:7px 20px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}

/* ---------- карточки категорий ---------- */
.dealer-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.dealer-cat{background:var(--d-card);border-radius:16px;padding:22px;display:flex;flex-direction:column;
  box-shadow:0 3px 16px rgba(27,34,64,.07);text-decoration:none;color:inherit;position:relative;
  overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.dealer-cat:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(27,34,64,.13);color:inherit}
.dealer-cat .img{height:120px;display:grid;place-items:center;margin-bottom:14px}
.dealer-cat .img img{max-height:120px;max-width:100%;width:auto}
.dealer-cat h3{font-size:14.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;
  line-height:1.3;margin:0}
.dealer-cat .note{font-size:12.5px;color:var(--d-muted);margin-top:5px}
.dealer-cat .go{margin-top:auto;padding-top:14px;color:var(--d-accent);font-weight:600;font-size:13px}

/* ---------- карточки моделей ---------- */
.dealer-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.dealer-model{background:var(--d-card);border:1px solid var(--d-line);border-radius:18px;padding:24px;
  box-shadow:0 4px 18px rgba(27,34,64,.06);display:flex;flex-direction:column;
  text-decoration:none;color:inherit;transition:box-shadow .18s ease,transform .18s ease}
a.dealer-model:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,34,64,.12);color:inherit}
.dealer-badge{display:inline-block;background:var(--d-accent);color:#fff;font-weight:800;font-size:13px;
  letter-spacing:.1em;padding:6px 18px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
  margin-bottom:7px}
.dealer-badge.new{background:var(--d-bg2)}
.dealer-model .type{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.dealer-model .sold{font-size:11.5px;color:var(--d-muted);margin-top:3px}
.dealer-model .sold b{color:var(--d-accent);font-weight:800}
.dealer-model .img{height:150px;display:grid;place-items:center;margin:12px 0 14px}
.dealer-model .img img{max-height:150px;max-width:100%;width:auto}
.dealer-specs{list-style:none;margin:0;padding:0}
.dealer-specs li{display:flex;align-items:baseline;gap:10px;padding:7.5px 0;
  border-top:1px solid var(--d-line);font-size:13px}
.dealer-specs li::before{display:none}
.dealer-specs .k{color:var(--d-muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.dealer-specs .dots{flex:1;border-bottom:1px dotted #C9CFDF;transform:translateY(-3px)}
.dealer-specs .v{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- преимущества (тёмная лента) ---------- */
.dealer-adv{background:var(--d-bg);color:#fff;position:relative;overflow:hidden}
.dealer-adv::before{content:'';position:absolute;inset:0;background:
  radial-gradient(700px 400px at 100% 100%, rgba(227,30,36,.35), transparent 60%),
  radial-gradient(600px 400px at 0% 0%, rgba(27,44,107,.7), transparent 60%)}
.dealer-adv .d-container{position:relative;z-index:1}
.dealer-adv .dealer-sec-head h2{color:#fff}
.dealer-adv .dealer-eyebrow{color:#FF6B70}
.dealer-adv .dealer-eyebrow::before{background:#FF6B70}
.dealer-adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}
.dealer-adv-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);
  border-radius:14px;padding:22px}
.dealer-adv-card .ic{width:40px;height:40px;border-radius:10px;background:var(--d-accent);
  display:grid;place-items:center;margin-bottom:14px}
.dealer-adv-card .ic img{width:21px;height:21px;object-fit:contain}
.dealer-adv-card h3{font-size:13.5px;font-weight:600;letter-spacing:.02em;margin:0 0 6px;
  text-transform:uppercase;color:#fff}
.dealer-adv-card p{font-size:13px;color:#B9C1DE;line-height:1.55;margin:0}
.dealer-adv-card p b{color:#fff;font-weight:600}

/* ---------- партнёры ---------- */
.dealer-partners{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dealer-partner{background:var(--d-card);border-radius:18px;padding:30px;position:relative;
  overflow:hidden;box-shadow:0 4px 18px rgba(27,34,64,.06)}
.dealer-partner::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--d-bg2),#3D6CD8)}
.dealer-partner:nth-child(even)::before{background:linear-gradient(90deg,var(--d-accent-deep),var(--d-accent))}
.dealer-partner .p-name{font-weight:800;letter-spacing:.06em;font-size:16px;margin-bottom:5px}
.dealer-partner .p-sub{font-size:11.5px;color:var(--d-muted);text-transform:uppercase;
  letter-spacing:.07em;margin-bottom:15px;line-height:1.5}
.dealer-partner p{font-size:13.5px;color:#3D4463;margin:0 0 14px;line-height:1.6}
.dealer-facts{display:flex;gap:24px;flex-wrap:wrap}
.dealer-facts .v{font-size:20px;font-weight:800}
.dealer-facts .v em{font-style:normal;color:var(--d-accent)}
.dealer-facts .k{font-size:11px;color:var(--d-muted);max-width:18ch;line-height:1.4}

/* ---------- список дилерств ---------- */
.dealer-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.dealer-brand{position:relative;overflow:hidden;border-radius:18px;background:var(--d-bg);
  color:#fff;padding:30px;text-decoration:none;display:flex;flex-direction:column;min-height:230px;
  transition:transform .18s ease,box-shadow .18s ease}
.dealer-brand::before{content:'';position:absolute;inset:0;background:
  radial-gradient(600px 380px at 100% 100%, rgba(227,30,36,.55), transparent 62%),
  linear-gradient(120deg,var(--d-bg) 45%,var(--d-accent-deep) 130%)}
.dealer-brand:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,17,48,.28);color:#fff}
.dealer-brand>*{position:relative;z-index:1}
.dealer-brand .b-logo{max-height:40px;width:auto;margin-bottom:16px}
.dealer-brand h3{font-size:19px;font-weight:800;text-transform:uppercase;margin:0 0 8px;color:#fff}
.dealer-brand p{font-size:13.5px;color:#C7CEE6;margin:0;line-height:1.6}
.dealer-brand .b-go{margin-top:auto;padding-top:16px;color:#fff;font-weight:600;font-size:13px}

/* ---------- документы ---------- */
.dealer-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.dealer-doc{display:flex;align-items:center;gap:14px;background:var(--d-card);border:1px solid var(--d-line);
  border-radius:14px;padding:18px;text-decoration:none;color:inherit;transition:border-color .15s ease}
.dealer-doc:hover{border-color:var(--d-accent);color:inherit}
.dealer-doc .d-ic{width:38px;height:38px;flex:none;border-radius:9px;background:var(--d-paper);
  display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--d-accent)}
.dealer-doc .d-name{font-size:13px;font-weight:600;line-height:1.4}
.dealer-doc .d-meta{font-size:11.5px;color:var(--d-muted);margin-top:2px}

/* ---------- CTA с формой ---------- */
.dealer-cta-box{background:var(--d-bg);border-radius:22px;color:#fff;padding:44px 48px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.dealer-cta-box::before{content:'';position:absolute;inset:0;
  background:radial-gradient(600px 380px at 95% 10%, rgba(227,30,36,.5), transparent 60%)}
.dealer-cta-box>*{position:relative;z-index:1}
.dealer-cta-box h2{font-size:clamp(20px,2.6vw,27px);font-weight:800;text-transform:uppercase;
  line-height:1.25;margin:0 0 12px;color:#fff}
.dealer-cta-box p{color:#C0C8E4;font-size:14px;max-width:46ch;margin:0;line-height:1.6}
.dealer-cta-box .ajax_form .form-group{margin-bottom:12px}
.dealer-cta-box .ajax_form .form-control{background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;padding:13px 16px;
  font-family:inherit;font-size:14px;width:100%}
.dealer-cta-box .ajax_form .form-control::placeholder{color:#8F98BE}
.dealer-cta-box .ajax_form .btn{width:100%;background:var(--d-accent);border-color:var(--d-accent);color:#fff}
.dealer-cta-box .ajax_form .btn:hover{background:#F2333A;border-color:#F2333A}
.dealer-cta-box .ajax_form .btn span{color:#fff}
.dealer-cta-box .agreement{font-size:11.5px;color:#8F98BE;margin-top:10px}
.dealer-cta-box .agreement a{color:#C0C8E4}

/* ---------- страница модели ---------- */
.dealer-model-hero{background:var(--d-bg);color:#fff;position:relative;overflow:hidden}
.dealer-model-hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(800px 460px at 85% 80%, rgba(227,30,36,.5), transparent 62%),
  linear-gradient(118deg,var(--d-bg) 45%,#2A1140 78%,var(--d-accent-deep) 120%)}
.dealer-model-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.15fr;
  gap:36px;align-items:center;padding:44px 0 48px}
.dealer-model-hero h1{font-size:clamp(24px,3.4vw,36px);font-weight:800;text-transform:uppercase;
  margin:0 0 10px;color:#fff;line-height:1.15}
.dealer-model-hero .m-type{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#9FA8CC}
.dealer-model-hero .m-lead{color:#C7CEE6;font-size:14.5px;line-height:1.65;margin:14px 0 22px;max-width:48ch}
.dealer-model-hero img{max-width:100%;height:auto;filter:drop-shadow(0 26px 36px rgba(0,0,0,.45))}
.dealer-spec-table{background:#fff;border:1px solid var(--d-line);border-radius:18px;padding:8px 26px 18px;
  box-shadow:0 4px 18px rgba(27,34,64,.06)}
.dealer-spec-table .dealer-specs li{padding:13px 0;font-size:14px}
.dealer-spec-table .dealer-specs .k{font-size:12px}

@media (max-width:900px){
  .dealer-hero-grid,.dealer-model-hero-grid{grid-template-columns:1fr}
  .dealer-hero-img,.dealer-model-hero .m-img{order:-1}
  .dealer-partners{grid-template-columns:1fr}
  .dealer-cta-box{grid-template-columns:1fr;padding:32px 24px}
  .dealer-section{padding:48px 0}
  .dealer-hstat{padding:2px 16px}
}
@media (prefers-reduced-motion:reduce){
  .dealer-cat,.dealer-brand,a.dealer-model{transition:none}
  .dealer-cat:hover,.dealer-brand:hover,a.dealer-model:hover{transform:none}
}


/* ---------- CTA без формы (ClientConfig → «Формы и заявки») ---------- */
.dealer-cta-box .contact-card-lead{color:#fff;font-size:15px;max-width:none;margin:0 0 18px}
.dealer-cta-box .contact-card-phone{width:100%;min-width:0;background:var(--d-accent)}
.dealer-cta-box .contact-card-phone:hover{background:#F2333A;filter:none}
.dealer-cta-box .contact-card-info{color:#C0C8E4;font-size:14px}
.dealer-cta-box .contact-card-mess-title{color:#fff;font-size:15px}