/* ============================================================
   KOREA-AUTO — AIR THEME
   Тёмный фирменный верх + светлый спокойный контент.
   Файл подключается последним и только переопределяет внешний вид.
   ============================================================ */

:root {
  --ka-air-bg: #f3f5f7;
  --ka-air-bg-2: #eef1f4;
  --ka-air-card: #ffffff;
  --ka-air-card-soft: #fafbfc;
  --ka-air-text: #171a1f;
  --ka-air-muted: #6f7882;
  --ka-air-line: #dfe4e9;
  --ka-air-line-strong: #cfd6dd;
  --ka-air-red: #e52b30;
  --ka-air-shadow: 0 18px 50px rgba(27, 34, 43, .08);
  --ka-air-shadow-soft: 0 8px 28px rgba(27, 34, 43, .055);
}

/* Базовый фон — светлый. Тёмные hero/header/cart/modal задаются отдельно. */
html {
  background: var(--ka-air-bg);
}

body {
  background: var(--ka-air-bg) !important;
  color: var(--ka-air-text) !important;
}

/* Шапку сохраняем фирменной тёмной. */
.ka-topbar {
  background: rgba(8, 10, 13, .96) !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.12);
}

/* ============================================================
   HERO
   ============================================================ */

.ka-tech-hero {
  border-bottom: 0 !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.035);
}

/* Чуть мягче техническая часть, чтобы верх не был слишком тяжёлым. */
.ka-tech-hero-grid {
  opacity: .25 !important;
}

.ka-tech-hero-glow {
  opacity: .72;
}

.ka-tech-part {
  opacity: .70 !important;
}

.ka-tech-label {
  background: rgba(12, 15, 19, .62) !important;
}

/* ============================================================
   ПОИСК — мост между тёмным hero и светлым сайтом
   ============================================================ */

.parts-search-section {
  position: relative;
  z-index: 8;
  margin-top: -18px;
  padding: 0 0 42px !important;
  background: linear-gradient(180deg, transparent 0 18px, var(--ka-air-bg) 18px 100%) !important;
  border: 0 !important;
  border-radius: 26px 26px 0 0;
}

.parts-search-section > .wrap {
  padding: 28px 30px 30px;
  background:
    radial-gradient(circle at 92% 0%, rgba(229,43,48,.045), transparent 25%),
    var(--ka-air-card);
  border: 1px solid rgba(204,211,218,.88);
  border-radius: 20px;
  box-shadow: 0 22px 60px rgba(26,32,40,.10);
}

.parts-search-head {
  margin-bottom: 20px !important;
}

.parts-search-head .eyebrow {
  color: var(--ka-air-red) !important;
}

.parts-search-head h2 {
  color: var(--ka-air-text) !important;
  font-size: 28px !important;
  letter-spacing: -.65px;
}

.parts-search-head > p:last-child,
.parts-search-note {
  color: var(--ka-air-muted) !important;
}

.parts-search-input-wrap input {
  background: #f7f8fa !important;
  border-color: #d9dfe5 !important;
  color: #14171b !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.parts-search-input-wrap input::placeholder {
  color: #9ba3ac !important;
}

.parts-search-input-wrap svg {
  fill: #7b848e !important;
}

.parts-search-input-wrap input:focus {
  background: #fff !important;
  border-color: var(--ka-air-red) !important;
  box-shadow: 0 0 0 4px rgba(229,43,48,.075) !important;
}

/* Поиск результатов в светлой теме. */
.parts-loading {
  color: #707983 !important;
}

.parts-spinner {
  border-color: #d5dbe1 !important;
  border-top-color: var(--ka-air-red) !important;
}

.parts-error {
  background: #fff5f5 !important;
  border-color: rgba(229,43,48,.24) !important;
  color: #b92025 !important;
}

.original-card {
  background:
    radial-gradient(circle at 95% 0%, rgba(229,43,48,.055), transparent 30%),
    #fff !important;
  border: 1px solid rgba(229,43,48,.62) !important;
  box-shadow: var(--ka-air-shadow-soft);
  color: var(--ka-air-text) !important;
}

