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

/* === THEME: PILOTON x eNAVIGATII (blend) ===
   Foloseste albastrul #1485D2 si accentul verde #8BC34A
   Activare: adauga clasa .enav-theme-piloton pe containerul descrierii
*/
.container.enavigatii-glow-product-description.enav-theme-piloton{
  /* fundal deschis cu tentica albastra */
  --enav-glow-bg-deep-dark: #F7FAFC;

  /* text pe fundal deschis (contrast bun) */
  --enav-glow-text-primary-light: #0F172A;
  --enav-glow-text-headings-light: #0B1220;
  --enav-glow-text-secondary-muted: #475569;

  /* accente brand: verde site + albastru Piloton */
  --enav-glow-accent-green: #8BC34A; /* pastreaza identitatea enavigatii */
  /* hook optional pt elemente tematice pe albastru */
  --enav-glow-accent-blue: #1485D2;

  /* card-uri tip "glass" cu tentica albastra subtila */
  --enav-glow-bg-glass-card: rgba(20,133,210, .06);
  --enav-glow-border-glass-card: rgba(20,133,210, .25);

  /* umbre adaptate pe fundal deschis */
  --enav-glow-shadow-green: 0 0 12px rgba(139,195,74,.25), 0 0 24px rgba(139,195,74,.15);
  --enav-glow-shadow-green-hover: 0 8px 30px rgba(20,133,210,.12);

  /* un halo discret albastru peste fundal (nu afecteaza dark mode-ul de baza) */
  background-color: var(--enav-glow-bg-deep-dark);
  background-image: radial-gradient(1200px 400px at 50% -100px, rgba(20,133,210,.08), transparent 60%);
}

/* in tema Piloton, subtitlurile card-urilor (h4) pot merge pe albastru,
   in timp ce bullets "◈" si bara .section-title raman pe verde (identitate) */
.container.enavigatii-glow-product-description.enav-theme-piloton .features-card h4{
  color: var(--enav-glow-accent-blue);
  text-shadow: 0 0 8px rgba(20,133,210,.35);
}

/* optional: caption video mai lizibil pe deschis */
.container.enavigatii-glow-product-description.enav-theme-piloton .video-title-caption{
  color: #556274;
}



