/* Вариант C главной: отличия от базовых стилей home-glm.css. */

/* Hero: сплит с визуальной панелью */
.home-glm.variant-c .g-hero{ padding:72px 0 8px; text-align:left; }
.home-glm.variant-c .gc-hero{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:0; align-items:center; }
.home-glm.variant-c .g-hero h1{ font-size:clamp(34px,4.4vw,54px); }
.home-glm.variant-c .g-hero-sub{ max-width:520px; margin:16px 0 0; font-size:17px; }
.home-glm.variant-c .g-search-wrap{ max-width:560px; margin:28px 0 0; }
.home-glm.variant-c .g-chips{ justify-content:flex-start; margin-top:18px; }
.home-glm.variant-c .gc-visual{
  position:relative; min-width:0; min-height:0; align-self:stretch; padding:0; margin:0;
}
.home-glm.variant-c .gc-hero-illustration{
  position:absolute; inset:0; width:100%; height:100%; max-width:100%; display:block;
  object-fit:contain; object-position:center top;
}

/* Нумерованные заголовки слева */
.home-glm.variant-c .g-head--left{ text-align:left; margin:0 0 56px; max-width:640px; }
.home-glm.variant-c .g-head--left h2{ font-size:44px; }
.home-glm.variant-c .g-head--left p{ max-width:620px; }

/* Группы: первые 8 плашек остаются крупными, новые — компактные 6 в ряд */
.home-glm.variant-c .g-group-card[data-primary]{ height:203px; min-height:203px; }
.home-glm.variant-c .g-groups.is-expanded .g-group-card[data-primary]{
  grid-column:span 3; height:203px; min-height:203px; padding:24px; gap:40px;
}
.home-glm.variant-c .g-groups.is-expanded .g-group-card[data-primary] .g-group-icon{ display:flex; }
.home-glm.variant-c .g-groups.is-expanded .g-group-card[data-primary] .g-group-info h3{ font-size:17px; }
.home-glm.variant-c .g-groups.is-expanded .g-group-card[data-primary] .g-group-info span{ font-size:13px; }

