.elementor-364 .elementor-element.elementor-element-e9d4583{--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-364 .elementor-element.elementor-element-6d843b6 > .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-6d843b6 *//* ================= CONTACT PAGE — AUTOPAN (Enterprise 2026) ================= */
.ap-contact{ background:#04060a; color:rgba(255,255,255,.96); padding-top: 7rem;}

/* Shared buttons */
.ap-cbtn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding: 12px 16px; border-radius: 16px;
  text-decoration:none !important; font-weight: 900; color:#fff !important;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  transition: transform .18s ease, background .18s ease, border-color .18s ease, filter .18s ease;
}
.ap-cbtn:hover{ transform: translateY(-2px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.20); }
.ap-cbtn--primary{
  background: linear-gradient(90deg, rgba(0,160,255,1), rgba(0,55,120,1));
  border-color: rgba(255,255,255,.16);
  position: relative; overflow:hidden; isolation:isolate;
}
.ap-cbtn--primary::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(90deg, rgba(0,160,255,1), rgba(0,55,120,1), rgba(255,30,45,.92));
  opacity: 0;
  transition: opacity .22s ease;
  z-index: 0;              /* behind text */
  pointer-events: none;
}

.ap-cbtn--primary::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-60%;
  width:60%;
  height:180%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent);
  transform: rotate(22deg);
  opacity:0;
  z-index: 1;              /* still behind text */
  pointer-events: none;
}
.ap-cbtn--primary > *{ position:relative; z-index:3; }
.ap-cbtn--primary:hover{ filter: brightness(1.06); }
.ap-cbtn--primary:hover::before{ opacity:1; }
.ap-cbtn--primary:hover::after{ opacity:.9; animation: apSheenC 0.75s ease forwards; }
.ap-cbtn--primary{
  color: #fff !important;
}
@keyframes apSheenC{ 0%{ transform: translateX(0) rotate(22deg);} 100%{ transform: translateX(220%) rotate(22deg);} }

.ap-cbtn--wa{
  background: rgba(0,160,255,.10);
  border-color: rgba(0,160,255,.26);
}
.ap-arr{ display:inline-block; transition: transform .18s ease, opacity .18s ease; opacity:.92; }
.ap-cbtn--primary:hover .ap-arr{ transform: translateX(6px); opacity: 1; }

.ap-check{
  display:inline-flex; width:22px; height:22px; border-radius:999px;
  align-items:center; justify-content:center;
  background: rgba(0,160,255,.20);
  border: 1px solid rgba(0,160,255,.52);
  box-shadow: 0 10px 26px rgba(0,160,255,.12);
  margin-right: 10px;
}
.ap-cbtn--primary{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 0;              /* creează context */
}

.ap-cbtn--primary::before{ z-index: -2; }
.ap-cbtn--primary::after{  z-index: -1; }

/* poți șterge asta, nu mai e necesar */
.ap-cbtn--primary > *{ z-index: 3; }

/* Reveal animations */
/* ===== Reveal animations (SAFE: content visible by default) ===== */
[data-io]{
  opacity: 1;
  transform: none;
  filter: none;
}

/* Animations only when JS enables them */
html.ap-io [data-io]{
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  filter: blur(2px);
  transition: opacity .85s ease, transform .85s ease, filter .85s ease;
}
html.ap-io [data-io="fade-left"]{
  transform: translate3d(22px, 0, 0);
}
html.ap-io .is-in{
  opacity: 1 !important;
  transform: translate3d(0,0,0) !important;
  filter: blur(0) !important;
}

/* HERO */
.ap-contactHero{ position:relative; overflow:hidden; isolation:isolate; }
.ap-contactHero__bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.ap-contactHero__glow{
  position:absolute; border-radius:999px; filter: blur(44px); opacity:.45;
}
.ap-contactHero__glow--b{
  left:-18%; top:6%; width:min(720px, 58vw); aspect-ratio:1;
  background: radial-gradient(circle at 35% 35%, rgba(0,160,255,.22), transparent 62%);
}
.ap-contactHero__glow--d{
  right:-22%; top:14%; width:min(720px, 52vw); aspect-ratio:1; opacity:.30;
  background: radial-gradient(circle at 55% 35%, rgba(0,55,120,.18), transparent 64%);
}
.ap-contactHero__grid{
  position:absolute; inset:0; opacity:.08;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: radial-gradient(circle at 30% 30%, black 40%, transparent 72%);
}
.ap-contactHero__noise{
  position:absolute; inset:0; opacity:.08;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}
