/* ================================================================
   EMPIREX NAV — scoped sub .empirex-megamenu
   Font: Poppins (moștenire de pe site)
   Culori: #0a3370 (blue), #56ad56 (green)
   ================================================================ */
.empirex-megamenu,
.emx-overlay,
.emx-drawer {
  --emx-blue:       #0a3370; 
  --emx-blue-lt:    #e8f0fb;
  --emx-green:      #56ad56;
  --emx-green-dk:   #3d8f3d;  
  --emx-green-lt:   #edf7ed;    
  --emx-green-bd:   #9dd09d;    
  --emx-green-hover:#c8e6c9;   
  --emx-white:      #ffffff;  
  --emx-bg:         #f4f7fc; 
  --emx-border:     #d0d9ea; 
  --emx-text:       #1a2535; 
  --emx-muted:      #5a6a80;
  --emx-gray-dk:    #3a4556;
  --emx-shadow:     0 12px 40px rgba(10,51,112,.16);  
  --emx-radius:     6px;
  --emx-tr:         0.18s ease; 
  --emx-left-w:     310px;
}
 
.empirex-megamenu .emx-nav *, 
.empirex-megamenu .emx-dropdown *, 
.emx-drawer,
.emx-drawer * { box-sizing: border-box; }

/* ================================================================
   WRAPPER
   ================================================================ */
.empirex-megamenu {
  display: block;
  width: 100%;
  position: relative;
  margin-top: 0;
}

/* ================================================================
   NAV — centrat, Poppins, 16px
   ================================================================ */
.empirex-megamenu .emx-nav-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: space-evenly;
}
.empirex-megamenu .emx-nav-item {
  position: static;
  list-style: none;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Separator vertical modern între itemi */
.empirex-megamenu .emx-nav-item + .emx-nav-item {
  border-left: 1px solid rgba(10,51,112,.13);
}
.empirex-megamenu .emx-nav-link,
.empirex-megamenu button.emx-nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
  height: 46px;
  width: 100%;
  color: var(--emx-text);
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  transition: color var(--emx-tr);
}
button.emx-nav-link {
  background: none;
  border: none;
  cursor: pointer;
  text-align: center;
}
.empirex-megamenu .emx-nav-link:hover,
.empirex-megamenu .emx-nav-item:hover > .emx-nav-link { color: var(--emx-green); }

/* SVG chevron modern */
.empirex-megamenu .emx-chev {
  width: 14px;
  height: 14px;
  stroke: var(--emx-muted);
  fill: none;
  flex-shrink: 0;
  transition: transform var(--emx-tr), stroke var(--emx-tr);
}
.empirex-megamenu .emx-nav-item:hover > .emx-nav-link .emx-chev {
  transform: rotate(180deg);
  stroke: var(--emx-green);
}

/* ================================================================
   MEGA DROPDOWN
   ================================================================ */
.empirex-megamenu .emx-dropdown {
  position: absolute;
  top: 100%;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background: var(--emx-white);
  border-top: 3px solid var(--emx-blue);
  box-shadow: var(--emx-shadow);
  border-radius: 0 0 var(--emx-radius) var(--emx-radius);
  display: none;
  flex-direction: column;
  z-index: 9500;
}
.empirex-megamenu .emx-nav-item:hover .emx-dropdown { display: flex; }

/* ── Inner flex row (sidebar + content) ── */
.empirex-megamenu .emx-drop-inner {
  display: flex;
  flex: 1;
}

/* ── Stânga: categorii ── */
.empirex-megamenu .emx-left {
  width: var(--emx-left-w);
  min-width: var(--emx-left-w);
  flex-shrink: 0;
  background: #ffffff;
  border-right: 1px solid var(--emx-border);
  padding: 0;
}
.empirex-megamenu .emx-cat-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--emx-text);
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: all var(--emx-tr);
  cursor: pointer;
  line-height: 1.3;
}
.empirex-megamenu .emx-cat-btn img {
  width: 20px; height: 20px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: .5;
  transition: opacity var(--emx-tr);
}
.empirex-megamenu .emx-cat-btn:hover,
.empirex-megamenu .emx-cat-btn.is-active {
  color: var(--emx-blue);
  background: var(--emx-white);
  border-left-color: var(--emx-green);
}
.empirex-megamenu .emx-cat-btn:hover img,
.empirex-megamenu .emx-cat-btn.is-active img { opacity: 1; }

/* ── Separator servicii ── */
.empirex-megamenu .emx-cat-separator {
  height: 1px;
  background: var(--emx-border);
  margin: 6px 12px;
  opacity: .6;
}
/* ── Badge mic "Servicii" ── */
.empirex-megamenu .emx-badge {
  margin-left: auto;
  padding: 2px 7px;
  background: var(--emx-green);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .4px;
  border-radius: 20px;
  white-space: nowrap;
  flex-shrink: 0;
}

.empirex-megamenu .emx-right {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.empirex-megamenu .emx-panel { display: none; width: 100%; max-width: none; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.empirex-megamenu .emx-panel.is-active { display: flex; }

/* ================================================================
   TABEL REZIDENTIAL
   ================================================================ */
.empirex-megamenu .emx-tbl {
  width: 100%;
  max-width: none;
  display: table;
  margin: 0;
  white-space: normal;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}
/* ── Group headers în sidebar (Pompe, Centrale, Accesorii) ── */
.empirex-megamenu .emx-cat-group {
  display: block;
  padding: 6px 14px 5px;
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
  color: #fff;
  background: var(--emx-blue);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
  cursor: default;
  pointer-events: none;
}
.empirex-megamenu .emx-cat-group--green { background: var(--emx-green); }
.empirex-megamenu .emx-tbl thead tr {
  border-bottom: 2px solid var(--emx-border);
  background: #ffffff;
}
.empirex-megamenu .emx-tbl .emx-th {
  padding: 10px 4px 12px;
  text-align: center;
  vertical-align: bottom;
  border-right: 1px solid var(--emx-border);
}
.empirex-megamenu .emx-tbl .emx-th:last-child { border-right: none; }
.empirex-megamenu .emx-tbl .emx-th img {
  display: block;
  margin: 0 auto;
  height: 36px;
  width: auto;
  max-width: 84px;
  object-fit: contain;
}

/* TIP header — albastru */
.empirex-megamenu .emx-tbl .emx-th-tip {
  padding: 8px 10px 12px;
  text-align: center;
  vertical-align: bottom;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--emx-blue);
  background: transparent;
  border-left: 2px solid rgba(10,51,112,.25);
  white-space: nowrap;
  width: 100px;
}

/* rows */
.empirex-megamenu .emx-tbl tbody tr { transition: background var(--emx-tr); }
.empirex-megamenu .emx-tbl tbody tr:nth-child(even) td:not(.emx-tv):not(.emx-te) { background: #ffffff; }

/* hover: DOAR celula cu conținut (nu goale, nu TIP) */
.empirex-megamenu .emx-tbl tbody td:not(.emx-empty):not(.emx-tv):not(.emx-te):hover { background: var(--emx-green-lt) !important; }
.empirex-megamenu .emx-tbl tbody td:not(.emx-empty):not(.emx-tv):not(.emx-te):hover .emx-btu { color: var(--emx-green-dk); }

.empirex-megamenu .emx-tbl tbody td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e8edf6;
  border-right: 1px solid #edf1f8;
  height: 34px;
  line-height: 1;
}
.empirex-megamenu .emx-tbl tbody td:last-child { border-right: none; }

/* celule goale — fundal subtil */
.empirex-megamenu .emx-tbl tbody td:empty,
.empirex-megamenu .emx-tbl tbody td.emx-empty {
  background: transparent;
}

/* BTU link — umple întreaga celulă */
.empirex-megamenu .emx-btu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  color: var(--emx-blue);
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--emx-tr);
}