.original-card::before {
  opacity: .045 !important;
}

.part-number,
.part-price strong,
.analog-main strong,
.analog-price strong,
.analogs-title h3 {
  color: var(--ka-air-text) !important;
}

.part-name,
.analog-name,
.analog-meta,
.analogs-title > span {
  color: var(--ka-air-muted) !important;
}

.part-delivery {
  background: #eef1f4 !important;
  color: #4f5963 !important;
}

.analogs-controls {
  border-color: var(--ka-air-line) !important;
}

.parts-filter,
.parts-sort select {
  background: #fff !important;
  border-color: #d9dfe5 !important;
  color: #4d5660 !important;
}

.parts-filter:hover,
.parts-filter.active {
  color: #fff !important;
}

.parts-sort label {
  color: #727b85 !important;
}

.analog-card {
  background: #fff !important;
  border-color: var(--ka-air-line) !important;
  box-shadow: 0 5px 20px rgba(28,35,43,.035);
}

.analog-card:hover {
  border-color: #c6ced6 !important;
  box-shadow: 0 10px 28px rgba(28,35,43,.075);
}

.show-more-parts {
  background: #fff !important;
  border-color: var(--ka-air-line-strong) !important;
  color: #31373e !important;
}

.show-more-parts:hover {
  border-color: var(--ka-air-red) !important;
}

.qty-control {
  background: #f3f5f7 !important;
  border-color: #d7dde3 !important;
}

.qty-control button {
  color: #1d2228 !important;
}

.qty-control button:hover {
  background: #e9edf1 !important;
}

.qty-control span {
  color: #1c2025 !important;
  border-color: #d6dce2 !important;
}

.photo-button {
  background: #fff !important;
  border-color: #d6dce2 !important;
  color: #3d454e !important;
}

.photo-button:hover {
  background: #f4f6f8 !important;
  border-color: #bcc5ce !important;
}

/* ============================================================
   ПРОМО — светлая витрина, без ощущения второго тёмного hero
   ============================================================ */

.ka-promo-section {
  padding: 14px 0 4px !important;
  background: var(--ka-air-bg) !important;
}

.ka-promo {
  border-color: var(--ka-air-line) !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(229,43,48,.065), transparent 32%),
    linear-gradient(135deg,#ffffff,#f8f9fb) !important;
  box-shadow: var(--ka-air-shadow-soft) !important;
}

.ka-promo-copy h2 {
  color: var(--ka-air-text) !important;
}

.ka-promo-copy p {
  color: var(--ka-air-muted) !important;
}

.ka-promo-copy a {
  border-color: #d5dce2 !important;
  background: #fff;
  color: #22272d !important;
}

.ka-promo-copy a:hover {
  border-color: var(--ka-air-red) !important;
  background: #fff8f8 !important;
}

.ka-promo-visual span {
  background: rgba(255,255,255,.78) !important;
  border-color: #d8dee4 !important;
  color: #252b31 !important;
  box-shadow: 0 8px 30px rgba(26,33,41,.05) !important;
}

.ka-promo-arrow {
  background: #fff !important;
  border-color: #d6dde3 !important;
  color: #5d6670 !important;
}

.ka-promo-arrow:hover {
  border-color: #aeb7c0 !important;
  color: #171a1f !important;
}

/* ============================================================
   ГЛАВНАЯ — новый ритм блоков
   Категории -> WHY -> Контакты -> VIN -> информация.
   ============================================================ */

.ka-home-main {
  display: flex;
  flex-direction: column;
  color: var(--ka-air-text);
}

.ka-home-main > .ka-home-section:not(.ka-why-section) {
  order: 1;
}

.ka-home-main > .ka-why-section {
  order: 2;
}

.ka-home-main > section.section.reveal:not(.info) {
  order: 3;
}

.ka-home-main > .ka-vin-cta {
  order: 4;
}