/* Stiluri Generale -  nou WIDE & TRANSPARENT */
.product-container {
font-family: 'Segoe UI', Arial, sans-serif;
width: 96%;
max-width: 1600px;
margin: 0 auto;
color: #333;
line-height: 1.6;
background: transparent;
}
.product-header {
text-align: center;
margin-bottom: 40px;
padding: 20px;
width: 100%;
}
.product-title {
font-size: 42px;
font-weight: 800;
margin-bottom: 15px;
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}
.product-subtitle {
font-size: 22px !important;
color: #222 !important;
margin-bottom: 25px !important;
max-width: 900px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
display: block !important;
width: 100% !important;
}
.product-hero-img {
width: 100%;
max-width: 1200px;
height: auto;
display: block;
margin: 0 auto 30px;
border-radius: 8px;
object-fit: contain;
}
/* GRID EXTINS ICONITE (12) */
.product-icons-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 25px;
background-color: #f0f4ff;
padding: 40px 20px;
border-radius: 12px;
margin-bottom: 60px;
text-align: center;
border: 1px solid #e0e0e0;
}
.product-icon-item {
width: 140px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10px;
}
.product-icon-img {
width: 50px;
height: 50px;
margin-bottom: 12px;
object-fit: contain;
}
.product-icon-text {
font-weight: 700;
font-size: 15px;
color: #000;
text-transform: uppercase;
line-height: 1.3;
}
/* Video Section */
.product-video-section {
margin-bottom: 80px;
text-align: center;
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
color: #fff;
padding: 50px 20px;
border-radius: 12px;
}
.product-video-title {
font-size: 32px;
font-weight: bold;
margin-bottom: 40px;
color: #fff;
text-transform: uppercase;
}
.product-dual-video-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 40px;
}
.product-video-item-wrapper {
flex: 1;
min-width: 400px;
max-width: 700px;
}
.product-video-wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
margin-bottom: 15px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 212, 255, 0.3);
}
.product-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.product-video-caption {
font-size: 20px;
font-weight: 600;
color: #ddd;
margin-top: 10px;
}
/* Sections */
.product-section {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 80px;
padding: 0 20px;
gap: 40px;
}
.product-section.reverse {
flex-direction: row-reverse;
}
.product-text-col {
flex: 1;
padding: 20px;
box-sizing: border-box;
min-width: 400px;
}
.product-img-col {
flex: 1;
padding: 10px;
box-sizing: border-box;
text-align: center;
min-width: 400px;
}
.product-feature-img {
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
transition: transform 0.3s ease;
}
.product-feature-img:hover {
transform: scale(1.02);
}
.product-h3 {
font-size: 32px;
font-weight: 800;
color: #000;
margin-bottom: 25px;
position: relative;
display: inline-block;
}
.product-h3::after {
content: '';
display: block;
width: 80px;
height: 5px;
background: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);
margin-top: 12px;
border-radius: 3px;
}
.product-desc {
font-size: 20px;
color: #222;
margin-bottom: 25px;
line-height: 1.7;
}
.product-list {
list-style: none;
padding: 0;
margin: 0;
}
.product-list li {
padding-left: 30px;
position: relative;
margin-bottom: 15px;
font-size: 18px;
color: #333;
line-height: 1.6;
}
/* Bife Albastre */
.product-list li::before {
content: '✔';
position: absolute;
left: 0;
color: #00d4ff;
font-weight: bold;
font-size: 20px;
}
@media (max-width: 900px) {
.product-text-col, .product-img-col {
width: 100%;
flex: auto;
text-align: center;
padding: 0;
min-width: auto;
}
/* IMAGINI ÎNTOTDEAUNA ÎNAINTE PE MOBILE */
.product-section.reverse {
flex-direction: column;
}
.product-section {
flex-direction: column;
padding: 0;
gap: 20px;
}
/* Forțează imaginea să fie prima */
.product-img-col {
order: -1;
margin-bottom: 20px;
padding: 0;
width: 100%;
}
.product-text-col {
order: 1;
padding: 0 15px;
}
/* IMAGINI FOARTE MARI PE MOBILE - FULL WIDTH */
.product-feature-img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: contain;
border-radius: 8px;
margin: 0;
}
.product-hero-img {
width: 100%;
max-width: 100%;
border-radius: 8px;
height: auto;
object-fit: contain;
}
.product-h3::after {
margin: 10px auto;
}
.product-list {
text-align: left;
display: inline-block;
}
.product-video-item-wrapper {
min-width: 100%;
}
.product-title {
font-size: 28px;
padding: 0 15px;
line-height: 1.2;
text-align: center;
}
.product-subtitle {
font-size: 19px !important;
padding: 0 15px !important;
line-height: 1.5 !important;
text-align: center !important;
display: block !important;
color: #222 !important;
}
.product-h3 {
font-size: 26px;
line-height: 1.3;
}
.product-desc {
font-size: 18px;
line-height: 1.6;
color: #222;
}
.product-list li {
font-size: 17px;
line-height: 1.5;
margin-bottom: 12px;
color: #333;
}
.product-video-title {
font-size: 26px;
}
.product-video-caption {
font-size: 18px;
}
.product-icon-text {
font-size: 13px;
}
.product-icons-grid {
gap: 15px;
margin-left: 0;
margin-right: 0;
}
.product-icon-item {
width: 120px;
}
.product-section {
margin-bottom: 60px;
}
.product-header {
padding: 20px 0;
}
}


/* === HERO slider — bandă WIDE fără să spargem containerul === */