/* TIP value cells — tv=cu text (albastru), te=gol (neutru) */
.empirex-megamenu .emx-tbl td.emx-tv,
.empirex-megamenu .emx-tbl td.emx-te {
  border-left: 2px solid rgba(10,51,112,.25);
  border-right: none;
  padding: 0 8px;
}
.empirex-megamenu .emx-tbl td.emx-tv {
  background: transparent;
  color: var(--emx-blue);
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .3px;
  white-space: nowrap;
}
.empirex-megamenu .emx-tbl td.emx-te {
  background: transparent;
}

/* ── HOVER — logo-uri în header (th.emx-th a) ── */
.empirex-megamenu .emx-th a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--emx-tr), transform var(--emx-tr);
}
.empirex-megamenu .emx-th a:hover {
  opacity: .7;
  transform: scale(1.06);
}

/* ── HOVER — TIP links (td.emx-tv a) ── */
.empirex-megamenu .emx-tbl td.emx-tv a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--emx-blue);
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  transition: color var(--emx-tr);
  font-family: 'Poppins', sans-serif;
  letter-spacing: .3px;
}
.empirex-megamenu .emx-tbl td.emx-tv:hover {
  background: rgba(10,51,112,.12);
  cursor: pointer;
}
.empirex-megamenu .emx-tbl td.emx-tv a:hover { color: var(--emx-green); }

/* ── HOVER — toate celulele cu link-uri plain (VRV, comercial) ── */
.empirex-megamenu .emx-tbl td a:not(.emx-btu) {
  color: inherit;
  text-decoration: none;
  transition: color var(--emx-tr);
}
.empirex-megamenu .emx-tbl td:not(.emx-tv):not(.emx-empty):not(.emx-te) a:not(.emx-btu):hover {
  color: var(--emx-green);
}

/* ── HOVER — GAMĂ name (emx-gama-name .emx-btu) ── */
.empirex-megamenu td.emx-gama-name:hover { background: var(--emx-hover); }
.empirex-megamenu td.emx-gama-name .emx-btu { transition: color var(--emx-tr); }
.empirex-megamenu td.emx-gama-name:hover .emx-btu { color: var(--emx-green); }

/* ── HOVER — celule BTU standard ── */
.empirex-megamenu .emx-tbl td:not(.emx-empty):not(.emx-te):not(.emx-tv):not(.emx-gama-name) .emx-btu:hover {
  color: var(--emx-green);
}


/* ── CTA footer panel ── */
.empirex-megamenu .emx-panel-footer {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0 14px;
  margin-top: 6px;
  border-top: 0;
  margin-right: 10px;
}
.empirex-megamenu .emx-cta-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--emx-blue);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 20px;
  transition: background var(--emx-tr), transform var(--emx-tr);
  white-space: nowrap;
}
.empirex-megamenu .emx-cta-link:hover {
  background: var(--emx-green-dk);
  color: #fff;
  transform: translateX(2px);
  text-decoration: none;
}
.empirex-megamenu .emx-cta-link svg {
  width: 14px; height: 14px;
  stroke: #fff;
  fill: none;
  flex-shrink: 0;
  transition: transform var(--emx-tr);
}
.empirex-megamenu .emx-cta-link:hover svg { transform: translateX(3px); }

/* ── Grile comercial/industrial/vrv ── */
.empirex-megamenu .emx-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  padding: 6px 0;
}
.empirex-megamenu .emx-group-title {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--emx-blue);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--emx-green);
  white-space: nowrap;
}
.empirex-megamenu .emx-list { list-style: none; margin: 0; padding: 0; }
.empirex-megamenu .emx-list-link {
  display: block;
  padding: 5px 0;
  font-size: 13px;
  color: var(--emx-muted);
  text-decoration: none;
  transition: color var(--emx-tr);
}
.empirex-megamenu .emx-list-link:hover { color: var(--emx-green); }

/* ================================================================
   GAMĂ tabel (Multisplit per brand)
   ================================================================ */
.empirex-megamenu .emx-th-gama {
  background: transparent;
  color: var(--emx-blue);
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  text-align: center;
  padding: 8px 10px;
  white-space: nowrap;
  border-right: 1px solid rgba(0,0,0,.06);
  width: 18%;
}
.empirex-megamenu .emx-th-cap {
  background: transparent;
  color: var(--emx-blue);
  font-family: 'Poppins', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .3px;
  text-align: center;
  padding: 8px 10px;
  white-space: nowrap;
  border-left: 2px solid rgba(10,51,112,.2);
  width: 22%;
}
.empirex-megamenu td.emx-gama-name {
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--emx-blue);
  letter-spacing: .5px;
  padding: 0;
  white-space: nowrap;
  border-right: 1px solid rgba(0,0,0,.06);
  text-align: center;
}
.empirex-megamenu td.emx-cap {
  text-align: center;
  border-left: 2px solid rgba(10,51,112,.2);
  background: transparent;
}

