/* Global safety (doar pentru pagina asta) */
body.nxs-offer-page{
  background:#f4f4f3;
  overflow-x:hidden; /* FIX: elimină spațiul în dreapta pe mobil */
}

/* Wrap */
.nxs-offer-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.nxs-offer-grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: start;
}

/* Panel */
.nxs-offer-panel__inner{
  background:#fff;
  border:1px solid #d9d9d9;
  padding: 22px 22px 14px;
}

.nxs-offer-sku-badge{
  display:inline-block;
  border:1px solid #d9d9d9;
  padding:6px 10px;
  font-size:12px;
  font-weight:700;
  margin-bottom:10px;
}

.nxs-offer-title{
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 800;
}

.nxs-offer-price{
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 8px;
}

.nxs-offer-sub{
  opacity:.85;
  font-size:13px;
  line-height:1.35;
  margin:0 0 14px;
}

.nxs-offer-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 18px;
  font-weight: 800;
  text-decoration: none;
  border-radius: 4px;
  background: #111;
  color: #fff;
  width: 100%;
}

.nxs-offer-cta--inline{
  position: relative;
}

.nxs-offer-cta--fixed{
  display:none;
}

/* Accordion (detalii/manuale) */
.nxs-offer-accordion{
  margin-top: 14px;
  border-top:1px solid #e1e1e1;
}

.nxs-acc{
  border-bottom:1px solid #e1e1e1;
  padding: 0;
}

.nxs-acc__sum{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
  font-weight:700;
}

.nxs-acc__sum::-webkit-details-marker{ display:none; }

.nxs-acc__chev{
  width:10px;height:10px;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  transform:rotate(-45deg);
  margin-left:10px;
  transition:transform .2s ease;
}

details[open] .nxs-acc__chev{
  transform:rotate(45deg);
}

.nxs-acc__body{
  padding: 0 0 14px 0;
  opacity:.95;
}

/* ===== Gallery ===== */
.nxs-gallery{
  background: transparent;
}

.nxs-gallery__stage{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
}

.nxs-gallery__main{
  border:0;
  padding:0;
  background:transparent;
  cursor:zoom-in;
  flex:1;
  touch-action: pan-y;
}

.nxs-gallery__main-img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 6px;
  background:#fff;
}

.nxs-gallery__arrow{
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid #ddd;
  background:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.nxs-gallery__thumbs{
  display:flex;
  gap:10px;
  margin-top:12px;
  flex-wrap:wrap;
}

.nxs-thumb{
  border:2px solid transparent;
  padding:0;
  background:transparent;
  border-radius:6px;
  cursor:pointer;
}

.nxs-thumb img{
  width:72px;
  height:72px;
  object-fit:cover;
  display:block;
  border-radius:6px;
}

.nxs-thumb.is-active{
  border-color:#2d7d46;
}

/* Lightbox */
.nxs-lightbox{
  position:fixed;
  inset:0;
  display:none;
  z-index:99999;
}
.nxs-lightbox.is-open{ display:block; }
.nxs-lightbox__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
}
.nxs-lightbox__content{
  position:relative;
  z-index:2;
  width:min(96vw, 1100px);
  height:min(90vh, 820px);
  margin:4vh auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nxs-lightbox__img{
  max-width:100%;
  max-height:100%;
  border-radius:10px;
  background:#fff;
  touch-action: pan-y;
}
.nxs-lightbox__close{
  position:absolute;
  top:-10px;
  right:-10px;
  width:44px;height:44px;
  border-radius:999px;
  border:0;
  background:#fff;
  font-size:28px;
  cursor:pointer;
}
.nxs-lightbox__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:54px;height:54px;
  border-radius:999px;
  border:0;
  background:#fff;
  font-size:34px;
  cursor:pointer;
}
.nxs-lightbox__nav--prev{ left:-10px; }
.nxs-lightbox__nav--next{ right:-10px; }

/* ====== FEATURES ====== */
.nxs-features{
  margin-top: 34px;
  background:#fff;
}

.nxs-features__wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 44px 20px;
}

.nxs-features__title{
  margin:0 0 10px;
  text-align:center;
  color:#3d3d3c;
  font-weight:900;
  font-size:44px;
  line-height:1.05;
}

.nxs-features__intro{
  text-align:center;
  max-width: 980px;
  margin: 0 auto 28px;
  color:#333;
  opacity:.95;
  font-size:18px;
  line-height:1.55;
}

/* desktop grid */
.nxs-features__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  align-items:start;
}

.nxs-feature__img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:8px;
}

.nxs-feature__h{
  margin: 18px 0 10px;
  color:#3d3d3c;
  font-weight:900;
  font-size:34px;
  line-height:1.12;
}

.nxs-feature__p{
  color:#222;
  font-size:16px;
  line-height:1.6;
}

.nxs-features__accordion{
  display:none;
}

/* ===== SPECIFICAȚII ===== */
.nxs-specs{
  margin-top: 34px;
  background:#fff;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
.nxs-specs__wrap{
  max-width:1200px;
  margin:0 auto;
  padding: 34px 20px 30px;
}
.nxs-specs__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom: 14px;
}
.nxs-specs__title{
  margin:0;
  font-size:24px;
  font-weight:900;
  letter-spacing:.4px;
  color:#111;
}
.nxs-specs__file{
  font-weight:700;
  font-size:13px;
  text-decoration:none;
  color:#111;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.nxs-specs__file:after{ content:"⬇"; }

.nxs-specs__nav{
  display:flex;
  gap:22px;
  border-bottom:1px solid #e9e9e9;
  margin-bottom: 14px;
}
.nxs-specs__tab{
  background:transparent;
  border:0;
  padding: 10px 0;
  font-weight:700;
  cursor:pointer;
  position:relative;
}
.nxs-specs__tab.is-active:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:2px;
}
.nxs-specs__mobileSelect{ display:none; }

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

.nxs-specs__table{
  border-radius: 6px;
  overflow:hidden;
}
.nxs-specs__row{
  display:grid;
  grid-template-columns: 1fr 2fr;
  gap: 14px;
  padding: 12px 14px;
}
.nxs-specs__row:nth-child(odd){ background:#f7f7f5; }
.nxs-specs__k{ font-weight:800; }
.nxs-specs__v{ opacity:.9; }

/* Mobile */
@media (max-width: 768px){
  .nxs-offer-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .nxs-offer-panel__inner{
    padding: 18px 16px 12px;
  }

  .nxs-offer-title{ font-size:24px; }
  .nxs-offer-price{ font-size:24px; }

  .nxs-offer-cta--fixed{
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 9999;
    border-radius: 6px;
    display:none;
  }

  body.nxs-offer-page.nxs-offer-has-sticky{
    padding-bottom: 90px;
  }

  /* Features: mobile accordion, hide grid */
  .nxs-features__title{
    font-size:44px;
    padding:0 6px;
  }
  .nxs-features__intro{
    font-size:22px;
    padding:0 10px;
  }

  .nxs-features__grid{ display:none; }
  .nxs-features__accordion{ display:block; margin-top:18px; }

  .nxs-facc{
    border-top:1px solid #e1e1e1;
    padding: 12px 0;
  }
  .nxs-facc:last-child{
    border-bottom:1px solid #e1e1e1;
  }

  .nxs-facc__head{
    width:100%;
    border:0;
    background:transparent;
    padding: 8px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
  }

  .nxs-facc__title{
    color:#3d3d3c;
    font-weight:900;
    font-size:34px;
    line-height:1.12;
    text-align:left;
  }

  .nxs-facc__icon{
    font-size:34px;
    line-height:1;
    color:#ff8400;
    font-weight:700;
    margin-left:14px;
  }

  .nxs-facc__img img{
    width:100%;
    height:auto;
    display:block;
    border-radius:8px;
    margin-top: 12px;
  }

  .nxs-facc__text{
    margin-top: 12px;
    font-size:18px;
    line-height:1.65;
    color:#222;
  }

  /* Specs: dropdown mobile */
  .nxs-specs__nav{ display:none; }
  .nxs-specs__mobileSelect{ display:block; margin: 8px 0 12px; }
  .nxs-specs__mobileSelect select{
    width:100%;
    padding: 12px 14px;
    border:1px solid #111;
    border-radius: 6px;
    background:#fff;
    font-weight:700;
  }
}

/* ====== DEALERS (Gaseste un distribuitor) ====== */
.nxs-dealers{
  background: transparent;
  margin: 34px 0 0;
}
.nxs-dealers__wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px 40px;
}
.nxs-dealers__top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.nxs-dealers__title{
  margin:0;
  font-weight:900;
  font-size:35px;
  line-height:1.05;
  color:#111;
  letter-spacing:.5px;
}
.nxs-dealers__all{
  text-decoration:none;
  color:#111;
  font-weight:700;
  font-size:16px;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.nxs-dealers__all:hover{ text-decoration:underline; }

/* Desktop grid */
.nxs-dealers__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.nxs-dealer{
  background: transparent;
}
.nxs-dealer__img{
  border-radius:6px;
  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:16px 0 8px;
  font-size:28px;
  font-weight:900;
  color:#ffffff;
  letter-spacing:.3px;
}
.nxs-dealer__meta{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin: 10px 0 12px;
}
.nxs-dealer__row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:18px;
  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:800;
  color:#111;
  text-decoration:none;
  margin-top:6px;
}
.nxs-dealer__more:hover{ text-decoration:underline; }

