/* ============================================================
 * arenda.css — общие стили страниц аренды (области #content-2026)
 * Подключение: <link rel="stylesheet" href="/css/arenda.css?v=1">
 * ============================================================ */

:root {
  --accent:#e30613;
  --ink:#202020;
  --muted:#6e6e6e;
  --line:#dedede;
  --soft:#f5f5f5;
  --soft2:#fafafa;
  --max:1180px;
}

html {scroll-behavior:smooth}

/* --- Переобределяем глобальные стили, чтобы убрать полосу прокрутки меньше 100пх --- */

div.h-row-bottom {
  display: flex;
}

div.search-form-top {
  padding-left: 0;
}


div.h-row-middle div.r2 {
  display:flex;
}


div.h-row-middle div.r2 .clear {
  display: none;
}

@media (max-width:1000px) {

  div.search-form-top form #search_wrap {
    display: flex;
  }

  div.search-form-top {
    flex-grow: 1;
  }

  #id="search_wrap" {
    display:flex;
  }

  div.search-form-top form input.search_text {
    width: auto;
    flex-grow: 1;
  }

  div.h-row-middle div.r2 {
    flex-direction:column;
    width: auto;
  }

  div.all {
    width: auto;
  }

  footer#footer {
    width: auto;
  }


  .h-row-middle {  
    width: auto;
  }

  header#header div.wrap {
    width: auto;
  }
}

@media (min-width: 801px) {
  body {
    min-width: auto;
    max-width: auto;
  }
}

.box {
  box-sizing: border-box;
}

/* --- Конец переопределений --- */



/* --- База --- */
#content-2026 * {box-sizing:border-box}
#content-2026 {margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.5}
#content-2026 a {color:inherit}
#content-2026 .wrap {max-width:var(--max);margin:0 auto;padding:0 24px}
#content-2026 .dev-note {background:#f0f0f0;border-bottom:1px solid #ddd;font-size:12px;color:#666;padding:9px 16px}
#content-2026 .dev-note b {color:#333}
#content-2026 section {padding:62px 0;border-bottom:1px solid #e9e9e9}
#content-2026 .crumbs {font-size:13px;color:#777;margin:0 0 28px}
#content-2026 .crumbs a {text-decoration:none}
#content-2026 .crumbs a:hover {text-decoration:underline}
#content-2026 .eyebrow {font-size:13px;color:#777;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}

/* --- Типографика --- */
#content-2026 h1,
#content-2026 h2,
#content-2026 h3 {margin:0}
#content-2026 h1 {font-size:52px;line-height:1.02;letter-spacing:-.02em;max-width:720px}
#content-2026 h2 {font-size:32px;line-height:1.15;letter-spacing:-.01em;margin-bottom:10px}
#content-2026 h3 {font-size:18px;line-height:1.25;margin-bottom:7px}
#content-2026 .lead {font-size:18px;line-height:1.55;color:#484848;max-width:760px;margin:18px 0 0}
#content-2026 .muted {color:#6d6d6d;font-size:14px}
#content-2026 .micro {font-size:12px;color:#777;line-height:1.45}

/* --- Первый экран --- */
#content-2026 .hero {padding-top:28px}
#content-2026 .hero-grid {display:grid;grid-template-columns:1.15fr .85fr;gap:48px;}
#content-2026 .hero-media {min-height:430px;background:none;}
#content-2026 .chips {display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px;justify-content: space-between;}
#content-2026 .chip {background:#fff;border:1px solid #d8d8d8;padding:12px 14px;min-width:160px; flex-grow: 1;
  width: 40%;}
#content-2026 .chip strong {display:block;font-size:15px;margin-bottom:2px}
#content-2026 .chip span {font-size:13px;color:#686868}
#content-2026 .price-line {display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:26px 0 22px}
#content-2026 .price {font-size:38px;line-height:1;font-weight:700}
#content-2026 .price-note {font-size:14px;color:#666}
#content-2026 .actions {display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#content-2026 .btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid #AF4352;background:linear-gradient(to bottom, #db2d46 0%, #c42239 100%);color:#fff;text-decoration:none;cursor:pointer;border-radius: 5px; text-transform: uppercase;}
#content-2026 .btn:hover {filter:brightness(.96)}
#content-2026 .btn.light {background:#fff;color:var(--accent)}
#content-2026 .contact {font-size:18px;font-weight:700}
#content-2026 .contact small {display:block;font-size:12px;color:#707070;font-weight:400;margin-top:3px}

/* --- Заголовки секций --- */
#content-2026 .section-head {display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}
#content-2026 .section-note {font-size:14px;color:#666;max-width:430px;text-align:right}

/* --- Калькулятор и панели --- */
#content-2026 .calc-wrap {display:grid;grid-template-columns:.92fr 1.08fr;gap:24px}
#content-2026 .panel {border:1px solid var(--line);background:#fff;padding:24px}
#content-2026 .field-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px}
#content-2026 label {display:block;font-size:13px;color:#555}

