/* START: Stiluri Globale pentru Descriere Produs eNavigatii.ro */
:root{--enav-glow-bg-deep-dark:#101D2B;--enav-glow-bg-glass-card:rgba(29,45,60,.55);--enav-glow-border-glass-card:rgba(40,63,86,.65);--enav-glow-text-primary-light:#E0E7EF;--enav-glow-text-headings-light:#F0F4F8;--enav-glow-text-secondary-muted:#A0AEC0;--enav-glow-accent-green:#8BC34A;--enav-glow-accent-highlight:#fff;--enav-glow-shadow-green:0 0 15px rgba(139,195,74,.6),0 0 30px rgba(139,195,74,.4);--enav-glow-shadow-green-hover:0 8px 30px rgba(139,195,74,.25)}.container.enavigatii-glow-product-description{font-family:'Inter',sans-serif;width:100%;box-sizing:border-box;margin:0;padding:2.5rem 2rem;background-color:var(--enav-glow-bg-deep-dark);color:var(--enav-glow-text-primary-light);overflow-x:hidden;border-radius:16px;overflow:hidden}.container.enavigatii-glow-product-description h1.product-main-title{font-size:2.6rem;font-weight:800;text-align:center;color:var(--enav-glow-text-headings-light);margin-top:1rem;margin-bottom:.75rem;line-height:1.25;letter-spacing:-.5px;text-shadow:0 0 8px rgba(240,244,248,.2)}.container.enavigatii-glow-product-description p.product-subtitle{font-size:1.15rem;color:var(--enav-glow-text-secondary-muted);text-align:center;margin-bottom:1.5rem;font-weight:400;max-width:680px;margin-left:auto;margin-right:auto}.product-hero-image,.relocated-image{display:block;max-width:680px;width:auto;height:auto;margin:0 auto 2.5rem auto;border-radius:12px;object-fit:contain;border:none;box-shadow:none;transition:transform .3s ease}.product-hero-image{max-height:420px}.product-hero-image:hover,.relocated-image:hover{transform:scale(1.025);border-color:transparent;box-shadow:none}.relocated-image{max-height:380px;margin:2.5rem auto}.container.enavigatii-glow-product-description .cta-box-gift{background-color:var(--enav-glow-bg-glass-card);color:var(--enav-glow-text-primary-light);border:1px solid var(--enav-glow-border-glass-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.2rem 1.8rem;border-radius:12px;text-align:center;font-weight:600;margin:3rem auto;font-size:1.15rem;max-width:680px;box-shadow:0 5px 25px rgba(0,0,0,.2)}.container.enavigatii-glow-product-description .cta-box-gift .gift-icon{font-size:1.6rem;margin-right:.5rem;color:var(--enav-glow-accent-green)}.container.enavigatii-glow-product-description .cta-box-gift strong{color:var(--enav-glow-text-headings-light)}.container.enavigatii-glow-product-description .section-title{text-align:center;font-size:2.1rem;font-weight:700;margin:4.5rem 0 2.5rem;color:var(--enav-glow-text-headings-light);position:relative;padding-bottom:1rem;letter-spacing:-.2px}.container.enavigatii-glow-product-description .section-title::before{content:'';position:absolute;top:-1.3rem;left:50%;transform:translateX(-50%);width:60px;height:4px;background-color:var(--enav-glow-accent-green);border-radius:3px;box-shadow:0 0 12px rgba(139,195,74,.5)}.container.enavigatii-glow-product-description hr.styled-hr{border:0;height:1px;background-image:linear-gradient(to right,transparent,var(--enav-glow-border-glass-card),transparent);margin:3.5rem auto;max-width:600px}.container.enavigatii-glow-product-description .features-card{background:var(--enav-glow-bg-glass-card);border:1px solid var(--enav-glow-border-glass-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:2.5rem;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:2.5rem auto;max-width:750px}.container.enavigatii-glow-product-description .features-card h4{font-size:1.5rem;color:var(--enav-glow-accent-green);margin-top:0;margin-bottom:2rem;text-align:center;font-weight:600;text-shadow:0 0 8px rgba(139,195,74,.4)}.container.enavigatii-glow-product-description .features-card ul{list-style:none;padding:0;margin:0;columns:2;column-gap:2.5rem;}.container.enavigatii-glow-product-description .features-card ul li{font-size:1rem;color:var(--enav-glow-text-primary-light);margin-bottom:1rem;padding-left:2em;position:relative;break-inside:avoid-column}.container.enavigatii-glow-product-description .features-card ul li::before{content:'◈';position:absolute;left:.2em;top:.15em;font-weight:700;color:var(--enav-glow-accent-green);font-size:1.2em}.container.enavigatii-glow-product-description .content-block{margin-bottom:3.5rem;padding:2rem;text-align:center;background:var(--enav-glow-bg-glass-card);border:1px solid var(--enav-glow-border-glass-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.25)}.container.enavigatii-glow-product-description .content-block h4{font-size:1.5rem;color:var(--enav-glow-text-headings-light);margin-bottom:.75rem;font-weight:600}.container.enavigatii-glow-product-description .content-block p.description{font-size:1.05rem;color:var(--enav-glow-text-secondary-muted);margin-bottom:1.8rem;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.75}.container.enavigatii-glow-product-description .content-block img{max-width:680px;max-height:450px;width:auto;height:auto;display:block;margin:1.5rem auto 0 auto;border-radius:12px;box-shadow:0 6px 25px rgba(0,0,0,.3);object-fit:contain;border:2px solid var(--enav-glow-border-glass-card)}.container.enavigatii-glow-product-description .content-block .dual-image{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:1.5rem auto 0 auto;max-width:680px}.container.enavigatii-glow-product-description .content-block .dual-image img{flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px);margin:0}.container.enavigatii-glow-product-description .dual-video-container{display:flex;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap;margin:0 auto 2.5rem auto;max-width:880px}.container.enavigatii-glow-product-description .video-item-wrapper{flex:1 1 400px;max-width:calc(50% - 10px);display:flex;flex-direction:column;align-items:center}.container.enavigatii-glow-product-description .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;border-radius:10px;background-color:#000}.container.enavigatii-glow-product-description .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.container.enavigatii-glow-product-description .video-title-caption{font-size:.85rem;color:var(--enav-glow-text-secondary-muted);margin-top:.75rem;line-height:1.3;text-align:center}@media (max-width:910px){.container.enavigatii-glow-product-description .dual-video-container{flex-direction:column;align-items:center;max-width:600px;gap:20px}.container.enavigatii-glow-product-description .video-item-wrapper{flex-basis:auto;width:100%;max-width:100%}}@media (max-width:768px){.container.enavigatii-glow-product-description{padding:1.5rem 1rem}.container.enavigatii-glow-product-description h1.product-main-title{font-size:2rem}.container.enavigatii-glow-product-description .features-card ul{columns:1}.product-hero-image,.relocated-image{max-width:95%;max-height:350px}}@media (max-width:600px){.container.enavigatii-glow-product-description .content-block .dual-image{flex-direction:column;align-items:center}.container.enavigatii-glow-product-description .content-block .dual-image img{flex-basis:auto;max-width:90%;margin-bottom:15px}}/* START: Fix pentru imagini responsive pe mobil */

.container.enavigatii-glow-product-description .content-block img {
    max-width: 100%; /* Asigură că imaginea nu va fi NICIODATĂ mai lată decât containerul său */
    height: auto;    /* Păstrează proporțiile corecte ale imaginii la redimensionare */
}

/* END: Fix pentru imagini responsive pe mobil */

/* === HERO SLIDER DESKTOP (full-width safe) === */
.hs-shell,
.hs-shell * { box-sizing: border-box }

.hs-shell{
  width: calc(100vw - (100vw - 100%));
  margin-left: calc(50% - 50vw + (100vw - 100%)/2);
  margin-right: calc(50% - 50vw + (100vw - 100%)/2);
  background: linear-gradient(180deg,#0b1220 0%,#13253f 100%);
  color:#fff;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding: 56px 0;
}

.hs-inner{ max-width: 1300px; margin:0 auto; padding:0 20px; position:relative }

/* radio-urile de control */
.hs-shell input[name="hs"]{ position:absolute; inset:auto auto 9999px; opacity:0 }

/* “pista” sliderului */
.hs-track{
  position:relative;
  height: 420px;
  isolation:isolate;
}

/* fiecare slide */
.hs-slide{
  position:absolute; inset:0;
  display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center;
  opacity:0; pointer-events:none; transition:opacity .55s ease;
}

.hs-copy h1{font-size:40px; line-height:1.12; margin:0 0 10px}
.hs-copy p{color:#cfe3ff; margin:0 0 20px}
.hs-cta{display:flex; gap:12px; flex-wrap:wrap}
.hs-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border-radius:12px; text-decoration:none; font-weight:800;
  border:1px solid rgba(255,255,255,.22); color:#e7f4ff;
}
.hs-btn--primary{ background:linear-gradient(180deg,#35c1ff 0%,#0ea5e9 100%); color:#fff; border:none }

.hs-media img{
  width:100%; height:100%; object-fit:cover;
  border-radius:20px; border:10px solid #0e1b2c; background:#0e1b2c;
  box-shadow:0 16px 36px rgba(2,6,23,.25);
}

/* starea “vizibil” pentru slide-uri (desktop) */
#hs-1:checked ~ .hs-track .s1{opacity:1; pointer-events:auto}
#hs-2:checked ~ .hs-track .s2{opacity:1; pointer-events:auto}
#hs-3:checked ~ .hs-track .s3{opacity:1; pointer-events:auto}
#hs-4:checked ~ .hs-track .s4{opacity:1; pointer-events:auto}

/* dots */
.hs-dots{
  position:absolute; left:50%; bottom:-6px; transform:translateX(-50%);
  display:flex; gap:8px; padding:18px 0 6px;
}
.hs-dots label{
  width:36px; height:5px; border-radius:999px;
  background:rgba(255,255,255,.35); cursor:pointer; transition:all .25s ease;
}
#hs-1:checked ~ .hs-dots label[for="hs-1"],
#hs-2:checked ~ .hs-dots label[for="hs-2"],
#hs-3:checked ~ .hs-dots label[for="hs-3"],
#hs-4:checked ~ .hs-dots label[for="hs-4"]{ background:#fff }

/* =====================
   Responsive (MOBILE)
   ===================== */
@media (max-width:1100px){
  .hs-track{ height:380px }
  .hs-copy h1{font-size:34px}
}

@media (max-width:980px){
  /* micșorăm puțin padding-ul secțiunii ca pe modelul YOXO */
  .hs-shell{ padding: 28px 0; }

  /* înălțimea devine pe conținut */
  .hs-track{ height:auto }

  /* IMPORTANT: ascundem toate slide-urile… */
  .hs-slide{
    position:relative;
    display:none;          /* <— asta elimină spațiul uriaș */
    opacity:0;
    pointer-events:none;
    grid-template-columns:1fr;
    gap:16px;
  }

  /* …și afișăm DOAR slide-ul curent */
  #hs-1:checked ~ .hs-track .s1,
  #hs-2:checked ~ .hs-track .s2,
  #hs-3:checked ~ .hs-track .s3,
  #hs-4:checked ~ .hs-track .s4{
    display:grid;
    opacity:1;
    pointer-events:auto;
  }

  /* imaginea mai compactă, ca în exemplu */
  .hs-media img{
    height: 220px;         /* ajustează între 200–240px după gust */
    border-width: 8px;
  }

  .hs-copy h1{font-size:28px}
  .hs-dots{ bottom:-4px }
}

/* === Hero slider (autoplay + drag/swipe) === */
.sldr{position:relative;overflow:hidden;border-radius:20px}
.sldr-track{display:flex;height:100%;transform:translateX(0);transition:transform .5s cubic-bezier(.22,.95,.33,1)}
.sldr-slide{min-width:100%;height:100%}
.sldr-slide img{width:100%;height:100%;object-fit:cover;border-radius:20px;border:10px solid #0e1b2c;box-shadow:var(--shadow);background:#0e1b2c}
.sldr-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:8px;justify-content:center;z-index:5}
.sldr-dot{width:28px;height:4px;border-radius:9999px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.2);cursor:pointer}
.sldr-dot.is-active{background:#fff}

/* pe mobile imaginea puțin mai compactă, ca la YOXO */
@media (max-width:640px){
  .hero .wrap{padding:32px 0}
  .hero-media .sldr-slide img{height:220px;border-width:8px}
}

/* START: Corectii finale de design pentru descrierea de produs */

/* 1. Micsoreaza spatiul de deasupra intregii descrieri */
.product-details .product-content__description {
    margin-top: 1rem !important;
}

/* 2. Reseteaza toate blocurile de descriere pentru a se lipi */
.product-content__description .enavigatii-glow-product-description {
    border-radius: 0 !important; /* Elimina toate colturile rotunjite */
    margin-bottom: 0 !important; /* Elimina spatiul de jos */
    border-top: 1px solid var(--enav-glow-border-glass-card); /* Adauga o linie subtire de separare */
}

/* 3. Reface coltul rotunjit de sus DOAR pentru primul bloc */
.product-content__description .enavigatii-glow-product-description:first-child {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    border-top: none !important; /* Scoate linia de sus la primul element */
}

/* 4. Reface coltul rotunjit de jos DOAR pentru ultimul bloc */
.product-content__description .enavigatii-glow-product-description:last-child {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important; /* ✅ reparat */
} /* ✅ închis blocul */

/* START: Corectie pentru incadrarea imaginilor de categorie */
.category-list .category-item .category-item__image-wrapper .category-item__image {
    object-fit: contain !important; /* Forceaza imaginea sa se incadreze complet, fara a fi taiata */
    background-color: #ffffff; /* Adauga un fundal alb pentru a umple spatiul gol ramas */
}
/* END: Corectie imagini categorie */

<style>
/* ENAV – HERO SLIDER STYLE v2 (square + green) */

/* <- ajustezi ușor aici culorile: */
:root{
  --hero-accent: #64A40C;                 /* buton primar + dot activ */
  --hero-bg: #0e1b2c;                     /* fundal slider (poți pune și un gradient) */
  /* ex. gradient: linear-gradient(180deg,#081523 0%, #0e1b2c 100%) */
}

/* containerul sliderului: colțuri pătrate + noul fundal */
.hs-shell{
  background: var(--hero-bg) !important;
  border-radius: 0 !important;
  overflow: hidden;
}

/* imaginea din dreapta: fără chenar/colțuri rotunjite */
.hs-media img{
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* butonul primar: verde #64A40C */
.hs-btn--primary{
  background: var(--hero-accent) !important;
  border-color: var(--hero-accent) !important;
  color: #fff !important;
}
.hs-btn--primary:hover{ filter: brightness(.92); }

/* dots (barița) – inactive & active */
.hs-dots label{
  width:36px; height:4px;
  border-radius: 2px !important;          /* colțuri mai “drepte” */
  background: rgba(255,255,255,.28) !important;
  border: 1px solid rgba(255,255,255,.2);
  transition: background .2s ease;
}
#hs-1:checked ~ .hs-dots label[for="hs-1"],
#hs-2:checked ~ .hs-dots label[for="hs-2"],
#hs-3:checked ~ .hs-dots label[for="hs-3"],
#hs-4:checked ~ .hs-dots label[for="hs-4"]{
  background: var(--hero-accent) !important;
  border-color: var(--hero-accent) !important;
}

/* dacă folosești și varianta .sldr, scoatem rotunjirea și acolo */
.sldr, .sldr-slide img{
  border-radius: 0 !important;
}
.sldr-slide img{
  border:0 !important; box-shadow:none !important; background:transparent !important;
}

/* mobile: menține colțurile pătrate pe imagine */
@media (max-width:980px){
  .hs-media img{ border-radius:0 !important; border-width:0 !important; }
}
</style>




/* END: CSS PRODUSE  */


/* === PATCH: Search mai mic/subțire + lupă ÎN INTERIOR (stânga) === */
:root{
  --s-h: 36px;                 /* înălțime mai mică */
  --s-bg: #fff;
  --s-bd: #e6e7ee;             /* contur mai discret */
  --s-accent: #f59e0b;         /* accent */
  --s-shadow: 0 4px 12px rgba(17,24,39,.06);
}

/* containerul de căutare – și mai compact */
header form[action*="search" i],
header [role="search"],
#header form[action*="search" i],
#header [role="search"],
#header_wrapper form[action*="search" i],
#header_wrapper [role="search"]{
  width: clamp(420px, 42vw, 680px) !important; /* mai scurtă decât înainte */
  margin: 0 auto !important;
  position: relative !important;
}

/* input-ul: subțire, cu spațiu la stânga pentru lupă */
header input[type="search"],
header input[type="text"][name*="search" i],
header input[type="text"][name="s"],
header input[id*="search" i],
header input[class*="search" i],
header input[placeholder*="caut" i],
#header input[type="search"],
#header input[type="text"][name*="search" i],
#header input[type="text"][name="s"],
#header input[id*="search" i],
#header input[class*="search" i],
#header input[placeholder*="caut" i],
#header_wrapper input[type="search"],
#header_wrapper input[type="text"][name*="search" i],
#header_wrapper input[type="text"][name="s"],
#header_wrapper input[id*="search" i],
#header_wrapper input[class*="search" i],
#header_wrapper input[placeholder*="caut" i]{
  height: var(--s-h) !important;
  line-height: var(--s-h) !important;
  border-radius: 9999px !important;
  background: var(--s-bg) !important;
  border: 1px solid var(--s-bd) !important;      /* contur subțire */
  box-shadow: var(--s-shadow) !important;
  padding: 0 14px 0 44px !important;             /* loc pentru lupă în STÂNGA */
  width: 100% !important;
}

/* accent la focus */
header form[action*="search" i]:focus-within input,
header [role="search"]:focus-within input,
#header form[action*="search" i]:focus-within input,
#header [role="search"]:focus-within input,
#header_wrapper form[action*="search" i]:focus-within input,
#header_wrapper [role="search"]:focus-within input{
  border-color: var(--s-accent) !important;
  box-shadow: 0 8px 18px rgba(245,158,11,.16) !important;
}