/* simple icons */
.nxs-ico{ width:18px; height:18px; display:inline-block; margin-top:2px; flex:0 0 18px; }
.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: 768px){
  .nxs-dealers__top{
    align-items:flex-start;
  }
  .nxs-dealers__title{
    font-size:44px;
  }
  .nxs-dealers__all{
    display:none; /* ca in exemplu, avem buton jos */
  }

  .nxs-dealers__grid{ display:none; }
  .nxs-dealers__slider{ display:block; }

  .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:24px;
  }
  .nxs-dealer--mobile .nxs-dealer__row{
    font-size:16px;
    gap:14px;
  }
  .nxs-ico{ width:22px;height:22px;flex-basis:22px; }

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

  .nxs-dealers__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    border:2px solid #111;
    border-radius:999px;
    min-height:62px;
    font-weight:900;
    letter-spacing:.6px;
    text-transform:uppercase;
    color:#111;
    text-decoration:none;
    gap:12px;
    background:transparent;
  }
}

/* ====== RELATED PRODUCTS (Explorati produsele) ====== */

.nxs-related__wrap{
  max-width:1200px;
  margin:0 auto;
  padding: 40px 20px 10px;
}

.nxs-related__top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.nxs-related__title{
  margin:0;
  font-weight:900;
  font-size:35px;
  line-height:1.05;
  color:#111;
  letter-spacing:.5px;
}

/* slider base */
.nxs-related__slider{ display:block; }

.nxs-related__track{
  display:flex;
  gap:18px;

  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;

  padding: 0 0 8px; /* pe desktop nu mai vrem padding lateral */
  box-sizing:border-box;

  overscroll-behavior-x:contain;

  scrollbar-width:none;
}
.nxs-related__track::-webkit-scrollbar{ display:none; }

.nxs-related__slide{
  scroll-snap-align:start;
}

/* card look (optional, dar arata mult mai bine ca in screenshot 1) */
.nxs-rp{
  background:#fff;
  border:1px solid #2d7d46;
  border-radius:8px;
  overflow:hidden;
}

.nxs-rp__img{
  display:block;
  background:#fff;
}
.nxs-rp__img img{
  width:100%;
  height:auto;
  display:block;
}

.nxs-rp__name{
  display:block;
  padding:12px 14px 6px;
  font-weight:900;
  color:#2d7d46;
}

.nxs-rp__price{
  padding:0 14px 14px;
  font-size: 18px;
  font-weight:900;
  text-align:left;
}

/* nav arrows */
.nxs-related__nav{
  display:none; /* on doar desktop */
  justify-content:flex-end;
  gap:10px;
  margin-top:12px;
}

.nxs-related__arrow{
  appearance:none;
  border:0;
  background:#111;
  color:#fff;
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.nxs-related__arrow[disabled]{ opacity:.35; cursor:not-allowed; }


/* =========================
   DESKTOP (3 pe ecran)
   ========================= */
@media (min-width: 769px){
  /* folosim slider, ascundem grid-ul */
  .nxs-related__grid{ display:none; }
  .nxs-related__slider{ display:block; }

  /* 3 pe ecran: (100% - 2*gap) / 3  => gap=18px => 36px */
  .nxs-related__slide{
    flex: 0 0 calc((100% - 36px) / 3);
  }

  .nxs-related__nav{ display:flex; }
  .nxs-related__dots{ display:none; }
}


/* =========================
   MOBILE (comportamentul tau)
   ========================= */
@media (max-width: 768px){
  .nxs-related__all{ display:none; }
  .nxs-related__grid{ display:none; }
  .nxs-related__slider{ display:block; }

  /* hack-ul tau de full-bleed pe mobil */
  .nxs-related__track{
    width:100vw;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    padding: 0 20px 8px;
    scroll-padding-left:20px;
    scroll-padding-right:20px;
  }

  .nxs-related__slide{
    flex:0 0 86%;
  }

  .nxs-rp--mobile .nxs-rp__name{
    font-size:16px;
    font-weight:400;
    text-align: left;
  }

  .nxs-related__dots{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:14px 0 18px;
  }

  .nxs-related__dot{
    width:10px;
    height:10px;
    border-radius:999px;
    background:#cfcfcf;
    border:0;
    padding:0;
  }
  .nxs-related__dot.is-active{ background:#2d7d46; }
}

/* =========================
   GALLERY – DESIGN NOU
   ========================= */

/* --- Mobile: poza full-bleed (fara spatii laterale) --- */
@media (max-width:768px){
  /* scoatem galeria din padding-ul containerului doar vizual */
  .nxs-offer-media{
    margin-left: -20px;   /* egal cu padding-ul .nxs-offer-wrap */
    margin-right: -20px;  /* egal cu padding-ul .nxs-offer-wrap */
  }

  .nxs-gallery__stage{
    gap: 0;
    position: relative;
  }

  .nxs-gallery__main{
    border-radius: 0;
    cursor: default;
  }

  /* imaginea mare: full width, fara bordura, fara colturi */
  .nxs-gallery__main-img{
    border-radius: 0;
    background: #fff;
    width: 100%;
    height: auto;
    display: block;

    /* daca vrei sa fie "completa" fara crop, asta e default (height:auto) */
    object-fit: contain;
  }

  /* sageti mai discrete pe mobil */
  .nxs-gallery__arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;

    width:44px;
    height:44px;
    border-radius:999px;
    border: 0;
    background: rgba(17,17,17,.72);
    color:#fff;
    font-size:28px;
    line-height:1;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
  }
  .nxs-gallery__arrow--prev{ left: 12px; }
  .nxs-gallery__arrow--next{ right: 12px; }

  /* Thumbs: centrate, mai mici, "pills" elegante */
  .nxs-gallery__thumbs{
    justify-content:center;
    gap:10px;
    padding: 12px 12px 0;
    margin-top: 0;
  }

  .nxs-thumb{
    border: 1px solid #e3e3e3;
    border-radius: 999px;
    padding: 3px; /* ring */
    background:#fff;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .nxs-thumb img{
    width: 54px;   /* mai mic */
    height: 54px;
    border-radius: 999px;
    object-fit: cover;
  }

  .nxs-thumb.is-active{
    border-color:#2d7d46;
    box-shadow: 0 10px 26px rgba(0,0,0,.12);
  }
}

/* --- Desktop: look premium --- */
@media (min-width:769px){
  .nxs-gallery__stage{
    gap: 14px;
    align-items:center;
  }

  /* zona imaginii principale ca un "card" */
  .nxs-gallery__main{
    border-radius: 12px;
    overflow:hidden;
    background:#fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 14px 40px rgba(0,0,0,.06);
  }

  .nxs-gallery__main-img{
    border-radius: 0; /* deja taiat de overflow */
    background:#fff;
  }

  /* sageti desktop mai elegante */
  .nxs-gallery__arrow{
    width:46px;
    height:46px;
    border-radius:999px;
    border:1px solid #e3e3e3;
    background:#fff;
    font-size:28px;
    box-shadow: 0 10px 26px rgba(0,0,0,.08);
    transition: transform .12s ease, box-shadow .12s ease;
  }
  .nxs-gallery__arrow:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
  }

  /* thumbs pe desktop: rând curat, centrat pe lățimea imaginii */
  .nxs-gallery__thumbs{
    gap:12px;
    margin-top: 14px;
    justify-content:flex-start; /* sau center dacă vrei */
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:6px;
    scrollbar-width:none;
  }
  .nxs-gallery__thumbs::-webkit-scrollbar{ display:none; }

  .nxs-thumb{
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    padding: 4px; /* ring */
    background:#fff;
    box-shadow: 0 10px 24px rgba(0,0,0,.06);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .nxs-thumb:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(0,0,0,.08);
  }

  .nxs-thumb img{
    width: 74px;
    height: 74px;
    border-radius: 10px;
    object-fit: cover;
  }

  .nxs-thumb.is-active{
    border-color:#2d7d46;
    box-shadow: 0 16px 40px rgba(0,0,0,.10);
  }
}