/* Casuțe culori */
.empirex-megamenu .emx-swatch-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 8px;
}
.empirex-megamenu .emx-swatch {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: inline-block;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,.18);
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
}
.empirex-megamenu .emx-swatch:hover {
  transform: scale(1.3);
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

/* ================================================================
   SUB-LAYOUT (Multisplit etc.) — nav secundar în panou
   ================================================================ */
.empirex-megamenu .emx-sub-layout {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.empirex-megamenu .emx-sub-left {
  width: 195px;
  min-width: 195px;
  flex-shrink: 0;
  background: #ffffff;
  border-right: 1px solid var(--emx-border);
  padding: 6px 0;
}
.empirex-megamenu .emx-sub-btn {
  display: flex;
  align-items: flex-start;
  padding: 10px 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--emx-text);
  text-decoration: none;
  border-left: 3px solid transparent;
  line-height: 1.4;
  cursor: pointer;
  transition: all var(--emx-tr);
  white-space: normal;
}
.empirex-megamenu .emx-sub-btn:hover,
.empirex-megamenu .emx-sub-btn.is-active {
  color: var(--emx-blue);
  background: #fff;
  border-left-color: var(--emx-green);
}
.empirex-megamenu .emx-sub-right {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.empirex-megamenu .emx-sub-panel { display: none; flex: 1; flex-direction: column; width: 100%; }
.empirex-megamenu .emx-sub-panel.is-active { display: flex; }

/* ================================================================
   OVERLAY
   ================================================================ */
.emx-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10,51,112,.45);
  z-index: 9999998 !important;
  backdrop-filter: blur(2px);
}
.emx-overlay.is-open { display: block; }

