.elementor-639 .elementor-element.elementor-element-f83ed01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-639 .elementor-element.elementor-element-60adfbd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-60adfbd *//* ===================== HUB: PROBLEME BMW (PREMIUM + IMAGINI) ===================== */

.ap-phero{ position:relative; overflow:hidden; isolation:isolate; background:#05070c; }
.ap-phero__bg{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(700px 700px at 16% 20%, rgba(0,160,255,.18), transparent 62%),
    radial-gradient(680px 680px at 86% 18%, rgba(0,55,120,.14), transparent 64%),
    radial-gradient(620px 620px at 78% 86%, rgba(255,30,45,.10), transparent 66%);
}
.ap-phero__media{
  position:absolute; inset:0; z-index:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  filter: saturate(1.05) contrast(1.05);
  transform: scale(1.02);
  opacity:.28;
}
.ap-phero__media::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(5,7,12,.78) 0%, rgba(5,7,12,.58) 45%, rgba(5,7,12,.92) 100%),
    radial-gradient(520px 320px at 20% 25%, rgba(0,0,0,.20), transparent 65%);
}
.ap-phero__inner{ position:relative; z-index:1; max-width:1240px; margin:0 auto; padding: clamp(96px, 10vw, 168px) 16px 56px; color:rgba(255,255,255,.96); }
.ap-phero__grid{ display:grid; grid-template-columns: 1.08fr .92fr; gap: clamp(18px, 3vw, 44px); align-items:start; }

.ap-phero__eyebrow{ margin:0 0 12px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:900; color:rgba(255,255,255,.78); }
.ap-phero__title{ margin:0; font-size: clamp(40px, 5vw, 84px); line-height:1.0; font-weight:900; text-shadow:0 16px 60px rgba(0,0,0,.44); }
.ap-phero__lead{ margin-top:16px; font-size:16px; line-height:1.86; color:rgba(255,255,255,.90); max-width: 78ch; }
.ap-phero__actions{ margin-top:22px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }

.ap-phero__stats{ margin-top:18px; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.ap-pstat{
  padding: 12px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
}
.ap-pstat strong{ display:block; font-weight:900; }
.ap-pstat span{ display:block; margin-top:4px; opacity:.86; font-weight:800; font-size:13px; line-height:1.5; }

.ap-pcard{
  border-radius: 26px;
  padding: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(14px);
  box-shadow: 0 30px 110px rgba(0,0,0,.36);
  overflow:hidden;
  position: sticky;
  top: 110px;
}
.ap-pcard::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.95;
  background:
    radial-gradient(280px 140px at 0% 0%, rgba(0,160,255,.10), transparent 70%),
    radial-gradient(280px 140px at 100% 0%, rgba(255,30,45,.05), transparent 70%);
}
.ap-pcard > *{ position:relative; z-index:1; }
.ap-pcard__k{ margin:0; font-size:12px; letter-spacing:.12em; text-transform:uppercase; font-weight:900; color:rgba(255,255,255,.74); }
.ap-pcard__t{ margin:8px 0 14px; font-size: clamp(22px, 2vw, 30px); font-weight:900; line-height:1.15; }

.ap-psearch__label{ display:block; font-size:12px; opacity:.86; font-weight:800; margin-bottom:8px; }
.ap-psearch__row{ display:flex; gap:10px; align-items:stretch; }
.ap-psearch__input{
  width:100%;
  min-height: 46px;
  border-radius: 16px;
  padding: 10px 12px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.96);
  outline: none;
  font-weight: 800;
}
.ap-psearch__input::placeholder{ color: rgba(255,255,255,.55); }
.ap-psearch__btn{
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  background: linear-gradient(90deg, rgba(0,160,255,1), rgba(0,55,120,1));
}
.ap-psearch__hint{ margin-top:10px; font-size:12px; opacity:.78; font-weight:800; }

.ap-ptopics{ margin-top: 14px; display:flex; flex-wrap:wrap; gap:10px; }
.ap-ptopic{
  display:inline-flex; align-items:center; justify-content:center;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 999px;
  text-decoration:none!important;
  font-weight: 900;
  font-size: 13px;
  color: rgba(255,255,255,.94)!important;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.ap-ptopic:hover{ transform: translateY(-2px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); }

.ap-pcard__cta{ margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.10); display:flex; justify-content:space-between; align-items:center; gap:10px; }
.ap-pcard__cta p{ margin:0; font-weight:900; opacity:.86; font-size:13px; }
.ap-pcard__ctaBtn{ text-decoration:none!important; font-weight:900; color:#fff!important; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:2px; }
.ap-pcard__ctaBtn:hover{ border-bottom-color: rgba(255,255,255,.55); }

/* Symptom cards with image */
.ap-psym{ background:#03050a; position:relative; overflow:hidden; }
.ap-psym__inner{ max-width:1240px; margin:0 auto; padding: 56px 16px; color:rgba(255,255,255,.96); }
.ap-psym__eyebrow{ margin:0 0 10px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:900; opacity:.78; }
.ap-psym__title{ margin:0; font-size: clamp(28px, 3vw, 46px); font-weight:900; line-height:1.08; }
.ap-psym__lead{ margin:12px 0 0; opacity:.90; line-height:1.8; max-width: 78ch; }

.ap-psym__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.ap-psymCard{
  position:relative;
  border-radius: 26px;
  padding: 16px;
  text-decoration:none!important;
  color: rgba(255,255,255,.96)!important;
  border: 1px solid rgba(255,255,255,.14);
  overflow:hidden;
  min-height: 220px;
  background: rgba(255,255,255,.04);
  box-shadow: 0 24px 90px rgba(0,0,0,.28);
  transition: transform .18s ease, border-color .18s ease, filter .18s ease;
}
.ap-psymCard::before{
  content:"";
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  filter: saturate(1.05) contrast(1.05);
  transform: scale(1.03);
  opacity:.38;
}
.ap-psymCard::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(5,7,12,.62) 0%, rgba(5,7,12,.84) 72%, rgba(5,7,12,.94) 100%);
}
.ap-psymCard > *{ position:relative; z-index:1; }