.ka-home-main > .info {
  order: 5;
}

.ka-home-main > .shop {
  order: 6;
}

.ka-home-section {
  padding-top: 52px !important;
}

.ka-home-head h2 {
  color: var(--ka-air-text) !important;
}

.ka-home-head > div > p:last-child {
  color: var(--ka-air-muted) !important;
}

/* Категории */
.ka-category-card {
  background: #fff !important;
  border-color: var(--ka-air-line) !important;
  color: var(--ka-air-text) !important;
  box-shadow: 0 5px 18px rgba(25,32,40,.035);
}

.ka-category-card:hover {
  background: #fff !important;
  border-color: rgba(229,43,48,.60) !important;
  box-shadow: 0 14px 36px rgba(25,32,40,.085);
}

.ka-category-card small {
  color: var(--ka-air-muted) !important;
}

.ka-category-card > b {
  color: #a4adb6 !important;
}

/* WHY — один выразительный тёмный блок вместо сплошного мрака */
.ka-why-section {
  margin-top: 44px;
  padding: 32px 30px 34px !important;
  border: 1px solid #262c33;
  border-radius: 20px;
  background:
    radial-gradient(circle at 88% 0%, rgba(229,43,48,.12), transparent 30%),
    linear-gradient(145deg,#12161b,#0c0f13);
  box-shadow: 0 22px 60px rgba(17,22,28,.12);
}

.ka-why-section .ka-home-head h2 {
  color: #f4f6f8 !important;
}

.ka-why-section .ka-home-head > div > p:last-child {
  color: #858e98 !important;
}

.ka-why-section .eyebrow {
  color: #ef3439 !important;
}

.ka-why-grid {
  gap: 8px !important;
}

.ka-why-card {
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}

.ka-why-card h3 {
  color: #f2f4f6 !important;
}

.ka-why-card p {
  color: #89919a !important;
}

/* ============================================================
   КОНТАКТЫ
   ============================================================ */

.ka-home-main > section.section.reveal:not(.info) {
  padding-top: 52px !important;
  padding-bottom: 12px !important;
}

.ka-home-main .section-head h2 {
  color: var(--ka-air-text) !important;
}

.ka-home-main .section-head > p:last-child {
  color: var(--ka-air-muted) !important;
}

/* Цветные карты оставляем — они оживляют светлую страницу. */
.contact-grid {
  gap: 12px !important;
}

.card {
  min-height: 118px !important;
  border-color: rgba(0,0,0,.06) !important;
  box-shadow: 0 10px 30px rgba(28,35,43,.075);
}

.card:hover {
  box-shadow: 0 16px 38px rgba(28,35,43,.13) !important;
}

/* Тёмные служебные карточки на светлом фоне делаем светлыми. */
.card.dark {
  background: #fff !important;
  border: 1px solid var(--ka-air-line) !important;
  color: #1e2329 !important;
  box-shadow: var(--ka-air-shadow-soft);
}

.card.dark p {
  color: #6c7580 !important;
}

.card.dark svg {
  fill: #30373e !important;
}

.card.dark .pin svg {
  fill: var(--ka-air-red) !important;
}

/* ============================================================
   VIN CTA
   ============================================================ */

.ka-vin-cta {
  margin-top: 48px !important;
  border-color: rgba(229,43,48,.22) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(229,43,48,.07), transparent 28%),
    #fff !important;
  box-shadow: var(--ka-air-shadow-soft);
}

.ka-vin-copy h2 {
  color: var(--ka-air-text) !important;
}

.ka-vin-copy > p:last-child {
  color: var(--ka-air-muted) !important;
}

/* ============================================================
   АДРЕС / РЕЖИМ / SHOP
   ============================================================ */

.info {
  margin-top: 32px;
  border-color: var(--ka-air-line) !important;
  background: #fff !important;
  box-shadow: var(--ka-air-shadow-soft);
}

.info-row {
  border-bottom-color: #edf0f3 !important;
}