/* ================================================================
   MOBILE DRAWER
================================================================ */
.emx-drawer { position: fixed; top: 0; left: 0; width: 340px; max-width: 85%; height: 100vh; background: #fff; z-index: 9999999 !important; transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; box-shadow: 2px 0 10px rgba(0,0,0,0.1); overflow: hidden; }
.emx-drawer.is-open { transform: translateX(0) !important; }
.emx-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; border-bottom: 1px solid #edf1f8; background: #fff; flex-shrink: 0; }
.emx-drawer-logo { height: 35px; width: auto; }
.emx-drawer-x { background: none; border: none; font-size: 24px; color: #333; cursor: pointer; padding: 5px; line-height: 1; }
.emx-drawer-body { flex: 1; overflow-y: auto; overflow-x: hidden; padding-bottom: 30px; }
.emx-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999998 !important; opacity: 0; visibility: hidden; transition: 0.3s; }
.emx-overlay.is-open { opacity: 1 !important; visibility: visible !important; }

/* Accordion Elements */
.emx-drawer-item { display: flex; flex-direction: column; }
.emx-dr-row { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf1f8; transition: background .2s, box-shadow .2s; background: #fff; }
.emx-dr-row:hover { background: #f4f8fc; }
.emx-dr-row.is-expanded {
  background: var(--emx-blue-lt);
  box-shadow: inset 4px 0 0 var(--emx-blue);
}
.emx-dr-link { flex: 1; padding: 14px 18px; color: #111 !important; text-decoration: none; font-size: 14px; font-weight: 700; display: block; line-height: 1.3; }
.emx-dr-plus { width: 34px; height: 34px; margin-right: 14px; border-radius: 6px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--emx-blue); cursor: pointer; font-weight: 400; transition: all .3s ease; border: 1px solid #e4ebf3; }
.emx-dr-row:hover .emx-dr-plus { background: var(--emx-blue); color: #fff; border-color: var(--emx-blue); }
.emx-dr-row.is-expanded .emx-dr-plus { transform: rotate(45deg); background: var(--emx-green); color: #fff; border-color: var(--emx-green); }
.emx-dr-acc { display: none; background: #fff; }
.emx-dr-acc.is-open { display: block; animation: emx-fade-in .3s ease; }

@keyframes emx-fade-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

/* Icon categorii principale (drawer) */
.emx-dr-ico {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Categorii principale — bold, cu icon (fără navigare: span, nu <a>) */
.emx-drawer-body > .emx-drawer-item > .emx-dr-row > .emx-dr-link,
.emx-drawer-body > .emx-drawer-item > .emx-dr-row > span.emx-dr-link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: var(--emx-text) !important;
  font-size: 14px;
}
.emx-drawer-body > .emx-drawer-item > .emx-dr-row > span.emx-dr-link.emx-dr-link--static {
  cursor: pointer;
  user-select: none;
}

/* Subcategorii (nivel 1) — subtire, albastru inchis */
.emx-drawer-body > .emx-drawer-item > .emx-dr-acc > .emx-drawer-item > .emx-dr-row > .emx-dr-link {
  font-weight: 400;
  color: var(--emx-blue) !important;
  font-size: 13px;
}

/* Marci (nivel 2) */
.emx-drawer .emx-dr-acc .emx-dr-acc > .emx-drawer-item > .emx-dr-row > .emx-dr-link {
  font-weight: 500;
  color: #333 !important;
  font-size: 12px;
}

/* Tip (nivel 3+, ex. Caseta, Duct) — gri inchis */
.emx-drawer .emx-dr-acc .emx-dr-acc .emx-dr-acc > .emx-drawer-item > .emx-dr-row > .emx-dr-link {
  font-weight: 400;
  color: var(--emx-gray-dk) !important;
  font-size: 12px;
}

/* Puteri (BTU / kW) — gri inchis */
.emx-drawer a.emx-dr-link[href*="Capacitate"],
.emx-drawer a.emx-dr-link[href*="Putere"],
.emx-drawer a.emx-dr-link[href*="putere"] {
  font-weight: 400;
  color: var(--emx-gray-dk) !important;
  font-size: 12px;
}

/* Copii — modele / produse (linkuri directe in accordion) */
.emx-drawer .emx-dr-acc:not(.grid-layout) > a.emx-dr-link:not([href*="Capacitate"]):not([href*="Putere"]):not([href*="putere"]) {
  font-weight: 400;
  color: var(--emx-gray-dk) !important;
  font-size: 12px;
  background: #fff;
  border-bottom: 1px dashed #e4ebf3;
  transition: background .2s, color .2s;
}
.emx-drawer .emx-dr-acc:not(.grid-layout) > a.emx-dr-link:not([href*="Capacitate"]):not([href*="Putere"]):not([href*="putere"]):hover {
  background: var(--emx-blue-lt);
  color: var(--emx-blue) !important;
}
.emx-drawer .emx-dr-acc:not(.grid-layout) > a.emx-dr-link:not([href*="Capacitate"]):not([href*="Putere"]):not([href*="putere"]):last-child {
  border-bottom: none;
}

/* Linkuri marci in grid */
.emx-dr-acc.grid-layout > a.emx-dr-link {
  font-weight: 500;
  color: #333 !important;
  font-size: 12px;
}

/* Puteri — delimitare intre linkuri */
.emx-drawer a.emx-dr-link[href*="Capacitate"],
.emx-drawer a.emx-dr-link[href*="Putere"],
.emx-drawer a.emx-dr-link[href*="putere"] {
  border-bottom: 1px dashed #e4ebf3;
  background: #fff;
}
.emx-drawer .emx-dr-acc:not(.grid-layout) > a.emx-dr-link[href*="Capacitate"]:last-child,
.emx-drawer .emx-dr-acc:not(.grid-layout) > a.emx-dr-link[href*="Putere"]:last-child,
.emx-drawer .emx-dr-acc:not(.grid-layout) > a.emx-dr-link[href*="putere"]:last-child {
  border-bottom: none;
}

/* Padding pe niveluri */
.emx-dr-acc .emx-dr-link { padding: 12px 18px 12px 24px; }
.emx-dr-acc .emx-dr-plus { width: 30px; height: 30px; font-size: 18px; margin-right: 12px; }
.emx-dr-acc .emx-dr-acc .emx-dr-link { padding: 10px 18px 10px 32px; border-bottom: 1px solid #f0f0f0; }
.emx-dr-acc .emx-dr-acc .emx-dr-plus { width: 26px; height: 26px; font-size: 16px; margin-right: 12px; }
.emx-dr-acc .emx-dr-acc .emx-dr-acc .emx-dr-link { padding: 8px 18px 8px 40px; border-bottom: 1px dashed #eee; }

/* Tablet columns */
@media (min-width: 600px) {
  .emx-dr-acc.grid-layout.is-open { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
}
@media (min-width: 900px) {
  .emx-dr-acc.grid-layout.is-open { grid-template-columns: repeat(3, 1fr); }
}

.emx-drawer-acc-label {
  padding: 10px 18px 4px;
  font-size: 10px;
  font-weight: 700;
  color: var(--emx-blue);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.emx-drawer-brands {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 12px 16px 16px;
  gap: 12px;
}
@media (min-width: 600px) {
  .emx-drawer-brands { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 900px) {
  .emx-drawer-brands { grid-template-columns: repeat(4, 1fr); }
}
.emx-drawer-brand {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--emx-border);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(10,51,112,.06);
  transition: box-shadow var(--emx-tr), transform var(--emx-tr);
}
.emx-drawer-brand:hover {
  box-shadow: 0 6px 18px rgba(10,51,112,.12);
  transform: translateY(-2px);
}
.emx-drawer-brand-head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  background: #fafcff;
  border-bottom: 1px solid var(--emx-border);
  text-decoration: none !important;
  min-height: 56px;
}
.emx-drawer-brand-head img {
  max-width: 85%;
  max-height: 24px;
  object-fit: contain;
  transition: transform var(--emx-tr);
}
.emx-drawer-brand-head:hover img {
  transform: scale(1.06);
}
.emx-drawer-brand-head span {
  font-size: 12px;
  font-weight: 700;
  color: var(--emx-blue);
  text-transform: uppercase;
  letter-spacing: .5px;
}
.emx-drawer-brand-links {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff;
}
.emx-drawer-brand-links a {
  display: block;
  padding: 2px 5px;
  font-size: 13px;
  font-weight: 600;
  color: var(--emx-muted);
  text-decoration: none !important;
  text-align: center;
  border-bottom: 1px solid #f0f3f8;
  transition: background var(--emx-tr), color var(--emx-tr);
}
.emx-drawer-brand-links a:last-child {
  border-bottom: none;
}
.emx-drawer-brand-links a:hover {
  background: var(--emx-green-lt);
  color: var(--emx-green-dk);
}

/* Category Label with Button */
.emx-drawer-acc-label-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px 6px;
}
.emx-drawer-acc-label {
  padding: 14px 16px 6px;
  font-size: 11px;
  font-weight: 800;
  color: var(--emx-blue);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.emx-drawer-acc-label-wrap .emx-drawer-acc-label {
  padding: 0;
}
.emx-cat-vezi-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: var(--emx-green);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none !important;
  border-radius: 20px;
  box-shadow: 0 2px 6px rgba(86,173,86,.3);
  transition: all var(--emx-tr);
}
.emx-cat-vezi-btn:hover {
  background: var(--emx-green-dk);
  box-shadow: 0 4px 10px rgba(86,173,86,.4);
  transform: translateY(-1px);
  color: #fff;
}
.emx-cat-vezi-btn svg {
  width: 10px; height: 10px; stroke: currentColor; stroke-width: 2.5; fill: none;
}

.emx-drawer-links a {
  display: block;
  padding: 7px 18px 7px 24px;
  font-size: 12.5px;
  color: var(--emx-muted);
  text-decoration: none;
  border-bottom: 1px solid #e4ebf3;
  transition: background var(--emx-tr), color var(--emx-tr), padding-left var(--emx-tr);
}
.emx-drawer-links a:last-child { border-bottom: none; }
.emx-drawer-links a:hover { background: var(--emx-blue-lt); color: var(--emx-blue); padding-left: 28px; }

/* ================================================================
   HAMBURGER
   ================================================================ */
.emx-burger,
.ab43-hamburger.emx-burger,
button.ab43-hamburger {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: background var(--emx-tr);
  flex-shrink: 0;
}
.emx-burger:hover { background: var(--emx-blue-lt); }
.emx-burger span {
  display: block;
  width: 22px; height: 2px;
  background: var(--emx-blue);
  border-radius: 2px;
  transform-origin: center;
  transition: transform 0.22s ease, opacity 0.22s ease;
}
.emx-burger.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.emx-burger.is-active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.emx-burger.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (min-width: 1501px) {
  .emx-burger,
  .ab43-hamburger.emx-burger,
  button.ab43-hamburger {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (max-width: 1500px) {
  .empirex-megamenu .emx-nav { display: none !important; }
  .emx-burger { display: flex !important; }

  /* ——— Mobile integrat: header mereu deasupra; meniu + overlay doar sub el ——— */
  html.emx-drawer-open #ab43-wrap {
    position: relative;
    z-index: 100000030 !important;
    pointer-events: auto !important;
  }
  html.emx-drawer-open .ab43-mfoot {
    z-index: 100000025 !important;
  }
  .emx-overlay {
    top: var(--emx-nav-offset, 0px) !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    z-index: 100000010 !important;
  }
  .emx-drawer {
    top: var(--emx-nav-offset, 0px) !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    max-height: none !important;
    transform: translateX(-100%);
    z-index: 100000020 !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
    border-right: 1px solid #e4ebf3;
  }
  .emx-drawer.is-open {
    transform: translateX(0) !important;
  }
  /* Fără bară duplicat în drawer: logo + X sunt în header; închidem din același hamburger (devine X) */
  .emx-drawer .emx-drawer-head {
    display: none !important;
  }
  /* Hamburger = singurul „X” vizibil, exact unde deschizi meniul */
  html.emx-drawer-open #emxBurger.emx-burger,
  html.emx-drawer-open button.ab43-hamburger {
    position: relative !important;
    z-index: 100000040 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(5, 36, 84, 0.18) !important;
    border-radius: 8px !important;
  }
  html.emx-drawer-open #emxBurger.emx-burger span,
  html.emx-drawer-open button.ab43-hamburger span {
    background: #052454 !important;
    opacity: 1 !important;
  }
}
@media (min-width: 600px) {
  .emx-drawer { width: 420px; }
}
@media (min-width: 900px) {
  .emx-drawer { width: 560px; }
}
@media (max-width: 575px) {
  .emx-drawer { width: 300px; }
}

/* ================================================================
   MONTAJ AC — panel layout
   ================================================================ */
.empirex-megamenu .emx-montaj-wrap {
  display: flex;
  flex: 1;
  min-height: 220px;
  overflow: hidden;
}

/* Hero photo stânga */
.empirex-megamenu .emx-montaj-hero {
  position: relative;
  width: 240px;
  min-width: 200px;
  flex-shrink: 0;
  overflow: hidden;
  display: block;
  text-decoration: none;
}
.empirex-megamenu .emx-montaj-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.empirex-megamenu .emx-montaj-hero:hover .emx-montaj-hero-img {
  transform: scale(1.04);
}
.empirex-megamenu .emx-montaj-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10,51,112,.82) 0%, rgba(10,51,112,.28) 55%, transparent 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px 14px;
  gap: 4px;
}
.empirex-megamenu .emx-montaj-hero-tag {
  display: inline-block;
  background: var(--emx-green);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 20px;
  width: fit-content;
}
.empirex-megamenu .emx-montaj-hero-title {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}
.empirex-megamenu .emx-montaj-hero-sub {
  color: rgba(255,255,255,.82);
  font-family: 'Poppins', sans-serif;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

/* Link columns */
.empirex-megamenu .emx-montaj-links {
  display: flex;
  gap: 0;
  flex: 1;
  min-width: 0;
}
.empirex-megamenu .emx-montaj-col {
  flex: 1;
  padding: 18px 20px 14px;
  border-right: 1px solid var(--emx-border);
}
.empirex-megamenu .emx-montaj-col:last-child { border-right: none; }
.empirex-megamenu .emx-montaj-col-title {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: var(--emx-blue);
  margin: 0 0 10px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--emx-green);
}
.empirex-megamenu .emx-montaj-link {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 0;
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--emx-muted);
  text-decoration: none;
  transition: color var(--emx-tr);
  line-height: 1.3;
}
.empirex-megamenu .emx-montaj-link svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  stroke: var(--emx-green);
}
.empirex-megamenu .emx-montaj-link:hover { color: var(--emx-green-dk); }

/* Preț inline în link montaj */
.empirex-megamenu .emx-montaj-price {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  color: var(--emx-green-dk);
  flex-shrink: 0;
  padding-left: 6px;
  white-space: nowrap;
}

/* Team card dreapta */
.empirex-megamenu .emx-montaj-team {
  width: 210px;
  min-width: 190px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 14px 14px;
  background: #ffffff;
  border-left: 1px solid var(--emx-border);
}
.empirex-megamenu .emx-montaj-team-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  gap: 8px;
  flex: 1;
}
.empirex-megamenu .emx-montaj-team-img {
  width: 140px;
  height: 165px;
  object-fit: cover;
  object-position: top center;
  border-radius: 10px;
  border: 3px solid var(--emx-white);
  box-shadow: 0 4px 18px rgba(10,51,112,.18);
  transition: transform var(--emx-tr), box-shadow var(--emx-tr);
}
.empirex-megamenu .emx-montaj-team-card:hover .emx-montaj-team-img {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(10,51,112,.26);
}
.empirex-megamenu .emx-montaj-team-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  text-align: center;
}
.empirex-megamenu .emx-montaj-team-name {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--emx-blue);
  line-height: 1.2;
}
.empirex-megamenu .emx-montaj-team-role {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: var(--emx-muted);
  line-height: 1.3;
}

/* ================================================================
   FUNDAL MULTISPLIT TOSHIBA — Acoperă întreaga lățime (drop-inner)
   ================================================================ */

/* Clasa adăugată via JS pe .emx-drop-inner când Toshiba e selectat */
.emx-drop-inner.toshiba-bg-active {
  position: relative;
}
.emx-drop-inner.toshiba-bg-active::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/image/categorii/toshiba-rezidential.webp');
  background-size: cover;
  background-position: center center; /* centrat la mijloc */
  opacity: 1;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.emx-drop-inner.toshiba-bg-active::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 15, 50, 0.38); /* overlay întunecat pt contrast */
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.emx-drop-inner.toshiba-bg-active > * {
  position: relative;
  z-index: 1;
}

/* .emx-left (sidebar principal cu categorii) — transparent */
.emx-drop-inner.toshiba-bg-active .emx-left {
  background: rgba(255,255,255,0.06) !important;
  border-right-color: rgba(255,255,255,0.15) !important;
}
.emx-drop-inner.toshiba-bg-active .emx-left .emx-cat-btn {
  color: rgba(255,255,255,0.85) !important;
}
.emx-drop-inner.toshiba-bg-active .emx-left .emx-cat-btn:hover,
.emx-drop-inner.toshiba-bg-active .emx-left .emx-cat-btn.is-active {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}
.emx-drop-inner.toshiba-bg-active .emx-left .emx-cat-separator {
  border-color: rgba(255,255,255,0.2) !important;
}
.emx-drop-inner.toshiba-bg-active .emx-left .emx-cat-btn img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* .emx-sub-left (sidebar brand-uri Multisplit) — transparent */
.emx-drop-inner.toshiba-bg-active .emx-sub-left {
  background: rgba(255,255,255,0.08) !important;
  border-right-color: rgba(255,255,255,0.2) !important;
}
.emx-drop-inner.toshiba-bg-active .emx-sub-btn {
  color: rgba(255,255,255,0.8) !important;
}
.emx-drop-inner.toshiba-bg-active .emx-sub-btn:hover,
.emx-drop-inner.toshiba-bg-active .emx-sub-btn.is-active {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-left-color: rgba(255,255,255,0.7) !important;
}

/* Panoul Toshiba — transparent, moștenește fundalul de la drop-inner */
#emx-sub-toshiba-gama {
  position: relative;
  z-index: 1;
  overflow: visible;
}
#emx-sub-toshiba-gama::before,
#emx-sub-toshiba-gama::after {
  display: none !important;
}