/* OPTIONAL: doar daca vrei crop (cover) */
@media (min-width:769px){
  .nxs-gallery__main-img{
    width:100%;
    height: 520px;       /* alege o inaltime */
    object-fit: cover;   /* umple cardul */
  }
}

@media (max-width:768px){
  /* elimina spatiul de sus de sub header, doar pe mobil */
  .nxs-offer-wrap{
    padding-top: 0 !important;
  }

  /* optional: daca mai exista un mic gap din alte elemente */
  .nxs-offer-media{
    margin-top: 0 !important;
  }

  .nxs-gallery{
    margin-top: 0 !important;
  }
}


/* =========================================
   GALLERY – LOOK ca in Poza 3 (desktop) / Poza 4 (mobile)
   PUNE LA FINAL (override)
   ========================================= */

/* --------- DESKTOP --------- */
@media (min-width: 769px){

  /* card alb, cu padding si sageti peste card (ca in Poza 3) */
  .nxs-gallery__stage{
    position: relative;
    background:#fff;
    border-radius:14px;
    box-shadow: 0 14px 34px rgba(0,0,0,.06);
    display:block;               /* scoatem flex + gap */
  }

  /* nu vrem “card in card” */
  .nxs-gallery__main{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
    overflow:visible !important;
    cursor: zoom-in;
  }

  /* imagine mare, fara crop */
  .nxs-gallery__main-img{
    width:100%;
    height:auto !important;
    max-height: 560px;
    object-fit: contain !important;
    border-radius:0 !important;
    background:transparent !important;
    display:block;
  }

  /* sageti ca in exemplu: rotunde, discrete, centrate vertical */
  .nxs-gallery__arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;

    width:52px;
    height:52px;
    border-radius:999px;
    border:0 !important;
    background:#fff !important;
    color:#111;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
  }
  .nxs-gallery__arrow--prev{ left: 16px; }
  .nxs-gallery__arrow--next{ right: 16px; }

  /* thumbs: mici, patrate/rotunjite, aliniate stanga (ca in Poza 3) */
  .nxs-gallery__thumbs{
    display:flex;
    gap:12px;
    margin-top:14px;
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding: 0 0 6px;
    scrollbar-width:none;
  }
  .nxs-gallery__thumbs::-webkit-scrollbar{ display:none; }

  .nxs-thumb{
    border:1px solid #e6e6e6 !important;
    border-radius:10px !important;
    padding:0 !important;
    background:#fff !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.06);
    overflow:hidden;
  }

  .nxs-thumb img{
    width:74px;
    height:74px;
    object-fit:cover;
    border-radius:10px;
    display:block;
  }

  .nxs-thumb.is-active{
    border-color:#2d7d46 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.10);
  }
}


