/* ===== PAGE BG ===== */
.nxs-dist-page{
  background:#fff;
}

/* ===== 2-COL LAYOUT ===== */
.nxs-dist-layout{
  padding: 28px 0 60px;
}
.nxs-dist-layout__wrap{
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 40px;
  align-items: start;
}

/* LEFT */
.nxs-dist-left__kicker{
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color:#7a7a7a;
  font-weight: 800;
}
.nxs-dist-left__title{
  margin: 0 0 14px;
  font-weight: 900;
  letter-spacing: .2px;
  font-size: 56px;
  line-height: 1.04;
  color:#111;
}
.nxs-dist-left__lead{
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.7;
  color:#2c2c2c;
  max-width: 70ch;
}

/* Banner */
.nxs-dist-banner{
  border-radius: 10px;
  overflow: hidden;
  background: #eff7ef;
}
.nxs-dist-banner__media{
  background:#eee;
}
.nxs-dist-banner__media img{
  width:100%;
  height: 220px;
  object-fit: cover;
  object-position: bottom;
  display:block;
}
.nxs-dist-banner__body{
  padding: 18px 18px 16px;
}
.nxs-dist-banner__tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#2d7d46;
  margin-bottom: 10px;
}
.nxs-dist-banner__title{
  font-size: 22px;
  font-weight: 900;
  color:#111;
  margin-bottom: 8px;
}
.nxs-dist-banner__text{
  font-size: 15px;
  line-height: 1.65;
  color:#2c2c2c;
  opacity: .92;
  margin-bottom: 14px;
}
.nxs-dist-banner__btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-weight: 900;
  color:#111;
  border-bottom: 2px solid rgba(17,17,17,.2);
  padding-bottom: 2px;
}
.nxs-dist-banner__btn:hover{
  border-bottom-color: rgba(17,17,17,.65);
}

/* RIGHT */
.nxs-dist-right__inner{
  background: transparent;
}

/* ===== selector judete: tabs desktop + select mobile ===== */
.nxs-counties__nav{
  display:flex;
  gap:22px;
  margin: 10px 0 14px;
  flex-wrap: wrap;
}
.nxs-counties__tab{
  background:transparent;
  border:0;
  padding: 10px 0;
  font-weight:900;
  cursor:pointer;
  position:relative;
  color:#111;
  opacity: .85;
}
.nxs-counties__tab.is-active{
  opacity: 1;
}
.nxs-counties__tab.is-active:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:2px;
}
.nxs-counties__mobileSelect{ display:none; }

.nxs-counties__panel{ display:none; }
.nxs-counties__panel.is-active{ display:block; }

.nxs-counties__empty{
  padding: 18px 0 10px;
  color:#111;
  opacity:.85;
  font-weight:700;
}

/* ====== DEALERS look ====== */
.nxs-dealers__grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 12px;
}

/* card */
.nxs-dealer__img{
  overflow:hidden;
  background:#fff;
}
.nxs-dealer__img img{
  width:100%;
  height:auto;
  display:block;
}
.nxs-dealer__ph{
  width:100%;
  padding-top:56%;
  background:#e7e7e7;
}
.nxs-dealer__name{
  margin:14px 0 8px;
  font-size:20px;
  font-weight:900;
  color:#111;
  letter-spacing:.2px;
}
.nxs-dealer__meta{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin: 10px 0 10px;
}
.nxs-dealer__row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:15px;
  line-height:1.35;
  color:#111;
}
.nxs-dealer__row a{ color:inherit; text-decoration:none; }
.nxs-dealer__row a:hover{ text-decoration:underline; }
.nxs-dealer__more{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  color:#111;
  text-decoration:none;
  margin-top:6px;
}
.nxs-dealer__more:hover{ text-decoration:underline; }

