/* Стили только для главной страницы (.gruz200-home).
   Все селекторы намеренно вложены в .gruz200-home, чтобы не переопределять
   глобальные стили Cassiopeia на остальных страницах сайта. */

.gruz200-home{
  --g200-bg:#F6F4EF;
  --g200-surface:#FFFFFF;
  --g200-ink:#1C2024;
  --g200-ink-muted:#5B6168;
  --g200-ink-faint:#8A8F94;
  --g200-primary:#24405C;
  --g200-primary-dark:#17293B;
  --g200-primary-tint:#E7EDF2;
  --g200-accent:#A8824F;
  --g200-accent-dark:#7C5F39;
  --g200-accent-tint:#F3EAD9;
  --g200-border:#E2DED2;
  --g200-radius:10px;

  background:var(--g200-bg);
  color:var(--g200-ink);
  font-family:'PT Sans',Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  margin: 0;
padding: 0;
width: 100%;
max-width: none;
}
.gruz200-home *{box-sizing:border-box;}
.gruz200-home h1,
.gruz200-home h2,
.gruz200-home h3{
  font-family:'PT Serif',Georgia,serif;
  font-weight:700;
  margin:0 0 .5em;
  color:var(--g200-primary-dark);
}
.gruz200-home a{color:inherit;text-decoration:none;}
.gruz200-home img{max-width:100%;display:block;}
.gruz200-home .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

/* hero */
.gruz200-home .hero{
  background:linear-gradient(180deg,var(--g200-primary-tint) 0%, var(--g200-bg) 100%);
  padding:56px 0 40px;
}
.gruz200-home .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.gruz200-home .eyebrow{
  font-size:13px;letter-spacing:.04em;color:var(--g200-accent-dark);
  font-weight:700;text-transform:uppercase;margin-bottom:14px;display:inline-block;
}
.gruz200-home .hero h1{font-size:38px;line-height:1.2;max-width:520px;}
.gruz200-home .hero p.lead{font-size:16px;color:var(--g200-ink-muted);max-width:480px;margin:0 0 26px;}
.gruz200-home .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;}

.gruz200-home .route{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--g200-ink-muted);}
.gruz200-home .route-line{
  flex:1;height:1px;
  background-image:linear-gradient(to right, var(--g200-ink-faint) 40%, transparent 0%);
  background-size:8px 1px;background-repeat:repeat-x;
}

.gruz200-home .hero-visual{background:var(--g200-surface);border:1px solid var(--g200-border);border-radius:var(--g200-radius);padding:22px;}
.gruz200-home .hero-visual .row{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;border-bottom:1px solid var(--g200-border);}
.gruz200-home .hero-visual .row:last-child{border-bottom:none;}
.gruz200-home .hero-visual .label{color:var(--g200-ink-muted);}
.gruz200-home .hero-visual .value{font-weight:700;}
.gruz200-home .hero-visual .cap{font-size:12px;color:var(--g200-ink-faint);margin-top:14px;}

/* buttons */
.gruz200-home .btn{
  display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:6px;
  font-size:14px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;
}
.gruz200-home .btn-primary{background:var(--g200-accent);color:#fff;}
.gruz200-home .btn-primary:hover{background:var(--g200-accent-dark);}
.gruz200-home .btn-ghost{background:transparent;color:var(--g200-primary-dark);border-color:var(--g200-border);}
.gruz200-home .btn-ghost:hover{border-color:var(--g200-primary);}

/* trust bar */
.gruz200-home .trust{padding:34px 0;border-top:1px solid var(--g200-border);border-bottom:1px solid var(--g200-border);background:var(--g200-surface);}
.gruz200-home .trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.gruz200-home .trust-item{display:flex;gap:12px;align-items:flex-start;}
.gruz200-home .trust-item i{font-size:24px;color:var(--g200-accent-dark);flex-shrink:0;}
.gruz200-home .trust-item h3{font-family:'PT Sans',sans-serif;font-size:14px;margin:0 0 3px;color:var(--g200-ink);}
.gruz200-home .trust-item p{font-size:13px;color:var(--g200-ink-muted);margin:0;}

/* sections + prose (SEO text) */
.gruz200-home section{padding:64px 0;}
.gruz200-home .seo-block{padding:56px 0;}
.gruz200-home .seo-block.alt{background:var(--g200-surface);border-top:1px solid var(--g200-border);border-bottom:1px solid var(--g200-border);}
.gruz200-home .section-head{max-width:620px;margin:0 auto 36px;text-align:center;}
.gruz200-home .section-head h2{font-size:28px;}
.gruz200-home .section-head p{color:var(--g200-ink-muted);font-size:15px;}
.gruz200-home .prose{max-width:760px;margin:0 auto;font-size:15px;color:var(--g200-ink-muted);}
.gruz200-home .prose p{margin:0 0 16px;}
.gruz200-home .prose h2{font-size:24px;color:var(--g200-primary-dark);}
.gruz200-home .prose h3{font-size:17px;color:var(--g200-ink);margin-bottom:8px;}
.gruz200-home .prose ul,
.gruz200-home .prose ol{margin:0 0 16px;padding-left:20px;}
.gruz200-home .prose li{margin-bottom:6px;}
.gruz200-home .prose strong{color:var(--g200-ink);}
.gruz200-home .doc-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px;}
.gruz200-home .doc-cols h3{font-size:14px;color:var(--g200-primary-dark);margin-bottom:10px;}
.gruz200-home .doc-cols ul{font-size:14px;}

