/* 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 */

/* 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 */


/* 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;
  }
}

/* === ENAV: fixa descriere categorie + widen banner =================== */

/* 1) NU mai colapsa descrierea + ascunde toggle-urile */
.page-category .category-description,
.page-category .category__description,
.page-category .categoryIntro,
.page-category .js-collapsible-content,
.page-category .mp-collapsible-content{
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
}
/* butoanele/toggle-urile (show more / restrange) */
.page-category .js-collapsible-toggle,
.page-category .mp-readmore,
.page-category .mp-readless,
.page-category .read-more,
.page-category .show-more,
.page-category .category-description + a,
.page-category .category__description + a{
  display:none !important;
}

/* 2) Banner mai larg (bleed adaptiv) */
:root{ --enav-bleed: clamp(16px, 2.5vw, 48px); } /* ajusteaza aici cat sa “iasa” lateral */
.page-category .category-description .enav-hero-wide,
.page-category .category__description .enav-hero-wide,
.page-category .categoryIntro .enav-hero-wide{
  display:block;
  width: calc(100% + (var(--enav-bleed) * 2)) !important;
  margin-left: calc(-1 * var(--enav-bleed)) !important;
  margin-right: calc(-1 * var(--enav-bleed)) !important;
  border-radius:16px;
}
/* spatiu sub descriere */
.page-category .category-description{ margin-bottom:18px; }
@media (max-width:768px){
  .page-category .category-description{ margin-bottom:14px; }
  .page-category .category-description .enav-hero-wide{ border-radius:12px; }
}

.page-category .category-description-wrap,
.page-category .page-description,
.page-category .content,
.page-category .content > *{
  overflow:visible !important;
}