/* icons */
.nxs-ico{ width:18px; height:18px; display:inline-block; margin-top:2px; flex:0 0 18px; color:#111; }
.nxs-ico--pin{ background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c3.866 0 7 3.134 7 7 0 5.25-7 13-7 13S5 14.25 5 9c0-3.866 3.134-7 7-7zm0 9.5A2.5 2.5 0 1 0 12 6.5a2.5 2.5 0 0 0 0 5z'/%3E%3C/svg%3E") center/contain no-repeat; }
.nxs-ico--phone{ background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.36 11.36 0 0 0 3.56.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.07 21 3 13.93 3 5a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.56 1 1 0 0 1-.24 1.01l-2.2 2.22z'/%3E%3C/svg%3E") center/contain no-repeat; }
.nxs-ico--mail{ background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5L4 8V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat; }

/* Mobile slider */
.nxs-dealers__slider{ display:none; }

@media (max-width: 1024px){
  .nxs-dist-layout__wrap{
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .nxs-dist-left__title{ font-size:44px; }
}

@media (max-width: 768px){
  /* tabs -> select */
  .nxs-counties__nav{ display:none; }
  .nxs-counties__mobileSelect{ display:none; margin: 10px 0 8px; }
  .nxs-counties__mobileSelect select{
    width:100%;
    padding: 12px 14px;
    border:1px solid #111;
    border-radius: 8px;
    background:#fff;
    font-weight:900;
  }

  /* grid off, slider on */
  .nxs-dealers__grid{ display:none; }
  .nxs-dealers__slider{ display:block; margin-top: 12px; }

  .nxs-dealers__track{
    display:flex;
    gap:18px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom: 8px;
    overscroll-behavior-x:contain;
  }
  .nxs-dealers__track::-webkit-scrollbar{ display:none; }
  .nxs-dealers__slide{
    flex: 0 0 86%;
    scroll-snap-align:center;
  }

  .nxs-dealer--mobile .nxs-dealer__name{ font-size:20px; }
  .nxs-dealer--mobile .nxs-dealer__row{ font-size:15px; gap:14px; }

  .nxs-ico{ width:22px;height:22px;flex-basis:22px; }

  .nxs-dealers__dots{
    display:flex;
    justify-content:center;
    gap:10px;
    margin: 14px 0 6px;
  }
  .nxs-dealers__dot{
    width:10px;height:10px;border-radius:999px;
    background:#cfcfcf;
    border:0;
    padding:0;
  }
  .nxs-dealers__dot.is-active{ background:#2d7d46; }
}

/* =========================================
   TOP MISSION (poza 1)
========================================= */
.nxs-mission{
  padding: 36px 0 18px;
  background: #fff;
}
.nxs-mission__wrap{
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 26px;
  align-items: stretch;
}
.nxs-mission__card{
  background: #fafafa;
  border: 1px solid #ededed;
  border-radius: 16px;
  padding: 26px 26px 24px;
}
.nxs-mission__icon{
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
}
.nxs-mission__icon span{
  width: 58px;
  height: 34px;
  background: #0b5a2a;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c3 4 3 7 0 10C9 9 9 6 12 2zm7 6c1 5-1 9-5 11 0-4 2-7 5-11zM5 8c3 4 5 7 5 11-4-2-6-6-5-11z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c3 4 3 7 0 10C9 9 9 6 12 2zm7 6c1 5-1 9-5 11 0-4 2-7 5-11zM5 8c3 4 5 7 5 11-4-2-6-6-5-11z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.nxs-mission__title{
  margin: 0 0 12px;
  font-size: 40px;
  line-height: 1.12;
  letter-spacing: -0.02em;
  font-weight: 800;
  color: #111827;
}
.nxs-mission__text{
  margin: 0;
  max-width: 70ch;
  font-size: 16px;
  line-height: 1.65;
  color: #585858;
  font-weight: 500;
}
.nxs-mission__media{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #ededed;
  background: #eee;
}
.nxs-mission__media img{
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
  display: block;
}

@media (max-width: 1024px){
  .nxs-mission__wrap{
    grid-template-columns: 1fr;
  }
  .nxs-mission__title{ font-size: 34px; }
}

/* =========================================
   REVIEWS (poza 2)
========================================= */
.nxs-rev{
  padding: 54px 0 96px;
  background: #fff;
}
.nxs-rev__wrap{
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
}
.nxs-rev__head{
  margin-bottom: 20px;
}
.nxs-rev__pill{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 700;
  color: #111827;
  background: #fff;
}
.nxs-rev__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #0b5a2a;
}
.nxs-rev__titleRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  margin-top: 14px;
}
.nxs-rev__title{
  margin: 0;
  font-size: 54px;
  line-height: 1.04;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: #111;
}
.nxs-rev__nav{
  display:flex;
  gap: 10px;
}
.nxs-rev__btn{
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid #e9e9e9;
  background: #fff;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}
.nxs-rev__btn:hover{
  background:#f6f7f6;
}

.nxs-rev__viewport{
  overflow: hidden;
}
.nxs-rev__track{
  display:flex;
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 16px 2px 4px;
}
.nxs-rev__track::-webkit-scrollbar{ display:none; }

.nxs-rev__card{
  flex: 0 0 420px;
  border-radius: 18px;
  border: 1px solid #e9e9e9;
  padding: 22px 22px 18px;
  background: #fff;
  scroll-snap-align: start;
}
.nxs-rev__quote{
  font-size: 18px;
  line-height: 1.55;
  font-weight: 700;
  color: #111;
  min-height: 150px;
}
.nxs-rev__person{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-top: 18px;
}
.nxs-rev__avatar{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
}
.nxs-rev__avatarPh{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #e5e7eb;
}
.nxs-rev__name{
  font-weight: 800;
  color: #111827;
}
.nxs-rev__role{
  font-size: 13px;
  color: #6b7280;
  font-weight: 600;
}

/* themes */
.nxs-rev__card.is-dark{
  background:#256c3c;
  border-color:#256c3c;
}
.nxs-rev__card.is-dark .nxs-rev__quote,
.nxs-rev__card.is-dark .nxs-rev__name{
  color:#fff;
}
.nxs-rev__card.is-dark .nxs-rev__role{
  color: rgba(255,255,255,.72);
}
.nxs-rev__card.is-green{
  background:#0b5a2a;
  border-color:#0b5a2a;
}
.nxs-rev__card.is-green .nxs-rev__quote,
.nxs-rev__card.is-green .nxs-rev__name{
  color:#fff;
}
.nxs-rev__card.is-green .nxs-rev__role{
  color: rgba(255,255,255,.75);
}

@media (max-width: 1024px){
  .nxs-rev__title{ font-size: 40px; }
  .nxs-rev__card{ flex-basis: 360px; }
}
@media (max-width: 768px){
  .nxs-rev__titleRow{ align-items:flex-start; }
  .nxs-rev__title{ font-size: 34px; }
  .nxs-rev__btn{ width:42px;height:42px; }
  .nxs-rev__card{ flex-basis: 86%; }
}

/* =========================================
   REVIEWS – MOBILE: move arrows under slider
   (works even with a single .nxs-rev__nav)
========================================= */
@media (max-width: 768px){

  /* container ca sa putem ancora sagetile jos */
  .nxs-rev__wrap{
    position: relative;
    padding-bottom: 90px; /* spatiu pentru sageti jos */
  }

  /* slider-ul sa nu fie taiat + spatiu jos */
  .nxs-rev__viewport{
    overflow: visible;
  }

  /* mutam nav-ul sub slider */
  .nxs-rev__nav{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    display: flex;
    gap: 14px;
    justify-content: center;
    align-items: center;
    z-index: 20;
    width: auto;
  }

  /* look ca in poza */
  .nxs-rev__btn{
    width: 56px;
    height: 56px;
    border-radius: 999px;
    border: 1px solid #e9e9e9;
    background: #fff;
    display: grid;
    place-items: center;
    box-shadow: 0 10px 22px rgba(17,24,39,.06);
  }
}

/* =========================================
   TOP MISSION – FIX: dreptunghiular pe desktop
   (mai putin inalt + card si imagine pe aceeasi linie)
========================================= */
@media (min-width: 1025px){

  /* nu mai intindem elementele pe inaltime inutil */
  .nxs-mission__wrap{
    align-items: center; /* in loc de stretch */
  }

  /* card: un pic mai compact */
  .nxs-mission__card{
    padding: 63px 30px 62px;
  }

  /* imagine: controlam inaltimea prin aspect-ratio (nu mai e “foarte inalta”) */
  .nxs-mission__media{
    aspect-ratio: 16 / 9;   /* dreptunghi wide */
    height: auto;
  }

  .nxs-mission__media img{
    height: 100%;
    min-height: 0;          /* anuleaza min-height:260px */
  }
}

/* =========================================
   DEALER SECTION – align bottom pe desktop
========================================= */
@media (min-width: 1025px){

  .nxs-dist-layout__wrap{
    align-items: end; /* aliniaza coloanele jos */
  }

}


/* =========================================
   CTA buttons – look ca in poza 3 (galben)
========================================= */
.nxs-dist-banner__btn,
.nxs-dealer__more{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 18px !important;
  border-radius: 14px !important;

  background: #ffdd00 !important;
  color: #111 !important;

  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;

  font-weight: 900 !important;
  font-size: 12px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* optional: scoate sagetile daca exista ca span separat */
.nxs-dist-banner__btn span[aria-hidden="true"],
.nxs-dealer__more span[aria-hidden="true"]{
  display: none !important;
}

.nxs-dist-banner__btn,
.nxs-dealer__more{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:14px 18px !important;
  border-radius:14px !important;
  background:#ffdd00 !important;
  color:#111 !important;
  text-decoration:none !important;
  font-weight:900 !important;
  font-size:12px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  border:0 !important;
}
.nxs-dist-banner__btn span[aria-hidden="true"],
.nxs-dealer__more span[aria-hidden="true"]{
  display:none !important;
}











html.nxs-modal-open{ overflow:hidden; }

.nxs-loc-overlay{
  position:fixed;
  inset:0;
  background: rgba(10,10,10,.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity:0;
  pointer-events:none;
  transition: opacity .18s ease;
  z-index: 99990;
}

.nxs-loc-modal{
  position:fixed;
  left:50%;
  top:50%;
  transform: translate(-50%, -48%);
  width:min(520px, calc(100vw - 28px));
  background:#fff;
  border-radius:16px;
  box-shadow: 0 22px 60px rgba(0,0,0,.22);
  opacity:0;
  pointer-events:none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 99991;
  overflow:hidden;
}

html.nxs-modal-open .nxs-loc-overlay{ opacity:1; pointer-events:auto; }
html.nxs-modal-open .nxs-loc-modal{ opacity:1; pointer-events:auto; transform: translate(-50%, -50%); }

.nxs-loc-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
  border-bottom:1px solid rgba(0,0,0,.06);
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

.nxs-loc-modal__title{
  font-weight:800;
  font-size:16px;
  color:#111;
  letter-spacing:.2px;
}

.nxs-loc-modal__close{
  width:42px;
  height:42px;
  border:0;
  background: rgba(0,0,0,.05);
  border-radius:12px;
  cursor:pointer;
  font-size:22px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.nxs-loc-modal__close:hover{ background: rgba(0,0,0,.08); }

.nxs-loc-modal__body{ padding:16px 18px 18px; }
.nxs-loc-modal__desc{
  margin:0 0 14px;
  color:#444;
  font-size:13px;
  line-height:1.35;
}

.nxs-loc-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.nxs-loc-btn{
  width:100%;
  box-sizing:border-box;
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 14px;
  border-radius:14px;
  text-decoration:none !important;
  color:#fff !important;
  font-weight:800;
  letter-spacing:.2px;
  box-shadow:
    0 12px 22px rgba(0,0,0,.14),
    0 2px 0 rgba(255,255,255,.12) inset,
    0 -2px 0 rgba(0,0,0,.12) inset;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.nxs-loc-btn:active{
  transform: translateY(1px);
  box-shadow:
    0 9px 16px rgba(0,0,0,.14),
    0 1px 0 rgba(255,255,255,.10) inset,
    0 -2px 0 rgba(0,0,0,.16) inset;
}

.nxs-loc-btn__ico{
  width:38px;
  height:38px;
  border-radius:12px;
  background: rgba(255,255,255,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.nxs-loc-btn__ico img{
  width:18px;
  height:18px;
  display:block;
  filter: brightness(0) invert(1);
  opacity:.95;
}

.nxs-loc-btn__meta{ display:flex; flex-direction:column; gap:2px; }
.nxs-loc-btn__label{ font-size:14px; line-height:1.1; }
.nxs-loc-btn__sub{ font-size:12px; font-weight:650; opacity:.9; }

.nxs-loc-btn--phone{ background: linear-gradient(180deg, #e03328 0%, #c81f16 100%); }
.nxs-loc-btn--wa{ background: linear-gradient(180deg, #25D366 0%, #128C7E 100%); }
.nxs-loc-btn--mail{ background: linear-gradient(180deg, #334155 0%, #0f172a 100%); }

.nxs-loc-modal__foot{
  padding:12px 18px 16px;
  border-top:1px solid rgba(0,0,0,.06);
  color:#666;
  font-size:12px;
}

.nxs-loc-modal, .nxs-loc-modal *{
  -webkit-tap-highlight-color: transparent;
  outline:none !important;
}

/* ===============================
   NXS DEALER – bottom background
================================ */

/* card container */
.nxs-dealer{
  display:flex;
  flex-direction:column;
  overflow:hidden; /* important pentru radius */
  border-radius:16px;
}

/* imagine full width */
.nxs-dealer__img img{
  display:block;
  width:100%;
  height:auto;
}

/* partea de jos */
.nxs-dealer__body{
  background:#eff7ef;       /* <-- schimbi culoarea aici */
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* optional: separare vizuala mai clara */
.nxs-dealer__img + .nxs-dealer__body{
  border-top:1px solid rgba(0,0,0,0.04);
}

/* buton */
.nxs-dealer__more{
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:700;
}

@media (max-width: 768px) {

  .nxs-counties__mobileSelect select{
    width:100%;
    padding:16px 18px;
    
    font-size:18px;           /* text mai mare */
    font-weight:800;
    letter-spacing:0.3px;
    color:#0f3d2e;            /* verde inchis */

    background:#e6f4ec;       /* fundal verde foarte light */
    border:2px solid #2e7d32; /* chenar verde */
    border-radius:14px;

    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;

    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    transition:all .2s ease;
  }

  .nxs-counties__mobileSelect select:focus{
    outline:none;
    border-color:#1b5e20;
    box-shadow:0 0 0 3px rgba(46,125,50,0.15);
  }

}

/* =========================
   DESKTOP – Counties Tabs
========================= */

.nxs-counties__nav{
  display:flex;
  gap:14px;
  margin-bottom:24px;
}

.nxs-counties__tab{
  padding:12px 22px;
  border-radius:999px;
  border:2px solid #e2e8e5;
  background:#f4f7f5;
  font-size:16px;
  font-weight:700;
  letter-spacing:0.3px;
  color:#1f2f2a;
  cursor:pointer;
  transition:all .2s ease;
}

.nxs-counties__tab:hover{
  background:#e6f4ec;
  border-color:#2e7d32;
  color:#1b5e20;
}

.nxs-counties__tab.is-active{
  background:linear-gradient(135deg,#2e7d32,#1b5e20);
  border-color:#1b5e20;
  color:#fff;
  box-shadow:0 6px 18px rgba(