/* 1) Widgetul tău (schimbă ID-ul dacă diferă) */
#widget-1015653.widget-content{
  --hero-bg: #0e1b2c;            /* culoarea benzii */
  background: var(--hero-bg);    /* umple containerul local */
  box-shadow: 0 0 0 100vmax var(--hero-bg);  /* întinde pe toată lățimea */
  clip-path: inset(0 -100vmax);              /* permite „vopsirea” în afara containerului */
}

/* 1b) Fallback/viitor: orice widget care conține sliderul (.hs-shell) */
.widget-content:has(> .hs-shell){
  --hero-bg: #0e1b2c;
  background: var(--hero-bg);
  box-shadow: 0 0 0 100vmax var(--hero-bg);
  clip-path: inset(0 -100vmax);
}

/* 2) Nu dublăm fundalul pe slider */
#widget-1015653 .hs-shell{ background: transparent; }

/* 3) (opțional) controlăm marginile verticale doar prin slider */
#widget-1015653.widget-content{ padding-top: 0; padding-bottom: 0; }
#widget-1015653 .hs-shell{ padding-top: 56px; padding-bottom: 56px; }
@media (max-width:980px){
  #widget-1015653 .hs-shell{ padding-top: 28px; padding-bottom: 28px; }
}




/* END: Corectie imagini categorie */



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

/* 1) Varianta universală – pune fundal pe tot rândul ce conține sliderul */
.widget-content:has(> .hs-shell){
  background: #0e1b2c;           /* același bg ca sliderul */
}

/* 2) Fallback (sau dacă vrei să fii 100% sigur) cu ID-ul concret al widgetului */
#widget-1015653.widget-content{
  background: #0e1b2c;
}

/* (opțional) dacă wrapperul are padding vertical și vrei banda perfect „tăiată” */
#widget-1015653.widget-content{ padding-top: 0; padding-bottom: 0; }
#widget-1015653 .hs-shell{ padding-top: 56px; padding-bottom: 56px; }  /* păstrăm spacing-ul sliderului */



/* LISTING & CARD */
.product-card { display:grid; grid-template-rows:auto auto 1fr auto; row-gap:8px; }
.product-card .product-image { aspect-ratio: 4/3; overflow:hidden; }
.product-card .product-image img { width:100%; height:100%; object-fit:cover; }
.product-card .title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height: 2.6em; }
.product-card .price-block { min-height:34px; }
.product-card .actions { min-height:36px; display:flex; gap:8px; }
.badge, .label, .discount { display:inline-flex; align-items:center; justify-content:center; min-width:32px; min-height:18px; padding:0 6px; font-size:11px; line-height:1; border-radius:9px; }

/* PDP */
.product-gallery .main { aspect-ratio: 4/3; overflow:hidden; }
.product-gallery .thumbs { min-height:72px; }
.product-info .price-stock { min-height:64px; }
.variations { min-height:42px; display:flex; flex-wrap:wrap; gap:8px; }
.product-tabs .tab-content { min-height:180px; }
.related-products .product-card .product-image { aspect-ratio:4/3; }

/* HEADER & COOKIE */
.header-actions { min-width:240px; }
.header-logo img { width:160px; height:auto; }
.header--fixed { position:fixed; left:0; right:0; top:0; z-index:9999; }
body.has-fixed-header { padding-top: var(--header-h, 68px); }
.cookiebar, .cookie-bar, #gdpr-cookie-wrapper { position:fixed !important; left:0; right:0; bottom:0; z-index:2147483647; }
body.cookiebar-open { padding-bottom:0 !important; }

/* TERȚE PĂRȚI */
#whatsapp-widget, .fb-messenger, .chat-widget { position:fixed !important; right:16px; bottom:16px; z-index:99999; }

/* FONT fallback stabil */
html { font-size-adjust: 0.5; }


