:root{
  --au-bg:#0f172a; --au-accent:#ef4444; --au-text:#0b1220; --au-muted:#5b6473;
  --au-card:#fff; --au-line:#e6e8ee; --au-radius:16px; --au-shadow:0 6px 24px rgba(2,6,23,.08);

  /* Таймлайн (кружочки, без линии, без absolute) */
  --tl-dot:14px; --tl-gap-y:12px; --tl-gap-x:14px;
}

/* базовый контейнер */
.container{ max-width:1160px; margin:0 auto; padding:0 12px; }

/* карточные секции */
.card{
  background:var(--au-card);
  border:1px solid var(--au-line);
  border-radius:var(--au-radius);
  box-shadow:var(--au-shadow);
  padding:24px; margin:20px 0;
}

/* HERO (без красной «пульсации», как договорились) */
.aboutus-hero{
  position:relative;
  background:
    radial-gradient(1200px 400px at 10% 0%, rgba(239,68,68,.18), transparent 60%),
    linear-gradient(180deg, var(--au-bg), #111827 70%);
  border-radius:calc(var(--au-radius) + 8px);
  padding:48px 24px; margin:20px 0 24px; overflow:hidden; color:#fff;
}
.aboutus-hero__text{ max-width:880px; }
.aboutus-hero h1{ font-size:42px; line-height:1.15; font-weight:500; letter-spacing:.2px; margin-bottom:10px; }
.aboutus-hero p{ font-size:18px; line-height:1.6; opacity:.92; }

/* заголовки секций */
.aboutus-timeline h2,
.aboutus-today h2,
.aboutus-mission h2,
.aboutus-assortment h2,
.aboutus-service h2{ font-size:26px; font-weight:500; margin-bottom:14px; }

/* === TIMELINE: кружочки без линии, без absolute === */
.timeline{ margin-top:10px; }
.timeline-item{
  display:grid;
  grid-template-columns: var(--tl-dot) var(--tl-gap-x) 1fr;
  column-gap:0; align-items:start;
  padding:var(--tl-gap-y) 0;
}
.timeline-item::before{
  content:"";
  display:inline-block;
  width:var(--tl-dot); height:var(--tl-dot); border-radius:50%;
  background:#fff; border:2px solid var(--au-accent);
  box-shadow:0 0 0 2px #fff;
  grid-column:1; grid-row:1; margin-top:.35em;
}
.timeline-year{ font-weight:500; color:var(--au-text); margin-bottom:6px; grid-column:3; }
.timeline-content{ color:var(--au-text); opacity:.95; grid-column:3; }

/* TODAY STATS */
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:8px 0 12px; }
.stat{ border:1px solid var(--au-line); border-radius:12px; padding:14px; text-align:center; }
.stat__value{ font-size:22px; font-weight:500; }
.stat__label{ font-size:13px; color:var(--au-muted); margin-top:2px; }

/* BULLETS */
.bullets{ margin:10px 0 0 18px; padding-left:0; }
.bullets li{ list-style:disc; margin:6px 0; color:var(--au-text); }

/* MISSION */
.aboutus-mission p{ font-size:16px; line-height:1.7; }

/* ACCORDION */
.accordion{ border-top:1px solid var(--au-line); }
.accordion__toggle{
  width:100%; background:#fff; border:none; text-align:left; padding:16px 12px;
  display:flex; align-items:center; justify-content:space-between; font-weight:500; cursor:pointer;
  border-bottom:1px solid var(--au-line);
}
.accordion__toggle .icon{ transition:transform .25s ease; fill:none; stroke:currentColor; stroke-width:2; }
.accordion__toggle[aria-expanded="true"] .icon{ transform:rotate(180deg); }
.accordion__content{ padding:12px; display:none; }
.columns{ columns:2 320px; column-gap:24px; padding-left:16px; margin:0; }
.columns li{ break-inside:avoid; margin:8px 0; list-style:disc; }

/* SERVICE */
.service-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:18px; align-items:start; }
.service-badges{ display:flex; flex-wrap:wrap; gap:10px; }
.badge{ border:1px solid var(--au-line); border-radius:999px; padding:8px 14px; font-weight:500; background:#fafafa; }

/* КАРУСЕЛЬ БРЕНДОВ (та же, что на главной) */
.brand-carousel{
  display:flex; align-items:center; gap:12px;
  background:#fff; max-width:100%;
  margin: 24px 0 0;
}
.brand-carousel--about{ padding:0 0; }

.brand-track-wrapper{
  overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth;
  scrollbar-width:none; -ms-overflow-style:none;
  max-width:100%; flex-shrink:1; user-select:none;
}
.brand-track-wrapper::-webkit-scrollbar{ display:none; }

.brand-track{ display:flex; gap:40px; will-change:transform; }

.brand-item{
  flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  min-width:120px; height:60px; filter:grayscale(1); opacity:.7;
  transition: opacity .2s ease, filter .2s ease;
}
.brand-item img{
  display:block; max-height:60px; max-width:160px; width:auto; height:auto; object-fit:contain; -webkit-user-drag:none;
}
.brand-item:hover{ opacity:1; filter:grayscale(0); }

.brand-arrow{
  width:36px; height:36px; border-radius:50%; border:1px solid #ccc; background:#fff; color:#333;
  font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0;
  transition: background .2s ease;
}
.brand-arrow:hover{ background:#f5f5f5; }

/* Глобально: «жирный» = 500 */
b{ font-weight:500; }

/* RESPONSIVE */
@media (max-width:1024px){
  .stats{ grid-template-columns:repeat(2,1fr); }
  .service-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .aboutus-hero{ padding:36px 18px; }
  .aboutus-hero h1{ font-size:30px; }
  .columns{ columns:1; }

  :root{ --tl-dot:13px; --tl-gap-x:12px; }
}