/* Каталог техники: вертикальный список марок + серии + пилюли */
.home-glm.variant-c .gc-tech{ display:grid; grid-template-columns:280px minmax(0,1fr); background:var(--g-bg-alt); border-radius:var(--g-r-big); overflow:hidden; }
.home-glm.variant-c .gc-brand-list{
  display:flex; flex-direction:column; gap:2px; padding:16px;
  background:#ebebf0;
}
.home-glm.variant-c .gc-brand-item{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:11px 16px; border-radius:12px; font:inherit; font-size:15px; text-align:left;
  border:0; background:transparent; color:var(--g-ink); cursor:pointer;
  transition:background .2s, color .2s, box-shadow .2s;
}
.home-glm.variant-c .gc-brand-item:hover{ background:rgba(255,255,255,.6); }
.home-glm.variant-c .gc-brand-item.is-active{ background:#fff; color:var(--g-accent); box-shadow:0 2px 10px rgba(0,0,0,.08); }
.home-glm.variant-c .gc-brand-count{ font-size:13px; color:var(--g-ink2); font-variant-numeric:tabular-nums; }
.home-glm.variant-c .gc-brand-item.is-active .gc-brand-count{ color:var(--g-accent); }
.home-glm.variant-c .gc-panels{ min-width:0; padding:28px 28px 26px; }
.home-glm.variant-c .gc-panel{ display:flex; flex-direction:column; gap:22px; }
.home-glm.variant-c .gc-panel[hidden]{ display:none; }
.home-glm.variant-c .gc-panel .g-filter-bar{ width:auto; max-width:none; justify-content:flex-start; flex-wrap:wrap; gap:6px; padding:8px 12px; background:#e9e9ee; }
.home-glm.variant-c .gc-panel .g-filter-chip{ padding:4px 14px; font-weight:400; letter-spacing:0; text-transform:none; }
.home-glm.variant-c .gc-series-label{ padding-left:8px; color:var(--g-ink2); font-size:14px; }
.home-glm.variant-c .g-cloud{ justify-content:flex-start; }

/* Список «Почему KOSTEX» */
.home-glm.variant-c .gc-why-list{ border-top:1px solid var(--g-card-line); }
.home-glm.variant-c .gc-why-row{
  display:grid; grid-template-columns:90px 1fr 1.15fr; gap:40px; align-items:baseline;
  padding:30px 0; border-bottom:1px solid var(--g-card-line);
}
.home-glm.variant-c .gc-why-num{ font-size:15px; font-weight:600; color:var(--g-accent); font-variant-numeric:tabular-nums; }
.home-glm.variant-c .gc-why-title{ margin:0; font-size:20px; font-weight:600; letter-spacing:-.01em; }
.home-glm.variant-c .gc-why-desc{ margin:0; font-size:16px; color:var(--g-ink2); line-height:1.55; max-width:560px; }

/* Форма заявки: компоновка и пропорции из макета варианта C */
.home-glm.variant-c .g-cta{
  height:411px; min-height:411px; padding:56px;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:48px;
}
.home-glm.variant-c .g-cta h2{ max-width:460px; font-size:44px; line-height:1.45; }
.home-glm.variant-c .g-cta-info>p:first-of-type{ max-width:570px; font-size:17px; line-height:1.5; }
.home-glm.variant-c .gc-request-card{
  display:flex; flex-direction:column; gap:14px;
  padding:24px 24px 16px; border-radius:22px; background:rgba(255,255,255,.16);
}
.home-glm.variant-c .gc-request-field{ display:block; color:rgba(255,255,255,.92); font-size:13px; font-weight:600; }
.home-glm.variant-c .gc-request-field input{
  display:block; width:100%; height:48px; margin-top:8px; padding:0 18px;
  border:1px solid rgba(255,255,255,.45); border-radius:14px; outline:0;
  background:#fff; color:#1d1d1f; font:inherit; font-size:16px; font-weight:400;
}
.home-glm.variant-c .gc-request-field input::placeholder{ color:#a1a1a6; opacity:1; }
.home-glm.variant-c .gc-request-field input:focus{ border-color:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.22); }
.home-glm.variant-c .gc-request-submit{
  display:flex; align-items:center; justify-content:center; min-height:50px;
  border-radius:14px; background:rgba(255,255,255,.82); color:#0874e7;
  font-size:16px; font-weight:700; text-decoration:none;
  transition:background .2s, transform .2s;
}
.home-glm.variant-c .gc-request-submit:hover{ background:#fff; color:#0874e7; transform:translateY(-1px); }
.home-glm.variant-c .gc-request-privacy{ margin:0; text-align:center; color:rgba(255,255,255,.72); font-size:12px; }
.home-glm.variant-c .gc-request-privacy a{ color:inherit; }

html[data-theme="dark"] .home-glm.variant-c .gc-brand-list{ background:#2d3036; }
html[data-theme="dark"] .home-glm.variant-c .gc-panel .g-filter-bar{ background:#34373e; }
html[data-theme="dark"] .home-glm.variant-c .gc-brand-item.is-active{ background:#474b55; color:#8cc2ff; }
html[data-theme="dark"] .home-glm.variant-c .gc-brand-count{ color:#c0c4ce; }
html[data-theme="dark"] .home-glm.variant-c .gc-brand-item.is-active .gc-brand-count{ color:#8cc2ff; }

@media (max-width:1000px){
  .home-glm.variant-c .g-groups.is-expanded .g-group-card[data-primary]{ grid-column:span 6; }
  .home-glm.variant-c .g-cta{ padding:52px 44px; grid-template-columns:1fr 1fr; gap:40px; }
  .home-glm.variant-c .gc-tech{ grid-template-columns:1fr; }
  .home-glm.variant-c .gc-brand-list{ flex-direction:row; flex-wrap:wrap; }
  .home-glm.variant-c .gc-panels{ padding:20px; }
}
@media (max-width:860px){
  .home-glm.variant-c .gc-panel .g-filter-bar[data-series-bar]{ border-radius:16px; }
  .home-glm.variant-c .g-hero{ text-align:center; }
  .home-glm.variant-c .gc-hero{ grid-template-columns:1fr; }
  .home-glm.variant-c .gc-visual{ display:none; }
  .home-glm.variant-c .g-hero-sub,
  .home-glm.variant-c .g-search-wrap{ margin-left:auto; margin-right:auto; }
  .home-glm.variant-c .g-chips{ justify-content:center; }
  .home-glm.variant-c .gc-why-row{ grid-template-columns:48px 1fr; gap:12px 20px; }
  .home-glm.variant-c .gc-why-desc{ grid-column:2; }
  .home-glm.variant-c .g-cta{ height:auto; min-height:0; grid-template-columns:1fr; padding:44px 36px; }
  .home-glm.variant-c .g-cta h2{ line-height:1.2; }
}
@media (max-width:600px){
  .home-glm.variant-c .g-groups .g-group-card,
  .home-glm.variant-c .g-groups.is-expanded .g-group-card[data-primary]{ grid-column:span 12; }
  .home-glm.variant-c .g-cta{ padding:32px 22px; gap:30px; }
  .home-glm.variant-c .g-cta h2{ font-size:34px; }
  .home-glm.variant-c .gc-request-card{ padding:20px; }
  .home-glm.variant-c .gc-request-field input,
  .home-glm.variant-c .gc-request-submit{ min-height:56px; height:56px; }
}