/* ==========================================================================
   redesign.css — рестайлинг: шрифты, кнопки, фон
   Стили хедера, меню, sticky-bar — в parts/top.php
   Дата: 18.09.2026
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@400;500;600;700&display=swap');

:root {
  --rd-ink-950: #05060a;
  --rd-ink-900: #0a0c12;
  --rd-ink-800: #131722;
  --rd-ink-700: #1c2230;
  --rd-ember-400: #ff9e57;
  --rd-ember-500: #ff7a1f;
  --rd-ember-600: #f45d0b;
  --rd-text: #e8eaed;
  --rd-text-muted: #9aa0a6;
  --rd-border: rgba(255, 255, 255, 0.08);
  --rd-font-display: 'Unbounded', 'Montserrat', Arial, sans-serif;
  --rd-font-body: 'Manrope', 'Open Sans', Arial, sans-serif;
}

/* Фон body — белый (до Итерации 3) */
body {
  background-color: #ffffff !important;
  font-family: var(--rd-font-body) !important;
}

/* Заголовки — Unbounded */
h1, h2, h3,
.section-title,
.oil-rating__title,
.reviews-title,
.parts-sections__title,
.parts-models__title,
.parts-howto__title,
.faq__title,
.product-section__title,
.tiers__title,
.parts-brands__title,
.about-store__title,
.seo-text__title,
.page-header h1,
.content-section h2,
.content-section h3,
.category-header__content h1,
.category-header__content h2,
.brake-hero-title,
.brake-final-cta-enhanced h2,
.vin-form-block h2,
.whatsapp-reviews__title,
.social-proof__title {
  font-family: var(--rd-font-display) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

/* Кнопки: единый градиент ember */
.btn--primary, .btn-primary, .btn, .cta-button, .demo-cta, .hero-button,
.submit-button, .parts-card__button, .footer-cta, .tiers__cta, .show-button,
.product-card__button, .product-card__cta, .brake-hero-btn, .final-cta__button,
.parts-howto__button, .cta-top__btn--primary, .expert-submit-btn,
.submit-btn-styled, .card .btn-card, .guide-btn,
.messenger-btn, .messenger-btn.active, .messenger-link,
.pia-btn, .article-promo__link, .whatsapp-chat__cta,
.lp-bmw .btn, .lp-bmw .btn.alt, #scrollToTop,
.contact-form-container input[type="submit"],
.calculator-container form button,
.result-container button,
.brake-options-container button,
.car-selector .submit-button {
  background: linear-gradient(135deg, var(--rd-ember-400), var(--rd-ember-600)) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(244, 93, 11, 0.3) !important;
  border: none !important;
  text-decoration: none !important;
}

.btn--primary:hover, .btn-primary:hover, .btn:hover, .cta-button:hover,
.demo-cta:hover, .hero-button:hover, .submit-button:hover, .parts-card__button:hover,
.footer-cta:hover, .tiers__cta:hover, .show-button:hover, .product-card__button:hover,
.product-card__cta:hover, .brake-hero-btn:hover, .final-cta__button:hover,
.parts-howto__button:hover, .expert-submit-btn:hover, .submit-btn-styled:hover,
.card .btn-card:hover, .guide-btn:hover, .messenger-btn:hover, .messenger-btn.active:hover,
.messenger-link:hover, .pia-btn:hover, .article-promo__link:hover, .whatsapp-chat__cta:hover,
.lp-bmw .btn:hover, .lp-bmw .btn.alt:hover, #scrollToTop:hover,
.contact-form-container input[type="submit"]:hover,
.calculator-container form button:hover,
.result-container button:hover,
.brake-options-container button:hover,
.car-selector .submit-button:hover {
  background: linear-gradient(135deg, var(--rd-ember-500), var(--rd-ember-600)) !important;
  box-shadow: 0 6px 18px rgba(244, 93, 11, 0.5) !important;
  filter: brightness(1.08);
  transform: translateY(-1px);
  color: #fff !important;
}

/* Исключения */
.messenger-link--whatsapp { background: #25D366 !important; }
.messenger-link--whatsapp:hover { background: #20ba5a !important; }
.messenger-link--telegram { background: #0088cc !important; }
.messenger-link--telegram:hover { background: #0077b3 !important; }
.whatsapp-chat__cta { background: #25d366 !important; }
.whatsapp-chat__cta:hover { background: #20ba5a !important; }

.btn--ghost { background: #fff !important; color: #333 !important; border: 1px solid #e5e7eb !important; }
.btn--ghost:hover { background: #f9fafb !important; border-color: #bfc6cf !important; transform: none; }
.btn-secondary { background: #6c757d !important; }
.btn-secondary:hover { background: #545b62 !important; transform: none; }

/* Ссылки в крошках и меню — акцент ember */
.breadcrumbs a:hover,
#menu a:hover,
#menu_sm a:hover { color: var(--rd-ember-500) !important; }


body{background-color:#f4f6f8 !important;}
body{max-width:none !important;margin:0 !important;}
#main{max-width:1100px !important;margin:0 auto !important;}
#main,#right{background:transparent !important;}
#bottom{background:#0a0c12 !important;}
#bar_all{box-shadow:0 16px 40px rgba(10,12,18,.28);}
.section-hero:not([style*="hero-bg"]){
background-image:
radial-gradient(900px 420px at 85% -10%, rgba(244,93,11,.35), transparent 60%),
radial-gradient(700px 380px at 8% 110%, rgba(28,105,212,.20), transparent 60%),
linear-gradient(180deg, #0a0c12 0%, #131722 100%);
background-size:auto, auto, auto;
background-repeat:no-repeat, no-repeat, no-repeat;
}
.section-hero:not([style*="hero-bg"]) .overlay{display:none;}
.section-hero:not([style*="hero-bg"])::before{
content:'';
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
background-size:44px 44px, 44px 44px;
background-repeat:repeat, repeat;
-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.95) 0%, rgba(0,0,0,.6) 45%, transparent 95%);
mask-image:linear-gradient(to bottom, rgba(0,0,0,.95) 0%, rgba(0,0,0,.6) 45%, transparent 95%);
pointer-events:none;
z-index:0;
}
.section-hero{border-radius:0 !important;margin:0 0 24px !important;}
@media (max-width:768px){
.section-hero:not([style*="hero-bg"]){padding:64px 18px 56px;}
}

@media (max-width:768px){
.section-hero:not([style*="hero-bg"]){padding:64px 18px 56px;}
}

/* Бегущая полоса брендов */
.brands-ticker{background:var(--rd-ink-950);padding:48px 0 56px;overflow:hidden;margin: 0 0 24px;}
.brands-ticker__title{text-align:center;font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--rd-text-muted);margin:0 0 36px;}
.brands-ticker__viewport{overflow:hidden;position:relative;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.brands-ticker__track{display:flex;width:max-content;animation:brands-run 46s linear infinite;}
.brands-ticker__viewport:hover .brands-ticker__track{animation-play-state:paused;}
.brands-ticker__list{display:flex;align-items:center;gap:64px;margin:0;padding:0 64px 0 0;list-style:none;}
.brands-ticker__list li{display:flex;align-items:center;gap:64px;font-family:var(--rd-font-display);font-size:28px;font-weight:600;letter-spacing:.12em;color:#5b6470;white-space:nowrap;}
.brands-ticker__list li::after{content:'';width:10px;height:10px;border-radius:50%;border:2px solid var(--rd-ember-600);flex-shrink:0;}
@keyframes brands-run{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (max-width:768px){
.brands-ticker{padding:36px 0 42px;}
.brands-ticker__title{font-size:11px;padding:0 16px;}
.brands-ticker__list{gap:40px;padding:0 40px 0 0;}
.brands-ticker__list li{font-size:20px;gap:40px;}
}
#bar_all{max-width:none !important;margin:0 !important;border-radius:0 !important;width:100% !important;overflow:visible !important;}
#bar{max-width:none !important;margin:0 !important;border-radius:0 !important;width:100% !important;}

.pb-section{background:linear-gradient(180deg,#0a0c12 0%,#05060a 100%);}
.pb-wrap{max-width:1100px;margin:0 auto;padding:56px 20px;}
.pb-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--rd-border);border-radius:999px;background:rgba(255,255,255,.04);color:var(--rd-text-muted);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;}
.pb-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--rd-ember-500);}
.pb-title{font-family:var(--rd-font-display);font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.15;margin:18px 0 14px;color:#fff;}
.pb-title .acc{color:var(--rd-ember-400);}
.pb-lead{color:var(--rd-text-muted);font-size:16px;line-height:1.6;max-width:640px;margin:0 0 34px;}
#right .pb-section{border-radius:20px;margin:8px 0 24px;}
.xp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.xp-card{grid-column:span 2;background:var(--rd-ink-800);border:1px solid var(--rd-border);border-radius:16px;padding:22px;}
.xp-card--wide{grid-column:span 4;}
.xp-card--half{grid-column:span 3;}
.xp-icon{width:44px;height:44px;border-radius:12px;background:rgba(244,93,11,.12);color:var(--rd-ember-400);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.xp-card h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 10px;}
.xp-card p{color:var(--rd-text-muted);font-size:14px;line-height:1.55;margin:0;}
.xp-chat{margin-top:16px;background:var(--rd-ink-950);border:1px solid var(--rd-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;}
.xp-chat__b{border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.45;color:var(--rd-text);}
.xp-chat__b--in{background:var(--rd-ink-700);align-self:flex-start;max-width:85%;}
.xp-chat__b--out{background:rgba(244,93,11,.14);border:1px solid rgba(244,93,11,.35);align-self:flex-end;max-width:90%;}
.xp-chat__status{color:#6b7280;font-size:11.5px;display:flex;gap:6px;align-items:center;}
.xp-dot{width:4px;height:4px;background:#6b7280;border-radius:50%;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cat-card{background:var(--rd-ink-800);border:1px solid var(--rd-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;}
.cat-card:hover{border-color:rgba(244,93,11,.4);transform:translateY(-3px);text-decoration:none;}
.cat-media{position:relative;height:150px;background:radial-gradient(120% 90% at 80% 0%,rgba(244,93,11,.22),transparent 60%),linear-gradient(160deg,#1c2230 0%,#0a0c12 100%);}
.cat-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cat-chip{position:absolute;top:10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(5,6,10,.7);color:#fff;}
.cat-chip--l{left:10px;}
.cat-chip--r{right:10px;color:var(--rd-text-muted);font-weight:500;}
.cat-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;}
.cat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.cat-title{color:#fff;font-weight:700;font-size:16px;}
.cat-arrow{width:34px;height:34px;border-radius:50%;border:1px solid var(--rd-border);color:var(--rd-ember-400);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cat-sub{color:var(--rd-text-muted);font-size:13px;}
.cat-foot{margin-top:26px;text-align:center;color:var(--rd-text-muted);font-size:14px;}
.cat-foot a{color:var(--rd-ember-400);}
.st-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;}
.st-list{display:flex;flex-direction:column;}
.st-item{display:flex;gap:16px;padding:0 0 26px;position:relative;}
.st-item::before{content:'';position:absolute;left:22px;top:48px;bottom:0;width:1px;background:var(--rd-border);}
.st-item:last-child::before{display:none;}
.st-icon{width:44px;height:44px;border-radius:12px;background:var(--rd-ink-800);border:1px solid var(--rd-border);color:var(--rd-ember-400);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;}
.st-num{color:var(--rd-ember-500);font-size:12px;font-weight:800;letter-spacing:.08em;margin-right:8px;}
.st-item h3{color:#fff;font-size:17px;font-weight:700;margin:10px 0 0;}
.st-item p{color:var(--rd-text-muted);font-size:14px;line-height:1.55;margin:8px 0 0;}
.st-media{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--rd-border);background:radial-gradient(120% 90% at 80% 0%,rgba(244,93,11,.18),transparent 60%),linear-gradient(160deg,#1c2230 0%,#0a0c12 100%);min-height:440px;}
.st-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.st-badge{position:absolute;top:14px;left:14px;padding:8px 14px;border-radius:999px;background:rgba(5,6,10,.72);color:#fff;font-size:12.5px;font-weight:600;}
.st-stats{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.st-stat{background:rgba(5,6,10,.72);border:1px solid var(--rd-border);border-radius:12px;padding:12px;text-align:center;}
.st-stat b{display:block;color:#fff;font-size:20px;font-family:var(--rd-font-display);}
.st-stat span{color:var(--rd-text-muted);font-size:11px;}
@media (max-width:960px){
.st-grid{grid-template-columns:1fr;}
.st-media{min-height:360px;}
.cat-grid{grid-template-columns:repeat(2,1fr);}
.xp-grid{grid-template-columns:repeat(2,1fr);}
.xp-card--wide{grid-column:span 2;}
.xp-card--half{grid-column:span 1;}
}
@media (max-width:600px){
.cat-grid,.xp-grid{grid-template-columns:1fr;}
.xp-card--wide,.xp-card--half{grid-column:span 1;}
.pb-wrap{padding:40px 16px;}
.st-stats{gap:6px;}
.st-stat b{font-size:16px;}
}

.rv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;}
.rv-score{background:var(--rd-ink-800);border:1px solid var(--rd-border);border-radius:16px;padding:18px 24px;display:flex;align-items:center;gap:14px;flex-shrink:0;}
.rv-score b{font-family:var(--rd-font-display);font-size:38px;color:#fff;line-height:1;}
.rv-score small{display:block;color:var(--rd-text-muted);font-size:11px;margin-top:4px;max-width:120px;line-height:1.3;}
.rv-stars{color:var(--rd-ember-400);font-size:15px;letter-spacing:2px;}
.rv-stars--sm{font-size:13px;margin-bottom:12px;}
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;}
.rv-card{background:var(--rd-ink-800);border:1px solid var(--rd-border);border-radius:16px;padding:24px;position:relative;display:flex;flex-direction:column;}
.rv-quote{position:absolute;top:18px;right:20px;color:rgba(255,255,255,.06);}
.rv-quote svg{width:34px;height:34px;}
.rv-text{color:var(--rd-text);font-size:14px;line-height:1.6;margin:0 0 20px;flex:1;}
.rv-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--rd-border);padding-top:16px;}
.rv-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--rd-ember-400),var(--rd-ember-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;}
.rv-author b{display:block;color:#fff;font-size:14px;}
.rv-author small{color:var(--rd-text-muted);font-size:12px;}
.tr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px;}
.tr-card{background:var(--rd-ink-800);border:1px solid var(--rd-border);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;position:relative;}
.tr-card--feat{border-color:rgba(244,93,11,.5);box-shadow:0 0 40px rgba(244,93,11,.12);}
.tr-pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--rd-ember-400),var(--rd-ember-600));color:#fff;font-size:11px;font-weight:700;padding:5px 14px;border-radius:999px;white-space:nowrap;}
.tr-icon{width:46px;height:46px;border-radius:12px;background:rgba(244,93,11,.12);color:var(--rd-ember-400);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.tr-card--feat .tr-icon{background:linear-gradient(135deg,var(--rd-ember-400),var(--rd-ember-600));color:#fff;}
.tr-name{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px;}
.tr-sub{color:var(--rd-text-muted);font-size:13px;margin:0 0 18px;}
.tr-price{font-family:var(--rd-font-display);font-size:30px;font-weight:700;color:#fff;margin:0 0 20px;padding-bottom:18px;border-bottom:1px solid var(--rd-border);}
.tr-list{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:12px;flex:1;}
.tr-list li{display:flex;gap:10px;align-items:flex-start;color:var(--rd-text-muted);font-size:13px;line-height:1.45;}
.tr-list li svg{width:16px;height:16px;color:var(--rd-ember-400);flex-shrink:0;margin-top:2px;}
.tr-btn{display:block;text-align:center;padding:13px;border-radius:10px;border:1px solid var(--rd-border);color:var(--rd-text);text-decoration:none;font-weight:600;font-size:14px;transition:.2s;}
.tr-btn:hover{border-color:var(--rd-ember-400);color:#fff;text-decoration:none;}
.tr-btn--feat{background:linear-gradient(135deg,var(--rd-ember-400),var(--rd-ember-600));border:none;color:#fff;}
.tr-foot{text-align:center;color:var(--rd-text-muted);font-size:14px;margin-top:28px;}
.tr-foot a{color:var(--rd-ember-400);}
.fq-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start;}
.fq-contact{background:var(--rd-ink-800);border:1px solid var(--rd-border);border-radius:18px;padding:26px;margin-top:8px;}
.fq-contact__icon{width:46px;height:46px;border-radius:12px;background:rgba(244,93,11,.12);color:var(--rd-ember-400);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.fq-contact h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 10px;}
.fq-contact p{color:var(--rd-text-muted);font-size:14px;line-height:1.55;margin:0 0 18px;}
.fq-contact__btns{display:flex;gap:10px;flex-wrap:wrap;}
.fq-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--rd-border);border-radius:10px;color:var(--rd-text);text-decoration:none;font-size:14px;font-weight:600;transition:.2s;}
.fq-chip svg{width:16px;height:16px;color:var(--rd-ember-400);}
.fq-chip:hover{border-color:var(--rd-ember-400);color:#fff;text-decoration:none;}
.fq-chip--tg{border-color:rgba(244,93,11,.3);color:var(--rd-ember-400);}
.fq-list{display:flex;flex-direction:column;gap:12px;}
.fq-item{background:var(--rd-ink-800);border:1px solid var(--rd-border);border-radius:14px;overflow:hidden;}
.fq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:none;border:none;cursor:pointer;text-align:left;color:#fff;font-size:16px;font-weight:600;font-family:inherit;}
.fq-ic{width:30px;height:30px;border-radius:50%;border:1px solid var(--rd-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--rd-ember-400);}
.fq-ic svg{width:16px;height:16px;}
.fq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.fq-a p{padding:0 22px 20px;margin:0;color:var(--rd-text-muted);font-size:14px;line-height:1.6;}
.fq-item.fq-open .fq-a{max-height:400px;}
.fq-item.fq-open .fq-ic{background:rgba(244,93,11,.15);border-color:transparent;}
.fc-box{background:radial-gradient(900px 400px at 50% -10%,rgba(244,93,11,.18),transparent 60%),linear-gradient(180deg,#131722 0%,#0a0c12 100%);border:1px solid var(--rd-border);border-radius:24px;padding:56px 40px;text-align:center;}
.fc-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid var(--rd-border);border-radius:999px;background:rgba(255,255,255,.04);color:var(--rd-text-muted);font-size:12px;font-weight:600;margin-bottom:22px;}
.fc-chip svg{width:14px;height:14px;color:var(--rd-ember-400);}
.fc-form{display:flex;gap:12px;max-width:560px;margin:28px auto 0;flex-wrap:wrap;justify-content:center;}
.fc-field{position:relative;flex:1;min-width:240px;}
.fc-field__ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-ember-400);}
.fc-field__ic svg{width:18px;height:18px;}
.fc-field input{width:100%;padding:16px 16px 16px 46px;background:var(--rd-ink-950);border:1px solid var(--rd-border);border-radius:12px;color:#fff;font-size:16px;font-family:inherit;box-sizing:border-box;}
.fc-field input::placeholder{color:var(--rd-text-muted);}
.fc-field input:focus{outline:none;border-color:var(--rd-ember-400);}
.fc-submit{display:inline-flex;align-items:center;gap:8px;padding:16px 26px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--rd-ember-400),var(--rd-ember-600));color:#fff;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit;white-space:nowrap;}
.fc-submit svg{width:16px;height:16px;}
.fc-legal{color:var(--rd-text-muted);font-size:12px;margin:16px 0 0;}
.fc-alt{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px;color:var(--rd-text-muted);font-size:13px;}
@media (max-width:960px){
.rv-grid{grid-template-columns:repeat(2,1fr);}
.tr-grid{grid-template-columns:repeat(2,1fr);}
.fq-grid{grid-template-columns:1fr;}
}
@media (max-width:600px){
.rv-grid,.tr-grid{grid-template-columns:1fr;}
.rv-head{flex-direction:column;}
.fc-box{padding:40px 20px;}
.fc-form{flex-direction:column;}
.fc-submit{width:100%;justify-content:center;}
.fq-a p{font-size:13px;}
}