.info h3 {
  color: #20252b !important;
}

.info p {
  color: #727b85 !important;
}

.shop {
  background: #fff;
  color: #20252b !important;
  box-shadow: var(--ka-air-shadow-soft);
}

.shop:hover {
  color: #fff !important;
  box-shadow: 0 18px 45px rgba(229,43,48,.16);
}

/* ============================================================
   ВНУТРЕННИЕ СТРАНИЦЫ
   ============================================================ */

.info-hero {
  border-bottom: 0 !important;
  background:
    radial-gradient(circle at 82% 16%, rgba(229,43,48,.11), transparent 28%),
    linear-gradient(120deg,#0a0d11,#10151b) !important;
}

.info-hero-copy h1 {
  color: #f5f6f8 !important;
}

.info-hero-copy > p:last-child {
  color: #a0a8b1 !important;
}

.info-page {
  color: var(--ka-air-text) !important;
}

.feature-card,
.step-card,
.text-card,
.notice-card,
.contact-page-card,
.about-statement {
  background: #fff !important;
  border-color: var(--ka-air-line) !important;
  box-shadow: 0 7px 24px rgba(25,32,40,.045);
}

.feature-card h2,
.step-card h2,
.text-card h2,
.contact-page-card h2,
.about-statement h2 {
  color: var(--ka-air-text) !important;
}

.feature-card p,
.step-card p,
.text-card p,
.notice-card p,
.contact-page-card p,
.about-statement p {
  color: var(--ka-air-muted) !important;
}

.about-statement {
  background:
    radial-gradient(circle at 92% 10%, rgba(229,43,48,.055), transparent 28%),
    #fff !important;
}

.notice-card {
  background: #fff8f8 !important;
  border-color: rgba(229,43,48,.20) !important;
}

.notice-card strong {
  color: #22272d !important;
}

.notice-card.warning {
  background: #fffaf1 !important;
  border-color: rgba(219,153,42,.22) !important;
}

.contact-page-card > span {
  background: #f0f2f5 !important;
}

.secondary-cta {
  background: #fff !important;
  border-color: #d7dde3 !important;
  color: #2d343b !important;
}

.secondary-cta:hover {
  background: #f6f7f9 !important;
  border-color: #b9c2cb !important;
}

.bottom-cta {
  border-color: var(--ka-air-line) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(229,43,48,.06), transparent 32%),
    #fff !important;
  box-shadow: var(--ka-air-shadow-soft);
}

.bottom-cta h2 {
  color: var(--ka-air-text) !important;
}

.bottom-cta > div > p:last-child {
  color: var(--ka-air-muted) !important;
}

/* ============================================================
   FOOTER — снова тёмный, чтобы композиция была завершённой
   ============================================================ */

footer,
.site-footer {
  background: #090b0e !important;
  border-top-color: #232830 !important;
  color: #7d858f !important;
}

.footer-nav a {
  color: #858d96 !important;
}

.footer-nav a:hover {
  color: #fff !important;
}

/* Модалки и корзина остаются тёмными — не смешиваем темы. */
.modal,
.cart-modal {
  color: #eef0f2 !important;
}

.modal-box,
.cart-panel,
.cart-footer {
  color: #eef0f2 !important;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 760px) {
  .parts-search-section {
    margin-top: -12px;
    border-radius: 18px 18px 0 0;
  }

  .parts-search-section > .wrap {
    width: calc(100% - 20px) !important;
    padding: 20px 16px 22px;
    border-radius: 16px;
  }

  .parts-search-head h2 {
    font-size: 23px !important;
  }

  .ka-why-section {
    margin-top: 34px;
    padding: 24px 18px 26px !important;
    border-radius: 16px;
  }

  .card {
    min-height: 92px !important;
    box-shadow: 0 7px 22px rgba(28,35,43,.07);
  }

  .info {
    margin-top: 26px;
  }
}