/* ===== HARD RESET pentru meniul mobil (MerchantPro) ===== */
/* 1) Identifica TOATE variantele posibile de panou/drawer de meniu */
#mobile-menu, #mp-mobile-menu, #menu-drawer,
.offcanvas-menu, .m-offcanvas, .drawer, .drawer--menu,
.site-drawer, .menu-panel, [role="dialog"][aria-modal="true"][data-menu],
[aria-controls="mobile-menu"] ~ #mobile-menu,
[aria-controls="mp-mobile-menu"] ~ #mp-mobile-menu {
  position: fixed !important;
  inset: 0 !important;                  /* top/right/bottom/left 0 */
  width: 100vw !important;
  height: 100vh !important;
  background: #ffffff !important;       /* fundal alb (ca in screenshot) */
  color: #111111 !important;            /* text inchis – vizibil pe alb */
  z-index: 99999 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* 2) TOT ce e in interior sa fie vizibil, fara efecte de ascundere */
#mobile-menu *, #mp-mobile-menu *, #menu-drawer *,
.offcanvas-menu *, .m-offcanvas *, .drawer *, .drawer--menu *,
.site-drawer *, .menu-panel *, [role="dialog"][aria-modal="true"][data-menu] * {
  color: #111111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

/* 3) Linkuri, itemi, chevrons */
#mobile-menu a, #mp-mobile-menu a, #menu-drawer a,
.offcanvas-menu a, .drawer a, .drawer--menu a, .menu-panel a {
  display: block !important;
  text-decoration: none !important;
  color: #111111 !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

#mobile-menu li, #mp-mobile-menu li, #menu-drawer li,
.offcanvas-menu li, .drawer li, .menu-panel li {
  display: block !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

#mobile-menu svg, #mp-mobile-menu svg, #menu-drawer svg,
.offcanvas-menu svg, .drawer svg, .menu-panel svg {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* 4) Submeniuri – elimina orice height:0 / max-height-limit */
#mobile-menu .submenu, #mp-mobile-menu .submenu, #menu-drawer .submenu,
.offcanvas-menu .submenu, .drawer .submenu, .menu-panel .submenu,
#mobile-menu [class*="submenu"], #mp-mobile-menu [class*="submenu"] {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 5) Pune header/sticky sub meniu; ascunde butoane plutitoare (WhatsApp) */
.header, .sticky-header, [class*="header"][class*="sticky"] {
  z-index: 1000 !important;
}

body.menu-open .whatsapp-floating,
body.menu-open .whatsapp-button,
body.menu-open .whatsapp-chat,
body.menu-open [class*="whatsapp"] {
  display: none !important;
}

/* 6) Blocheaza scroll pe fundal & overlay intunecat (optional) */
body.menu-open { overflow: hidden !important; height: 100% !important; }
body.menu-open::after {
  content: "";
  position: fixed; inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 99998;
}

/* 7) Selector ultra-specific (bate orice !important din tema pe linkuri) */
html body #mobile-menu a,
html body #mp-mobile-menu a,
html body .offcanvas-menu a,
html body .drawer--menu a { color: #111111 !important; }

/* ===== Fix homepage hero slider vs. mobile menu ===== */
/* Activeaza cand meniul e deschis */
body.menu-open {
  overflow: hidden !important;
}

/* Neutralizeaza stacking context creat de slider pe homepage */
body.menu-open.home, 
body.menu-open.homepage, 
body.menu-open.page-home, 
body.menu-open.page-index {
  /* fallback pentru diverse teme MP */
}

/* Containere uzuale de hero/slider pe homepage */
body.menu-open .hero,
body.menu-open .hero-slider,
body.menu-open .section-hero,
body.menu-open .homepage-hero,
body.menu-open .banner-hero,
body.menu-open .slideshow,
body.menu-open .slideshow--hero,
body.menu-open .slick-slider,
body.menu-open .slick-list,
body.menu-open .slick-track,
body.menu-open .swiper,
body.menu-open .swiper-container,
body.menu-open .swiper-wrapper,
body.menu-open .glide,
body.menu-open .glide__track,
body.menu-open .glide__slides,
body.menu-open .splide,
body.menu-open .splide__track,
body.menu-open .splide__list {
  transform: none !important;
  will-change: auto !important;
  filter: none !important;
  perspective: none !important;
  contain: initial !important;
  z-index: 1 !important;
  overflow: visible !important;
}

/* In special, wrapper-ul care misca slide-urile */
body.menu-open .slick-track,
body.menu-open .swiper-wrapper,
body.menu-open .glide__slides,
body.menu-open .splide__list {
  transform: none !important;
}

/* Optional: daca sectiunea hero are position:relative cu z-index mare */
body.menu-open .hero,
body.menu-open .section-hero,
body.menu-open .homepage-hero,
body.menu-open .slideshow--hero {
  position: static !important;
  z-index: 1 !important;
}

/* Asigura ca meniul sta deasupra tuturor */
.mobile-menu,
.offcanvas-menu,
#mobile-menu,
#mp-mobile-menu {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}




/* ===== Responsive typography pentru descriere produs (MerchantPro) ===== */
/* Scope usor: descriere produs + pagina, fara sa atingi restul site-ului */
.product-description,
.product-long-description,
.product-content,
.page-content,
.enavigatii-glow-product-description {
  /* latime si spatiere confortabile pe mobile */
  line-height: 1.55;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* ---------- Mobile-first cu clamp() ---------- */
/* Body text (p, li) devine fluid intre 14px si 16px in functie de latime */
.product-description p,
.product-long-description p,
.product-content p,
.page-content p,
.enavigatii-glow-product-description p,
.product-description li,
.product-long-description li,
.enavigatii-glow-product-description li {
  font-size: clamp(14px, 3.6vw, 16px) !important;
  margin: 0.4em 0 0.9em;
}

/* Subtitluri/captions (mai discrete pe mobil) */
.product-description .product-subtitle,
.enavigatii-glow-product-description .product-subtitle,
.product-description .video-title-caption,
.enavigatii-glow-product-description .video-title-caption,
.product-description .section-intro,
.enavigatii-glow-product-description .section-intro {
  font-size: clamp(13px, 3.2vw, 15px) !important;
  opacity: 0.9;
}

/* Liste mai compacte pe mobile */
.product-description ul,
.product-description ol,
.enavigatii-glow-product-description ul,
.enavigatii-glow-product-description ol {
  padding-left: 1.2em;
  margin: 0.3em 0 1em;
}
.product-description li + li,
.enavigatii-glow-product-description li + li {
  margin-top: 0.35em;
}

/* Titluri responsiv (H1-H4) cu scari curate */
.product-description h1,
.enavigatii-glow-product-description .product-main-title {
  font-size: clamp(20px, 6vw, 30px) !important;
  line-height: 1.2;
  margin: 0.2em 0 0.4em;
}

.product-description h2,
.enavigatii-glow-product-description h2 {
  font-size: clamp(18px, 5.2vw, 24px) !important;
  line-height: 1.25;
  margin: 0.8em 0 0.4em;
}

.product-description h3,
.enavigatii-glow-product-description .section-title,
.enavigatii-glow-product-description h3 {
  font-size: clamp(16px, 4.5vw, 20px) !important;
  line-height: 1.3;
  margin: 0.9em 0 0.5em;
}

.product-description h4,
.enavigatii-glow-product-description h4 {
  font-size: clamp(15px, 4vw, 18px) !important;
  line-height: 1.35;
  margin: 0.8em 0 0.4em;
}

/* Text din carduri/feature boxes */
.enavigatii-glow-product-description .features-card {
  font-size: clamp(14px, 3.6vw, 16px);
}

/* Spatiu si citibilitate in tabel (daca exista in descriere) */
.product-description table,
.enavigatii-glow-product-description table {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(13px, 3.2vw, 15px);
}
.product-description table td,
.product-description table th,
.enavigatii-glow-product-description table td,
.enavigatii-glow-product-description table th {
  padding: 8px 10px;
  vertical-align: top;
  border: 1px solid rgba(0,0,0,0.06);
}

/* ---------- Fine-tuning pe breakpoints ---------- */
@media (max-width: 480px) {
  /* micsoram un pic spatiile pe ecrane foarte mici */
  .enavigatii-glow-product-description {
    padding-left: 10px;
    padding-right: 10px;
  }
  .product-description p,
  .enavigatii-glow-product-description p { margin: 0.35em 0 0.8em; }
  .product-description li + li,
  .enavigatii-glow-product-description li + li { margin-top: 0.3em; }
}

/* Desktop: pastrezi o tipografie curata si nu prea mare */
@media (min-width: 992px) {
  .product-description p,
  .product-long-description p,
  .enavigatii-glow-product-description p,
  .product-description li,
  .enavigatii-glow-product-description li {
    font-size: 16px !important;
    line-height: 1.6;
  }
  .enavigatii-glow-product-description .product-main-title { font-size: 30px !important; }
  .enavigatii-glow-product-description h3.section-title { font-size: 20px !important; }
}

/* ---------- Overrides utile (temele MP uneori forteaza font-size) ---------- */
.product-description *[style*="font-size"],
.product-long-description *[style*="font-size"],
.enavigatii-glow-product-description *[style*="font-size"] {
  font-size: inherit !important; /* ignora font-size inline din editor */
}

/* patrat perfect pt tile-uri de marci/categorii */
.brand-grid .card .image,
.category-grid .card .image { aspect-ratio: 1 / 1; }
.brand-grid .card .image img,
.category-grid .card .image img {
  width: 100%; height: 100%; object-fit: contain;
}
/* cardurile sa aiba aceeasi inaltime */
.brand-grid .card, .category-grid .card {
  display:flex; flex-direction:column; height:100%;
}


.products-list .product-card .thumb { aspect-ratio: 16/9; }
.products-list .product-card img { width:100%; height:100%; object-fit:cover; }
.products-list .product-card { display:flex; flex-direction:column; height:100%; }
.products-list .product-card .title { min-height: 3.6em; } /* 2 linii garantate */



<!-- ============================
MERCHANTPRO TOPBAR COUNTDOWN - MASTER PACK v2 (ASCII)
- HEAD BLOCK -> Admin > Personalizare > Coduri > HEAD HTML (sau CSS personalizat)
- BODY BLOCK -> Admin > Personalizare > Coduri > HTML dupa <body> sau Footer/JS global
============================= -->

<!-- ===== HEAD BLOCK (CSS) ===== -->
<style>
  :root { --bf-bg:#071a24; --bf-fg:#ffffff; --bf-accent:#ff3b30; --bf-muted:#a6b3bb; }
  .bf-topbar { position: fixed; inset: 0 0 auto 0; z-index: 2147483000; background: var(--bf-bg); color: var(--bf-fg); font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; box-shadow: 0 1px 0 rgba(255,255,255,.06); }
  .bf-topbar[hidden]{ display:none!important }
  .bf-inner { max-width: 1200px; margin: 0 auto; padding: 8px 12px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px; }
  .bf-badge { font-weight: 800; letter-spacing:.03em; font-size: 12px; text-transform: uppercase; background: rgba(255,255,255,.08); border-radius:999px; padding:4px 10px; display:inline-block }
  .bf-msg { font-size:14px; line-height:1.35; text-align:left }
  .bf-right{ display:flex; align-items:center; gap:10px }
  .bf-cta{ display:inline-block; padding:8px 14px; background:var(--bf-accent); color:#fff; text-decoration:none; font-weight:700; border-radius:10px }
  .bf-cta.disabled{ background:#555; pointer-events:none }
  .bf-timer{ font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:.04em; padding:6px 10px; border-radius:8px; background:rgba(255,255,255,.08) }
  .bf-close{ appearance:none; background:transparent; border:0; color:var(--bf-muted); cursor:pointer; font-size:16px; padding:4px 6px; margin-left:4px }
  .bf-close:focus{ outline:2px solid #fff; outline-offset:2px }
  @media (max-width:720px){ .bf-inner{ grid-template-columns:1fr auto; row-gap:6px } .bf-msg{ font-size:13px } }
  html.has-bf-topbar body{ padding-top: var(--bf-offset,44px) }
</style>

<!-- ===== BODY BLOCK (HTML + JS) ===== -->
<div id="bf-topbar" class="bf-topbar" role="region" aria-label="Promotie Black Friday" hidden>
  <div class="bf-inner">
    <div class="bf-msg">
      <span class="bf-badge">BLACK FRIDAY LIVE</span>
      <span style="margin-left:8px">Reduceri peste 50%, CAMERA DVR CADOU + CAMERA MARSARIER (produse selectate) + CADOURI SURPRIZA.</span>
    </div>
    <div class="bf-right">
      <div class="bf-timer" aria-live="polite" aria-atomic="true"><span id="bf-h">24</span>:<span id="bf-m">00</span>:<span id="bf-s">00</span></div>
      <a id="bf-cta" class="bf-cta" href="#" rel="nofollow noopener">Comanda ACUM</a>
      <button id="bf-close" class="bf-close" aria-label="Inchide bara">x</button>
    </div>
  </div>
</div>
<script>
(function(){
  // ==== CONFIG ====
  var DEAL_URL = '#'; // setati linkul campaniei
  var DURATION_HOURS = 24; // 24h de la prima vizita
  var STORAGE_KEY_DEADLINE = 'mp_bf_deadline_ts_v1';
  var STORAGE_KEY_DISMISSED = 'mp_bf_dismissed_v1';

  try{ if(localStorage.getItem(STORAGE_KEY_DISMISSED)==='1'){ return; } }catch(e){}

  var bar = document.getElementById('bf-topbar');
  var cta = document.getElementById('bf-cta');
  var btnClose = document.getElementById('bf-close');
  var h = document.getElementById('bf-h');
  var m = document.getElementById('bf-m');
  var s = document.getElementById('bf-s');
  cta.href = DEAL_URL || '#';

  var now = Date.now();
  var target;
  try{
    var saved = parseInt(localStorage.getItem(STORAGE_KEY_DEADLINE)||'0',10);
    if(!isFinite(saved) || saved < now){
      target = now + DURATION_HOURS*60*60*1000;
      localStorage.setItem(STORAGE_KEY_DEADLINE, String(target));
    } else {
      target = saved;
    }
  }catch(e){ target = now + DURATION_HOURS*60*60*1000; }

  function pad(n){ return (n<10?'0':'')+n; }
  function tick(){
    var diff = Math.max(0, Math.floor((target - Date.now())/1000));
    var hh = Math.floor(diff/3600);
    var mm = Math.floor((diff%3600)/60);
    var ss = diff%60;
    h.textContent = pad(hh);
    m.textContent = pad(mm);
    s.textContent = pad(ss);
    if(diff<=0){ clearInterval(timer); cta.textContent='Promotie incheiata'; cta.classList.add('disabled'); }
  }
  function mount(){
    bar.hidden = false;
    document.documentElement.classList.add('has-bf-topbar');
    requestAnimationFrame(function(){
      var hgt = bar.getBoundingClientRect().height || 44;
      document.documentElement.style.setProperty('--bf-offset', hgt+'px');
    });
  }
  btnClose.addEventListener('click', function(){
    bar.remove();
    try{ localStorage.setItem(STORAGE_KEY_DISMISSED,'1'); }catch(e){}
    document.documentElement.classList.remove('has-bf-topbar');
    document.documentElement.style.removeProperty('--bf-offset');
  });
  mount();
  tick();
  var timer = setInterval(tick, 1000);
})();
</script>

<!-- OPTIONAL: DEADLINE FIX -->
<!-- In loc de DURATION_HOURS, folositi:
var target = new Date('2025-11-30T23:59:59+02:00').getTime();
localStorage.setItem(STORAGE_KEY_DEADLINE, String(target));
// si comentati logica DURATION_HOURS
-->