/* TOATE celulele și th-urile din tabelul Toshiba — transparent complet */
/* Specificitate ridicată ca să bată regulile globale emx-th-gama, emx-th-tip, emx-th-cap */
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl td,
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl th,
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl th.emx-th-gama,
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl th.emx-th-tip,
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl th.emx-th-cap,
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl thead tr {
  background: transparent !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
}

/* Link-uri — text alb, umple celula */
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl td {
  padding: 0 !important;
}
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl td a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100% !important;
  height: 100% !important;
  min-height: 34px;
  padding: 0 6px !important;
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
  transition: background 0.2s ease;
  text-decoration: none !important;
}
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-tbl td a:hover {
  background-color: rgba(255,255,255,0.18) !important;
}

/* Swatches inline lângă numele gamei */
#emx-sub-toshiba-gama .emx-inline-swatches {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  flex-shrink: 0;
}
#emx-sub-toshiba-gama .emx-inline-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border: 1.5px solid rgba(255,255,255,0.8);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  flex-shrink: 0;
}

/* Footer */
.emx-drop-inner.toshiba-bg-active #emx-sub-toshiba-gama .emx-panel-footer {
  background: transparent !important;
  border-top: none !important;
}

/* ================================================================
   FUNDAL MULTISPLIT MITSUBISHI — Acoperă întreaga lățime (drop-inner)
   ================================================================ */