/* butonul submit (lupa) – ÎN INTERIOR stânga, fără fundal */
header form[action*="search" i] button[type="submit"],
header [role="search"] button[type="submit"],
#header form[action*="search" i] button[type="submit"],
#header [role="search"] button[type="submit"],
#header_wrapper form[action*="search" i] button[type="submit"],
#header_wrapper [role="search"] button[type="submit"],
header .header__search button[type="submit"]{
  position: absolute !important;
  top: 50% !important;
  left: 10px !important;                     /* în interiorul câmpului, STÂNGA */
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;        /* fără bulină/orange */
  border: 0 !important;
  color: #9ca3af !important;                 /* gri discret */
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* iconul – moștenește culoarea butonului */
header button[type="submit"] svg,
header button[type="submit"] i{
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}
header form[action*="search" i] button[type="submit"]:hover{ color: var(--s-accent) !important; }

/* mobile */
@media (max-width: 991px){
  :root{ --s-h: 34px; }
  header form[action*="search" i],
  header [role="search"],
  #header form[action*="search" i],
  #header [role="search"],
  #header_wrapper form[action*="search" i],
  #header_wrapper [role="search"]{
    width: 100% !important;
  }
}

/* HERO */
.hero-banner .hero-container{position:relative;min-height:560px}
.hero-banner .hero-container::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 60%)
}
.hero-banner .hero-caption{
  position:absolute;inset:0 auto 0 56%;max-width:560px;z-index:2;
  display:flex;flex-direction:column;justify-content:center;
  padding:24px 24px 24px 0;color:#fff
}
.hero-banner .hero-caption h1{font-size:56px;line-height:1.08;margin:0 0 16px}
.hero-banner .hero-caption h1 span{color:#ff7a00}
.hero-banner .hero-caption p{font-size:18px;opacity:.95;margin:0 0 24px}
.hero-banner .hero-ctas .btn{display:inline-block;padding:12px 18px;border-radius:10px;margin-right:12px;text-decoration:none}
.hero-banner .btn-primary{background:#ff7a00;color:#fff}
.hero-banner .btn-outline{background:transparent;color:#fff;border:1px solid #fff}

/* Responsive */
@media (max-width:1199px){
  .hero-banner .hero-caption{inset:0 0 0 50%;max-width:520px}
  .hero-banner .hero-caption h1{font-size:44px}
}
@media (max-width:991px){
  .hero-banner .hero-container{min-height:440px}
  .hero-banner .hero-caption{inset:auto 0 24px 0;max-width:none;padding:0 16px}
  .hero-banner .hero-caption h1{font-size:34px}
  .hero-banner .hero-container::before{
    background:linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 60%)
  }
}



:root{
  --x-radius:50px;
  --x-border:#e2e8f0;
  --x-shadow:0 6px 18px rgba(2,6,23,.08);
  --x-hover-shadow:0 12px 32px rgba(2,6,23,.18);
}

/* category_block: <a class="category__link"> ... */
.category__link,
.x-category-card {
  display:block;
  background:#fff;
  border:1px solid var(--x-border);
  border-radius:var(--x-radius);
  overflow:hidden;
  box-shadow:var(--x-shadow);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
.category__link img,
.x-category-card img { display:block; width:100%; height:auto; }
.category__link:hover,
.x-category-card:hover {
  transform:translateY(-4px);
  border-color:#bfdbfe;
  box-shadow:var(--x-hover-shadow);
}

/* category_summary: <a class="category-summary__logo"> ... */
.category-summary__logo {
  display:block;
  background:#fff;
  border:1px solid var(--x-border);
  border-radius:var(--x-radius);
  overflow:hidden;
  box-shadow:var(--x-shadow);
}
.category-summary__logo img { display:block; width:100%; height:auto; }

}



/* ====== FILTERS POLISH (x-filters) ====== */
:root{
  --x-radius:10px;
  --x-border:#e5e7eb;
  --x-shadow:0 4px 14px rgba(2,6,23,.06);
  --x-hover:#f1f5f9;
  --x-active-bg:#e6f4ff;
  --x-active-bd:#bfdbfe;
}

/* container mai “soft” */
section.facets-sidebar.x-filters,
.facets-sidebar.x-filters {
  background:#fff;
  border:1px solid var(--x-border);
  border-radius:var(--x-radius);
  box-shadow:var(--x-shadow);
  padding:14px;
  overflow:visible; /* nu mai taie continutul la colturi */
}

/* elimina aspectul de cutii in cutii */
.x-filters .facets-sidebar__form,
.x-filters .facets-sidebar__menu,
.x-filters .facets-sidebar__list {
  background:transparent;
  border:0;
}

/* titlul fiecarui facet (bara clicabila) */
.x-filters .facet__title {
  display:flex; align-items:center; justify-content:space-between;
  font-weight:600;
  padding:10px 8px;
  margin:2px 0 6px;
  border-radius:10px;
}

/* spatiere intre grupuri */
.x-filters .facet + .facet { margin-top:12px; }

/* LISTA de optiuni: fara scroll intern, fara max-height injectat inline */
.x-filters .facet__options {
  margin:6px 0 0;
  padding:0;
  list-style:none;
  max-height:none !important;
  overflow:visible !important;
}

/* fiecare optiune pe un singur rand, aerisit */
.x-filters .facet__option{
  display:flex; align-items:center; gap:8px;
  padding:6px 6px;
}
.x-filters .facet__option input{ margin:0 6px 0 2px; }

/* link-ul din optiune arata ca tag buton */
.x-filters .facet__option a{
  flex:1; text-decoration:none;
  padding:4px 6px;
  border-radius:6px;
}

/* hover subtil */
@media (hover:hover){
  .x-filters .facet__option:hover{ background:var(--x-hover); }
}

/* stare selectata (active) */
.x-filters .facet__option.active a,
.x-filters .facet__option a.active{
  background:var(--x-active-bg);
  border:1px solid var(--x-active-bd);
}

/* slider-ul are spatiu corect in jur */
.x-filters .mm-panel__content{ padding:6px 2px 8px; }

/* rezolva eventuale borduri interne puse de tema */
.x-filters .box, .x-filters .widget, .x-filters .panel,
.x-filters .filter, .x-filters .accordion{ border:0; background:transparent; }

/* cutia cu “filtre selectate” (sidebar_summary) */
.facets-sidebar__summary.x-filters,
.x-filters .facets-sidebar__summary{
  background:#fff;
  border:1px solid var(--x-border);
  border-radius:12px;
  box-shadow:var(--x-shadow);
  padding:10px 12px;
  margin-bottom:12px;
}



/* === FIX filters + summary rounded/look === */
:root{
  --x-radius:16px;
  --x-border:#e5e7eb;
  --x-shadow:0 4px 14px rgba(2,6,23,.06);
  --x-hover:#f1f5f9;
  --x-active-bg:#e6f4ff;
  --x-active-bd:#bfdbfe;
}

/* container principal */
section.facets-sidebar.x-filters,
.facets-sidebar.x-filters{
  background:#fff !important;
  border:1px solid var(--x-border) !important;
  border-radius:var(--x-radius) !important;
  box-shadow:var(--x-shadow) !important;
  padding:16px !important;
  overflow:hidden !important; /* taie colturile elementelor interne */
}

/* elimina “cutii in cutii” */
.x-filters .facets-sidebar__form,
.x-filters .facets-sidebar__menu,
.x-filters .facets-sidebar__list,
.x-filters .facet,
.x-filters .facet__content,
.x-filters .facet__options,
.x-filters .mm-panel,
.x-filters .mm-panel__content{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* spatiere & look curat pe groups */
.x-filters .facet + .facet{ margin-top:14px; }
.x-filters .facet__title{
  display:flex; align-items:center; justify-content:space-between;
  font-weight:600; padding:10px 8px; margin:2px 0 6px; border-radius:10px;
}
.x-filters .facet__options{
  margin:6px 0 0; padding:0; list-style:none;
  max-height:none !important; overflow:visible !important; /* fara scroll intern */
}
.x-filters .facet__option{
  display:flex; align-items:center; gap:8px;
  padding:6px 6px; border-radius:8px;
}
.x-filters .facet__option input{ margin:0 6px 0 2px; }
@media (hover:hover){
  .x-filters .facet__option:hover{ background:var(--x-hover); }
}
.x-filters .facet__option.active a,
.x-filters .facet__option a.active{
  background:var(--x-active-bg); border:1px solid var(--x-active-bd);
  border-radius:6px; padding:2px 6px;
}

/* summary box (de sus) rotunjit corect, fara “perna” in interior */
.facets-sidebar__summary.x-filters{ 
  background:#fff !important;
  border:1px solid var(--x-border) !important;
  border-radius:14px !important;
  box-shadow:var(--x-shadow) !important;
  padding:12px 14px !important; 
  margin-bottom:14px !important;
  overflow:hidden !important;
}
.facets-sidebar__summary.x-filters *{
  background:transparent !important; box-shadow:none !important;
}
.facets-sidebar__summary .facets-sidebar__summary-label{
  font-weight:700; padding:2px 0 10px; border-bottom:1px solid var(--x-border);
}
.facets-sidebar__summary .facets-sidebar__summary-items{
  list-style:none; margin:8px 0 0; padding:0;
}
.facets-sidebar__summary .facets-sidebar__summary-item{
  display:flex; gap:6px; padding:4px 0;
}





/* ===== FLAT MODE pentru filtre: un singur card rotunjit, fara cutii in cutii ===== */
:root{
  --x-radius:16px;
  --x-border:#e5e7eb;
  --x-shadow:0 4px 14px rgba(2,6,23,.06);
  --x-hover:#f1f5f9;
  --x-active-bg:#e6f4ff;
  --x-active-bd:#bfdbfe;
}

/* card-ul exterior */
section.facets-sidebar.x-filters,
.facets-sidebar.x-filters{
  background:#fff !important;
  border:1px solid var(--x-border) !important;
  border-radius:var(--x-radius) !important;
  box-shadow:var(--x-shadow) !important;
  padding:16px !important;
  overflow:hidden !important;
}

/* sterge complet cardul interior (buzunarul rotunjit) */
.x-filters .facets-sidebar__form,
.x-filters .facets-sidebar__menu,
.x-filters .facets-sidebar__list,
.x-filters .facet,
.x-filters .facet__content,
.x-filters .mm-panel,
.x-filters .mm-panel__content{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* titlul grupului (BMW, Pret etc.) */
.x-filters .facet__title{
  display:flex; align-items:center; justify-content:space-between;
  font-weight:600;
  padding:8px 0;            /* fara fundal, doar spacing */
  margin:4px 0 2px;
}

/* separatoare subtile intre grupuri */
.x-filters .facet + .facet{
  border-top:1px solid #eef2f6;
  padding-top:10px;
  margin-top:10px;
}

/* lista de optiuni: fara scroll intern, fara cutie */
.x-filters .facet__options{
  margin:6px 0 0;
  padding:0;
  list-style:none;
  max-height:none !important;
  overflow:visible !important;
}

/* fiecare optiune = rand simplu, hover discret */
.x-filters .facet__option{
  display:flex; align-items:center; gap:8px;
  padding:6px 4px;
  border-radius:6px;
}
.x-filters .facet__option input{ margin:0 6px 0 2px; }

@media (hover:hover){
  .x-filters .facet__option:hover{ background:var(--x-hover); }
}

/* stare selectata */
.x-filters .facet__option.active a,
.x-filters .facet__option a.active{
  background:var(--x-active-bg);
  border:1px solid var(--x-active-bd);
  border-radius:6px;
  padding:2px 6px;
}

/* sliderul de pret sa nu adauge cutii proprii */
.x-filters .filter-slider,
.x-filters .slider-wrap,
.x-filters .mm-panel__content{ background:transparent !important; border:0 !important; box-shadow:none !important; }

/* “Sumar” (daca e in sidebar) – tot flat */
.facets-sidebar__summary.x-filters{
  background:#fff !important;
  border:1px solid var(--x-border) !important;
  border-radius:12px !important;
  box-shadow:var(--x-shadow) !important;
  padding:10px 12px !important;
  margin-bottom:14px !important;
  overflow:hidden !important;
}
.facets-sidebar__summary.x-filters *{ background:transparent !important; box-shadow:none !important; border:0 !important; }




/* Kill blue bg/padding on the left aside column */
.page__aside-main{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.page__aside-main::before,
.page__aside-main::after{ display:none !important; }

/* Our filter card spacing inside the aside */
.page__aside-main > .facets-sidebar.x-filters{
  margin: 12px !important;   /* ajusteaza 0-16px dupa gust */
}

/* Optional: unify gaps with content area on desktop */
@media (min-width: 992px){
  .page__content-wrapper{ gap:24px !important; }
}

/* Keep x-filters looking like a single clean card */
.facets-sidebar.x-filters{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:16px !important;
  box-shadow:0 4px 14px rgba(2,6,23,.06) !important;
  overflow:hidden !important;
}




/* === Kill bg/border pe wrapper-ele de categorie (parintii link-ului) === */
.category,
.category-summary,
.category-list li,
.category-grid .category,
.categories__item,
.categories .item,
.category-block,
.category-map__item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;   /* elimina spatiul colorat la colturi */
}
.category__image-container,
.category__no-image,
.category-summary__description {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* === Cardul real (linkul) – radius + shadow curate === */
:root{
  --x-radius:16px;
  --x-border:#e5e7eb;
  --x-shadow:0 4px 14px rgba(2,6,23,.06);
  --x-hover-shadow:0 12px 32px rgba(2,6,23,.14);
}

/* BEM din tema + clasa adaugata de noi */
.category__link,
.category-summary__logo,
.x-category-card{
  display:block;
  background:#fff !important;
  border:1px solid var(--x-border) !important;
  border-radius:var(--x-radius) !important;
  overflow:hidden !important;
  box-shadow:var(--x-shadow) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
.category__link img,
.category-summary__logo img,
.x-category-card img{
  display:block; width:100%; height:auto; border-radius:inherit !important;
}

/* === Elegant hover pentru cardurile de categorie (fara deplasare) === */
:root{
  --card-bd:#e5e7eb;
  --card-ring:#cfe5ff;      /* inel discret la hover */
  --card-shadow:0 2px 8px rgba(2,6,23,.05);
  --card-shadow-hover:0 12px 28px rgba(2,6,23,.14);
  --card-radius:16px;
}

/* cardul (anchor) – static, doar shadow/border se anima */
.category__link,
.category-summary__logo,
.x-category-card{
  position:relative;
  background:#fff !important;
  border:1px solid var(--card-bd) !important;
  border-radius:var(--card-radius) !important;
  overflow:hidden !important;
  box-shadow:var(--card-shadow) !important;
  transform:none !important;                 /* nu se mai misca */
  transition:box-shadow .18s ease, border-color .18s ease;
}

/* inel interior foarte discret la hover (fara sa schimbe layout-ul) */
.category__link::after,
.category-summary__logo::after,
.x-category-card::after{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  box-shadow: inset 0 0 0 0 var(--card-ring);
  transition: box-shadow .18s ease;
  pointer-events:none;
}

/* zona imaginii stabila (nu schimba inaltimea layout-ului) */
.category__image-container,
.category__no-image{
  padding:10px 10px 0 !important;
  aspect-ratio: 4/3;
  display:flex; align-items:center; justify-content:center;
  background:transparent !important;
}

/* imaginea se “clarifica” subtil, nu sare din card */
.category__link img,
.category-summary__logo img,
.x-category-card img{
  display:block; max-width:100%; height:auto;
  transition: transform .25s ease, filter .25s ease;
  transform: none;
}

@media (hover:hover){
  .category__link:hover,
  .category-summary__logo:hover,
  .x-category-card:hover{
    border-color: var(--card-ring) !important;       /* accent fin pe contur */
    box-shadow: var(--card-shadow-hover) !important; /* shadow putin mai adanc */
  }
  .category__link:hover::after,
  .category-summary__logo:hover::after,
  .x-category-card:hover::after{
    box-shadow: inset 0 0 0 2px var(--card-ring);    /* inel interior subtil */
  }
  .category__link:hover img,
  .category-summary__logo:hover img,
  .x-category-card:hover img{
    transform: scale(1.006);                         /* 0.6% – foarte fin */
    filter: saturate(1.02) contrast(1.01);
  }
}

/* optional: daca ramane fundal gri pe wrapper-ele parinte, taiem total */
.category,
.category-grid .category,
.category-list li,
.categories__item{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }




/* === Fix: adu titlul sub imagine si scoate aspect-ratio de pe container === */
.category__image-container,
.category__no-image{
  background: transparent !important;
  padding: 12px 12px 0 !important;
  aspect-ratio: auto !important;          /* override ce am pus anterior */
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 180px;                       /* stabilizam inaltimea zonei de imagine */
}

/* Titlul (numele masinii) vizibil sub poza */
.category__name,
.category .category__name,
.x-category-card .category__name{
  display: block !important;
  padding: 10px 12px 14px !important;
  text-align: center !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
  font-weight: 600;
  white-space: normal;                     /* lasa sa cada pe 2 randuri */
}

/* Cardul nu se mai deplaseaza; hover fin, doar accent pe contur/shadow */
.category__link,
.category-summary__logo,
.x-category-card{
  transform: none !important;
  transition: box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
@media (hover:hover)){
  .category__link:hover,
  .category-summary__logo:hover,
  .x-category-card:hover{
    border-color: #cfe5ff !important;
    box-shadow: 0 12px 28px rgba(2,6,23,.14) !important;
  }
  .category__link:hover img,
  .category-summary__logo:hover img,
  .x-category-card:hover img{
    transform: none !important;            /* fara salt in sus */
    filter: saturate(1.02) contrast(1.01);
  }
}

/* Daca vreun wrapper mai pune fundal/border, anulam total (fara colturile gri) */
.category,
.category-grid .category,
.category-list li,
.categories__item{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* === Card categorie – hover premium pe verde (site palette) === */
:root{
  --brand-green:#7AC201;            /* din logo */
  --card-bd:#e6eaf0;
  --card-radius:18px;                /* radius fin, premium */
  --shadow-base:0 3px 10px rgba(7,22,35,.08);
  --shadow-hover:0 22px 48px rgba(7,22,35,.22); /* mai mult shadow la hover */
  --ring-soft:rgba(122,194,1,.45);   /* tent verde pe border */
  --ring-inner:rgba(122,194,1,.70);  /* inel interior 1px */
}

/* baza card (anchor) */
.category__link,
.category-summary__logo,
.x-category-card{
  position:relative;
  display:flex; flex-direction:column; height:100%;
  background:#fff !important;
  border:1px solid var(--card-bd) !important;
  border-radius:var(--card-radius) !important;
  box-shadow:var(--shadow-base) !important;
  transform:none !important;                /* nu se misca pe Y */
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease;
}

/* curata efecte anterioare */
.category__link::before,
.category__link::after,
.category-summary__logo::before,
.category-summary__logo::after,
.x-category-card::before,
.x-category-card::after{ content:none !important; box-shadow:none !important; }

/* pregatim un singur inel interior (initial invizibil) */
.category__link::after,
.category-summary__logo::after,
.x-category-card::after{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 0 var(--ring-inner);
  transition:box-shadow .16s ease;
}

/* HOVER: usor “lift”, contur verde fin, inel interior 1px, shadow premium */
@media (hover:hover){
  .category__link:hover,
  .category-summary__logo:hover,
  .x-category-card:hover{
    transform:scale(1.006);                     /* 0.6% – abia sesizabil */
    border-color:var(--ring-soft) !important;   /* tent verde pe border */
    box-shadow:var(--shadow-hover) !important;  /* shadow mai adanc */
  }
  .category__link:hover::after,
  .category-summary__logo:hover::after,
  .x-category-card:hover::after{
    box-shadow:inset 0 0 0 1px var(--ring-inner); /* inel verde subtire */
  }
}

/* imagine si titlu – stabile, fara salt */
.category__image-container,
.category__no-image{ padding:12px 12px 0 !important; background:transparent !important; }
.category__link img,
.category-summary__logo img,
.x-category-card img{ display:block; max-width:100%; height:auto; transform:none !important; }

/* parintii nu taie efectul */
.category-grid, .categories, .category-list,
.page__content .row, .page__content, .page__content-wrapper{ overflow:visible !important; }

/* ===== RESET WRAPPERS (să nu mai apară colțuri gri din părinți) ===== */
.category,
.category-grid .category,
.category-list li,
.categories__item,
.page__content .row > [class*="col"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ===== CARD DE CATEGORIE – bază curată ===== */
.category__link,
.category-summary__logo,
.x-category-card{
  position:relative;
  display:flex; flex-direction:column; height:100%;
  background:#fff !important;
  border:1px solid #e8edf3 !important;       /* gri foarte deschis */
  border-radius:20px !important;              /* radius mai premium */
  box-shadow:none !important;                 /* fără shadow în repaus */
  transform:none !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}

/* anulăm orice efect anterior pe pseudo-elemente */
.category__link::before, .category__link::after,
.category-summary__logo::before, .category-summary__logo::after,
.x-category-card::before, .x-category-card::after{
  content:none !important; box-shadow:none !important; border:0 !important;
}

/* zona imaginii + titlul – stabile */
.category__image-container, .category__no-image{
  padding:12px 12px 0 !important;
  background:transparent !important;
}
.category__link img, .category-summary__logo img, .x-category-card img{
  display:block; max-width:100%; height:auto; transform:none !important;
}
.category__name{ display:block; padding:10px 12px 14px; text-align:center; }

/* ===== HOVER PREMIUM: border verde foarte fin + shadow adânc ===== */
@media (hover:hover){
  .category__link:hover,
  .category-summary__logo:hover,
  .x-category-card:hover{
    /* contur verde subtil */
    border-color: rgba(122,194,1,.45) !important;      /* #7AC201 cu opacitate */
    /* UN SINGUR shadow (nu creează colțuri gri) + un “ring” interior foarte fin */
    box-shadow:
      0 22px 48px rgba(7,22,35,.22),                   /* shadow premium */
      inset 0 0 0 1px rgba(122,194,1,.70) !important;  /* linie verde fină */
  }
}

/* prevenim tăierea shadow-ului de către containere */
.category-grid, .categories, .category-list,
.page__content .row, .page__content, .page__content-wrapper{
  overflow:visible !important;
}

/* 1) Nuke: wrapper-ele de categorie nu mai pun NIMIC, nici la :hover */
.category,
.category:hover,
.category-grid .category,
.category-grid .category:hover,
.category-list li,
.category-list li:hover,
.categories__item,
.categories__item:hover,
.page__content .row > [class*="col"],
.page__content .row > [class*="col"]:hover{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.category::before, .category::after,
.category-grid .category::before, .category-grid .category::after,
.category-list li::before, .category-list li::after,
.categories__item::before, .categories__item::after{ display:none !important; }

/* 2) Cardul real (anchor) – bază curată */
.category__link,
.category-summary__logo,
.x-category-card{
  position:relative;
  display:flex; flex-direction:column; height:100%;
  background:#fff !important;
  border:1px solid #e8edf3 !important;
  border-radius:20px !important;
  box-shadow:none !important;            /* fără shadow în repaus */
  transform:none !important;
  transition:border-color .18s ease, box-shadow .18s ease;
  overflow:hidden !important;            /* taie orice “resturi” la colțuri */
}

/* 3) Hover premium – contur verde foarte fin + shadow adânc, fără mișcare */
@media (hover:hover){
  .category__link:hover,
  .category-summary__logo:hover,
  .x-category-card:hover{
    border-color: rgba(122,194,1,.45) !important;           /* #7AC201 soft */
    box-shadow:
      0 24px 52px rgba(7,22,35,.22),                        /* shadow premium */
      inset 0 0 0 1px rgba(122,194,1,.75) !important;       /* inel fin */
  }
}

/* 4) Imagine + titlu stabile */
.category__image-container, .category__no-image{
  padding:12px 12px 0 !important;
  background:transparent !important;
}
.category__link img, .category-summary__logo img, .x-category-card img{
  display:block; max-width:100%; height:auto; transform:none !important;
}

/* 5) Ca shadow-ul să nu fie tăiat */
.category-grid, .categories, .category-list,
.page__content .row, .page__content, .page__content-wrapper{
  overflow:visible !important;
}

/* ===== Card categorie: shadow verde, fara contur ===== */
:root{
  --brand-green:#7AC201;
}

/* baza: fara contur vizibil */
.category__link,
.category-summary__logo,
.x-category-card{
  background:#fff !important;
  border:1px solid transparent !important;     /* contur INVIZIBIL */
  border-radius:20px !important;
  box-shadow:0 2px 6px rgba(0,0,0,.03) !important; /* subtil la idle */
  transform:none !important;
  transition:box-shadow .18s ease, border-color .18s ease;
  overflow:hidden !important;
}

/* elimina orice pseudo-efect anterior (inele/benzi) */
.category__link::before, .category__link::after,
.category-summary__logo::before, .category-summary__logo::after,
.x-category-card::before, .x-category-card::after{
  content:none !important; box-shadow:none !important; border:0 !important;
}

/* HOVER: DOAR umbra verde (fara contur) */
@media (hover:hover){
  .category__link:hover,
  .category-summary__logo:hover,
  .x-category-card:hover{
    border-color:transparent !important;        /* zero outline */
    box-shadow:
      0 24px 56px rgba(122,194,1,.26) !important; /* green shadow premium */
  }
}

/* sa nu fie taiata umbra de containere */
.category-grid, .categories, .category-list,
.page__content .row, .page__content, .page__content-wrapper{
  overflow:visible !important;
}

/* ——— 1) Anulează complet fundalul/umbra wrapper-elor din stânga ——— */
.page--catalog-products .page__aside,
.page--catalog-products .page__aside-left,
.page--catalog-products .page__aside-main,
.page--catalog-products .page__aside-main::before,
.page--catalog-products .page__aside-main::after{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Facets container(e) default (în afară de cardul nostru) */
.facets-sidebar:not(.x-filters),
.facets-sidebar__menu,
.facets-sidebar__form,
.facets-sidebar__list{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ——— 2) Doar cardul nostru rămâne “card” ——— */
.page__aside-main > .facets-sidebar.x-filters{
  margin: 16px !important;                 /* spațiu față de marginea aside-ului */
  background: #fff !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 26px rgba(7,22,35,.14) !important;  /* umbra cardului */
  overflow: hidden !important;
}

/* (opțional) dacă tema mai pune vreun efect pe hover pe aside, îl oprim */
.page__aside-main:hover{ background: transparent !important; box-shadow:none !important; }


/* === POP-OUT PREMIUM: green shadow, fara contur, fara colturi gri === */
:root{
  --card-radius:20px;
  --shadow-idle:0 2px 8px rgba(7,22,35,.06);
  --shadow-hover-green:0 22px 48px rgba(122,194,1,.22), 0 6px 16px rgba(7,22,35,.10);
}

/* 0) Părinții nu mai pun fundal/hover (de aici veneau colțurile gri) */
.category,
.category:hover,
.category-grid .category,
.category-grid .category:hover,
.category-list li,
.category-list li:hover,
.categories__item,
.categories__item:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.category::before,.category::after,
.category-grid .category::before,.category-grid .category::after,
.category-list li::before,.category-list li::after{ display:none !important; }

/* 1) Cardul (anchor) – baza curata */
.category__link,
.category-summary__logo,
.x-category-card{
  position:relative;
  display:flex; flex-direction:column; height:100%;
  background:#fff !important;
  border:1px solid transparent !important;       /* contur invizibil */
  border-radius:var(--card-radius) !important;
  overflow:hidden !important;
  box-shadow:var(--shadow-idle) !important;
  transform:translateZ(0);
  transition:transform .18s ease, box-shadow .18s ease;
}

/* elimină orice pseudo-efect anterior */
.category__link::before,.category__link::after,
.category-summary__logo::before,.category-summary__logo::after,
.x-category-card::before,.x-category-card::after{ content:none !important; }

/* 2) Hover: iese PUȚIN in evidenta + umbra verde, fara contur */
@media (hover:hover){
  .category__link:hover,
  .category-summary__logo:hover,
  .x-category-card:hover{
    transform:scale(1.01);                               /* pop-out fin */
    box-shadow:var(--shadow-hover-green) !important;      /* green shadow */
    border-color:transparent !important;                  /* zero contur */
    z-index:2;
  }
}

/* 3) Imagine + titlu stabile, fara sarituri */
.category__image-container,.category__no-image{
  padding:12px 12px 0 !important;
  min-height:180px;                /* ajusteaza 160–200 dupa gust */
  display:flex; align-items:center; justify-content:center;
  background:transparent !important;
}
.category__link img,.category-summary__logo img,.x-category-card img{
  display:block; max-width:100%; height:auto; transform:none !important;
}

/* 4) Containerul nu taie umbra la hover */
.category-grid,.categories,.category-list,
.page__content .row,.page__content,.page__content-wrapper{
  overflow:visible !important;
}


/* === ENAV – FINAL OVERRIDE: scoate haloul pătrățos cu drop-shadow pe carduri === */
.category__link,
.category-summary__logo,
.x-category-card{
  box-shadow:none !important;                           /* no box-shadow */
  filter:drop-shadow(0 2px 8px rgba(7,22,35,.06)) !important;
  isolation:isolate;
  background-clip:padding-box !important;
}

@media (hover:hover){
  .category__link:hover,
  .category-summary__logo:hover,
  .x-category-card:hover{
    filter:
      drop-shadow(0 22px 48px rgba(122,194,1,.22))
      drop-shadow(0 6px 16px rgba(7,22,35,.12)) !important;
  }
}



/* Aliniază umbra filtrelor cu cardurile de brand */
.page__aside-main > .facets-sidebar.x-filters{
  box-shadow: 0 2px 8px rgba(7,22,35,.06) !important;   /* la fel ca brand cards (idle) */
  border-color: #e8edf3 !important;
}

@media (hover:hover){
  .page__aside-main > .facets-sidebar.x-filters:hover{
    box-shadow: 0 12px 28px rgba(7,22,35,.14) !important; /* hover mai fin */
    /* sau varianta cu tentă verde:
    box-shadow: 0 22px 48px rgba(122,194,1,.22), 0 6px 16px rgba(7,22,35,.10) !important;
    */
  }
}

/* Stop hover effect pe cardul de filtre (x-filters) */
.page__aside-main > .facets-sidebar.x-filters{
  /* setează aici umbra “idle” pe care o vrei; exemplu mai discret: */
  box-shadow: 0 2px 8px rgba(7,22,35,.06) !important;
  transition: none !important;            /* fără animații */
}

/* Neutralizează total :hover pe card */
@media (hover:hover){
  .page__aside-main > .facets-sidebar.x-filters:hover,
  .facets-sidebar.x-filters:hover{
    box-shadow: 0 2px 8px rgba(7,22,35,.06) !important; /* identic cu idle */
    transform: none !important;
    filter: none !important;
    border-color: #e8edf3 !important;      /* sau ce ai la idle */
  }
}


/* ==== HARD FIX: colțuri perfect rotunde pe cardurile din grid (subcategorii/modele) ==== */

/* 0) Toți părinții cardului: complet transparenți (nimic în spate) */
.category,
.category-grid .category,
.category-list li,
.categories__item,
.categories .item,
.category-block,
.category-map__item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 1) Cardul real (anchor) – taie TOT ce iese, păstrează radius-ul */
.category__link,
.category-grid .category > a,
.category-list .category > a,
.categories__item > a,
.category-block > a,
.category-map__item > a,
.x-category-card {
  position: relative !important;
  background: #fff !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 20px !important;
  overflow: hidden !important;     /* clip pe colțuri */
  isolation: isolate !important;   /* separă efectele interne */
  transform: none !important;      /* evită “saltul” care dezvăluie colțurile */
}

/* 2) Anulează orice pseudo-efect (inele/benzi) care nu respectă radius-ul */
.category__link::before,
.category__link::after,
.category-grid .category > a::before,
.category-grid .category > a::after,
.x-category-card::before,
.x-category-card::after {
  content: none !important;
}

/* 3) Zona imaginii + titlul – moștenesc radius-ul și nu au fundal propriu */
.category__image-container,
.category__no-image,
.category__name {
  background: transparent !important;
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* 4) (opțional) dacă tot mai vezi artefacte în Safari, păstrează clipul hardware */
.category__link,
.x-category-card {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* ==== HOVER POP pentru cardurile de CATEGORII (zoom + shadow puternic) ==== */

/* tranziții line pe card */
.category-grid .category > a,
.category__link,
.x-category-card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  will-change: transform;
}

/* efectul la hover — DOAR pe categorii */
@media (hover:hover){
  .category-grid .category > a:hover,
  .category__link:hover,
  .x-category-card:hover{
    /* zoom fin + mic “lift” */
    transform: translateY(-2px) scale(1.01) !important;
    /* umbră mai adâncă + tentă verde subtilă */
    box-shadow:
      0 24px 56px rgba(7,22,35,.22),
      0 8px 24px rgba(122,194,1,.18) !important;
    border-color: rgba(122,194,1,.45) !important;
    z-index: 3;
  }

  /* imaginea din card “respiră” puțin, rămâne tăiată corect de radius */
  .category-grid .category > a:hover img,
  .category__link:hover img,
  .x-category-card:hover img{
    transform: scale(1.03) !important;
    filter: saturate(1.03) contrast(1.02);
    transition: transform .22s ease, filter .22s ease;
  }
}

/* === Contact HERO (stil ca Servicii montaj) === */
.contact-hero{
  width: calc(100vw - (100vw - 100%));
  margin-left: calc(50% - 50vw + (100vw - 100%)/2);
  margin-right: calc(50% - 50vw + (100vw - 100%)/2);
  padding: 24px 0 10px; /* spatiu sus ca in pagina servicii */
}
.contact-hero__wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }
.contact-hero__card{
  display:grid; grid-template-columns: 1.1fr .9fr; gap:24px;
  background: linear-gradient(180deg,#0b1220 0%,#13253f 100%);
  color:#fff; border-radius: 18px; box-shadow: 0 16px 40px rgba(2,6,23,.35);
  padding: 28px; position: relative; overflow: hidden;
}
@media (max-width: 980px){
  .contact-hero__card{ grid-template-columns: 1fr; }
}
.contact-hero__title{ margin:0 0 6px; font-size: clamp(24px, 3.4vw, 34px); }
.contact-hero__lead{ margin:0 0 16px; opacity:.9; max-width: 56ch; }
.contact-hero__cta .btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 18px; border-radius: 14px;
  border:1px solid #2fb3ff; background:#2fb3ff; color:#06121f;
  font-weight:700; text-decoration:none;
  box-shadow: 0 12px 28px rgba(47,179,255,.35);
  transition: transform .15s ease, box-shadow .15s ease;
}
.contact-hero__cta .btn:hover{ transform: translateY(-1px); box-shadow:0 16px 34px rgba(47,179,255,.45); }

/* chips cu bifa ca in bannerul din exemplu */
.contact-hero__chips{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; padding:0; list-style:none; }
.contact-hero__chips li{
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#e6f5ff; border-radius: 999px; padding:8px 12px; font-weight:600;
  display:inline-flex; align-items:center; gap:10px; backdrop-filter: saturate(140%) blur(2px);
}
.contact-hero__chips li::before{
  content:"✓"; font-weight:900; width:18px; height:18px; line-height:18px;
  display:inline-grid; place-items:center; border-radius:999px;
  background: rgba(255,255,255,.18);
}

/* imaginea din dreapta: acopera si are overlay subtil */
.contact-hero__col--media{ position: relative; }
.contact-hero__image{
  position: absolute; inset: 0; border-radius: 16px;
  background-size: cover; background-position: center;
  filter: saturate(110%); opacity:.9;
}
.contact-hero__image::after{
  content:""; position:absolute; inset:0; border-radius:16px;
  background: radial-gradient(80% 80% at 20% 50%, rgba(19,37,63,.0) 0%, rgba(19,37,63,.35) 60%, rgba(19,37,63,.65) 100%);
}

/* === GRID sub-hero (formular stanga / date + harta dreapta) === */
.contact-grid{
  display:grid; grid-template-columns: 1.1fr .9fr; gap:24px; margin:24px 0;
}
@media (max-width: 980px){ .contact-grid{ grid-template-columns:1fr; } }

.contact-col{
  background:#fff; border-radius:14px; box-shadow:0 10px 28px rgba(2,6,23,.08); padding:18px;
}
.contact-col h2{ margin-top:0; }

.contact-list{ list-style:none; padding:0; margin:0 0 12px; display:grid; gap:6px; }
.contact-list a{ color:#0f172a; text-decoration:none; border-bottom:1px dashed rgba(2,6,23,.25); }
.contact-list a:hover{ border-bottom-color:#0f172a; }

.contact-map{ margin-top:12px; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(2,6,23,.08); }

.contact-consent{ font-size:12px; color:#64748b; margin-top:10px; }

/* === CTA verde (#7CC300) === */
.contact-hero__cta .btn{
  background:#7CC300; border-color:#7CC300; color:#06121f;
  box-shadow:0 12px 28px rgba(124,195,0,.35);
}
.contact-hero__cta .btn:hover{
  transform: translateY(-1px);
  box-shadow:0 16px 34px rgba(124,195,0,.45);
}

/* === Latimi egale cu homepage hero ===
   1) Hero contact: pastreaza full-bleed safe, dar limiteaza continutul la ~containerul din home */
.contact-hero__wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }

/* 2) Sectiunea cu cardurile (formular + date+harta):
      o scoatem din containerul ingust al paginii si o facem la aceeasi latime ca hero-ul */
.contact-wide{
  width: calc(100vw - (100vw - 100%));
  margin-left: calc(50% - 50vw + (100vw - 100%)/2);
  margin-right: calc(50% - 50vw + (100vw - 100%)/2);
  padding: 0; /* aliniere perfecta cu hero */
}
.contact-wide__inner{ max-width:1200px; margin:0 auto; padding:0 16px; }

/* grila ramane cum e, dar acum sta in wrapper-ul lat */
.contact-grid{
  display:grid; grid-template-columns: 1.1fr .9fr; gap:24px; margin:24px 0;
}
@media (max-width:980px){ .contact-grid{ grid-template-columns:1fr; } }

/* cardurile */
.contact-col{
  background:#fff; border-radius:14px; box-shadow:0 10px 28px rgba(2,6,23,.08); padding:18px;
}
.contact-col h2{ margin-top:0; }

.contact-map{ margin-top:12px; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(2,6,23,.08); }
.contact-list{ list-style:none; padding:0; margin:0 0 12px; display:grid; gap:6px; }
.contact-list a{ color:#0f172a; text-decoration:none; border-bottom:1px dashed rgba(2,6,23,.25); }
.contact-list a:hover{ border-bottom-color:#0f172a; }
.contact-consent{ font-size:12px; color:#64748b; margin-top:10px; }

/* unify widths with homepage hero */
:root{ --page-max:1200px; } /* ajusteaza daca hero-ul de pe home are alt max-width */

.contact-hero__wrap,
.contact-wide__inner{
  max-width:var(--page-max);
  margin:0 auto;
  padding:0 16px;
}

/* make banner and cards span full-bleed safely like home */
.contact-wide,
.contact-hero{
  width:calc(100vw - (100vw - 100%));
  margin-left:calc(50% - 50vw + (100vw - 100%)/2);
  margin-right:calc(50% - 50vw + (100vw - 100%)/2);
}

/* CTA green (#7CC300) */
.contact-hero__cta .btn{
  background:#7CC300; border-color:#7CC300; color:#06121f;
  box-shadow:0 12px 28px rgba(124,195,0,.35);
}
.contact-hero__cta .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(124,195,0,.45);
}

/* keep grid and cards looking sharp */
.contact-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:24px; margin:24px 0; }
@media (max-width:980px){ .contact-grid{ grid-template-columns:1fr; } }

.contact-col{ background:#fff; border-radius:14px; box-shadow:0 10px 28px rgba(2,6,23,.08); padding:18px; }
.contact-col h2{ margin-top:0; }

.contact-list{ list-style:none; padding:0; margin:0 0 12px; display:grid; gap:6px; }
.contact-list a{ color:#0f172a; text-decoration:none; border-bottom:1px dashed rgba(2,6,23,.25); }
.contact-list a:hover{ border-bottom-color:#0f172a; }

.contact-map{ margin-top:12px; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(2,6,23,.08); }
.contact-consent{ font-size:12px; color:#64748b; margin-top:10px; }


/* container comun cu homepage hero */
:root{ --page-max:1200px; } /* ajusteaza daca hero-ul de pe home are alt max */

.contact-hero__wrap,
.contact-wide__inner{ max-width:var(--page-max); margin:0 auto; padding:0 16px; }

/* full-bleed safe ca pe home */
.contact-hero,
.contact-wide{
  width:calc(100vw - (100vw - 100%));
  margin-left:calc(50% - 50vw + (100vw - 100%)/2);
  margin-right:calc(50% - 50vw + (100vw - 100%)/2);
}

/* micsoreaza spatiul dintre banner si grid */
.contact-hero{ padding-bottom:8px; }
.contact-wide{ margin-top:8px; }

/* CTA verde (#7CC300) */
.contact-hero__cta .btn{
  background:#7CC300; border-color:#7CC300; color:#06121f;
  box-shadow:0 12px 28px rgba(124,195,0,.35);
}
.contact-hero__cta .btn:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(124,195,0,.45); }

/* randul de titluri sus (exact ca in chenarele rosii) */
.contact-grid--heads{
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
  margin:8px 0 10px; align-items:end;
}
.contact-head{ margin:0; font-size:22px; font-weight:700; color:#0f172a; }

/* grila cu cardurile (2 coloane egale) */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 24px; }
@media (max-width:980px){ .contact-grid{ grid-template-columns:1fr; } }

.contact-col{ background:#fff; border-radius:14px; box-shadow:0 10px 28px rgba(2,6,23,.08); padding:18px; }
.contact-list{ list-style:none; padding:0; margin:0 0 12px; display:grid; gap:6px; }
.contact-list a{ color:#0f172a; text-decoration:none; border-bottom:1px dashed rgba(2,6,23,.25); }
.contact-list a:hover{ border-bottom-color:#0f172a; }
.contact-map{ margin-top:12px; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(2,6,23,.08); }
.contact-consent{ font-size:12px; color:#64748b; margin-top:10px; }

/* container comun cu homepage hero */
:root{ --page-max:1200px; } /* ajusteaza daca hero-ul de pe home are alt max */

/* full-bleed safe ca pe home */
.contact-hero,
.contact-wide{
  width:calc(100vw - (100vw - 100%));
  margin-left:calc(50% - 50vw + (100vw - 100%)/2);
  margin-right:calc(50% - 50vw + (100vw - 100%)/2);
}
.contact-hero__wrap,
.contact-wide__inner{
  max-width:var(--page-max);
  margin:0 auto;
  padding:0 16px;
}

/* spatiu mic intre banner si grid */
.contact-hero{ padding-bottom:8px; }
.contact-wide{ margin-top:8px; }

/* CTA verde (#7CC300) */
.contact-hero__cta .btn{
  background:#7CC300; border-color:#7CC300; color:#06121f;
  box-shadow:0 12px 28px rgba(124,195,0,.35);
}
.contact-hero__cta .btn:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(124,195,0,.45); }

/* titlurile sus pe doua coloane, aliniate la stanga */
.contact-grid--heads{
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
  margin:8px 0 10px; align-items:end;
}
.contact-head{ margin:0; font-size:22px; font-weight:700; color:#0f172a; text-align:left; }

/* grila cu cardurile (2 coloane egale) */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 24px; }
@media (max-width:980px){ .contact-grid{ grid-template-columns:1fr; } }

.contact-col{ background:#fff; border-radius:14px; box-shadow:0 10px 28px rgba(2,6,23,.08); padding:18px; }
.contact-list{ list-style:none; padding:0; margin:0 0 12px; display:grid; gap:6px; }
.contact-list a{ color:#0f172a; text-decoration:none; border-bottom:1px dashed rgba(2,6,23,.25); }
.contact-list a:hover{ border-bottom-color:#0f172a; }
.contact-map{ margin-top:12px; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(2,6,23,.08); }
.contact-consent{ font-size:12px; color:#64748b; margin-top:10px; }

/* same width as homepage hero */
:root{ --page-max:1200px; }

.contact-hero,
.contact-wide{
  width:calc(100vw - (100vw - 100%));
  margin-left:calc(50% - 50vw + (100vw - 100%)/2);
  margin-right:calc(50% - 50vw + (100vw - 100%)/2);
}
.contact-hero__wrap,
.contact-wide__inner{ max-width:var(--page-max); margin:0 auto; padding:0 16px; }

.contact-hero{ padding-bottom:8px; }
.contact-wide{ margin-top:8px; }

/* CTA green */
.contact-hero__cta .btn{
  background:#7CC300; border-color:#7CC300; color:#06121f;
  box-shadow:0 12px 28px rgba(124,195,0,.35);
}
.contact-hero__cta .btn:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(124,195,0,.45); }

/* grid 2-col on desktop, 1-col on mobile (form first) */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 24px; }
@media (max-width:980px){ .contact-grid{ grid-template-columns:1fr; } }

/* headings sit above each card */
.contact-head{ margin:0 0 12px; font-size:22px; font-weight:700; color:#0f172a; }

.contact-col{ background:#fff; border-radius:14px; box-shadow:0 10px 28px rgba(2,6,23,.08); padding:18px; }
.contact-list{ list-style:none; padding:0; margin:0 0 12px; display:grid; gap:6px; }
.contact-list a{ color:#0f172a; text-decoration:none; border-bottom:1px dashed rgba(2,6,23,.25); }
.contact-list a:hover{ border-bottom-color:#0f172a; }
.contact-map{ margin-top:12px; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(2,6,23,.08); }
.contact-consent{ font-size:12px; color:#64748b; margin-top:10px; }


/* Remediere pentru "saltul" vizual al footer-ului (CLS) */
#footer {
  min-height: 422px;
}

/* Remediere CLS pentru conținutul încărcat prin AJAX */
.main.ajax-content {
  min-height: 1000px; 
}