.ap-psymCard:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.20); }
.ap-psymCard__tag{
  display:inline-flex;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  font-weight: 900;
  font-size: 12px;
  opacity: .92;
}
.ap-psymCard__t{ display:block; margin-top: 12px; font-size: 18px; font-weight: 900; line-height: 1.2; }
.ap-psymCard__p{ display:block; margin-top: 8px; opacity: .90; font-weight: 800; line-height: 1.6; font-size: 13px; }
.ap-psymCard__go{ display:inline-block; margin-top: 12px; font-weight: 900; opacity: .92; }

/* Categories */
.ap-pcats{ background:#04060a; }
.ap-pcats__inner{ max-width:1240px; margin:0 auto; padding: 56px 16px 90px; color:rgba(255,255,255,.96); }
.ap-pcats__eyebrow{ margin:0 0 10px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:900; opacity:.78; }
.ap-pcats__title{ margin:0; font-size: clamp(28px, 3vw, 46px); font-weight:900; line-height:1.08; }
.ap-pcats__lead{ margin:12px 0 0; opacity:.90; line-height:1.8; max-width: 86ch; }

.ap-pcats__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.ap-pcat{
  border-radius: 26px;
  padding: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  position:relative;
  overflow:hidden;
}
.ap-pcat::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.9;
  background:
    radial-gradient(240px 140px at 0% 0%, rgba(0,160,255,.08), transparent 70%),
    radial-gradient(240px 140px at 100% 0%, rgba(255,30,45,.05), transparent 70%);
}
.ap-pcat > *{ position:relative; z-index:1; }
.ap-pcat h3{ margin:0; font-weight:900; font-size:18px; }
.ap-pcat p{ margin:10px 0 0; opacity:.90; line-height:1.75; font-weight:800; }

.ap-pcat__links{ margin-top: 12px; display:flex; flex-wrap:wrap; gap:10px; }
.ap-pcat__links a{
  display:inline-flex; align-items:center; justify-content:center;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 999px;
  text-decoration:none!important;
  color: rgba(255,255,255,.94)!important;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  font-weight: 900;
  font-size: 13px;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.ap-pcat__links a:hover{ transform: translateY(-2px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); }

.ap-pcat--cta{
  background: rgba(0,160,255,.08);
  border-color: rgba(0,160,255,.22);
}
.ap-pcat__ctaRow{ margin-top: 14px; display:flex; gap:10px; flex-wrap:wrap; }
.ap-pcat__ctaBtn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 16px;
  text-decoration:none!important;
  font-weight: 900;
  color:#fff!important;
  background: linear-gradient(90deg, rgba(0,160,255,1), rgba(0,55,120,1));
  border: 1px solid rgba(255,255,255,.16);
}
.ap-pcat__ctaBtn--ghost{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}

/* CTA final */
.ap-pcta{ background:#03050a; }
.ap-pcta__inner{ max-width:1240px; margin:0 auto; padding: 0 16px 90px; color:rgba(255,255,255,.96); }
.ap-pcta__box{
  border-radius: 30px;
  padding: 22px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 30px 110px rgba(0,0,0,.34);
}
.ap-pcta__box h2{ margin:0; font-size: clamp(26px, 2.8vw, 44px); font-weight:900; line-height:1.1; }
.ap-pcta__box p{ margin:12px 0 0; opacity:.90; line-height:1.8; font-weight:800; max-width: 80ch; }
.ap-pcta__actions{ margin-top: 16px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }

/* Responsive */
@media (max-width: 1024px){
  .ap-phero__grid{ grid-template-columns: 1fr; }
  .ap-pcard{ position: relative; top:auto; }
  .ap-psym__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ap-pcats__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ap-phero__stats{ grid-template-columns: 1fr; }
}
@media (max-width: 767px){
  .ap-phero__inner{ padding: 108px 16px 44px; }
  .ap-psym__grid{ grid-template-columns: 1fr; }
  .ap-pcats__grid{ grid-template-columns: 1fr; }
  .ap-pcta__actions{ flex-direction: column; align-items: stretch; }
  .ap-psearch__row{ flex-direction: column; }
}/* End custom CSS */