.emx-drop-inner.mitsubishi-bg-active {
  position: relative;
}
.emx-drop-inner.mitsubishi-bg-active::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/image/categorii/mitsubishi-rezidential.webp');
  background-size: cover;
  background-position: center center;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.emx-drop-inner.mitsubishi-bg-active::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 15, 50, 0.38); /* overlay întunecat pt contrast */
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.emx-drop-inner.mitsubishi-bg-active > * {
  position: relative;
  z-index: 1;
}

/* .emx-left (sidebar principal) */
.emx-drop-inner.mitsubishi-bg-active .emx-left {
  background: rgba(255,255,255,0.06) !important;
  border-right-color: rgba(255,255,255,0.15) !important;
}
.emx-drop-inner.mitsubishi-bg-active .emx-left .emx-cat-btn {
  color: rgba(255,255,255,0.85) !important;
}
.emx-drop-inner.mitsubishi-bg-active .emx-left .emx-cat-btn:hover,
.emx-drop-inner.mitsubishi-bg-active .emx-left .emx-cat-btn.is-active {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}
.emx-drop-inner.mitsubishi-bg-active .emx-left .emx-cat-separator {
  border-color: rgba(255,255,255,0.2) !important;
}
.emx-drop-inner.mitsubishi-bg-active .emx-left .emx-cat-btn img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* .emx-sub-left (sidebar brand-uri) */
.emx-drop-inner.mitsubishi-bg-active .emx-sub-left {
  background: rgba(255,255,255,0.08) !important;
  border-right-color: rgba(255,255,255,0.2) !important;
}
.emx-drop-inner.mitsubishi-bg-active .emx-sub-btn {
  color: rgba(255,255,255,0.8) !important;
}
.emx-drop-inner.mitsubishi-bg-active .emx-sub-btn:hover,
.emx-drop-inner.mitsubishi-bg-active .emx-sub-btn.is-active {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-left-color: rgba(255,255,255,0.7) !important;
}

/* Panoul Mitsubishi */
#emx-sub-mitsubishi-gama {
  position: relative;
  z-index: 1;
  overflow: visible;
}
#emx-sub-mitsubishi-gama::before,
#emx-sub-mitsubishi-gama::after {
  display: none !important;
}

/* Celulele din tabelul Mitsubishi — transparent complet */
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl td,
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl th,
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl th.emx-th-gama,
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl th.emx-th-tip,
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl th.emx-th-cap,
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl thead tr {
  background: transparent !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
}

/* Link-uri Mitsubishi */
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl td {
  padding: 0 !important;
}
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl td a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100% !important;
  height: 100% !important;
  min-height: 34px;
  padding: 0 6px !important;
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
  transition: background 0.2s ease;
  text-decoration: none !important;
}
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-tbl td a:hover {
  background-color: rgba(255,255,255,0.18) !important;
}

/* Swatches inline Mitsubishi */
#emx-sub-mitsubishi-gama .emx-inline-swatches {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  flex-shrink: 0;
}
#emx-sub-mitsubishi-gama .emx-inline-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border: 1.5px solid rgba(255,255,255,0.8);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  flex-shrink: 0;
}

/* Footer Mitsubishi */
.emx-drop-inner.mitsubishi-bg-active #emx-sub-mitsubishi-gama .emx-panel-footer {
  background: transparent !important;
  border-top: none !important;
}

/* ================================================================
   FUNDAL MULTISPLIT DAIKIN — Acoperă întreaga lățime (drop-inner)
   ================================================================ */