@media (max-width: 560px) {
  .parts-search-section {
    padding-bottom: 30px !important;
  }

  .ka-home-section {
    padding-top: 36px !important;
  }

  .ka-why-section {
    padding-top: 24px !important;
  }

  .ka-home-main > section.section.reveal:not(.info) {
    padding-top: 38px !important;
  }

  .ka-vin-cta {
    margin-top: 34px !important;
  }
}

/* Welcome offer and useful brand content on the home page. */
.parts-search-section{scroll-margin-top:84px}
.ka-welcome-cta{position:relative;overflow:hidden;margin:34px 0 4px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:28px;border:1px solid #303741;border-radius:18px;background:radial-gradient(circle at 78% 35%,rgba(229,43,48,.18),transparent 28%),linear-gradient(125deg,#171a1f,#0c0e11);color:#fff;box-shadow:0 20px 45px rgba(22,27,33,.12)}
.ka-welcome-cta:after{content:'';position:absolute;width:220px;height:220px;right:15%;top:-125px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.018),0 0 0 58px rgba(255,255,255,.012);pointer-events:none}
.ka-welcome-cta-copy{position:relative;z-index:1}.ka-welcome-cta .eyebrow{margin:0 0 7px;color:#f23b43!important}.ka-welcome-cta h2{margin:0 0 7px;font-size:clamp(23px,3.3vw,34px);line-height:1.12;letter-spacing:-1px}.ka-welcome-cta p{max-width:650px;margin:0;color:#aeb5bd;font-size:12px;line-height:1.65}
.ka-welcome-cta-offer{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.ka-welcome-cta-offer strong{font-size:50px;line-height:1;letter-spacing:-4px}.ka-welcome-cta-offer small{font-size:25px;color:#f43742}.ka-welcome-cta-offer span{max-width:100px;color:#aeb5bd;font-size:9px;font-weight:800;line-height:1.4;text-transform:uppercase;letter-spacing:.8px}
.ka-welcome-cta-button{position:relative;z-index:1;min-height:48px;padding:0 18px;display:inline-flex;align-items:center;gap:24px;border-radius:10px;background:#e52b30;color:#fff!important;font-size:12px;font-weight:900;text-decoration:none;box-shadow:0 9px 24px rgba(229,43,48,.24);transition:.18s}.ka-welcome-cta-button:hover{background:#c91f25;transform:translateY(-2px)}
.ka-coupon-contact{background:linear-gradient(135deg,#e52b30,#b71320)!important;color:#fff!important}.ka-coupon-contact p{color:#ffe4e5!important}
.ka-seo-section{border-top:1px solid var(--ka-air-line)}.ka-brand-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ka-brand-model-grid article{padding:20px;border:1px solid var(--ka-air-line);border-radius:14px;background:#fff;box-shadow:var(--ka-air-shadow-soft)}.ka-brand-model-grid h3{margin:0 0 8px;font-size:16px}.ka-brand-model-grid p{margin:0;color:var(--ka-air-muted);font-size:11px;line-height:1.65}
.ka-faq-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ka-faq-grid details{padding:16px 18px;border:1px solid var(--ka-air-line);border-radius:12px;background:#f9fafb}.ka-faq-grid summary{cursor:pointer;font-size:12px;font-weight:800}.ka-faq-grid p{margin:11px 0 0;color:var(--ka-air-muted);font-size:11px;line-height:1.65}
@media(max-width:900px){.ka-welcome-cta{grid-template-columns:1fr auto}.ka-welcome-cta-button{grid-column:1/-1;justify-content:space-between}.ka-brand-model-grid{grid-template-columns:1fr 1fr}.ka-faq-grid{grid-template-columns:1fr}}
@media(max-width:560px){.parts-search-section{scroll-margin-top:68px}.ka-welcome-cta{margin-top:25px;padding:22px;grid-template-columns:1fr}.ka-welcome-cta-offer{justify-content:flex-start}.ka-welcome-cta-button{grid-column:auto;width:100%;justify-content:space-between}.ka-brand-model-grid{grid-template-columns:1fr}}