/* calculator */
.gruz200-home .calc{background:var(--g200-surface);border:1px solid var(--g200-border);border-radius:var(--g200-radius);padding:32px;max-width:760px;margin:0 auto;}
.gruz200-home .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.gruz200-home .field label{display:block;font-size:12px;color:var(--g200-ink-muted);margin-bottom:6px;}
.gruz200-home select,
.gruz200-home input[type=text]{
  width:100%;padding:10px 12px;border:1px solid var(--g200-border);border-radius:6px;
  font-family:'PT Sans',sans-serif;font-size:14px;background:#fff;color:var(--g200-ink);
}
.gruz200-home .calc-result{display:flex;justify-content:space-between;align-items:center;background:var(--g200-accent-tint);border-radius:8px;padding:14px 18px;margin-top:6px;}
.gruz200-home .calc-result .amount{font-family:'PT Serif',serif;font-size:22px;color:var(--g200-accent-dark);font-weight:700;}
.gruz200-home .calc-result .note{font-size:12px;color:var(--g200-ink-muted);}

/* transport type cards */
.gruz200-home .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.gruz200-home .card{background:var(--g200-surface);border:1px solid var(--g200-border);border-radius:var(--g200-radius);padding:24px;}
.gruz200-home .card i{font-size:26px;color:var(--g200-accent-dark);margin-bottom:14px;}
.gruz200-home .card h3{font-size:17px;margin-bottom:8px;}
.gruz200-home .card p{font-size:14px;color:var(--g200-ink-muted);margin:0 0 12px;}
.gruz200-home .card .price{font-size:13px;font-weight:700;color:var(--g200-primary-dark);}
.gruz200-home .card ul{margin:0;padding-left:18px;font-size:13px;color:var(--g200-ink-muted);}

/* steps (real sequence -> numbers justified) */
.gruz200-home .steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;}
.gruz200-home .steps-row::before{
  content:"";position:absolute;top:22px;left:10%;right:10%;height:1px;
  background-image:linear-gradient(to right, var(--g200-ink-faint) 40%, transparent 0%);
  background-size:8px 1px;background-repeat:repeat-x;
}
.gruz200-home .step{position:relative;text-align:center;}
.gruz200-home .step-num{
  width:44px;height:44px;border-radius:50%;background:var(--g200-primary-dark);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'PT Serif',serif;
  font-weight:700;font-size:17px;margin:0 auto 14px;position:relative;z-index:2;
}
.gruz200-home .step h3{font-size:15px;margin-bottom:6px;}
.gruz200-home .step p{font-size:13px;color:var(--g200-ink-muted);margin:0;}

/* geography */
.gruz200-home .geo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.gruz200-home .geo-tile{background:var(--g200-surface);border:1px solid var(--g200-border);border-radius:8px;padding:16px;text-align:center;transition:border-color .15s;}
.gruz200-home .geo-tile:hover{border-color:var(--g200-accent);}
.gruz200-home .geo-tile i{font-size:20px;color:var(--g200-accent-dark);margin-bottom:8px;}
.gruz200-home .geo-tile .name{font-weight:700;font-size:14px;}
.gruz200-home .geo-tile .count{font-size:12px;color:var(--g200-ink-faint);}
.gruz200-home .geo-more{text-align:center;margin-top:22px;}

/* FAQ — нативные <details>, работает без JS */
.gruz200-home .faq{max-width:720px;margin:0 auto;}
.gruz200-home .faq details{background:var(--g200-surface);border:1px solid var(--g200-border);border-radius:8px;padding:16px 20px;margin-bottom:10px;}
.gruz200-home .faq summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.gruz200-home .faq summary::-webkit-details-marker{display:none;}
.gruz200-home .faq summary::after{content:"+";font-size:20px;color:var(--g200-accent-dark);font-weight:400;}
.gruz200-home .faq details[open] summary::after{content:"–";}
.gruz200-home .faq p{font-size:14px;color:var(--g200-ink-muted);margin:12px 0 0;}

/* final CTA */
.gruz200-home .cta-final{background:var(--g200-primary-dark);color:#EFE7D8;text-align:center;border-radius:var(--g200-radius);padding:48px 32px;}
.gruz200-home .cta-final h2{color:#fff;font-size:26px;}
.gruz200-home .cta-final p{color:#C9CFD6;font-size:15px;margin-bottom:24px;}
.gruz200-home .cta-final .btn-primary{background:var(--g200-accent);}

/* Цвета мегаменю Maximenu CK НЕ трогаем здесь — они настраиваются
   в Components → Maximenu CK → Themes (см. install.md, раздел "Меню") */

@media(max-width:860px){
  .gruz200-home .hero .wrap{grid-template-columns:1fr;}
  .gruz200-home .trust .wrap{grid-template-columns:repeat(2,1fr);}
  .gruz200-home .cards3{grid-template-columns:1fr;}
  .gruz200-home .steps-row{grid-template-columns:repeat(2,1fr);row-gap:28px;}
  .gruz200-home .steps-row::before{display:none;}
  .gruz200-home .geo-grid{grid-template-columns:repeat(2,1fr);}
  .gruz200-home .calc-grid{grid-template-columns:1fr;}
}