.emx-drop-inner.daikin-bg-active {
  position: relative;
}
.emx-drop-inner.daikin-bg-active::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/image/categorii/daikin.webp');
  background-size: cover;
  background-position: center center;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.emx-drop-inner.daikin-bg-active::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 15, 50, 0.38); /* overlay întunecat pt contrast */
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.emx-drop-inner.daikin-bg-active > * {
  position: relative;
  z-index: 1;
}

/* .emx-left (sidebar principal) */
.emx-drop-inner.daikin-bg-active .emx-left {
  background: rgba(255,255,255,0.06) !important;
  border-right-color: rgba(255,255,255,0.15) !important;
}
.emx-drop-inner.daikin-bg-active .emx-left .emx-cat-btn {
  color: rgba(255,255,255,0.85) !important;
}
.emx-drop-inner.daikin-bg-active .emx-left .emx-cat-btn:hover,
.emx-drop-inner.daikin-bg-active .emx-left .emx-cat-btn.is-active {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}
.emx-drop-inner.daikin-bg-active .emx-left .emx-cat-separator {
  border-color: rgba(255,255,255,0.2) !important;
}
.emx-drop-inner.daikin-bg-active .emx-left .emx-cat-btn img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* .emx-sub-left (sidebar brand-uri) */
.emx-drop-inner.daikin-bg-active .emx-sub-left {
  background: rgba(255,255,255,0.08) !important;
  border-right-color: rgba(255,255,255,0.2) !important;
}
.emx-drop-inner.daikin-bg-active .emx-sub-btn {
  color: rgba(255,255,255,0.8) !important;
}
.emx-drop-inner.daikin-bg-active .emx-sub-btn:hover,
.emx-drop-inner.daikin-bg-active .emx-sub-btn.is-active {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-left-color: rgba(255,255,255,0.7) !important;
}

/* Panoul Daikin */
#emx-sub-daikin-gama {
  position: relative;
  z-index: 1;
  overflow: visible;
}
#emx-sub-daikin-gama::before,
#emx-sub-daikin-gama::after {
  display: none !important;
}

/* Celulele din tabelul Daikin — transparent complet */
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl td,
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl th,
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl th.emx-th-gama,
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl th.emx-th-tip,
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl th.emx-th-cap,
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl thead tr {
  background: transparent !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
}

/* Link-uri Daikin */
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl td {
  padding: 0 !important;
}
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl td a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100% !important;
  height: 100% !important;
  min-height: 34px;
  padding: 0 6px !important;
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
  transition: background 0.2s ease;
  text-decoration: none !important;
}
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-tbl td a:hover {
  background-color: rgba(255,255,255,0.18) !important;
}

/* Swatches inline Daikin */
#emx-sub-daikin-gama .emx-inline-swatches {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  flex-shrink: 0;
}
#emx-sub-daikin-gama .emx-inline-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border: 1.5px solid rgba(255,255,255,0.8);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  flex-shrink: 0;
}

/* Footer Daikin */
.emx-drop-inner.daikin-bg-active #emx-sub-daikin-gama .emx-panel-footer {
  background: transparent !important;
  border-top: none !important;
}

/* ================================================================
   FUNDAL CONFIGURATII MULTISPLIT — Acoperă întreaga lățime (drop-inner)
   ================================================================ */
.emx-drop-inner.multiconf-bg-active {
  position: relative;
}
.emx-drop-inner.multiconf-bg-active::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/image/categorii/configuratii.webp');
  background-size: cover;
  background-position: center center;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.emx-drop-inner.multiconf-bg-active::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 15, 50, 0.45); /* overlay întunecat pt contrast */
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.emx-drop-inner.multiconf-bg-active > * {
  position: relative;
  z-index: 1;
}

/* .emx-left (sidebar principal) */
.emx-drop-inner.multiconf-bg-active .emx-left {
  background: rgba(255,255,255,0.06) !important;
  border-right-color: rgba(255,255,255,0.15) !important;
}
.emx-drop-inner.multiconf-bg-active .emx-left .emx-cat-btn {
  color: rgba(255,255,255,0.85) !important;
}
.emx-drop-inner.multiconf-bg-active .emx-left .emx-cat-btn:hover,
.emx-drop-inner.multiconf-bg-active .emx-left .emx-cat-btn.is-active {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}
.emx-drop-inner.multiconf-bg-active .emx-left .emx-cat-separator {
  border-color: rgba(255,255,255,0.2) !important;
}
.emx-drop-inner.multiconf-bg-active .emx-left .emx-cat-btn img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* .emx-sub-left (sidebar brand-uri) */
.emx-drop-inner.multiconf-bg-active .emx-sub-left {
  background: rgba(255,255,255,0.08) !important;
  border-right-color: rgba(255,255,255,0.2) !important;
}
.emx-drop-inner.multiconf-bg-active .emx-sub-btn {
  color: rgba(255,255,255,0.8) !important;
}
.emx-drop-inner.multiconf-bg-active .emx-sub-btn:hover,
.emx-drop-inner.multiconf-bg-active .emx-sub-btn.is-active {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-left-color: rgba(255,255,255,0.7) !important;
}

/* Panoul MultiConf */
#emx-sub-multiconf {
  position: relative;
  z-index: 1;
  overflow: visible;
}
#emx-sub-multiconf::before,
#emx-sub-multiconf::after {
  display: none !important;
}

/* Celulele din tabelul MultiConf — transparent complet */
.emx-drop-inner.multiconf-bg-active #emx-sub-multiconf .emx-tbl td,
.emx-drop-inner.multiconf-bg-active #emx-sub-multiconf .emx-tbl th,
.emx-drop-inner.multiconf-bg-active #emx-sub-multiconf .emx-tbl thead tr {
  background: transparent !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
}

/* Logos in TH */
.emx-drop-inner.multiconf-bg-active #emx-sub-multiconf .emx-tbl th img {
  filter: none;
  background: #ffffff;
  padding: 2px 10px;
  border-radius: 4px;
}

/* Link-uri MultiConf */
.emx-drop-inner.multiconf-bg-active #emx-sub-multiconf .emx-tbl td {
  padding: 0 !important;
}
.emx-drop-inner.multiconf-bg-active #emx-sub-multiconf .emx-tbl td a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100% !important;
  height: 100% !important;
  min-height: 34px;
  padding: 0 6px !important;
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
  transition: background 0.2s ease;
  text-decoration: none !important;
}
.emx-drop-inner.multiconf-bg-active #emx-sub-multiconf .emx-tbl td a:hover {
  background-color: rgba(255,255,255,0.18) !important;
}