#content-2026 input[type="text"],
#content-2026 input[type="tel"],
#content-2026 input[type="number"],
#content-2026 input[type="file"],
#content-2026 select,
#content-2026 textarea {width:100%;margin-top:6px;border:1px solid #cfcfcf;background:#fff;padding:13px 12px;font:inherit;border-radius:2px;color:#222}

#content-2026 input:focus,
#content-2026 select:focus,
#content-2026 textarea:focus {outline:2px solid rgba(227,6,19,.15);border-color:#b6b6b6}

#content-2026 .calc-result {background:#f5f5f5;border:1px solid #ddd;padding:22px 22px 18px}
#content-2026 .result-row {display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #ddd;font-size:15px}
#content-2026 .result-row:last-of-type {border-bottom:0}
#content-2026 .result-total {font-size:34px;font-weight:700;margin-top:8px}
#content-2026 .form-spacer {margin-top:15px}

/* --- Карточки, схемы, характеристики, шаги --- */
#content-2026 .cards {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#content-2026 .cards.two {grid-template-columns:repeat(2,1fr)}
#content-2026 .card {border:1px solid var(--line);padding:20px;background:#fff}
#content-2026 .card.soft {background:var(--soft2)}
#content-2026 .card p {margin:0;color:#555;font-size:14px}
#content-2026 .card ul {margin:10px 0 0;padding-left:18px;color:#4d4d4d;font-size:14px}
#content-2026 .diagram {display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
#content-2026 .diagram-media {min-height:330px;}
#content-2026 .specs {border:1px solid var(--line)}
#content-2026 .spec-row {display:grid;grid-template-columns:1fr .75fr;padding:13px 16px;border-bottom:1px solid #e5e5e5;font-size:14px}
#content-2026 .spec-row:last-child {border-bottom:0}
#content-2026 .spec-row span:last-child {font-weight:700;text-align:right}
#content-2026 .steps {display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#content-2026 .step {border-top:3px solid #222;padding:17px 17px 18px;background:var(--soft2)}
#content-2026 .step .n {font-size:12px;color:#777;margin-bottom:8px}

/* --- CTA-блок --- */
#content-2026 .cta-band {background:#202020;color:#fff;border:0}
#content-2026 .cta-band .lead,
#content-2026 .cta-band .muted {color:#cfcfcf}
#content-2026 .cta-grid {display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
#content-2026 .cta-box {background:#fff;color:#202020;padding:22px}

/* --- FAQ --- */
#content-2026 .faq {border-top:1px solid var(--line)}
#content-2026 .faq details {border-bottom:1px solid var(--line);padding:18px 0}
#content-2026 .faq summary {cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}
#content-2026 .faq summary::-webkit-details-marker {display:none}
#content-2026 .faq summary:after {content:"+";font-size:22px;font-weight:400;color:#777;line-height:1}
#content-2026 .faq details[open] summary:after {content:"−"}
#content-2026 .faq p {margin:12px 30px 2px 0;color:#555;font-size:14px}
#content-2026 .footer-contact {display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* --- Формы --- */
#content-2026 .fields-wrapper {padding:0 20px 0 0}
#content-2026 .agree {margin:20px 0;display:flex;gap:10px;align-items:flex-start}
#content-2026 .agree input[type="checkbox"] {margin-top:6px}
#content-2026 .form-wrapper {margin:20px 0}
#content-2026 .form-errors {background-color:#ff3838;padding:14px;color:white;font-size:1.1em;font-family:Verdana;margin:14px 0;font-weight:normal}
#content-2026 .form-success {background-color:#1b823f;padding:14px;color:white;font-size:1.1em;font-family:Verdana;margin:14px 0;font-weight:normal}
#content-2026 .img-wrapper {width:100%;height:100%;background-position:center;background-size:cover; background-repeat: no-repeat;}

/* --- Адаптив --- */
@media (max-width:900px) {
  #content-2026 h1 {font-size:40px}
  #content-2026 .hero-grid,
  #content-2026 .calc-wrap,
  #content-2026 .cta-grid,
  #content-2026 .diagram {grid-template-columns:1fr}
  #content-2026 .hero-media {min-height:300px}
  #content-2026 .cards,
  #content-2026 .cards.two,
  #content-2026 .steps {grid-template-columns:1fr}
  #content-2026 .section-head {display:block}
  #content-2026 .section-note {text-align:left;margin-top:10px}
  #content-2026 .img-wrapper {background-size:contain;}
}

@media (max-width:620px) {
  #content-2026 .wrap {padding:0 16px}
  #content-2026 section {padding:44px 0}
  #content-2026 h1 {font-size:34px}
  #content-2026 h2 {font-size:26px}
  #content-2026 .field-grid {grid-template-columns:1fr}
  #content-2026 .actions {display:block}
  #content-2026 .actions .btn {width:100%;margin-bottom:12px}
  #content-2026 .contact {font-size:16px}
  #content-2026 .hero {padding-top:20px}
}