/* --------- MOBILE --------- */
@media (max-width: 768px){

  /* pe mobil: full-width ca in Poza 4, fara “card” gros */
  .nxs-offer-media{
    margin-left: -20px;     /* ramane full-bleed */
    margin-right: -20px;
  }

  .nxs-gallery__stage{
    position: relative;
    background:#fff;
    border-radius:0;
    padding: 0;
    box-shadow:none;
    display:block;
  }

  .nxs-gallery__main{
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden;
    cursor: default;
  }

  .nxs-gallery__main-img{
    width:100%;
    height:auto;
    object-fit:contain;
    border-radius:0 !important;
    display:block;
    background:#fff;
  }

  /* in Poza 4 practic nu se vad sageti – le ascundem pe mobil */
  .nxs-gallery__arrow{
    display:none !important;
  }

  /* thumbs: patrate cu radius (NU cercuri), ca in Poza 4 */
  .nxs-gallery__thumbs{
    display:flex;
    gap:10px;
    padding: 12px 12px 0;
    margin-top:0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .nxs-gallery__thumbs::-webkit-scrollbar{ display:none; }

  .nxs-thumb{
    flex: 0 0 auto;
    border:1px solid #e6e6e6 !important;
    border-radius:10px !important;
    padding:0 !important;
    background:#fff !important;
    overflow:hidden;
    box-shadow: 0 8px 18px rgba(0,0,0,.06);
  }

  .nxs-thumb img{
    width:56px;
    height:56px;
    border-radius:10px;
    object-fit:cover;
    display:block;
  }

  .nxs-thumb.is-active{
    border:2px solid #2d7d46 !important;
  }
}


/* --------- IMPORTANT: scoatem “OPTIONAL crop (cover)” daca era activ --------- */
.nxs-gallery__main-img{
  height:auto !important;
  object-fit:contain !important;
}

/* =========================
   THUMBS – border gri subtire + padding (imagine mai mica in interior)
   ========================= */

/* Desktop */
@media (min-width: 769px){
  .nxs-gallery__thumbs{ gap:12px; }

  .nxs-thumb{
    width: 78px;
    height: 78px;
    border: 1px solid #d6d6d6 !important; /* gri subtire */
    border-radius: 12px !important;
    background:#fff !important;
    padding: 10px !important;            /* aici facem “margini” in interior */
    box-shadow:none !important;
    display:grid;
    place-items:center;
    overflow:hidden;
  }

  .nxs-thumb img{
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
    object-fit: contain !important;      /* nu crop */
    display:block;
    background:transparent;
  }

  .nxs-thumb.is-active{
    border-color:#2d7d46 !important;
  }
}

/* Mobile */
@media (max-width: 768px){
  .nxs-gallery__thumbs{ gap:10px; }

  .nxs-thumb{
    width: 66px;
    height: 66px;
    border: 1px solid #d6d6d6 !important;
    border-radius: 12px !important;
    background:#fff !important;
    padding: 9px !important;
    box-shadow:none !important;
    display:grid;
    place-items:center;
    overflow:hidden;
  }

  .nxs-thumb img{
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    display:block;
  }

  .nxs-thumb.is-active{
    border-color:#2d7d46 !important;
  }
}

/* =========================
   BADGE "1/14" – dreapta jos pe imaginea mare
   ========================= */
.nxs-gallery__stage{ position:relative; }

.nxs-gallery__count{
  position:absolute;
  right: 16px;
  bottom: 16px;
  z-index: 6;

  background: rgba(60,60,60,.75);
  color:#fff;
  padding: 8px 12px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .2px;

  display:inline-flex;
  align-items:center;
  gap:8px;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.nxs-gallery__count .nxs-gallery__count-ico{
  width:14px;
  height:14px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:3px;
  position:relative;
  opacity:.95;
}
.nxs-gallery__count .nxs-gallery__count-ico:after{
  content:"";
  position:absolute;
  right:-5px;
  bottom:-5px;
  width:6px;
  height:6px;
  border:2px solid rgba(255,255,255,.9);
  border-left:0;
  border-top:0;
  border-radius:2px;
  transform: rotate(0deg);
}

@media (max-width:768px){
  .nxs-gallery__count{
    right: 12px;
    bottom: 12px;
    font-size: 13px;
    padding: 7px 11px;
  }
}


/* =========================
   GALLERY COUNT – MINIMAL
   ========================= */

.nxs-gallery__count{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:6;

  background: rgba(0,0,0,.42);   /* mai transparent */
  color:#fff;

  padding: 6px 10px;
  border-radius: 10px;

  font-size: 13px;
  font-weight: 500;              /* mai finut */
  letter-spacing: .3px;
  line-height: 1;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* text only – ascundem orice altceva */
.nxs-gallery__count-ico{
  display:none !important;
}

/* Mobile – usor mai mic */
@media (max-width:768px){
  .nxs-gallery__count{
    right:12px;
    bottom:12px;
    font-size:12px;
    padding:5px 9px;
    border-radius:9px;
  }
}

/* =========================
   GALLERY ARROWS – stil "badge" (ca 1/3)
   ========================= */

/* pe pagina (nu lightbox) */
.nxs-gallery__arrow{
  background:#ffffff !important;     /* ca badge */
  color:#2d7d46 !important;
  border: 0 !important;
  box-shadow: none !important;

  width: 46px;
  height: 46px;
  border-radius: 999px;

  font-weight: 500;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  display:grid;
  place-items:center;
}

/* hover discret */
@media (hover:hover){
  .nxs-gallery__arrow:hover{ background:#ffffff !important; }
}

/* daca ai vreun caracter text < sau >, il facem putin mai fin */
.nxs-gallery__arrow{ font-size: 24px !important; line-height:1; }

/* pe desktop raman pe margini, cum ai deja in patch-ul anterior */
@media (min-width:769px){
  .nxs-gallery__arrow--prev{ left: 16px; }
  .nxs-gallery__arrow--next{ right: 16px; }
}

/* pe mobil – daca vrei sa ramana ascunse pe pagina, pastreaza asta */
@media (max-width:768px){
  .nxs-gallery__arrow{ display:none !important; }
}

/* =========================
   LIGHTBOX – upgrade MOBILE + arrows + close
   ========================= */

/* backdrop putin mai “soft” */
.nxs-lightbox__backdrop{
  background: rgba(0,0,0,.70) !important;
}

/* Desktop: lasam aproape cum e (dar putem rafina putin) */
@media (min-width:769px){
  .nxs-lightbox__content{
    width: min(96vw, 1100px);
    height: min(90vh, 820px);
    margin: 4vh auto 0;
  }

  /* sageti lightbox – stil badge */
  .nxs-lightbox__nav{
    background: rgba(0,0,0,.42) !important;
    color:#fff !important;
    border:0 !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    width:56px;
    height:56px;
    font-size:34px;
    box-shadow:none !important;
  }

  .nxs-lightbox__close{
    background:#fff !important;
    border:0 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
  }
}

/* MOBILE: modal sus, padding, imagine centrata, sageti in afara pozei */
@media (max-width:768px){

  .nxs-lightbox__content{
    width: calc(100vw - 24px);
    height: auto;

    /* apare mai sus */
    margin: 68px auto 0 !important;

    /* “card” cu padding */
    background:#fff;
    border-radius: 14px;
    padding: 14px 12px 16px;

    display:block;
  }

  /* imaginea sa nu atinga marginile */
  .nxs-lightbox__img{
    width: 100%;
    max-width: 100%;
    max-height: 58vh;
    object-fit: contain;
    border-radius: 10px;
    background:#fff;
    display:block;
    margin: 0 auto;
  }

  /* X mai bine pozitionat: in colt, dar pe backdrop, nu peste poza */
  .nxs-lightbox__close{
    position: fixed !important;
    top: 14px !important;
    right: 14px !important;
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 0 !important;
    background: #fff !important;
    font-size: 26px;
    box-shadow: 0 12px 28px rgba(0,0,0,.22);
    z-index: 100001;
  }

  /* sageti lightbox: NU peste poza, ci pe laterale la mijlocul cardului */
  .nxs-lightbox__nav{
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    border:0 !important;

    background: rgba(0,0,0,.42) !important;
    color:#fff !important;
    font-size: 30px !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    box-shadow:none !important;
  }

  /* mutam sagetile IN AFARA zonei imaginii (pe padding-ul cardului) */
  .nxs-lightbox__nav--prev{ left: -10px !important; }
  .nxs-lightbox__nav--next{ right: -10px !important; }
}

/* =========================================
   LIGHTBOX – 1:1 ca in referinte
   (fundal alb, X sus dreapta, sageti in buline discrete,
   fara progress bar, badge 1/3)
   PUNE LA FINAL
   ========================================= */

.nxs-lightbox{ z-index:99999; }

/* 1) fundal alb (nu dark overlay) */
.nxs-lightbox__backdrop{
  background:#fff !important;
}

/* 2) layout full-screen, centrat */
.nxs-lightbox__content{
  position:fixed !important;
  inset:0 !important;
  margin:0 !important;

  width:100vw !important;
  height:100vh !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
}

/* 3) imaginea centrata, “contain”, fara card/shadow */
.nxs-lightbox__img{
  max-width: 72vw !important;
  max-height: 72vh !important;
  width:auto !important;
  height:auto !important;

  object-fit:contain !important;
  background:transparent !important;
  border-radius:0 !important;
  display:block !important;
}

/* 4) X in colt dreapta sus (ca in poza) */
.nxs-lightbox__close{
  position:fixed !important;
  top: 28px !important;
  right: 28px !important;

  width: 32px !important;
  height: 32px !important;

  border:0 !important;
  background: transparent !important;
  box-shadow:none !important;

  color:#111 !important;
  font-size: 28px !important;
  line-height: 1 !important;

  cursor:pointer !important;
  z-index: 100002 !important;
}

/* 5) sageti mici in buline discrete (ca in poza) */
.nxs-lightbox__nav{
  position:fixed !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  width: 34px !important;
  height: 34px !important;
  border-radius:999px !important;

  border:0 !important;
  background: rgba(0,0,0,.06) !important; /* foarte subtil */
  color:#111 !important;

  font-size: 22px !important;
  line-height: 1 !important;

  box-shadow:none !important;
  cursor:pointer !important;
  z-index:100002 !important;
}
.nxs-lightbox__nav--prev{ left: 42px !important; }
.nxs-lightbox__nav--next{ right: 42px !important; }

/* 6) ascundem orice progress bar existent */
.nxs-lightbox__progress,
.nxs-lightbox__dots,
.nxs-lightbox__bar,
.nxs-lightbox__track{
  display:none !important;
}

/* 7) badge 1/3 (folosim look-ul tau deja, minimalist) */
.nxs-lightbox__count{
  position:fixed !important;
  right: 28px !important;
  bottom: 24px !important;
  z-index:100002 !important;

  background: rgba(0,0,0,.42) !important; /* mai transparent */
  color:#fff !important;

  padding: 6px 10px !important;
  border-radius: 10px !important;

  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .3px !important;
  line-height: 1 !important;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* =========================
   MOBILE – 1:1 ca in poza 2
   ========================= */
@media (max-width:768px){

  /* X sus dreapta */
  .nxs-lightbox__close{
    top: 18px !important;
    right: 18px !important;
    font-size: 26px !important;
  }

  /* sageti la mijloc, dar tot discrete */
  .nxs-lightbox__nav{
    width: 36px !important;
    height: 36px !important;
    font-size: 22px !important;
  }
  .nxs-lightbox__nav--prev{ left: 18px !important; }
  .nxs-lightbox__nav--next{ right: 18px !important; }

  /* imagine mai mica si mai jos pe ecran (ca referinta) */
  .nxs-lightbox__content{
    align-items:flex-start !important;
    justify-content:center !important;
  }
  .nxs-lightbox__img{
    max-width: 78vw !important;
    max-height: 34vh !important;
    margin-top: 32vh !important; /* coboara imaginea */
  }

  /* badge jos dreapta */
  .nxs-lightbox__count{
    right: 18px !important;
    bottom: 18px !important;
    font-size: 12px !important;
    padding: 5px 9px !important;
    border-radius: 9px !important;
  }
}

.nxs-offer-notice{
  margin-top: 14px;
  background: #f2f2f2;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 12px;
  align-items: start;
}

.nxs-offer-notice__ico{
  color:#111;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  margin-top: 2px;
}

.nxs-offer-notice__title{
  font-weight: 800;
  font-size: 14px;
  line-height: 1.25;
  margin: 0 0 6px;
  color:#111;
}

.nxs-offer-notice__body{
  font-size: 13px;
  line-height: 1.45;
  color:#111;
  opacity: .85;
}

@media (min-width: 769px){
  .nxs-offer-notice{
    margin-top: 12px;
    padding: 12px 14px;
    grid-template-columns: 20px 1fr;
    gap: 10px;
  }

  .nxs-offer-notice__title{
    font-size: 13px;
    margin-bottom: 4px;
  }

  .nxs-offer-notice__body{
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 768px){
  .nxs-offer-notice__txt{
    text-align: center;
  }
}

/* =========================
   FIX: CTA iese din ecran (desktop + mobile + sticky)
   ========================= */

/* ne asiguram ca padding-ul NU adauga peste 100% width */
.nxs-offer-cta{
  box-sizing: border-box;
  max-width: 100%;
}

/* uneori tema poate adauga transform/margin pe link-uri; eliminam orice "push" */
.nxs-offer-cta-anchor,
.nxs-offer-cta--inline{
  width: 100%;
  max-width: 100%;
}

/* Sticky: idem + safety */
.nxs-offer-cta--fixed{
  box-sizing: border-box;
  max-width: 100%;
}

/* OPTIONAL (daca tot vezi 1-2px overflow din subpixeli):
   opreste orice overflow accidental din panel */
.nxs-offer-panel__inner{
  overflow-x: hidden;
}

@media (max-width: 768px){
  .nxs-offer-cta--fixed{
    left: 12px;
    right: 12px;
    width: auto; /* important: nu mai fortam width 100% */
  }
}

/* CTA color */
.nxs-offer-cta,
.nxs-offer-cta--inline,
.nxs-offer-cta--fixed{
  background: #2d7d46 !important;
  color: #fff !important;
}

/* =========================
   TYPO – look mai “STIHL-like”
   (pune la FINAL, override)
   ========================= */

/* 1) Baza tipografiei din panel */
.nxs-offer-panel__inner{
  color:#111;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2) SKU badge – mai fin */
.nxs-offer-sku-badge{
  font-weight:600;
  font-size:12px;
  color:#1f2937;
  border-color:#d6d6d6;
}

/* 3) Titlu produs – un pic mai “calm”, dar tot premium */
.nxs-offer-title{
  font-weight:700;
  font-size:28px;
  line-height:1.12;
  color:#111;
  letter-spacing:-.2px;
}

/* 4) Preț – mai puțin “bold”, mai aerisit */
.nxs-offer-price{
  font-weight:600;
  font-size:24px;
  line-height:1.2;
  color:#ff8400;
}

/* Woo price html: regular + sale mai elegant */
.nxs-offer-price del{
  opacity:.55;
  font-weight:400;
}
.nxs-offer-price ins{
  text-decoration:none;
  font-weight:650;
}

/* 5) Subtext preț – gri mai potrivit + mai mic */
.nxs-offer-sub{
  opacity:1;
  color:#4b5563;      /* gri elegant (nu negru “hard”) */
  font-size:12.5px;
  line-height:1.35;
  font-weight:400;
}

/* 6) CTA inline – text mai fin (butonul rămâne solid) */
.nxs-offer-cta{
  font-weight:650;
  letter-spacing:.2px;
  font-size:16px;
}

/* 7) Chenarul informativ (STIHL box) – text mai fin + culoare corectă */
.nxs-offer-stihl-note,
.nxs-offer-note{
  color:#374151;
}
.nxs-offer-stihl-note h3,
.nxs-offer-note h3{
  font-weight:650;
  color:#111;
}

/* 8) Accordion – exact aici se vede diferența:
      sumar mai subțire + corp mai light */
.nxs-acc__sum{
  font-weight:600;
  font-size:15px;
  color:#111;
  letter-spacing:.1px;
}

.nxs-acc__body{
  color:#374151;
  font-size:14px;
  line-height:1.55;
  font-weight:400;
}

/* liste din body – mai aerisite, ca în poza 2 */
.nxs-acc__body ul,
.nxs-acc__body ol{
  margin:10px 0 0;
  padding-left:18px;
}
.nxs-acc__body li{
  margin:6px 0;
}

/* 9) Mobile – scalare similară cu poza 2 */
@media (max-width:768px){
  .nxs-offer-title{
    font-size:26px;
    font-weight:700;
  }

  .nxs-offer-price{
    font-size:22px;
    font-weight:600;
  }

  .nxs-offer-sub{
    font-size:12px;
    line-height:1.35;
  }

  .nxs-acc__sum{
    font-size:14.5px;
    font-weight:600;
  }

  .nxs-acc__body{
    font-size:13.8px;
  }
}

/* =========================
   NOTICE BOX – 1:1 ca in poza 2
   ========================= */

.nxs-offer-notice{
  margin: 14px 0 8px;
  background: #f3f4f4;          /* gri-ul STIHL-like */
  border: 1px solid #ececec;    /* border subtil */
  border-radius: 0;             /* in referinta pare aproape drept */
  padding: 16px 16px;
  display:flex;
  gap: 12px;
  align-items:flex-start;
}

/* icon */
.nxs-offer-notice__ico{
  flex: 0 0 22px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  color:#111;
  margin-top: 2px;
}

/* text wrapper */
.nxs-offer-notice__txt{
  flex:1;
  min-width:0;
}

/* titlu (centru, bold moderat) */
.nxs-offer-notice__title{
  font-size: 14px;
  line-height: 1.25;
  font-weight: 650;
  color:#111;
  text-align:center;
  margin: 0 0 10px;
}

/* body (gri, mic, centrat, line-height strans) */
.nxs-offer-notice__body{
  font-size: 12.5px;
  line-height: 1.42;
  font-weight: 400;
  color:#4b5563;          /* gri elegant */
  opacity: 1;
  text-align:left;
}

/* daca in body apare <p> din editor */
.nxs-offer-notice__body p{
  margin: 0;
}

/* =========================
   Mobile – ca in poza 1 (stack + text centrat)
   ========================= */
@media (max-width:768px){
  .nxs-offer-notice{
    padding: 14px 14px;
    gap: 10px;
  }
  .nxs-offer-notice__title{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .nxs-offer-notice__body{
    font-size: 12.5px;
  }
}

/* =================================================
   GLOBAL SECTION TYPO – directie unitara
   ================================================= */

/* -------- TITLURI PRINCIPALE DE SECTIUNE -------- */
.nxs-features__title,
.nxs-specs__title,
.nxs-dealers__title,
.nxs-related__title{
  font-weight: 700;
  font-size: 35px;
  line-height: 1.1;
  letter-spacing: -0.3px;
  color: #111;
  margin-bottom: 12px;
}

/* -------- INTRO / DESCRIERE SUB TITLU -------- */
.nxs-features__intro,
.nxs-specs__intro,
.nxs-dealers__intro{
  font-size: 17px;
  line-height: 1.6;
  font-weight: 400;
  color: #4b5563; /* gri elegant */
  max-width: 820px;
  margin: 0 auto 28px;
  text-align: center;
}

/* =================================================
   FEATURES
   ================================================= */

/* titlu feature (ex: 2-Way Adjustable Lap Bars) */
.nxs-feature__h,
.nxs-facc__title{
  font-size: 30px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: #2d7d46;
}

/* text feature */
.nxs-feature__p,
.nxs-facc__text{
  font-size: 15.5px;
  line-height: 1.65;
  font-weight: 400;
  color: #374151;
}

/* =================================================
   SPECIFICATII
   ================================================= */

.nxs-specs__k{
  font-weight: 600;
  font-size: 14.5px;
  color: #111;
}

.nxs-specs__v{
  font-weight: 400;
  font-size: 14.5px;
  color: #4b5563;
}

/* tab labels */
.nxs-specs__tab{
  font-weight: 600;
  font-size: 14px;
  color: #374151;
}

.nxs-specs__tab.is-active{
  color: #111;
}

/* =================================================
   DEALERS
   ================================================= */

.nxs-dealer__name{
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.2px;
  color: #2b5443;
}

.nxs-dealer__row{
  font-size: 15.5px;
  line-height: 1.5;
  font-weight: 400;
  color: #2b5443;
}

.nxs-dealer__more{
  font-size: 14px;
  font-weight: 600;
  color: #2b5443;
}

/* =================================================
   RELATED PRODUCTS
   ================================================= */

.nxs-rp__name{
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #333
}

.nxs-rp__price{
  font-size: 15px;
  font-weight: 600;
  color: #3d3d3c;
}

/* =================================================
   MOBILE – scalare tipografie coerenta
   ================================================= */
@media (max-width:768px){

  .nxs-features__title,
  .nxs-specs__title,
  .nxs-dealers__title,
  .nxs-related__title{
    font-size: 34px;
    line-height: 1.1;
  }

  .nxs-features__intro{
    font-size: 16px;
    line-height: 1.6;
  }

  .nxs-feature__h,
  .nxs-facc__title{
    font-size: 26px;
  }

  .nxs-feature__p,
  .nxs-facc__text{
    font-size: 15px;
  }

  .nxs-dealer__name{
    font-size: 24px;
  }

  .nxs-rp__name{
    font-size: 17px;
  }
}

/* =========================================
   GALLERY MAIN = 1:1 (desktop + mobile)
   prinde si variantele cu __ si cu _
   ========================================= */

/* 1) Facem "main area" (butonul care contine imaginea mare) sa fie patrat */
.nxs-gallery__main,
.nxs_gallery_main{
  aspect-ratio: 1 / 1;
  width: 100%;
  display: block;
  position: relative;
}

/* 2) Imaginea umple patratul, fara crop (contain) */
.nxs-gallery__main-img,
.nxs_gallery_main-img{
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block;
  background: #fff;
}

/* 3) Daca ai wrapperul/stage-ul setat flex, nu-l lasam sa strice patratul */
.nxs-gallery__stage,
.nxs_gallery_stage{
  align-items: stretch;
}

/* =========================================
   MOBILE – THUMBS BAR ALBA + BORDER GRI SUBTIRE
   (override hard, pentru clasele reale din DOM)
   ========================================= */
@media (max-width: 768px){

  /* 1) Bara thumbnails (fundal alb pe toata latimea) */
  .nxs_gallery_thumbs{
    background: #fff !important;
    padding: 12px 12px 12px !important;
    margin-top: 0 !important;

    display: flex !important;
    gap: 10px !important;

    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nxs_gallery_thumbs::-webkit-scrollbar{ display:none; }

  /* optional: o linie foarte subtila ca la husqvarna */
  .nxs_gallery_thumbs{
    border-top: 1px solid #ececec !important;
  }

  /* 2) Thumbs: patrate, fundal alb, border gri subtire */
  .nxs-thumb{
    width: 60px !important;
    height: 60px !important;

    background: #fff !important;
    border: 1px solid #d6d6d6 !important;  /* gri subtire */
    border-radius: 10px !important;

    padding: 6px !important;               /* spatiu alb interior */
    box-shadow: none !important;

    display: grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;

    outline: none !important;
  }

  /* 3) Imaginea din thumb – contain (fara crop) */
  .nxs-thumb img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 6px !important;
    display: block !important;
    background: transparent !important;
  }

  /* 4) Active: NU negru gros – doar putin mai inchis */
  .nxs-thumb.is-active{
    border-width: 1px !important;
    border-color: #2d7d46 !important;      /* gri mai inchis */
    box-shadow: none !important;
  }

  /* 5) daca ai vreo regula veche care pune border 2px/3px */
  .nxs-thumb.is-active,
  .nxs-thumb{
    border-style: solid !important;
  }
}

@media (max-width: 768px){
  .nxs-gallery__thumbs{
    background: #fff;
    padding: 12px 12px 20px; /* exact efectul tau */
    gap: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nxs-gallery__thumbs::-webkit-scrollbar{ display:none; }
}

@media (max-width: 768px){
  .nxs-thumb{
    border: 1px solid #d6d6d6 !important; /* subtire gri */
    background: #fff !important;
    border-radius: 10px;
    padding: 6px;
    box-shadow: none !important;
  }

  .nxs-thumb.is-active{
    border: 1px solid #2d7d46 !important; /* gri un pic mai inchis */
  }

  .nxs-thumb img{
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    display: block;
  }
}

/* =========================================
   MOBILE – thumbnail image lipita de margini
   (Husqvarna style)
   ========================================= */
@media (max-width: 768px){

  /* thumbnail = chenar + fara padding intern */
  .nxs-thumb{
    padding: 0 !important;              /* CHEIA */
    overflow: hidden;                   /* taie colturile */
    border-radius: 10px !important;
    background: #fff !important;
  }

  /* imaginea umple complet thumbnail-ul */
  .nxs-thumb img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* LIPITA de margini */
    border-radius: 10px !important;
    display: block !important;
  }

  /* activ – tot subtire, fara bordura groasa */
  .nxs-thumb.is-active{
    border: 1px solid #2d7d46 !important;
  }
}

/* =========================================
   GLOBAL PAGE BACKGROUND – ALB
   ========================================= */
body.nxs-offer-page{
  background: #fff !important;
}

/* =========================================
   SECTION BACKGROUNDS – CONTROLAT
   ========================================= */

/* 🔹 RELATED / RECOMANDATE – gri pe desktop + mobil */
.nxs-related{
 background: #fcfcf9;
}

/* 🔹 FEATURES – gri DOAR pe mobil */
@media (max-width: 768px){
  .nxs-features{
    background: #f6f7f8;
  }
}

/* 🔹 FEATURES – alb pe desktop */
@media (min-width: 769px){
  .nxs-features{
    background: #fff;
  }
}

/* 🔹 RESTUL SECȚIUNILOR – ALB */
.nxs-specs,
.nxs-dealers{
  background: #fff;
}

/* =========================================
   SECTION SPACING CLEANUP
   ========================================= */
.nxs-features,
.nxs-specs,
.nxs-dealers,
.nxs-related{
  margin-top: 0;
}

/* =========================================
   CARDURI – FUNDAL ALB
   ========================================= */
.nxs-offer-panel__inner,
.nxs-dealer,
.nxs-rp{
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 0;
    height: 100%;
    transition: box-shadow .35s ease-in-out;
}

/* =========================================
   PANEL (dreapta) – CARD CA GALERIA
   desktop + mobile
   ========================================= */
.nxs-offer-panel__inner{
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.06) !important;
  overflow: hidden;
  padding: 22px 22px 14px !important;
}

/* Mobile – padding puțin mai compact */
@media (max-width: 768px){
  .nxs-offer-panel__inner{
    padding: 18px 16px 12px !important;
  }
}

/* =========================================
   PANEL (dreapta) = ca GALERIA (stanga)
   (NU modificam galeria)
   PUNE LA FINAL
   ========================================= */

/* Copiem cardul "stage" (galerie): white card + radius + shadow */
.nxs-offer-panel__inner{
  background:#fff !important;
  border:0 !important;                      /* galeria nu arata ca un border "hard" */
  border-radius:14px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}

/* Copiem feeling-ul de padding din galerie (stage are padding mare) */
@media (min-width: 769px){
  .nxs-offer-panel__inner{
    padding: 26px 26px 18px !important;     /* similar cu stage-ul (mai aerisit) */
  }
}

/* Mobile: pastreaza acelasi card look, dar mai compact */
@media (max-width: 768px){
  .nxs-offer-panel__inner{
    padding: 18px 16px 14px !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.06) !important;
  }
}

/* =========================================
   GALLERY – FARA SHADOW
   ========================================= */
.nxs-gallery__stage{
  box-shadow: none !important;
}

/* =========================================
   PANEL DREAPTA – SHADOW PREMIUM
   ========================================= */
.nxs-offer-panel__inner{
  box-shadow: 0 18px 40px rgba(0,0,0,.08) !important;
}

@media (max-width: 768px){
  .nxs-offer-panel__inner{
    box-shadow: 0 10px 22px rgba(0,0,0,.06) !important;
  }
}

/* =========================
   RELATED – CLEANUP FINAL
   ========================= */

/* Ascunde "Vizualizati tot" (si din header si butonul de jos) */
.nxs-related__btn,
.nxs-related__all{
  display:none !important;
}

/* Fara underline pe nume si pe orice link din related */
.nxs-related a,
.nxs-related a:hover,
.nxs-related a:focus{
  text-decoration:none !important;
}

/* Scoate underline-ul de pe pret (inclusiv ins/del/amount) */
.nxs-related .nxs-rp__price,
.nxs-related .nxs-rp__price ins,
.nxs-related .nxs-rp__price del,
.nxs-related .nxs-rp__price .woocommerce-Price-amount{
  text-decoration:none !important;
}

/* WooCommerce pune uneori underline/background pe <ins> */
.nxs-related .nxs-rp__price ins{
  text-decoration:none !important;
  background:transparent !important; /* optional */
}

/* Pret vechi ramane taiat, pret nou fara underline */
.nxs-related .nxs-rp__price del{ text-decoration:line-through !important; }
.nxs-related .nxs-rp__price ins{ text-decoration:none !important; }

/* Optional – polish premium pe card */
.nxs-rp{
  transition: box-shadow .2s ease, transform .2s ease;
}
.nxs-rp:hover{
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  transform: translateY(-2px);
}


/* =========================
   DEALERS – keep your fonts + spacing
   ========================= */

/* Fundal gri pe sectiune */
.nxs-dealers{
  background-color:#fff !important;
}

/* Spatiere (exact cum ai cerut) */
.nxs-dealers__wrap{
  padding-top:40px;
}

/* Dealer card (desktop + mobile) */
.nxs-dealer{
  background:#ffdd00;
  border-radius:20px;
  padding:20px;
  overflow:hidden; /* taie colturile imaginii */
}

/* Imaginea respecta radius-ul cardului (inset, premium) */
.nxs-dealer__img{
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

/* Dimensiuni font – le lasam EXACT ca la tine */
.nxs-dealer__name{
  margin:14px 0 8px;
  font-size:20px;
  line-height:1.15;
}

.nxs-dealer__row{
  font-size:14px;
  line-height:1.4;
}

/* Link “mai multe” */
.nxs-dealer__more{
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.nxs-dealer__more:hover{
  text-decoration:underline;
}

/* IMPORTANT: slider mobil sa nu fie “taiat” (shadow/radius) */
@media (max-width:768px){
  .nxs-dealers__track{
    padding:4px 0 12px; /* putin spatiu pentru shadow/radius */
  }
  .nxs-dealers__slide{
    flex:0 0 86%;
  }
}

/* =========================
   1) RELATED – scoate hover effect
   ========================= */
.nxs-rp{
  transition: none !important;
}
.nxs-rp:hover{
  box-shadow: none !important;
  transform: none !important;
}

/* =========================
   2) DEALERS – radius identic cu RELATED (8px)
   + imagine full-bleed, fara colturi rotunjite jos
   ========================= */

/* card radius = ca .nxs-rp (related) */
.nxs-dealer{
  border-radius: 8px !important;
  padding: 0 !important;          /* ca imaginea sa fie full pe card */
  overflow: hidden !important;    /* taie la radius-ul cardului */
}

/* continutul textului ramane cu padding (nu cardul) */
.nxs-dealer__name,
.nxs-dealer__meta,
.nxs-dealer__more{
  padding-left: 20px;
  padding-right: 20px;
}

.nxs-dealer__name{ padding-top: 16px; }
.nxs-dealer__meta{ padding-top: 6px; }
.nxs-dealer__more{ padding-top: 8px; padding-bottom: 18px; display: inline-flex; }

/* imagine full-bleed */
.nxs-dealer__img{
  border-radius: 0 !important;  /* nu mai rotunjim containerul imaginii separat */
  overflow: visible !important;
  background: #fff;
}

/* rotunjim doar sus, jos ramane drept */
.nxs-dealer__img img{
  width: 100%;
  height: auto;
  display: block;

  /* doar colturi de sus rotunjite, jos drept */
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Optional: daca folosesti placeholder (fara imagine), sa respecte acelasi stil */
.nxs-dealer__ph{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media (min-width: 901px){
  .nxs-offer-grid{
    margin-top: 50px;
  }
}

/* Gallery arrows: no layout shift on hover */
.nxs-gallery__arrow{
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;

  /* IMPORTANT: border exists always (transparent) */
  border: 1px solid transparent !important;
  box-sizing: border-box !important;

  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  transform: translateZ(0); /* stabilize rendering */
}

/* Hover: change only visuals, not size */
.nxs-gallery__arrow:hover{
  border-color: rgba(216,31,38,.25) !important; /* sau ce vrei */
  /* daca ai transform pe hover, scoate-l: */
  transform: translateZ(0) !important;
}

/* Ascunde sagetile (prev/next) din sliderul "Din aceeasi categorie" */
.nxs-related__nav{
  display: none !important;
}

/* RELATED – spacing doar pe desktop, fara "alb" sub sectiune */
@media (min-width: 901px){
  .nxs-related{
    padding-bottom: 60px;        /* spatiu vizual */
    background: #fcfcf9;
    margin-top: 60px;
  }
}

/* Titluri sectiuni – culoare rosie brand */
.nxs-features__title,
.nxs-specs__title,
.nxs-dealers__title,
.nxs-related__title{
  color: #c00;
}

/* Titluri sectiuni – Industry Test italic, ca in exemplul BODYWORK */
.nxs-features__title,
.nxs-specs__title,
.nxs-dealers__title,
.nxs-related__title{
  font-family: "Industry Test", sans-serif !important;
  font-style: italic !important;      /* <-- asta lipsea */
  font-weight: 800 !important;        /* 800 ca in exemplu (bold/extra bold) */
  font-size: 30px !important;
  line-height: 32px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #2d7d46 !important;
  margin: 0 0 40px !important;

  overflow-wrap: break-word !important;
  word-break: normal !important;
}

/* =========================
   CTA – Ducati-like (relief + subtle gloss)
   Target: butonul "Solicită ofertă"
========================= */

a.nxs-offer-cta,
a.nxs-offer-cta-inline,
a.nxs-offer-cta-fixed{

  /* font (ca Ducati – uppercase + spacing) */
  text-transform: uppercase !important;
  letter-spacing: 1.1px !important;
  font-weight: 700 !important;

  /* gradient de baza (mai "premium" decat flat) */
  background: linear-gradient(180deg, #2d7d46 0%, #1e5f35 100%) !important;
  color: #fff !important;

  /* “iesit in relief” */
  box-shadow:
    0 10px 18px rgba(0,0,0,.14),
    0 2px 0 rgba(255,255,255,.10) inset,
    0 -2px 0 rgba(0,0,0,.12) inset !important;

  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
}

/* luciu (highlight) – exact “shine” */
a.nxs-offer-cta::before,
a.nxs-offer-cta-inline::before,
a.nxs-offer-cta-fixed::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  /* banda de luciu sus + fade */
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.28) 0%,
      rgba(255,255,255,.14) 18%,
      rgba(255,255,255,0) 55%) !important;
  opacity: .95 !important;
}

/* Hover: putin mai “crispy”, fara sa arate plastic */
@media (hover:hover){
  a.nxs-offer-cta:hover,
  a.nxs-offer-cta-inline:hover,
  a.nxs-offer-cta-fixed:hover{
    filter: brightness(1.03) !important;
    transform: translateY(-1px) !important;
    box-shadow:
      0 14px 24px rgba(0,0,0,.16),
      0 2px 0 rgba(255,255,255,.12) inset,
      0 -2px 0 rgba(0,0,0,.14) inset !important;
  }
}

/* Active (apasat): coboara, ca un buton real */
a.nxs-offer-cta:active,
a.nxs-offer-cta-inline:active,
a.nxs-offer-cta-fixed:active{
  transform: translateY(1px) !important;
  box-shadow:
    0 8px 14px rgba(0,0,0,.14),
    0 1px 0 rgba(255,255,255,.10) inset,
    0 -2px 0 rgba(0,0,0,.18) inset !important;
}

/* =========================
   NXS – Gallery Badges
========================= */
.nxs-gallery__stage{
  position: relative !important;
}

.nxs-gallery-badges{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

.nxs-gallery-badge{
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
  padding: 10px 12px;
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
  letter-spacing: .3px;
  width: max-content;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* =========================
   NXS – Product Badges under title
========================= */
.nxs-product-badges{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin: 10px 0 14px;
}

.nxs-pbadge{
  --nxs-pbadge-color: #2d7d46; /* fallback doar daca NU setezi culoare pe rand */
  display:flex;
  align-items:center;
  gap:10px;
  color: var(--nxs-pbadge-color);
  font-weight:700;
  font-size:13px;
  line-height:1.2;
}

/* icon as mask so it can be colored from --nxs-pbadge-color */
.nxs-pbadge__icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
}

.nxs-pbadge__icon-img{
  width:20px;
  height:20px;
  display:block;
  background: var(--nxs-pbadge-color);
  -webkit-mask-image: var(--nxs-pbadge-icon);
  mask-image: var(--nxs-pbadge-icon);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

.nxs-pbadge__text{
  color: var(--nxs-pbadge-color);
}

/* =========================
   NXS – Modificari butoane pop-up offer
========================= */

.nxs-contact-btn{
  width: 100%;
  box-sizing: border-box;
}

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


/* =========================
   NXS – Modificari Mobil sectiune Gradient + Plata rate
========================= */

@media (max-width:768px){

  .nxs-gallery__mobile-card{
    position:absolute;
    left:14px;
    right:14px;
    bottom:14px;
    background:#fff;
    border-radius:18px;
    padding:12px 14px;
    box-shadow:0 18px 40px rgba(0,0,0,.18);
    z-index:50;
  }

  .nxs-gallery__mobile-title{
    font-weight:800;
    font-size:16px;
    margin-bottom:6px;
  }

  .nxs-gallery__mobile-rate{
    display:flex;
    justify-content:space-between;
    font-size:13px;
    color:#6b7280;
  }

  .nxs-gallery__mobile-rate strong{
    color:#ff8400;
    font-weight:900;
  }
}

@media (max-width:768px){

  .nxs-gallery__stage{
    position:relative;
    overflow:hidden;
    border-bottom-left-radius:28px;
    border-bottom-right-radius:28px;
  }

  .nxs-gallery__stage::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:52%;

    /* VERDELE INITIAL */
    background: linear-gradient(
      180deg,
      rgba(255,255,255,0) 0%,
      rgba(45,125,70,.18) 45%,
      rgba(45,125,70,.22) 70%,
      rgba(255,255,255,1) 100%
    );

    pointer-events:none;
    z-index:10;
  }
}

/* Doar pe desktop */
@media (min-width: 992px) {

  /* Containerul imaginii principale */
  .nxs-gallery__stage {
    border-radius: 20px;
    overflow: hidden;
  }

  /* Asigură-te că și imaginea respectă forma */
  .nxs-gallery__main-img {
    border-radius: 20px;
  }

}

/* =========================================
   SPECS SELECT (MOBILE) – same look ca la judete
   ========================================= */
@media (max-width: 768px){

  .nxs-specs__mobileSelect select{
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;           /* mai mare */
    font-weight: 900;          /* mai bold */
    color: #111;
    border-radius: 12px;
    border: 2px solid #2e7d32;
    background: #e6f4ec;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
  }

  .nxs-specs__mobileSelect{
    position: relative;
  }

  .nxs-specs__mobileSelect::after{
    content:"▾";
    position:absolute;
    right:14px;
    top:50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 900;
    color:#111;
    pointer-events:none;
    opacity:.75;
  }
}

/* =========================================
   SPECS TABS – DESKTOP PREMIUM STYLE
   ========================================= */

.nxs-specs__nav{
  gap: 12px;
  border-bottom: none;        /* scoatem linia gri */
  margin-bottom: 22px;
}

/* tab normal */
.nxs-specs__tab{
  padding: 10px 18px;
  font-size: 15px;
  font-weight: 600;
  color: #1c1c1c;
  background: #f5f5f5;
  border-radius: 10px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all .25s ease;
}

/* hover */
.nxs-specs__tab:hover{
  background: #e9f3ec;
  border-color: #2f7d32;
  color: #2f7d32;
}

/* active */
.nxs-specs__tab.is-active{
  background: #ffdd00;     /* verde brand */
  color: #2f2f2f;
  border-color: #ffdd00;
  box-shadow: 0 8px 20px rgba(47,125,50,.25);
}

.nxs-gallery.is-single .nxs-gallery__arrow,
.nxs-gallery.is-single .nxs-gallery__thumbs {
  display: none !important;
}

/* =========================================
   LIGHTBOX – MOBILE full-bleed (pana la margini)
   PUNE LA FINAL
   ========================================= */
@media (max-width: 768px){

  /* lightbox full screen, fara padding */
  .nxs-lightbox__content{
    position: fixed !important;
    inset: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* imaginea pana la margini stanga-dreapta */
  .nxs-lightbox__img{
    width: 100vw !important;
    max-width: 100vw !important;

    height: auto !important;
    max-height: 80vh !important; /* ajusteaza daca vrei mai mare */

    object-fit: contain !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }

  /* sageti lipite pe margini */
  .nxs-lightbox__nav--prev{ left: 10px !important; }
  .nxs-lightbox__nav--next{ right: 10px !important; }

  /* X sus dreapta */
  .nxs-lightbox__close{
    top: 14px !important;
    right: 14px !important;
  }

  /* badge jos dreapta */
  .nxs-lightbox__count{
    right: 14px !important;
    bottom: 14px !important;
  }
}

/* =========================================
   LIGHTBOX – MOBILE CENTER FIX REAL DEVICE
   ========================================= */
@media (max-width: 768px){

  .nxs-lightbox__content{
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100dvh !important;   /* FIX REAL DEVICE */
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
  }

  .nxs-lightbox__img{
    width: 100vw !important;
    max-width: 100vw !important;

    max-height: 85dvh !important;  /* folosim dvh */
    height: auto !important;

    object-fit: contain !important;
    margin: 0 auto !important;
  }

}

/* NXS - FIX SECTIUNE RELATED : fortam stacking corect */
.nxs-related { position: relative; z-index: 1; }
.nxs-related__track { position: relative; z-index: 2; }
.nxs-related__arrows, 
.nxs-related__prev, 
.nxs-related__next { position: relative; z-index: 5; }

/* daca ai vreun overlay/pseudo-element pe wrapper, sa nu prinda click */
.nxs-related::before,
.nxs-related::after{
  pointer-events: none !important;
}

/* ===== Buton secundar "Comanda online" (acelasi format ca CTA "Contacteaza un agent", dar gri/discret) ===== */
.nxs-offer-cart-secondary{
  margin-top: 10px;
}
/* Butonul are clasa .nxs-offer-cta => mosteneste dimensiunea + fontul CTA-ului
   (width:100%, min-height:54px, uppercase, font-size:16px, border-radius:4px).
   Aici suprascriem DOAR culoarea si relieful, ca sa fie gri si mai putin vizibil. */
a.nxs-offer-cta.nxs-offer-cta--ghost{
  background: #e9ebee !important;
  color: #4b5563 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
a.nxs-offer-cta.nxs-offer-cta--ghost::before{
  display: none !important;   /* fara banda de luciu, ramane plat/discret */
}
a.nxs-offer-cta.nxs-offer-cta--ghost:hover{
  background: #e0e3e7 !important;
  color: #374151 !important;
  filter: none !important;
  transform: none !important;
  box-shadow: none !important;
}
a.nxs-offer-cta.nxs-offer-cta--ghost:active{
  transform: translateY(1px) !important;
  box-shadow: none !important;
}
/* link "Vezi cosul" aparut dupa add-to-cart AJAX — discret */
.nxs-offer-cart-secondary .added_to_cart{
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #6b7280;
  text-decoration: underline;
}