/* Footer MultiConf */
.emx-drop-inner.multiconf-bg-active #emx-sub-multiconf .emx-panel-footer {
  background: transparent !important;
  border-top: none !important;
}

/* ── ACO megamenu ── */
.empirex-megamenu .emx-drop-inner.aco-bg-active {
  background: linear-gradient(135deg, #f8fafc 0%, #edf7ed 55%, #f0f7ff 100%);
}
.empirex-megamenu .emx-drop-inner.aco-bg-active .emx-left {
  border-right-color: #c8e6c9;
}
.empirex-megamenu .emx-drop-inner.aco-bg-active .emx-cat-btn.is-active {
  background: #fff;
  border-left-color: var(--emx-green);
  box-shadow: 0 4px 14px rgba(10, 51, 112, 0.08);
}
.empirex-megamenu .emx-aco-intro-text,
.emx-drawer .emx-aco-intro-text {
  margin: 14px 14px 12px;
  padding: 12px 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: var(--emx-text);
  background: #f4faf4;
  border-left: 4px solid var(--emx-green);
  border-radius: 0 6px 6px 0;
}
.empirex-megamenu .emx-panel > .emx-aco-intro-text {
  margin-top: 12px;
}
.empirex-megamenu .emx-panel > .emx-aco-intro-text + .emx-aco-cards {
  padding-top: 0;
}
.emx-drawer .emx-dr-acc > .emx-aco-intro-text {
  margin: 8px 16px 10px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
}
.emx-drawer .emx-dr-acc > .emx-aco-intro-text:first-child {
  margin-top: 10px;
}
@media (max-width: 1100px) {
  .empirex-megamenu .emx-aco-intro-text {
    margin: 12px 10px 10px;
    padding: 10px 12px;
    font-size: 12px;
  }
  .empirex-megamenu .emx-aco-cards {
    padding: 0 10px 10px;
  }
}
@media (max-width: 767px) {
  .empirex-megamenu .emx-aco-intro-text {
    margin-top: 10px;
    font-size: 12px;
  }
  .emx-drawer .emx-dr-acc > .emx-aco-intro-text {
    margin: 8px 14px 8px;
    font-size: 11.5px;
  }
}
.empirex-megamenu .emx-aco-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 0 12px 12px;
}
.empirex-megamenu .emx-aco-cards--single {
  grid-template-columns: minmax(0, 380px);
}
.empirex-megamenu .emx-aco-cards--4 {
  grid-template-columns: repeat(4, 1fr);
}
.empirex-megamenu .emx-aco-card {
  background: #ffffff;
  border: 1px solid var(--emx-border);
  border-radius: var(--emx-radius);
  padding: 12px 12px 14px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  box-shadow: 0 2px 10px rgba(10, 51, 112, 0.06);
  transition: box-shadow var(--emx-tr), border-color var(--emx-tr);
}
.empirex-megamenu .emx-aco-card:hover {
  border-color: var(--emx-green-bd);
  box-shadow: 0 6px 20px rgba(86, 173, 86, 0.12);
}
.empirex-megamenu .emx-aco-card-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto 12px;
  border-radius: 4px;
  background: #fff;
}
.empirex-megamenu .emx-aco-visual {
  padding: 0 12px 12px;
}
.empirex-megamenu .emx-aco-visual-link {
  display: block;
  line-height: 0;
}
.empirex-megamenu .emx-aco-visual-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  object-position: center;
  border-radius: 6px;
  background: #fff;
  transition: opacity var(--emx-tr);
}
.empirex-megamenu .emx-aco-visual-link:hover .emx-aco-visual-img {
  opacity: 0.92;
}
.empirex-megamenu .emx-aco-card-ico {
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
  opacity: 1;
}
.empirex-megamenu .emx-aco-card ul {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  font-size: 11px;
  line-height: 1.5;
  color: var(--emx-text);
  flex: 1;
}
.empirex-megamenu .emx-aco-card ul li {
  position: relative;
  padding: 4px 0 4px 16px;
  border-bottom: 1px solid #f0f3f8;
}
.empirex-megamenu .emx-aco-card ul li:last-child { border-bottom: none; }
.empirex-megamenu .emx-aco-card ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--emx-green);
  font-weight: 700;
  font-size: 10px;
}
.empirex-megamenu .emx-aco-card-btn {
  display: block;
  text-align: center;
  background-color: #052454;
  background-image: linear-gradient(135deg, #052454 0%, #0a3a7a 100%);
  color: #fff !important;
  font-size: 11px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  padding: 9px 8px;
  border-radius: 6px;
  text-decoration: none !important;
  margin-top: auto;
  box-shadow: 0 3px 12px rgba(5, 36, 84, 0.2);
  transition: transform var(--emx-tr), box-shadow var(--emx-tr), background var(--emx-tr);
}
.empirex-megamenu .emx-aco-card-btn:hover {
  background-color: #0a3a7a;
  background-image: linear-gradient(135deg, #0a3a7a 0%, #052454 100%);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(5, 36, 84, 0.28);
}
@media (max-width: 1100px) {
  .empirex-megamenu .emx-aco-cards { grid-template-columns: 1fr; }
  .empirex-megamenu .emx-aco-cards--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 991px) {
  .empirex-megamenu .emx-left .emx-cat-btn span {
    font-size: 12px;
    line-height: 1.25;
  }
}
/* HU layout lock — right panels full width */
.empirex-megamenu .emx-drop-inner {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
.empirex-megamenu .emx-left {
  flex: 0 0 var(--emx-left-w) !important;
}
.empirex-megamenu .emx-right,
.empirex-megamenu .emx-sub-right {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}
.empirex-megamenu .emx-panel.is-active,
.empirex-megamenu .emx-sub-panel.is-active {
  width: 100% !important;
  max-width: none !important;
}
.empirex-megamenu .emx-panel .emx-tbl,
.empirex-megamenu .emx-sub-panel .emx-tbl {
  display: table !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow-x: visible !important;
  table-layout: fixed !important;
}
#emx-vrv .emx-btu {
  white-space: normal;
  line-height: 1.2;
  height: auto;
  min-height: 34px;
  padding: 4px 6px;
  font-size: 11.5px;
  text-align: center;
}