
:root{--hx-bg:rgba(255,255,255,.88);--hx-panel:#ffffff;--hx-line:#e3e8f0;--hx-hov:#f2f5fa;--hx-hd:#1b2a4a;--hx-fg:#22314f;--hx-soft:#44536f;--hx-mute:#4A5568;--hx-btnbg:#1b2a4a;--hx-btnfg:#ffffff;--hx-wabg:#e8f6ee;--hx-wafg:#1c7a45;--hx-waln:#bfe5cd;--hx-a1:#A85800;--hx-a2:#b42461;--hx-a3:#2d6e7e;--hx-grad:linear-gradient(100deg,#F5AD1A,#E88624,#D43926,#B42461,#792876,#6179B9,#57B4E3)}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--hx-bg:rgba(14,21,38,.86);--hx-panel:#101a30;--hx-line:#26334f;--hx-hov:#1a2540;--hx-hd:#eef2fa;--hx-fg:#dbe3f2;--hx-soft:#aab6cd;--hx-mute:#7e8aa5;--hx-btnbg:#F5AD1A;--hx-btnfg:#1b2a4a;--hx-wabg:#10301f;--hx-wafg:#7fd6a2;--hx-waln:#1e4a33;--hx-a1:#f2a35c;--hx-a2:#ef6ea8;--hx-a3:#6cc3d8}}
html[data-theme="dark"]{--hx-bg:rgba(14,21,38,.86);--hx-panel:#101a30;--hx-line:#26334f;--hx-hov:#1a2540;--hx-hd:#eef2fa;--hx-fg:#dbe3f2;--hx-soft:#aab6cd;--hx-mute:#7e8aa5;--hx-btnbg:#F5AD1A;--hx-btnfg:#1b2a4a;--hx-wabg:#10301f;--hx-wafg:#7fd6a2;--hx-waln:#1e4a33;--hx-a1:#f2a35c;--hx-a2:#ef6ea8;--hx-a3:#6cc3d8}
.hx-header{position:sticky;top:0;z-index:900;background:var(--hx-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hx-line);font-family:'Poppins',system-ui,sans-serif;line-height:1.4}
.hx-header svg,.hx-callbar svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hx-bar{max-width:1200px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:16px}
.hx-logo{display:block;flex:none}
.hx-logo img{display:block;height:60px;width:auto;transition:height .25s ease}
.hx-scrolled .hx-logo img{height:44px}
.hx-menu{list-style:none;display:flex;align-items:stretch;margin:0;padding:0}
.hx-menu li{position:static;display:flex}
.hx-top{position:relative;display:flex;align-items:center;gap:5px;padding:16px 12px;background:none;border:0;cursor:pointer;font-family:inherit;font-size:.93rem;font-weight:500;color:var(--hx-fg);text-decoration:none;white-space:nowrap}
.hx-top:hover{color:var(--hx-hd)}
.hx-top::after{content:"";position:absolute;left:12px;right:12px;bottom:9px;height:2px;border-radius:2px;background:var(--hx-grad);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.hx-top:hover::after,.hx-top:focus-visible::after,.hx-open>.hx-top::after,.hx-here>.hx-top::after,a.hx-top[aria-current="page"]::after{transform:scaleX(1)}
.hx-cv{transition:transform .18s ease}
.hx-open .hx-cv{transform:rotate(180deg)}
.hx-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:flex;gap:20px;padding:20px;background:var(--hx-panel);border:1px solid var(--hx-line);border-top:0;border-radius:0 0 16px 16px;box-shadow:0 18px 44px rgba(15,25,50,.16)}
.hx-panel[hidden]{display:none}
@keyframes hx-pop{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.hx-open .hx-panel{animation:hx-pop .18s ease}
.hx-scards{display:flex;gap:20px}.hx-sgrup{display:flex;flex-direction:column;gap:8px;width:208px}.hx-sgrup .hx-scard{width:auto}.hx-svar{display:block;padding:11px 14px;border:1px solid var(--hx-line);border-radius:10px;font-size:.95rem;font-weight:600;color:var(--hx-hd);background:rgba(127,127,127,.07);text-decoration:none;line-height:1.35;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.hx-svar::before{content:"\21B3 ";color:var(--hxa);font-weight:400;margin-right:2px}.hx-svar:hover,.hx-svar:focus-visible{border-color:var(--hxa);color:var(--hxa);background:rgba(127,127,127,.13);transform:translateX(2px)}.hx-drawer .hx-lnk.hx-var{display:flex;align-items:center;justify-content:flex-start;gap:9px;margin-left:13px;border-left:2px solid var(--hx-line);border-radius:0;padding:7px 10px 7px 12px;font-size:.95rem;font-weight:500;color:var(--hx-soft)}.hx-drawer .hx-var .hx-ico{width:24px;height:24px}.hx-drawer .hx-lnk.hx-slnk{justify-content:flex-start;gap:10px}.hx-drawer .hx-slnk em{margin-left:auto;text-align:right}.hx-drawer .hx-mlnk{display:flex;align-items:center;gap:10px}.hx-drawer .hx-lnk.hx-var::before{content:none}.hx-drawer .hx-lnk.hx-var::first-letter{text-transform:uppercase}.hx-drawer .hx-lnk.hx-var:hover,.hx-drawer .hx-lnk.hx-var:focus-visible{color:var(--hx-hd);border-left-color:var(--hxa)}.hx-drawer .hx-lnk.hx-var+.hx-lnk:not(.hx-var){margin-top:10px}.hx-scards .hx-svar{display:flex;align-items:center;gap:9px}.hx-svar::before{content:none!important}.hx-svar .hx-ico{width:22px;height:22px;flex:none}.hx-aside .hx-lnk{display:flex;align-items:center;gap:9px}.hx-aside .hx-lnk .hx-ico{width:22px;height:22px;flex:none}.hx-feat b .hx-ico{width:24px;height:24px;display:inline-block;vertical-align:-6px;margin-right:7px}.hx-panel .hx-city{display:flex;align-items:center;gap:9px}.hx-panel .hx-city .hx-ico{width:24px;height:24px;flex:none}.hx-sect .hx-lnk{display:flex;align-items:center;justify-content:flex-start;gap:9px}.hx-sect .hx-ico{width:22px;height:22px;flex:none}.hx-buc{margin:0 0 6px}.hx-buc summary{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--hx-line);border-radius:12px;cursor:pointer;list-style:none;transition:border-color .15s ease,background .15s ease}.hx-buc summary::-webkit-details-marker{display:none}.hx-buc summary:hover{border-color:var(--hxa)}.hx-buc[open] summary{border-color:var(--hxa);background:rgba(127,127,127,.06)}.hx-buci{width:46px;height:46px;flex:none}.hx-bnume{display:flex;flex-direction:column;font-weight:600;color:var(--hx-hd);line-height:1.3}.hx-bnume em{font-style:normal;font-size:.78rem;font-weight:500;color:var(--hx-mute)}.hx-buc .hx-cv{margin-left:auto;transition:transform .15s ease}.hx-buc[open] .hx-cv{transform:rotate(180deg)}@media(min-width:1280px){.hx-sgrup{width:224px}}.hx-scard{display:flex;flex-direction:column;gap:6px;width:208px;padding:14px;border:1px solid var(--hx-line);border-top:3px solid var(--hxa);border-radius:12px;text-decoration:none;color:var(--hx-fg);transition:transform .18s ease,box-shadow .18s ease}
.hx-scard:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,25,50,.12)}
.hx-scard b{color:var(--hx-hd);font-size:.98rem}
.hx-scard>span{font-size:.8rem;color:var(--hx-soft);line-height:1.45}
.hx-scard em{font-style:normal;font-size:.8rem;font-weight:600;color:var(--hxa)}
.hx-der{--hxa:var(--hx-a1)}.hx-dez{--hxa:var(--hx-a2)}.hx-dif{--hxa:var(--hx-a3)}
/* iconite oficiale (PNG monoline cu bara gradient) */
.hx-ico{display:block;flex:none;width:28px;height:28px;object-fit:contain}
.hx-scard .hx-ico{width:30px;height:30px}
.hx-kick .hx-ico{width:20px;height:20px}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .hx-ico{filter:invert(1) hue-rotate(180deg)}}
html[data-theme="dark"] .hx-ico{filter:invert(1) hue-rotate(180deg)}
.hx-grp{display:flex;flex-direction:column;gap:2px;min-width:150px}
.hx-kick{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--hx-mute);margin:0 0 6px;padding:0 8px}
.hx-kick svg{color:var(--hx-a3)}
.hx-lnk{display:block;padding:7px 8px;border-radius:8px;font-size:.9rem;color:var(--hx-fg);text-decoration:none;white-space:nowrap}
.hx-lnk:hover{background:var(--hx-hov);color:var(--hx-hd)}
.hx-lnk[aria-current="page"],.hx-city[aria-current="page"]{color:var(--hx-a3);font-weight:600}
.hx-plnk,.hx-drawer .hx-plnk{display:flex;align-items:center;justify-content:flex-start;gap:9px;padding-top:5px;padding-bottom:5px}
.hx-aside{display:flex;flex-direction:column;gap:2px;min-width:190px;border-left:1px solid var(--hx-line);padding-left:20px}
.hx-feat{display:flex;flex-direction:column;gap:5px;width:210px;padding:14px;border-radius:12px;background:var(--hx-hov);text-decoration:none;color:var(--hx-fg);margin-bottom:8px}
.hx-feat svg{color:var(--hx-a1)}
.hx-feat b:not(.hx-kick){color:var(--hx-hd)}
.hx-feat .hx-kick{padding:0;margin:0}
.hx-feat>span{font-size:.8rem;color:var(--hx-soft);line-height:1.45}
.hx-city{font-weight:600;color:var(--hx-hd)}
.hx-sect{display:flex;flex-direction:column;padding-left:14px;border-left:2px solid var(--hx-line);margin:2px 0 6px 12px}
.hx-cta{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}
.hx-cepa{display:flex;align-items:center;flex:none;margin-right:2px;text-decoration:none}
.hx-cepa img{display:block;height:36px;width:auto}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .hx-cepa{background:#fff;border-radius:7px;padding:3px 6px}}
html[data-theme="dark"] .hx-cepa{background:#fff;border-radius:7px;padding:3px 6px}
.hx-tel,.hx-wab{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap}
.hx-tel{background:var(--hx-btnbg);color:var(--hx-btnfg)}
.hx-wab{background:var(--hx-wabg);color:var(--hx-wafg);border:1px solid var(--hx-waln)}
.hx-burger{display:none;background:none;border:0;cursor:pointer;padding:8px;color:var(--hx-fg)}
.hx-scrim{position:fixed;inset:0;z-index:940;background:rgba(8,13,26,.5)}
.hx-scrim[hidden]{display:none}
.hx-drawer{position:fixed;top:0;right:0;bottom:0;z-index:950;width:min(340px,88vw);overflow-y:auto;background:var(--hx-panel);border-left:1px solid var(--hx-line);padding:56px 16px 96px;font-family:'Poppins',system-ui,sans-serif}
.hx-drawer[hidden]{display:none}
@keyframes hx-slide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.hx-drawer{animation:hx-slide .2s ease}
.hx-x{position:absolute;top:10px;right:12px;background:none;border:0;cursor:pointer;font-size:1.3rem;color:var(--hx-mute);padding:8px}
.hx-acc{border-bottom:1px solid var(--hx-line)}
.hx-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 8px;font-weight:600;color:var(--hx-hd)}
.hx-acc summary::-webkit-details-marker{display:none}
.hx-acc summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--hx-mute);border-bottom:2px solid var(--hx-mute);transform:rotate(45deg);transition:transform .18s ease}
.hx-acc[open] summary::after{transform:rotate(225deg)}
.hx-acc>div{padding:0 0 12px;display:flex;flex-direction:column;gap:2px}
.hx-acc .hx-kick{margin-top:8px}
.hx-drawer .hx-lnk{white-space:normal;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.hx-drawer .hx-lnk em{font-style:normal;font-size:.76rem;color:var(--hx-mute);font-weight:500;text-align:right}
.hx-mlnk{display:block;padding:13px 8px;border-bottom:1px solid var(--hx-line);font-weight:600;color:var(--hx-hd);text-decoration:none}
.hx-mlnk[aria-current="page"]{color:var(--hx-a3)}
.hx-callbar{display:none}
html.hx-lock{overflow:hidden}
@media(max-width:899px){
.hx-menu,.hx-wab,.hx-cepa{display:none}
.hx-burger{display:inline-flex}
.hx-bar{padding:7px 14px;gap:10px}
.hx-logo img,.hx-scrolled .hx-logo img{height:44px}
.hx-cta{margin-left:auto;gap:8px}
.hx-tel{padding:9px 14px}
.hx-callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:930;gap:1px;padding-bottom:env(safe-area-inset-bottom);background:var(--hx-hd)}
.hx-callbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 6px;font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:.95rem;color:#fff;text-decoration:none}
.hx-cbtel{background:#1b2a4a}
.hx-cbwa{background:#128C7E}
body{padding-bottom:64px}
}
@media(prefers-reduced-motion:reduce){.hx-header *,.hx-drawer,.hx-panel,.hx-logo img{animation:none!important;transition:none!important}}

/* ============ LIZIBILITATE IN MENIU SI IN SERTARUL MOBIL (B3) ============
   Acelasi prag: niciun text explicativ sub 16px. Cardurile de serviciu s-au latit cu 16px,
   ca descrierea sa incapa la dimensiunea noua. */
.hx-top,.hx-lnk,.hx-city,.hx-mlnk,.hx-tel,.hx-wab,.hx-callbar a{font-size:1rem}
.hx-scard>span,.hx-scard em,.hx-feat>span,.hx-feat em,.hx-drawer .hx-lnk em{font-size:1rem;line-height:1.45}
.hx-scard{width:224px}
.hx-scard b{font-size:1.05rem}
.hx-feat{width:224px}
.hx-feat em{font-style:normal;font-weight:600;color:var(--hx-a3)}
.hx-aside{min-width:206px}
/* eticheta de sub intrarea de plosnite: spune limpede ca linkul duce pe site-ul nostru dedicat.
   Ramane subordonata prin culoare, nu prin marime: pragul de 16px din B3 se aplica si aici. */
.hx-ext{display:block;padding:0 8px 8px 37px;font-size:1rem;line-height:1.35;color:var(--hx-mute)}
.hx-kick{font-size:1rem;letter-spacing:.05em}
.hx-drawer .hx-ext{padding-left:41px}
/* bara verde de jos: verdele a fost inchis ca textul alb sa treaca pragul de 4,5:1 */
.hx-cbwa{background:#0F7A6D}

/* Reparatie: intre 880 si 1120px headerul nu incape pe un rand. Ordinea sacrificiului:
   sigla CEPA (decor) -> eticheta WhatsApp -> spatierea butoanelor. Telefonul ramane intreg. */
@media (max-width:1120px){
  .hx-cepa{display:none}
}
@media (max-width:1080px){
  .hx-wab .hx-wtxt{display:none}
  .hx-wab{padding:10px 12px}
  .hx-tel{padding:10px 14px;font-size:.9rem}
  .hx-cta{gap:6px}
  .hx-menu>a,.hx-menu>.hx-drop>button{padding-left:8px;padding-right:8px;font-size:.88rem}
  .hx-logo img{height:44px}
}