.ap-contactHero__wrap{
  position:relative; z-index:1;
  max-width:1240px; margin:0 auto;
  padding: clamp(46px, 6vw, 92px) 16px;
  display:grid; grid-template-columns: 1.2fr .8fr;
  gap: clamp(18px, 3vw, 44px);
  align-items:start;
}
.ap-contactHero__kicker{
  margin:0 0 10px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; opacity:.9;
}
.ap-contactHero__title{
  margin:0; font-weight:900; font-size: clamp(30px, 3.0vw, 52px);
  line-height:1.08; text-wrap: balance;
}
.ap-contactHero__lead{
  margin-top:14px; opacity:.92; line-height:1.7; font-size:16px; max-width: 76ch;
}
.ap-contactHero__cta{ margin-top:18px; display:flex; gap:12px; flex-wrap:wrap; }
.ap-contactHero__trust{ margin:16px 0 0; padding:0; list-style:none; display:grid; gap:10px; }

/* Contact card */
.ap-contactCard{
  border-radius: 26px;
  padding: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  box-shadow: 0 30px 110px rgba(0,0,0,.52);
}
.ap-contactCard__h{
  margin:0; font-weight:900; letter-spacing:.12em; text-transform:uppercase; font-size:12px; opacity:.86;
}
.ap-contactCard__nap{ margin-top:12px; font-style:normal; display:grid; gap:10px; }
.ap-nrow{ display:flex; gap:10px; align-items:flex-start; opacity:.92; line-height:1.55; font-size:13px; }
.ap-ic{ color: rgba(255,255,255,.82); margin-top:1px; }
.ap-contactCard__nap a{
  color: rgba(255,255,255,.96) !important;
  text-decoration:none !important;
  font-weight:900;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.ap-contactCard__nap a:hover{ border-bottom-color: rgba(255,255,255,.42); }
.ap-contactCard__actions{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
.ap-cbtn--small{ padding: 10px 12px; border-radius: 14px; }

/* Section head */
.ap-sectionHead{ max-width: 840px; margin: 0 0 18px; }
.ap-sectionHead__title{ margin:0; font-weight:900; font-size: clamp(24px, 2.2vw, 38px); line-height:1.12; }
.ap-sectionHead__lead{ margin-top:10px; opacity:.92; line-height:1.7; font-size:16px; }

/* MAP section */
.ap-contactMap__wrap{
  max-width:1240px; margin:0 auto;
  padding: 10px 16px clamp(44px, 6vw, 86px);
}
.ap-mapGrid{
  display:grid; grid-template-columns: 1.15fr .85fr;
  gap: clamp(18px, 3vw, 44px);
  align-items:stretch;
}
.ap-mapBox{
  border-radius: 26px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.02);
  box-shadow: 0 30px 110px rgba(0,0,0,.45);
}
.ap-mapBox iframe{ width:100%; height: 420px; border:0; display:block; }
.ap-routeBox{
  border-radius: 26px;
  padding: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  box-shadow: 0 30px 110px rgba(0,0,0,.52);
}
.ap-routeBox__h{ margin:0; font-weight:900; font-size:18px; }
.ap-routeList{ margin:12px 0 0; padding:0; list-style:none; display:grid; gap:10px; opacity:.93; }
.ap-dot{ width:10px; height:10px; border-radius:999px; display:inline-block; margin-right:10px; border:1px solid rgba(255,255,255,.22); }
.ap-dot--b{ background: rgba(0,160,255,.75); }
.ap-dot--d{ background: rgba(0,55,120,.75); }
.ap-dot--r{ background: rgba(255,30,45,.60); }
.ap-dot--w{ background: rgba(255,255,255,.30); }
.ap-routeBox__cta{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
.ap-routeBox__note{ margin-top:12px; opacity:.90; line-height:1.6; font-size:13px; }

/* FORM */
.ap-contactForm__wrap{
  max-width:1240px; margin:0 auto;
  padding: 0 16px clamp(44px, 6vw, 86px);
}
.ap-formGrid{
  display:grid; grid-template-columns: 1.1fr .9fr;
  gap: clamp(18px, 3vw, 44px);
  align-items:start;
}
.ap-form{
  border-radius: 26px;
  padding: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  box-shadow: 0 30px 110px rgba(0,0,0,.52);
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.ap-field{ display:flex; flex-direction:column; gap: 6px; }
.ap-field--full{ grid-column: 1 / -1; }
.ap-field label{ font-weight:900; font-size:13px; opacity:.92; }
.ap-field input, .ap-field select, .ap-field textarea{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.96);
  padding: 12px 12px;
  outline: none;
}
.ap-field textarea{ resize: vertical; min-height: 120px; }
.ap-field input::placeholder, .ap-field textarea::placeholder{ color: rgba(255,255,255,.60); }

.ap-form__actions{ display:flex; gap: 10px; flex-wrap:wrap; align-items:center; }
.ap-form__note{ margin: 0; opacity:.85; font-size:12px; line-height:1.55; }

.ap-formSide{
  border-radius: 26px;
  padding: 16px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 110px rgba(0,0,0,.45);
}
.ap-formSide__h{ margin:0; font-weight:900; font-size:18px; }
.ap-formSide__list{ margin:12px 0 0; padding:0; list-style:none; display:grid; gap:10px; opacity:.93; }
.ap-formSide__cta{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
.ap-formSide__mini{ margin-top:14px; padding-top:12px; border-top:1px solid rgba(255,255,255,.10); }
.ap-miniK{ margin:0; font-weight:900; letter-spacing:.12em; text-transform:uppercase; font-size:12px; opacity:.80; }
.ap-miniV{ margin:8px 0 0; opacity:.90; line-height:1.6; }

/* FAQ */
.ap-contactFAQ__wrap{
  max-width:1240px; margin:0 auto;
  padding: 0 16px clamp(44px, 6vw, 86px);
}
.ap-faqGrid{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ap-faq{
  border-radius: 22px;
  padding: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
}
.ap-faq summary{ cursor:pointer; font-weight:900; }
.ap-faq p{ margin: 10px 0 0; opacity:.92; line-height:1.65; }

/* FAQ - columns layout (fix: no more "both expand" illusion) */
.ap-faqCols{
  column-count: 2;
  column-gap: 14px;
}

.ap-faq{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  display: inline-block;
  width: 100%;
  margin: 0 0 14px;
  border-radius: 22px;
  padding: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
}

.ap-faq summary{
  cursor: pointer;
  font-weight: 900;
}

.ap-faq p{
  margin: 10px 0 0;
  opacity: .92;
  line-height: 1.65;
}

/* Mobile */
@media (max-width: 1024px){
  .ap-faqCols{ column-count: 1; }
}

/* Area */
.ap-contactArea__wrap{
  max-width:1240px; margin:0 auto;
  padding: 0 16px clamp(52px, 7vw, 110px);
  border-top: 1px solid rgba(255,255,255,.10);
}
.ap-contactArea__title{ margin:0; font-weight:900; font-size: clamp(24px, 2.2vw, 38px); }
.ap-contactArea__lead{ margin-top:12px; opacity:.92; line-height:1.7; font-size:16px; max-width: 86ch; }
.ap-contactArea__cta{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }

/* Responsive */
@media (max-width: 1024px){
  .ap-contactHero__wrap{ grid-template-columns: 1fr; }
  .ap-mapGrid{ grid-template-columns: 1fr; }
  .ap-formGrid{ grid-template-columns: 1fr; }
  .ap-form{ grid-template-columns: 1fr; }
  .ap-faqGrid{ grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce){
  [data-io]{ opacity:1; transform:none; filter:none; transition:none; }
}

/* ================= M-POWER AMBIENT BACKGROUND (premium, subtle) ================= */
.ap-mpower{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Accent layer */
.ap-mpower::before{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  z-index:0;

  /* 3 glows (M colors) */
  background:
    radial-gradient(520px 520px at 18% 22%, rgba(0,160,255,.20), transparent 62%),
    radial-gradient(520px 520px at 78% 18%, rgba(0,55,120,.18), transparent 62%),
    radial-gradient(520px 520px at 72% 88%, rgba(255,30,45,.12), transparent 66%),

    /* subtle diagonal sweep */
    linear-gradient(120deg,
      transparent 38%,
      rgba(0,160,255,.10) 48%,
      rgba(0,55,120,.10) 54%,
      rgba(255,30,45,.06) 60%,
      transparent 72%
    );

  filter: blur(10px);
  opacity: .95;
  transform: translate3d(0,0,0);
}

/* Rings + micro-grid */
.ap-mpower::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;

  background:
    /* rings */
    radial-gradient(circle at 22% 72%, transparent 0 56px, rgba(255,255,255,.12) 57px, transparent 58px),
    radial-gradient(circle at 22% 72%, transparent 0 98px, rgba(0,160,255,.12) 99px, transparent 100px),

    radial-gradient(circle at 86% 34%, transparent 0 46px, rgba(255,255,255,.10) 47px, transparent 48px),
    radial-gradient(circle at 86% 34%, transparent 0 82px, rgba(255,30,45,.10) 83px, transparent 84px),

    /* micro-grid (very subtle) */
    linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);

  background-size:
    auto, auto, auto, auto,
    64px 64px, 64px 64px;

  opacity: .16;
  mask-image: radial-gradient(circle at 35% 35%, black 44%, transparent 78%);
}

/* Optional noise helper (use on dark backgrounds) */
.ap-mpower .ap-noise{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity: .07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}

/* Ensure your real content stays above */
.ap-mpower > *{
  position: relative;
  z-index: 1;
}

/* Optional: subtle animated drift (only if you want it) */
.ap-mpower.is-animated::before{
  animation: apMDrift 10s ease-in-out infinite;
}
@keyframes apMDrift{
  0%,100%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(0,-14px,0); }
}

@media (prefers-reduced-motion: reduce){
  .ap-mpower.is-animated::before{ animation:none; }
}

/* ================= M-POWER DOTS (minimal, clean) ================= */
.ap-mdots{ position:relative; overflow:hidden; isolation:isolate; }
.ap-mdots::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(10px 10px at 86% 22%, rgba(0,160,255,.85), transparent 60%),
    radial-gradient(10px 10px at 89% 26%, rgba(0,55,120,.85), transparent 60%),
    radial-gradient(10px 10px at 92% 30%, rgba(255,30,45,.70), transparent 60%);
  filter: blur(.2px);
  opacity:.55;
}
.ap-mdots > *{ position:relative; z-index:1; }

/* ================= FLOATING BMW PNGs (enterprise, subtle) ================= */
.ap-floatcars{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;              /* behind content */
  overflow:hidden;
}

.ap-floatcar{
  position:absolute;
  width: min(520px, 40vw);
  height: auto;
  opacity: .14;           /* subtle */
  filter: blur(.2px) saturate(1.05);
  transform: translate3d(0,0,0);
  will-change: transform;
}

/* fade edges so it blends */
.ap-floatcar{
  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 72%);
  mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 72%);
}

/* Positioning */
.ap-floatcar--left{
  left: -8%;
  top: 10%;
  transform: translate3d(0,0,0) rotate(-6deg);
  opacity: .12;
}

.ap-floatcar--right{
  right: -10%;
  bottom: -6%;
  transform: translate3d(0,0,0) rotate(8deg);
  opacity: .10;
}

/* Make sure section content stays above */
.ap-contactHero, .ap-contactMap, .ap-contactForm, .ap-contactFAQ, .ap-contactArea{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.ap-contactHero > *, .ap-contactMap > *, .ap-contactForm > *, .ap-contactFAQ > *, .ap-contactArea > *{
  position: relative;
  z-index: 1;
}

/* Mobile: hide for cleanliness + performance */
@media (max-width: 767px){
  .ap-floatcars{ display:none; }
}/* End custom CSS */