*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:radial-gradient(1200px 600px at 20% 0%,rgba(82,210,124,.10),transparent 60%),
             radial-gradient(900px 500px at 80% 10%,rgba(80,140,255,.10),transparent 55%),
             #0b1220;
  color:#eaf1ff;line-height:1.6;min-height:100vh;
}
:root{--bg:#0b1220;--text:#eaf1ff;--muted:#a8b3cf;--accent:#52d27c;--line:rgba(255,255,255,.12);--warn:#ffcc66}
a{color:#52d27c;text-decoration:none;transition:color .15s}
a:hover{color:#10b981}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* PORTAL HEADER */
.portalHead{position:sticky;top:0;z-index:100;background:rgba(11,18,32,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(82,210,124,.18);box-shadow:0 4px 20px rgba(0,0,0,.4)}
.phRow{max-width:1280px;margin:0 auto;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.phBrand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.phBrand img{width:52px;height:52px;object-fit:contain;background:transparent;border-radius:10px;padding:0}
.phBrand .bt{display:flex;flex-direction:column;line-height:1.1}
.phBrand .bt strong{font-size:14px;font-weight:900;color:#52d27c}
.phBrand .bt small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.phCta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.phCta a{padding:8px 14px;border-radius:10px;font-size:12px;font-weight:800}
/* eMag-style top widgets */
.emWidgets{display:flex;align-items:center;gap:6px;margin-left:auto}
.emWidget{position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:transparent;border:1px solid transparent;border-radius:9px;color:#fff !important;text-decoration:none;font-family:inherit;cursor:pointer;transition:all .15s;font-size:12px}
.emWidget:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}
.emWidget .emIc{font-size:22px;line-height:1;flex-shrink:0}
.emWidget .emLbl{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.emWidget .emLbl small{font-size:9.5px;font-weight:600;opacity:.7;letter-spacing:.02em}
.emWidget .emLbl strong{font-size:12px;font-weight:900;margin-top:1px;letter-spacing:.01em;color:#fff}
.emWidget .emChev{font-size:10px;opacity:.6;margin-left:2px}
.emWidget .emBadge{position:absolute;top:-3px;right:-2px;background:linear-gradient(135deg,#ff3838,#dc2626);color:#fff;min-width:18px;height:18px;border-radius:100px;padding:0 5px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(220,38,38,.4);line-height:1}
.emWidget.emCart{background:linear-gradient(135deg,rgba(255,56,56,.10),rgba(220,38,38,.05));border-color:rgba(255,56,56,.2)}
.emWidget.emCart:hover{background:linear-gradient(135deg,rgba(255,56,56,.25),rgba(220,38,38,.15));border-color:rgba(255,56,56,.4)}
.emWidget.emCart.has-items{animation:emCartPulse 2.5s ease-in-out infinite}
@keyframes emCartPulse{0%,100%{box-shadow:0 0 0 rgba(220,38,38,0)}50%{box-shadow:0 0 0 4px rgba(220,38,38,.15)}}
.emWidget.emFav.has-items .emIc{filter:drop-shadow(0 0 6px rgba(255,107,107,.6))}

/* Dropdown account */
.emDrop{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;color:#111;border-radius:10px;box-shadow:0 16px 50px rgba(0,0,0,.55);overflow:hidden;z-index:1000;animation:emDropIn .15s ease-out}
@keyframes emDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.emDrop[hidden]{display:none}
.emDropHd{padding:14px 18px;border-bottom:1px solid #e9ecef;font-size:13px;font-weight:700;color:#212529}
.emDropHd a{color:#0288d1;font-weight:800;text-decoration:none}
.emDropHd a:hover{text-decoration:underline}
.emDropList{padding:6px 0;max-height:60vh;overflow-y:auto}
.emDropList a{display:flex;align-items:center;gap:10px;padding:9px 18px;color:#212529 !important;text-decoration:none;font-size:13px;font-weight:600;transition:background .1s}
.emDropList a:hover{background:#f6f8fa;color:#0288d1 !important}
.emDropFoot{border-top:1px solid #e9ecef;padding:6px 0}
.emDropFoot .emLogout{display:flex;align-items:center;gap:10px;padding:10px 18px;color:#dc3545 !important;font-weight:800;text-decoration:none;font-size:13px}
.emDropFoot .emLogout:hover{background:#fff5f5}

@media (max-width:760px){
  .emWidget .emLbl{display:none}
  .emWidget{padding:8px 10px;gap:0}
  .emWidget .emChev{display:none}
  .emWidget.emCart, .emWidget.emFav{padding:8px 12px}
  .emDrop{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:14px 14px 0 0;max-height:75vh;animation:emDropMobileIn .2s ease-out}
  @keyframes emDropMobileIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
  .emDrop::before{content:'';display:block;width:36px;height:4px;background:#dee2e6;border-radius:100px;margin:8px auto}
}
@media (max-width:380px){
  .emWidgets{gap:2px}
  .emWidget .emIc{font-size:20px}
}


/* NAV BAR */
.portalNav{background:rgba(0,0,0,.25);border-bottom:1px solid var(--line)}
.pnRow{max-width:1280px;margin:0 auto;padding:0 8px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.pnRow::-webkit-scrollbar{display:none}
.pnRow a{
  display:inline-flex;align-items:center;gap:6px;padding:14px 16px;color:rgba(234,241,255,.78);
  font-size:13px;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent;
  transition:all .15s
}
.pnRow a:hover{color:#fff;background:rgba(255,255,255,.04)}
.pnRow a.active{color:#52d27c;border-bottom-color:#52d27c;background:linear-gradient(180deg,transparent,rgba(82,210,124,.08))}
.pnRow a small{font-size:10px;color:var(--muted);font-weight:600;margin-left:4px}

.pageWrap{max-width:1280px;margin:0 auto;padding:24px 18px 60px}

/* CARDS */
.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card h2{margin:0 0 12px;font-size:18px;color:#fff}
.card h3{margin:0 0 8px;font-size:15px;color:#52d27c}
.sub{color:var(--muted);font-size:13px;margin:-6px 0 14px;line-height:1.5}

/* GLOBAL FOOTER */
.portalFoot{margin-top:40px;padding:30px 18px;background:rgba(0,0,0,.4);border-top:1px solid var(--line);color:rgba(234,241,255,.8)}
.pfGrid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:20px}
.pfCol h4{color:#52d27c;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.pfCol a,.pfCol p{font-size:13px;line-height:1.7;color:rgba(234,241,255,.75);display:block;text-decoration:none;margin-bottom:4px}
.pfCol a:hover{color:#52d27c}
.pfBot{max-width:1280px;margin:0 auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media (max-width:760px){.pfGrid{grid-template-columns:1fr}.phBrand img{width:90px;height:32px}}

.miniWx{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:linear-gradient(135deg,rgba(80,140,255,.18),rgba(80,140,255,.06));border:1px solid rgba(80,140,255,.3);border-radius:100px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;transition:all .15s}
.miniWx:hover{background:linear-gradient(135deg,rgba(80,140,255,.28),rgba(80,140,255,.1));transform:translateY(-1px)}
.miniWx .ic{font-size:18px;line-height:1}
.miniWx .t{color:#fff}
.miniWx .pv{font-size:11px;color:#52d27c;font-weight:900;padding-left:8px;border-left:1px solid rgba(255,255,255,.15);margin-left:4px}
@media (max-width:560px){.miniWx .pv{display:none}.miniWx .t{font-size:12px}}








50%{box-shadow:0 8px 28px rgba(220,38,38,.7),0 0 0 4px rgba(220,38,38,.15)}}
@media (max-width:560px){}
.pnRow{align-items:center}


/* MOBILE GLOBAL OPTIMIZATIONS (added 2026-05-23) */
@media (max-width:640px){
  /* Collapse any inline 1fr 1fr / 2fr 1fr / 1.2fr / 1fr 1.2fr grids to single column */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:2fr 1fr"],
  [style*="grid-template-columns: 2fr 1fr"],
  [style*="grid-template-columns:1fr 1.2fr"],
  [style*="grid-template-columns:1.2fr 1fr"],
  [style*="grid-template-columns:1fr 2fr"]
  { grid-template-columns:1fr !important; gap:14px !important; }

  /* Big inline H1 hardcoded 32-52px → readable on phone */
  h1[style*="font-size:32px"],
  h1[style*="font-size: 32px"],
  h1[style*="font-size:36px"],
  h1[style*="font-size:40px"],
  h1[style*="font-size:48px"],
  h1[style*="font-size:52px"]
  { font-size:24px !important; line-height:1.2 !important; }

  /* Hardcoded emoji/icon 48px / 36px sources → smaller */
  [style*="font-size:48px;margin-bottom"]{font-size:36px !important}
  [style*="font-size:48px"]:not(h1):not(h2){font-size:36px !important}
  [style*="font-size:36px;font-weight"]{font-size:28px !important}

  /* Constrain page padding so we get more usable width */
  .pageWrap{padding:14px 12px 40px !important}
  .phRow{padding:8px 12px !important}

  /* iOS zoom prevention: inputs must be >=16px font */
  input,select,textarea{font-size:16px !important}

  /* Touch target minimum 44px on links + buttons in main content */
  .pageWrap a[style*="padding:14px"],
  .pageWrap button[style*="padding:14px"]{min-height:44px}

  /* Long tables get horizontal scroll */
  .pageWrap table{display:block;overflow-x:auto;max-width:100%}

  /* Code/pre blocks scroll */
  pre,code{overflow-x:auto;word-break:break-word}

  /* Wide containers shrink to viewport */
  [style*="max-width:680px"],[style*="max-width:720px"],[style*="max-width:760px"],[style*="max-width:900px"]{max-width:100% !important}

  /* Reduce big radii to flat-ish on phone */
  [style*="border-radius:24px"]{border-radius:14px !important}

  /* Compact hero badge */
  [style*="padding:8px 18px;border-radius:100px"]{padding:6px 12px !important;font-size:10px !important}

  /* FAB popup on phone - shrink to icon-only at top-left, avoid logo */
  .cfv-of-fab{top:auto !important;bottom:14px !important;left:14px !important;right:auto !important}
}

/* MOBILE TIGHTER (≤420px) */
@media (max-width:420px){
  h1[style*="font-size"]{font-size:22px !important}
  .pageWrap{padding:10px 10px 36px !important}
  [style*="padding:50px 18px"]{padding:32px 14px !important}
  [style*="padding:30px"]:not(.cfv-of-modal){padding:18px !important}
}

/* MOBILE ROUND 2 — aggressive (2026-05-23) */
@media (max-width:640px){
  /* Force big icons/emojis smaller */
  [style*="font-size:48px"]{font-size:30px !important}
  [style*="font-size:80px"]{font-size:40px !important}
  [style*="font-size:52px"]{font-size:24px !important}
  [style*="font-size:40px"]:not(h1):not(h2){font-size:26px !important}
  [style*="font-size:36px"]:not(h1):not(h2){font-size:24px !important}
  [style*="font-size:32px"]:not(h1):not(h2){font-size:22px !important}
  [style*="font-size:28px"]:not(h1):not(h2){font-size:20px !important}
  [style*="font-size:24px"]:not(h1):not(h2){font-size:18px !important}
  [style*="font-size:22px"]:not(h1):not(h2){font-size:17px !important}

  /* Tighten heavy paddings */
  [style*="padding:50px 30px"]{padding:24px 18px !important}
  [style*="padding:50px 18px"]{padding:24px 14px !important}
  [style*="padding:32px 14px"]{padding:18px 12px !important}
  [style*="padding:30px 30px 18px"]{padding:18px 16px 12px !important}
  [style*="padding:30px"]:not(.cfv-of-modal){padding:18px !important}
  [style*="padding:28px"]{padding:16px !important}
  [style*="padding:24px"]:not(body):not(html){padding:14px !important}
  [style*="padding:22px"]{padding:14px !important}
  [style*="padding:20px"]:not(.cfv-of-modal){padding:14px !important}

  /* All clamp() heroes shrink */
  h1[style*="clamp(28px"]{font-size:22px !important}
  h1[style*="clamp(20px"]{font-size:19px !important}

  /* Card-like inline containers with margin-bottom:30/24px → smaller gaps */
  [style*="margin-bottom:30px"]{margin-bottom:18px !important}
  [style*="margin-bottom:24px"]{margin-bottom:14px !important}
  [style*="margin:40px 0"]{margin:24px 0 !important}
  [style*="margin:30px auto 0"]{margin:18px auto 0 !important}

  /* Grids smaller gap and force 1 col for any 2-col inline grid */
  [style*="grid-template-columns:repeat(auto-fit,minmax(140px"]{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}
  [style*="grid-template-columns:repeat(auto-fit,minmax(150px"]{grid-template-columns:1fr !important}
  [style*="gap:24px"]{gap:14px !important}
  [style*="gap:30px"]{gap:14px !important}

  /* Border radius lighter */
  [style*="border-radius:24px"]{border-radius:14px !important}
  [style*="border-radius:20px"]{border-radius:12px !important}
  [style*="border-radius:16px"]{border-radius:10px !important}
  [style*="border-radius:14px"]{border-radius:10px !important}
  [style*="border-radius:12px"]:not(.cfv-of-modal){border-radius:10px !important}

  /* Buttons stretch full-width and grow touch target */
  .pageWrap a[style*="padding:14px 28px"]{padding:14px 18px !important;width:100%;text-align:center;justify-content:center;display:flex !important;box-sizing:border-box}
  .pageWrap a[href^="/configurator"][style*="padding:14px"],
  .pageWrap a[href^="/afm"][style*="padding:14px"]{font-size:14px !important}
  [style*="display:flex;gap:12px;justify-content:center;flex-wrap:wrap"]{gap:8px !important;flex-direction:column}

  /* KPI mini grid: 2x2 on phone */
  [style*="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px"]{
    grid-template-columns:repeat(2,1fr) !important;gap:8px !important;margin-top:18px !important
  }

  /* Inline tables fit */
  table[cellpadding],table[style*="width:100%"]{font-size:12px}

  /* Section section spacing */
  section{margin-bottom:18px !important}

  /* Footer columns */
  .pfGrid{grid-template-columns:1fr !important;gap:18px !important;text-align:center}
  .pfCol h4{margin:0 0 6px}
  .pfCol a{display:block;padding:6px 0}

  /* Nav (top tab strip) cleaner */
  .pnRow{padding:0 6px !important;gap:0 !important}
  .pnRow a{padding:10px 8px !important;font-size:12px !important;letter-spacing:0 !important;white-space:nowrap;min-width:auto !important}

  /* Header brand smaller */
  .phBrand img{height:44px !important;width:auto !important}
  .phRow{padding:6px 10px !important;gap:6px !important}

  /* miniWx hide on small */
  .miniWx{display:none !important}

  /* Cart nav button compact */
  

  /* Quiz floating button */
  #qzFab{bottom:14px !important;right:14px !important;transform:scale(.85) !important}
}

/* MOBILE ULTRA TIGHT (≤380px) */
@media (max-width:380px){
  .pageWrap{padding:8px !important}
  h1{font-size:20px !important;line-height:1.15 !important}
  [style*="font-size:48px"]{font-size:24px !important}
  [style*="font-size:32px"]:not(h1):not(h2){font-size:18px !important}
  .pnRow a{padding:8px 6px !important;font-size:11px !important}
}

/* MOBILE TOPMENU REFINED (2026-05-23) */
@media (max-width:640px){
  /* Header row compact: brand stanga, totul restu dreapta */
  .phRow{padding:6px 10px !important;gap:8px !important;flex-wrap:nowrap !important;align-items:center}
  .phBrand{flex-shrink:1;min-width:0}
  .phBrand img{width:auto !important;height:48px !important;padding:0 !important;background:transparent !important}
  .phBrand .bt{display:none !important}
  /* Hide secondary CTAs din phRow — raman doar telefon ca buton mic */
  .phCta{flex-shrink:0;gap:6px !important;display:flex;align-items:center}
  /* .tel/.email replaced cu emWidgets */
  .phCta a.miniWx{display:none !important}

  /* Top right "Coș" devine icon-only mic in phRow */

  /* Bara de navigare scroll horizontal cu fade edge-uri */
  .portalNav{position:relative}
  .portalNav::before,.portalNav::after{
    content:'';position:absolute;top:0;bottom:0;width:16px;pointer-events:none;z-index:2
  }
  .portalNav::before{left:0;background:linear-gradient(90deg,#0b1220 30%,transparent)}
  .portalNav::after{right:0;background:linear-gradient(-90deg,#0b1220 30%,transparent)}
  .pnRow{padding:0 12px !important;gap:0 !important;-webkit-overflow-scrolling:touch}
  .pnRow a{
    padding:9px 10px !important;font-size:12px !important;
    letter-spacing:0 !important;white-space:nowrap;
    border-bottom-width:2px !important;flex:0 0 auto
  }
  .pnRow a small{display:none !important}
  /* Coș la final separator vizual */
  
  
  
}

/* Foarte mic */
@media (max-width:380px){
  .phBrand img{height:40px !important}
  .pnRow a{padding:8px 7px !important;font-size:11px !important}
  
}

/* MOBILE FOOTER PRO (2026-05-23) */
@media (max-width:640px){
  .portalFoot{padding:18px 12px 14px !important;margin-top:24px !important}

  /* Layout grid -> stacked, compact */
  .pfGrid{
    display:flex !important;flex-direction:column !important;
    grid-template-columns:none !important;
    gap:12px !important;text-align:left !important;
    margin-bottom:10px !important
  }

  /* Brand block (first col) — condensat, centrat, cu separator */
  .pfCol:first-child{
    text-align:center !important;
    padding-bottom:12px !important;
    border-bottom:1px solid rgba(255,255,255,.08)
  }
  .pfCol:first-child h4{
    color:#52d27c !important;font-size:13px !important;margin:0 0 4px !important;
    text-transform:none !important;letter-spacing:0 !important
  }
  .pfCol:first-child p{
    font-size:11px !important;line-height:1.45 !important;
    margin:4px 0 !important;color:rgba(234,241,255,.65) !important
  }

  /* Categorie cu link-uri ca chip-uri */
  .pfCol:not(:first-child){
    display:flex !important;flex-wrap:wrap;gap:6px !important;
    justify-content:center;align-items:center;
    padding:2px 0 !important
  }
  .pfCol:not(:first-child) h4{
    flex-basis:100% !important;text-align:center;
    color:rgba(234,241,255,.45) !important;
    font-size:10px !important;font-weight:700 !important;
    margin:2px 0 6px !important;
    text-transform:uppercase;letter-spacing:.12em
  }
  .pfCol:not(:first-child) a{
    display:inline-flex !important;align-items:center;
    padding:7px 12px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:100px !important;
    font-size:12px !important;line-height:1 !important;
    margin:0 !important;color:rgba(234,241,255,.85) !important
  }
  .pfCol:not(:first-child) a:hover{
    background:rgba(82,210,124,.12) !important;
    border-color:rgba(82,210,124,.3) !important;
    color:#52d27c !important
  }

  /* Bottom row: compact 2 linii */
  .pfBot{
    flex-direction:column !important;
    gap:4px !important;text-align:center !important;
    font-size:11px !important;padding-top:10px !important;
    margin-top:6px !important;
    border-top:1px solid rgba(255,255,255,.08) !important
  }
  .pfBot span{display:block !important}
  .pfBot a{color:#80c4ff !important}
}

/* Foarte mic — chip-uri putin mai dense */
@media (max-width:380px){
  .pfCol:not(:first-child) a{padding:6px 10px !important;font-size:11px !important}
  .pfCol:first-child p{font-size:10px !important}
}

/* MOBILE POLISH 3 — fine grain (2026-05-23) */
@media (max-width:640px){
  /* Body & html basics */
  html,body{overflow-x:hidden;max-width:100vw}
  body{font-size:14px}

  /* All anchored buttons in main content - touch & alignment */
  .pageWrap a,.pageWrap button{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
  .pageWrap a[style*="background:linear-gradient(90deg"]{box-shadow:0 4px 12px rgba(0,0,0,.3) !important}

  /* Hero section refined */
  section[style*="text-align:center"][style*="padding:50px"],
  section[style*="text-align:center"][style*="padding:24px 14px"]{
    padding:20px 12px !important;margin-bottom:14px !important;border-radius:14px !important
  }
  section h1{margin-bottom:8px !important}
  section p{font-size:13px !important;line-height:1.5 !important;margin:0 0 14px !important}

  /* Hero CTA buttons stack full-width on phone */
  section[style*="text-align:center"] div[style*="display:flex"][style*="justify-content:center"]{
    flex-direction:column !important;gap:8px !important
  }
  section[style*="text-align:center"] div[style*="display:flex"][style*="justify-content:center"] a{
    width:100%;padding:11px 14px !important;font-size:13px !important;box-sizing:border-box
  }

  /* KPI mini in hero: force 2x2 with smaller font */
  div[style*="grid-template-columns:repeat(auto-fit,minmax(140px"]{
    grid-template-columns:repeat(2,1fr) !important;gap:6px !important;margin-top:14px !important
  }
  div[style*="grid-template-columns:repeat(auto-fit,minmax(140px"] > div{
    padding:10px 8px !important;border-radius:10px !important
  }
  div[style*="grid-template-columns:repeat(auto-fit,minmax(140px"] strong{
    font-size:16px !important;line-height:1.1
  }
  div[style*="grid-template-columns:repeat(auto-fit,minmax(140px"] small{
    font-size:9px !important;letter-spacing:0 !important;line-height:1.2;display:block;margin-top:2px
  }

  /* Portal cards (homepage) — already 1col, refine padding & icon */
  a.portalCard,[class*="portalCard"]{padding:16px !important;border-radius:14px !important}
  a.portalCard div[style*="font-size:48px"]{font-size:32px !important;margin-bottom:8px !important}

  /* Card-like inline containers */
  [style*="border-radius:18px"]{border-radius:12px !important}
  [style*="padding:24px;border-radius"]{padding:14px !important}

  /* Hero badge mai mic */
  [style*="display:inline-flex"][style*="border-radius:100px"][style*="font-size:11px"]{
    padding:4px 10px !important;font-size:9px !important;letter-spacing:.04em !important;margin-bottom:10px !important
  }

  /* Inline gradient buttons full width */
  a[style*="background:linear-gradient(90deg,#52d27c"][style*="padding:14px"]{
    width:100%;box-sizing:border-box;padding:12px 16px !important;font-size:14px !important
  }

  /* Image responsiveness */
  img{max-width:100%;height:auto}

  /* Tables natively scrollable */
  table{display:block;overflow-x:auto;max-width:100%;font-size:12px}

  /* Forms compact */
  input[type="text"],input[type="tel"],input[type="email"],input[type="search"],
  input[type="number"],select,textarea{
    padding:10px 12px !important;border-radius:10px !important
  }
  label{font-size:12px}

  /* Quotes/blocks */
  blockquote{margin:10px 0;padding:10px 12px;font-size:13px}

  /* Reduce inline margin-bottom big values */
  [style*="margin-bottom:30px;border-radius"]{margin-bottom:14px !important}
  [style*="margin-top:30px"]{margin-top:14px !important}

  /* Iconite emoji 32-40px hardcoded */
  [style*="font-size:32px;display:block"]{font-size:24px !important}
  [style*="font-size:32px;margin-bottom"]{font-size:24px !important}

  /* Compress contact CTAs in cards */
  a[href^="tel:"][style*="padding:14px"],
  a[href^="mailto:"][style*="padding:14px"]{
    padding:11px 12px !important;font-size:13px !important;border-radius:10px !important
  }

  /* AFM card numbers smaller */
  .afmCard .num{font-size:26px !important}

  /* Sticky/Quiz floating buttons not overlap content */
  #qzFab,.cfv-of-fab{box-shadow:0 4px 14px rgba(0,0,0,.4) !important}

  /* Generic spacing */
  .pageWrap > section,.pageWrap > div{margin-bottom:14px}

  /* Last-resort horizontal-scroll guard for too-wide stuff */
  .pageWrap [style*="overflow-x"]:not(table){max-width:100%}
}

/* Very small (<=380px) */
@media (max-width:380px){
  .pageWrap{padding:8px 8px 32px !important}
  body{font-size:13px}
  section h1{font-size:18px !important}
  div[style*="grid-template-columns:repeat(auto-fit,minmax(140px"] strong{font-size:14px !important}
  div[style*="grid-template-columns:repeat(auto-fit,minmax(140px"] small{font-size:8px !important}
  
  .pnRow a{padding:8px 6px !important;font-size:11px !important}
}

/* MOBILE ALIGN HEADER+NAV (2026-05-23) */
@media (max-width:640px){
  /* Unified horizontal padding for header row + nav row so logo aligns with first menu item */
  .phRow{padding:8px 12px !important;align-items:center !important}
  .pnRow{padding:0 12px !important}
  .pnRow a:first-of-type{padding-left:0 !important}
  .phBrand{margin:0 !important;padding:0 !important}
  .phBrand img{margin:0 !important;display:block}
  /* portalHead row spacing tight */
  .portalHead{padding:0}
  .portalNav{padding:0;margin-top:0}
}

/* HAMBURGER + DRAWER PRO (2026-05-24 refresh) */

/* ─── Hamburger button with morph-to-X animation ─── */
.phHamb{
  display:none;background:rgba(82,210,124,.10);color:#fff;
  border:1px solid rgba(82,210,124,.25);border-radius:11px;
  width:44px;height:44px;align-items:center;justify-content:center;
  cursor:pointer;padding:0;flex-shrink:0;position:relative;
  transition:background .2s, border-color .2s, transform .15s;
  -webkit-tap-highlight-color:transparent
}
.phHamb:hover,.phHamb:focus-visible{background:rgba(82,210,124,.18);border-color:rgba(82,210,124,.5);outline:none}
.phHamb:active{transform:scale(.94)}
.phHamb .phHambBox{position:relative;width:22px;height:18px;display:block}
.phHamb .phHambBox span{
  position:absolute;left:0;right:0;height:2.4px;background:#52d27c;
  border-radius:3px;transition:transform .35s cubic-bezier(.65,0,.35,1), opacity .2s ease, top .35s cubic-bezier(.65,0,.35,1);
  transform-origin:center
}
.phHamb .phHambBox span:nth-child(1){top:0}
.phHamb .phHambBox span:nth-child(2){top:7.8px}
.phHamb .phHambBox span:nth-child(3){top:15.6px}
.phHamb.open{background:rgba(255,107,107,.16);border-color:rgba(255,107,107,.45)}
.phHamb.open .phHambBox span{background:#ff8888}
.phHamb.open .phHambBox span:nth-child(1){top:7.8px;transform:rotate(45deg)}
.phHamb.open .phHambBox span:nth-child(2){opacity:0;transform:translateX(-16px)}
.phHamb.open .phHambBox span:nth-child(3){top:7.8px;transform:rotate(-45deg)}

/* ─── Backdrop ─── */
.phDrawerBackdrop{
  position:fixed;inset:0;
  background:radial-gradient(800px 600px at 80% 30%, rgba(82,210,124,.10), transparent 60%),
             rgba(5,10,20,.72);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  z-index:99996;opacity:0;pointer-events:none;
  transition:opacity .35s ease
}
.phDrawerBackdrop.open{opacity:1;pointer-events:auto}

/* ─── Drawer container ─── */
.phDrawer{
  position:fixed;top:0;right:0;bottom:0;
  width:min(88vw,380px);
  background:
    radial-gradient(380px 240px at 100% 0%, rgba(82,210,124,.14), transparent 65%),
    radial-gradient(280px 200px at 0% 100%, rgba(80,140,255,.10), transparent 60%),
    linear-gradient(180deg,#101a2c 0%,#0a1220 55%, #070d18 100%);
  color:#eaf1ff;z-index:99997;
  transform:translateX(100%);
  transition:transform .42s cubic-bezier(.22,1,.36,1);
  box-shadow:-24px 0 80px rgba(0,0,0,.55), -1px 0 0 rgba(82,210,124,.12) inset;
  display:flex;flex-direction:column;overflow:hidden;
  will-change:transform
}
.phDrawer.open{transform:translateX(0)}

/* Subtle inner glow on left edge */
.phDrawer::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:1px;
  background:linear-gradient(180deg, transparent, rgba(82,210,124,.5), transparent);
  pointer-events:none
}

/* ─── Hero header ─── */
.phDrawerHero{
  position:relative;padding:18px 18px 16px;flex-shrink:0;
  background:linear-gradient(180deg, rgba(82,210,124,.10), transparent);
  border-bottom:1px solid rgba(255,255,255,.06)
}
.phDrawerHeroTop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.phDrawerLogo{
  display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;flex:1;min-width:0
}
.phDrawerLogo img{
  width:46px;height:46px;border-radius:12px;object-fit:contain;flex-shrink:0;
  background:rgba(255,255,255,.06);padding:4px;
  box-shadow:0 4px 14px rgba(0,0,0,.25), 0 0 0 1px rgba(82,210,124,.18)
}
.phDrawerLogo .phDrawerLogoText{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.phDrawerLogo strong{
  font-size:14px;font-weight:900;color:#fff;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.phDrawerLogo small{
  font-size:9.5px;color:#52d27c;text-transform:uppercase;
  letter-spacing:.10em;margin-top:2px;font-weight:800
}
.phDrawerClose{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  color:#eaf1ff;width:40px;height:40px;border-radius:50%;
  font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;
  -webkit-tap-highlight-color:transparent
}
.phDrawerClose:hover,.phDrawerClose:focus-visible{
  background:rgba(255,107,107,.18);border-color:rgba(255,107,107,.4);
  transform:rotate(90deg);color:#ff8888;outline:none
}
.phDrawerClose:active{transform:rotate(90deg) scale(.92)}

/* Mini status pill in hero */
.phDrawerStatus{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:11px;padding:5px 10px;
  background:rgba(82,210,124,.08);border:1px solid rgba(82,210,124,.22);
  border-radius:100px;font-size:10.5px;font-weight:800;color:#52d27c;
  letter-spacing:.04em
}
.phDrawerStatus .phStatusDot{
  width:6px;height:6px;border-radius:50%;background:#52d27c;
  box-shadow:0 0 8px rgba(82,210,124,.7);
  animation:phPulseDot 1.6s ease-in-out infinite
}
@keyframes phPulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}

/* ─── Nav body (scrollable) ─── */
.phDrawerBody{
  flex:1;overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;padding:14px 0 8px;
  scrollbar-width:thin;scrollbar-color:rgba(82,210,124,.3) transparent
}
.phDrawerBody::-webkit-scrollbar{width:5px}
.phDrawerBody::-webkit-scrollbar-thumb{background:rgba(82,210,124,.25);border-radius:10px}
.phDrawerBody::-webkit-scrollbar-thumb:hover{background:rgba(82,210,124,.5)}

.phDrawerSectionTitle{
  font-size:10px;font-weight:900;color:rgba(234,241,255,.4);
  text-transform:uppercase;letter-spacing:.14em;
  padding:6px 22px 8px;margin:0
}

.phDrawerNav{display:flex;flex-direction:column;gap:2px;padding:0 12px}

/* Each menu item as a card with icon, title, desc, chevron */
.phDrawerNav a{
  display:grid;grid-template-columns:36px 1fr 14px;gap:12px;align-items:center;
  padding:11px 12px;border-radius:12px;
  color:rgba(234,241,255,.9);text-decoration:none;
  font-weight:600;font-size:14px;line-height:1.2;
  border:1px solid transparent;
  transition:background .2s, border-color .2s, transform .2s, color .2s;
  -webkit-tap-highlight-color:transparent;
  opacity:0;transform:translateX(20px)
}
.phDrawer.open .phDrawerNav a{
  animation:phItemIn .45s cubic-bezier(.22,1,.36,1) forwards
}
@keyframes phItemIn{to{opacity:1;transform:translateX(0)}}
.phDrawer.open .phDrawerNav a:nth-child(1){animation-delay:.10s}
.phDrawer.open .phDrawerNav a:nth-child(2){animation-delay:.13s}
.phDrawer.open .phDrawerNav a:nth-child(3){animation-delay:.16s}
.phDrawer.open .phDrawerNav a:nth-child(4){animation-delay:.19s}
.phDrawer.open .phDrawerNav a:nth-child(5){animation-delay:.22s}
.phDrawer.open .phDrawerNav a:nth-child(6){animation-delay:.25s}
.phDrawer.open .phDrawerNav a:nth-child(7){animation-delay:.28s}
.phDrawer.open .phDrawerNav a:nth-child(8){animation-delay:.31s}
.phDrawer.open .phDrawerNav a:nth-child(9){animation-delay:.34s}
.phDrawer.open .phDrawerNav a:nth-child(10){animation-delay:.37s}
.phDrawer.open .phDrawerNav a:nth-child(11){animation-delay:.40s}
.phDrawer.open .phDrawerNav a:nth-child(12){animation-delay:.43s}

.phDrawerNav .phNavIco{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  font-size:17px;border-radius:10px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);
  transition:all .2s;line-height:1
}
.phDrawerNav .phNavTxt{display:flex;flex-direction:column;min-width:0}
.phDrawerNav .phNavTit{
  font-size:14px;font-weight:800;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.phDrawerNav .phNavDesc{
  font-size:11px;color:rgba(234,241,255,.5);font-weight:500;
  margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.phDrawerNav .phNavChev{
  color:rgba(234,241,255,.3);font-size:14px;line-height:1;
  transition:transform .2s, color .2s
}

.phDrawerNav a:hover,.phDrawerNav a:focus-visible{
  background:rgba(82,210,124,.07);
  border-color:rgba(82,210,124,.16);
  outline:none
}
.phDrawerNav a:hover .phNavIco{
  background:rgba(82,210,124,.14);border-color:rgba(82,210,124,.35);
  transform:scale(1.06)
}
.phDrawerNav a:hover .phNavChev{transform:translateX(3px);color:#52d27c}
.phDrawerNav a:active{transform:scale(.985)}

.phDrawerNav a.active{
  background:linear-gradient(90deg,rgba(82,210,124,.16),rgba(82,210,124,.04));
  border-color:rgba(82,210,124,.35);
  box-shadow:0 0 0 1px rgba(82,210,124,.15), inset 0 1px 0 rgba(255,255,255,.04)
}
.phDrawerNav a.active .phNavTit{color:#52d27c}
.phDrawerNav a.active .phNavIco{
  background:linear-gradient(135deg,#52d27c,#10b981);
  border-color:transparent;
  box-shadow:0 4px 12px rgba(82,210,124,.4)
}
.phDrawerNav a.active .phNavChev{color:#52d27c}

/* Promo card */
.phDrawerPromo{
  margin:14px 14px 4px;padding:13px 14px;
  background:linear-gradient(135deg, rgba(255,193,7,.14), rgba(255,140,0,.05));
  border:1px solid rgba(255,193,7,.28);
  border-radius:14px;text-decoration:none;color:inherit;
  display:flex;align-items:center;gap:11px;
  transition:transform .2s, box-shadow .2s;position:relative;overflow:hidden;
  -webkit-tap-highlight-color:transparent
}
.phDrawerPromo::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(100px 60px at 100% 100%, rgba(255,193,7,.18), transparent);
  pointer-events:none
}
.phDrawerPromo:hover,.phDrawerPromo:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(255,193,7,.18);outline:none
}
.phDrawerPromo .phPromoIco{
  font-size:26px;line-height:1;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(255,193,7,.4))
}
.phDrawerPromo .phPromoTxt{display:flex;flex-direction:column;min-width:0}
.phDrawerPromo strong{font-size:13px;font-weight:900;color:#ffcc66;letter-spacing:.01em}
.phDrawerPromo small{font-size:11px;color:rgba(234,241,255,.7);margin-top:1px}
.phDrawerPromo .phPromoArrow{
  margin-left:auto;color:#ffcc66;font-size:18px;font-weight:900;
  transition:transform .2s
}
.phDrawerPromo:hover .phPromoArrow{transform:translateX(4px)}

/* ─── Footer (sticky bottom) ─── */
.phDrawerFoot{
  padding:14px 14px 18px;border-top:1px solid rgba(255,255,255,.07);
  display:flex;flex-direction:column;gap:8px;flex-shrink:0;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.35));
  padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px))
}
.phDrawerFoot a{
  display:flex;align-items:center;gap:11px;padding:12px 14px;
  border-radius:11px;text-decoration:none;font-weight:800;font-size:13px;
  transition:transform .15s, box-shadow .2s, background .2s;
  -webkit-tap-highlight-color:transparent
}
.phDrawerFoot a:active{transform:scale(.98)}
.phDrawerFoot a svg,.phDrawerFoot a .phFootIco{flex-shrink:0}
.phDrawerFoot a .phFootIco{
  width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.10);border-radius:8px;font-size:14px
}

.phDrawerTel{
  background:linear-gradient(135deg,#52d27c,#10b981);color:#062011 !important;
  box-shadow:0 6px 18px rgba(82,210,124,.32)
}
.phDrawerTel:hover{box-shadow:0 10px 26px rgba(82,210,124,.45);transform:translateY(-1px)}
.phDrawerTel .phFootIco{background:rgba(0,0,0,.12)}

.phDrawerRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.phDrawerRow a{padding:11px 12px;font-size:12px;justify-content:flex-start}

.phDrawerCart{
  background:linear-gradient(135deg,#ff3838,#dc2626);color:#fff !important;
  box-shadow:0 6px 16px rgba(220,38,38,.32)
}
.phDrawerCart:hover{box-shadow:0 10px 22px rgba(220,38,38,.48);transform:translateY(-1px)}
.phDrawerCart .phFootIco{background:rgba(0,0,0,.18)}

.phDrawerMail{
  background:rgba(255,255,255,.05);color:rgba(234,241,255,.9) !important;
  border:1px solid rgba(255,255,255,.10)
}
.phDrawerMail:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}

.phDrawerSocials{
  display:flex;gap:6px;margin-top:4px;padding-top:10px;
  border-top:1px solid rgba(255,255,255,.05);justify-content:center
}
.phDrawerSocials a{
  width:36px;height:36px;padding:0;justify-content:center;border-radius:50%;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  color:rgba(234,241,255,.7) !important;font-size:15px
}
.phDrawerSocials a:hover{
  background:rgba(82,210,124,.15);border-color:rgba(82,210,124,.4);
  color:#52d27c !important;transform:translateY(-2px)
}
.phDrawerCopy{
  text-align:center;font-size:10px;color:rgba(234,241,255,.35);
  letter-spacing:.05em;padding-top:4px
}

/* Show hamburger only on mobile; hide pnRow + phCta then */
@media (max-width:760px){
  .phHamb{display:inline-flex}
  .portalNav{display:none}
  .phCta{display:none !important}
  .phRow{justify-content:space-between !important}
}
@media (max-width:380px){
  .phDrawer{width:92vw}
  .phDrawerNav a{padding:10px;gap:10px;grid-template-columns:32px 1fr 12px}
  .phDrawerNav .phNavIco{width:32px;height:32px;font-size:15px}
  .phDrawerNav .phNavTit{font-size:13px}
  .phDrawerNav .phNavDesc{font-size:10px}
}

/* Reduced motion: skip stagger */
@media (prefers-reduced-motion: reduce){
  .phDrawer{transition:transform .15s linear}
  .phDrawer.open .phDrawerNav a{animation:none;opacity:1;transform:none}
  .phDrawerBackdrop{transition:opacity .15s linear}
  .phHamb .phHambBox span{transition:transform .15s linear, opacity .1s}
}

body.phDrawerOpen{overflow:hidden;touch-action:none}

/* CTA Vanzator promovat — roșu palpăitor */
.miniReseller {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 12px;
  background: linear-gradient(135deg, #ff3a3a 0%, #d11515 100%);
  color: #fff !important;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-decoration: none;
  box-shadow: 0 0 12px rgba(255,58,58,.45), 0 2px 8px rgba(255,58,58,.25);
  animation: miniResellerPulse 1.4s ease-in-out infinite;
  white-space: nowrap;
}
.miniReseller:hover {
  animation: none;
  transform: scale(1.06);
  box-shadow: 0 0 24px rgba(255,58,58,.85), 0 4px 16px rgba(255,58,58,.5);
}
.miniReseller span { font-size: 11px; }
@keyframes miniResellerPulse {
  0%, 100% { box-shadow: 0 0 12px rgba(255,58,58,.5), 0 2px 8px rgba(255,58,58,.3); transform: scale(1); }
  50% { box-shadow: 0 0 24px rgba(255,58,58,.9), 0 0 36px rgba(255,58,58,.35); transform: scale(1.04); }
}
@media (max-width: 600px) {
  .miniReseller span { display: none; }
  .miniReseller { padding: 7px 10px; font-size: 13px; }
}

.sen-live{display:none;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(82,210,124,.08),rgba(80,140,255,.05));border:1px solid rgba(82,210,124,.25);border-radius:11px;padding:6px 12px;margin-left:auto;margin-right:14px;position:relative;font-family:inherit}
@media (min-width:980px){.sen-live{display:inline-flex}}

/* ─── SEN-LIVE pe MOBIL ─── bară a doua în header, full-width, scrollabilă orizontal ─── */
@media (max-width:979px){
  .phRow{flex-wrap:wrap !important}
  .phBrand{order:1}
  .phHamb{order:2}
  .sen-live{
    display:flex !important;
    order:3;
    flex-basis:100%;
    width:100%;
    margin:8px -12px 0 !important;   /* extinde pe toată lățimea (compensează padding phRow) */
    padding:8px 14px !important;
    border-radius:0 !important;
    border-top:1px solid rgba(82,210,124,.22) !important;
    border-bottom:1px solid rgba(82,210,124,.18) !important;
    border-left:0 !important;border-right:0 !important;
    background:linear-gradient(90deg,rgba(82,210,124,.07),rgba(80,140,255,.05),rgba(255,204,102,.05)) !important;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:14px !important;
    cursor:pointer;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)
  }
  .sen-live::-webkit-scrollbar{display:none}
  .sen-pulse{width:7px !important;height:7px !important}
  .sen-data{gap:14px !important;flex:1 !important;justify-content:space-around;min-width:max-content !important;align-items:center}
  .sen-item{flex-shrink:0}
  .sen-item span{font-size:8px !important;letter-spacing:.06em !important}
  .sen-item b{font-size:12px !important;white-space:nowrap}
  /* fade edges to hint at scrollability */
  .phSenWrap{position:relative}
  .phSenWrap::before,.phSenWrap::after{
    content:'';position:absolute;top:0;bottom:0;width:14px;pointer-events:none;z-index:2
  }
}
@media (max-width:380px){
  .sen-live{padding:7px 10px !important;gap:10px !important}
  .sen-data{gap:11px !important}
  .sen-item span{font-size:7.5px !important}
  .sen-item b{font-size:11px !important}
}
.sen-pulse{width:8px;height:8px;border-radius:50%;background:#52d27c;box-shadow:0 0 12px rgba(82,210,124,.8);animation:senPulse 1.6s ease-in-out infinite;flex-shrink:0}
@keyframes senPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}
.sen-data{display:flex;gap:14px;align-items:center}
.sen-item span{display:block;font-size:9px;color:rgba(234,241,255,.55);text-transform:uppercase;font-weight:800;letter-spacing:.05em;line-height:1}
.sen-item b{display:block;font-size:13px;color:#fff;font-weight:900;line-height:1.2;margin-top:1px;white-space:nowrap}
@media (max-width:1300px){.sen-data{gap:8px}.sen-item b{font-size:11px}.sen-item span{font-size:8px}}

.sen-live{cursor:pointer;transition:transform .15s}
@keyframes valuePulse{
  0%{transform:scale(1);color:inherit;text-shadow:none}
  20%{transform:scale(1.18);color:#52d27c;text-shadow:0 0 14px rgba(82,210,124,.9),0 0 28px rgba(82,210,124,.5)}
  100%{transform:scale(1);color:inherit;text-shadow:none}
}
@keyframes valuePulseDown{
  0%{transform:scale(1);color:inherit;text-shadow:none}
  20%{transform:scale(1.18);color:#ff8888;text-shadow:0 0 14px rgba(255,136,136,.9),0 0 28px rgba(255,136,136,.5)}
  100%{transform:scale(1);color:inherit;text-shadow:none}
}
@keyframes valuePulseNeutral{
  0%{transform:scale(1);text-shadow:none}
  20%{transform:scale(1.16);text-shadow:0 0 14px rgba(128,196,255,.9),0 0 28px rgba(128,196,255,.5)}
  100%{transform:scale(1);text-shadow:none}
}
.val-flash-up{animation:valuePulse .9s cubic-bezier(.34,1.5,.64,1)}
.val-flash-down{animation:valuePulseDown .9s cubic-bezier(.34,1.5,.64,1)}
.val-flash-neutral{animation:valuePulseNeutral .9s cubic-bezier(.34,1.5,.64,1)}
.sen-item b{display:inline-block;transform-origin:center;transition:color .3s}
.sen-live:hover{transform:translateY(-1px);border-color:rgba(82,210,124,.5)}
.sen-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:senFadeIn .2s}
@keyframes senFadeIn{from{opacity:0}to{opacity:1}}
.sen-modal-box{background:linear-gradient(180deg,#0a0f1e 0%,#050816 100%);border:1px solid rgba(82,210,124,.3);border-radius:18px;padding:24px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 100px rgba(82,210,124,.2)}
.sen-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.sen-modal-head h2{font-size:20px;font-weight:900;color:#fff;margin:0}
.sen-modal-head p{font-size:12px;color:rgba(234,241,255,.6);margin:4px 0 0}
.sen-modal-x{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:22px;line-height:1}
.sen-modal-x:hover{background:rgba(255,107,107,.2);border-color:#ff6b6b}
.sen-modal-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}
.sen-modal-kpi>div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:10px 14px}
.sen-modal-kpi>div span{display:block;font-size:9px;color:rgba(234,241,255,.55);text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.sen-modal-kpi>div b{display:block;font-size:18px;color:#fff;font-weight:900;margin-top:3px;line-height:1.2}
.sen-modal-kpi>div.good b{color:#52d27c}
.sen-modal-kpi>div.bad b{color:#ff8888}
.sen-modal-kpi>div.gold b{color:#ffcc66}
#senChart24h{max-width:100%;height:auto;display:block;background:rgba(0,0,0,.3);border-radius:12px;padding:12px}
.sen-modal-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:11px;font-weight:700;color:rgba(234,241,255,.75)}
.sen-modal-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.sen-modal-foot{font-size:11px;color:rgba(234,241,255,.5);margin-top:14px;line-height:1.5;text-align:center}
.sen-modal-glossary{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.sen-modal-glossary h3{font-size:13px;font-weight:900;color:#fff;margin:0 0 12px;letter-spacing:.04em;text-transform:uppercase;color:rgba(234,241,255,.85)}
.sen-glossary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.sen-glossary-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-left:3px solid #52d27c;border-radius:9px;padding:11px 14px}
.sen-glossary-card.cons{border-left-color:#52d27c}
.sen-glossary-card.prod{border-left-color:#ffcc66}
.sen-glossary-card.sold{border-left-color:#80c4ff}
.sen-glossary-card.rul{border-left-color:#ffb347}
.sen-glossary-card.opcom{border-left-color:#c084fc}
.sen-glossary-card h4{font-size:13px;font-weight:900;color:#fff;margin:0 0 5px;display:flex;justify-content:space-between;align-items:center}
.sen-glossary-card h4 small{font-size:10px;color:rgba(234,241,255,.45);font-weight:700;letter-spacing:.04em}
.sen-glossary-card p{font-size:11.5px;color:rgba(234,241,255,.72);margin:0;line-height:1.55}
.sen-glossary-card p b{color:#fff;font-weight:700}
@media(max-width:600px){.sen-modal-box{padding:16px;border-radius:14px}.sen-modal-head h2{font-size:16px}.sen-modal-kpi>div b{font-size:14px}#senChart24h{height:260px}}

/* ===== CART/CHECKOUT MODALS (legacy) ===== */
/* ═══════ CART GLOBAL — pe toate paginile ═══════ */






50%{transform:scale(1.04)}}

@media (max-width:560px){
  .cartIcon{padding:6px 10px;font-size:12px}
  .cartIcon .lbl{display:none}
}

/* === Modal coș === */
.cartModal{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.cartModal.show{display:flex}
.cartBox{background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);border:1px solid rgba(82,210,124,.3);border-radius:22px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;padding:28px;position:relative;color:#eaf1ff;animation:cartFadeIn .3s}
@keyframes cartFadeIn{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.cartBox .closeBtn{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.08);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;font-weight:900}
.cartBox h2{font-size:22px;font-weight:900;color:#52d27c;margin-bottom:8px;letter-spacing:-.02em}
.cartList{display:flex;flex-direction:column;gap:10px;margin:14px 0;max-height:40vh;overflow-y:auto}
.cartItem{display:grid;grid-template-columns:54px 1fr auto auto;gap:10px;align-items:center;padding:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px}
.cartItem img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:6px;padding:3px}
.cartItem .info h4{font-size:12px;font-weight:800;margin-bottom:2px;line-height:1.3}
.cartItem .info .sku{font-size:10px;color:var(--muted);font-family:monospace}
.cartItem .qtyCtrl{display:flex;align-items:center;gap:5px}
.cartItem .qtyCtrl button{width:24px;height:24px;background:rgba(255,255,255,.08);color:#fff;border:none;border-radius:5px;font-size:13px;cursor:pointer;font-weight:900}
.cartItem .qtyCtrl button:hover{background:#52d27c;color:#062011}
.cartItem .qtyCtrl span{min-width:22px;text-align:center;font-weight:900;font-size:13px}
.cartItem .price{font-weight:900;color:#52d27c;font-size:13px;text-align:right;min-width:80px}
.cartItem .remove{background:rgba(255,107,107,.15);color:#ff6b6b;border:none;padding:4px 8px;border-radius:5px;cursor:pointer;font-size:10px;font-weight:800;margin-top:4px;display:block;width:100%}

/* ═══════ CART MODAL — REDESIGN MOBIL (bottom sheet) ═══════ */
@media (max-width:760px){
  .cartModal{
    padding:0 !important;
    align-items:flex-end !important;
    justify-content:stretch !important
  }
  .cartBox{
    max-width:100% !important;
    width:100% !important;
    max-height:94vh !important;
    border-radius:22px 22px 0 0 !important;
    padding:16px 14px 0 !important;
    animation:cartSlideUp .35s cubic-bezier(.22,1,.36,1) !important;
    display:flex !important;flex-direction:column;
    overflow:hidden !important
  }
  @keyframes cartSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

  /* Drag handle */
  .cartBox::before{
    content:'';display:block;width:44px;height:5px;
    background:rgba(255,255,255,.20);border-radius:10px;
    margin:0 auto 12px;flex-shrink:0
  }
  .cartBox h2{font-size:18px !important;margin:0 0 4px !important;padding-right:46px;line-height:1.2;flex-shrink:0}
  .cartBox > p:first-of-type{font-size:11.5px !important;flex-shrink:0}
  .cartBox .closeBtn{top:18px !important;right:14px !important;width:38px;height:38px;font-size:22px;z-index:2}

  /* Lista — flex item growable, scrollabilă */
  .cartList{
    flex:1 1 auto;min-height:0;
    max-height:none !important;
    margin:10px -4px !important;
    padding:0 4px !important;
    gap:8px !important;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
  }

  /* ── Cart item: GRID 2x2 stacked  ──
     [ img ] [ title + sku           ]
     [ img ] [ qty-ctrl ⋯ price+×    ]   */
  .cartItem{
    display:grid !important;
    grid-template-columns:58px minmax(0, 1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:12px !important;
    row-gap:8px !important;
    padding:11px !important;
    align-items:start !important
  }
  .cartItem > img{
    grid-row:1 / span 2;grid-column:1;
    width:58px !important;height:58px !important;
    align-self:center
  }
  .cartItem .info{
    grid-row:1;grid-column:2;
    min-width:0;overflow:hidden
  }
  .cartItem .info h4{
    font-size:13px !important;
    line-height:1.25 !important;
    margin:0 0 3px 0 !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:break-word;
    font-weight:700
  }
  .cartItem .info .sku{font-size:10px !important;color:rgba(234,241,255,.45);font-family:monospace}

  /* Row 2: qtyCtrl pe stânga, price pe dreapta — qty span CSS, price absolute right */
  .cartItem .qtyCtrl{
    grid-row:2;grid-column:2;
    justify-self:start;
    display:inline-flex !important;align-items:center;gap:0 !important;
    background:rgba(0,0,0,.32);border-radius:10px;
    padding:0;border:1px solid rgba(255,255,255,.06);
    width:fit-content !important
  }
  .cartItem .qtyCtrl button{
    width:32px !important;height:32px !important;
    background:transparent !important;color:#52d27c !important;
    font-size:17px !important;font-weight:900 !important;
    border-radius:9px !important;border:0 !important;
    -webkit-tap-highlight-color:transparent;
    transition:background .15s,transform .1s
  }
  .cartItem .qtyCtrl button:active{background:rgba(82,210,124,.22) !important;transform:scale(.92)}
  .cartItem .qtyCtrl span{
    min-width:30px !important;
    font-size:14px !important;font-weight:900;
    color:#fff;text-align:center;line-height:32px
  }

  /* Price + delete în COLȚUL DREAPTA al rândului 2 (folosesc absolute positioning) */
  .cartItem{position:relative}
  .cartItem .price{
    position:absolute;
    right:11px;bottom:11px;
    min-width:0 !important;
    font-size:15px !important;
    color:#52d27c !important;
    font-weight:900;
    white-space:nowrap;
    text-align:right;
    display:flex;flex-direction:column;align-items:flex-end;gap:5px
  }
  .cartItem .remove{
    margin-top:0 !important;
    width:auto !important;
    padding:5px 10px !important;
    font-size:11px !important;
    font-weight:800 !important;
    background:rgba(255,107,107,.14) !important;
    border:1px solid rgba(255,107,107,.22) !important;
    border-radius:7px !important;
    display:inline-flex !important;
    align-items:center;gap:4px;
    -webkit-tap-highlight-color:transparent;
    line-height:1
  }
  .cartItem .remove:active{background:rgba(255,107,107,.28) !important}

  /* Coupon row stays on its own line */
  .cartBox > div[id="couponBox"],.cartBox > div:has(input){flex-shrink:0}

  /* Total + checkout sticky la jos */
  .cartBox .cartTotal,
  .cartBox > div[id="cartTotalBox"]{
    flex-shrink:0;
    margin:0 -14px !important;
    padding:14px 14px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    border-top:1px solid rgba(82,210,124,.20);
    background:linear-gradient(180deg, rgba(15,23,42,.4), #0a0f1d)
  }
  .cartBox .cartTotal .row{font-size:13px}
  .cartBox .cartTotal .row.grand{font-size:17px}
  .cartBox .cartTotal .row.grand strong{font-size:20px}

  /* Action buttons (continuă + checkout) */
  .cartBox > button,.cartBox div > button[onclick*="closeCart"],
  .cartBox button.cartCheckout{
    width:100% !important;padding:13px !important;
    font-size:14px !important;font-weight:800 !important;
    border-radius:11px !important;margin-top:8px !important;
    -webkit-tap-highlight-color:transparent
  }
}

/* ≤380px tightening */
@media (max-width:380px){
  .cartItem{padding:10px !important;column-gap:10px !important}
  .cartItem > img{width:52px !important;height:52px !important}
  .cartItem .info h4{font-size:12.5px !important}
  .cartItem .qtyCtrl button{width:30px !important;height:30px !important;font-size:16px !important}
  .cartItem .qtyCtrl span{min-width:28px !important;line-height:30px}
  .cartItem .price{font-size:14px !important;right:10px;bottom:10px}
}

.cartTotal{padding:16px;background:linear-gradient(135deg,rgba(82,210,124,.15),rgba(82,210,124,.04));border:1px solid rgba(82,210,124,.3);border-radius:12px;margin:14px 0}
.cartTotal .row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}
.cartTotal .grand{padding-top:10px;margin-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:18px;font-weight:900;color:#52d27c}

.couponInput{display:flex;gap:8px;margin:14px 0;padding:12px;background:linear-gradient(135deg,rgba(255,193,7,.12),rgba(255,140,0,.04));border:1px solid rgba(255,193,7,.3);border-radius:10px}
.couponInput input{flex:1;background:rgba(0,0,0,.4);border:1px solid rgba(255,193,7,.3);color:#fff;padding:9px 12px;border-radius:6px;font-family:monospace;font-weight:900;text-transform:uppercase;font-size:13px}
.couponInput button{background:linear-gradient(90deg,#ffd700,#ff8c00);color:#000;padding:9px 16px;border:none;border-radius:6px;font-weight:900;font-size:11px;cursor:pointer}
.couponBox{padding:10px 14px;background:rgba(82,210,124,.12);border:1px solid rgba(82,210,124,.4);border-radius:8px;color:#52d27c;font-size:13px;font-weight:800;display:none;margin-top:10px;justify-content:space-between;align-items:center}
.couponBox.show{display:flex}

.checkoutBtns{display:flex;gap:10px;margin-top:14px}
.btnCheckout{flex:1;padding:14px 22px;background:linear-gradient(90deg,#52d27c,#10b981);color:#062011;border:none;border-radius:10px;font-weight:900;font-size:14px;cursor:pointer;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btnCheckout:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(82,210,124,.4)}
.btnContinue{padding:14px 20px;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;text-decoration:none}

.emptyCart{text-align:center;padding:30px;color:var(--muted)}
.emptyCart .ic{font-size:50px;margin-bottom:10px}

.cartToast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#52d27c;color:#062011;padding:12px 22px;border-radius:10px;font-weight:900;font-size:13px;z-index:10003;box-shadow:0 12px 32px rgba(82,210,124,.5);opacity:0;transition:opacity .3s,transform .3s}
.cartToast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}

/* ===== SAAS OVERRIDE LAYER (legacy) ===== */
/* ===== SAAS PREMIUM THEME OVERRIDE — Unificare cu Marketplace ===== */
:root{
  --bg-deep:#070b16;
  --bg-saas:#0a0f1e;
  --bg-card:#0d1426;
  --bg-card-hover:#111a2f;
  --line-saas:rgba(255,255,255,.05);
  --line-saas-hi:rgba(255,255,255,.10);
  --txt-saas:#e8edf5;
  --txt-saas-mut:rgba(232,237,245,.55);
  --green-saas:#00e676;
  --green-saas-soft:#10b981;
}
body{background:var(--bg-deep) !important;color:var(--txt-saas) !important;background-image:radial-gradient(circle at 15% 5%,rgba(0,230,118,.04),transparent 40%),radial-gradient(circle at 90% 95%,rgba(59,130,246,.04),transparent 40%) !important}

/* Topbar premium: sticky + blur + linie subtilă */
.portalHead{background:rgba(10,15,30,.85) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important;border-bottom:1px solid var(--line-saas) !important;position:sticky;top:0;z-index:100}
.phRow{padding:12px 24px !important;align-items:center;gap:18px !important}

/* Search bar inline în topbar */
.saasSearch{flex:1;max-width:520px;margin:0 auto;position:relative}
.saasSearch input{width:100%;padding:11px 18px 11px 42px;background:rgba(255,255,255,.04);border:1px solid var(--line-saas-hi);border-radius:12px;color:var(--txt-saas);font-size:13px;font-family:inherit;transition:all .15s}
.saasSearch input::placeholder{color:rgba(232,237,245,.35)}
.saasSearch input:focus{outline:none;border-color:var(--green-saas);background:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(0,230,118,.10)}
.saasSearch .sIco{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:rgba(232,237,245,.45);font-size:14px;pointer-events:none}
@media (max-width:780px){.saasSearch{display:none}}

/* portalNav restilizat ca tabs premium SaaS */
.portalNav{background:rgba(10,15,30,.6) !important;border-bottom:1px solid var(--line-saas) !important;backdrop-filter:blur(10px)}
.portalNav .pnRow{padding:0 24px !important;display:flex !important;gap:6px !important;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:center !important;flex-wrap:nowrap !important;max-width:none !important}
.portalNav .pnRow a{padding:14px 16px !important;color:rgba(232,237,245,.55) !important;font-size:13px !important;font-weight:700 !important;border-bottom:2px solid transparent !important;white-space:nowrap;transition:all .15s !important;background:transparent !important;border-radius:0 !important;border-top:none !important;border-left:none !important;border-right:none !important;display:inline-flex !important;align-items:center;gap:4px;letter-spacing:-.005em}
.portalNav .pnRow a:hover{color:var(--txt-saas) !important;background:transparent !important;transform:none !important}
.portalNav .pnRow a.active{color:var(--green-saas) !important;border-bottom-color:var(--green-saas) !important;background:transparent !important}
.portalNav .pnRow a.nav-cta-red{color:#ff6b6b !important}

/* Restilizez butoanele eMag widgets pentru consistency */
.emWidgets{margin-left:0 !important}
.emWidget{background:rgba(255,255,255,.04) !important;border:1px solid var(--line-saas-hi) !important;color:var(--txt-saas) !important}
.emWidget:hover{background:rgba(0,230,118,.10) !important;border-color:rgba(0,230,118,.30) !important;color:#fff !important}
.emWidget .emLbl small{color:rgba(232,237,245,.55) !important}
.emWidget .emLbl strong{color:#fff !important}
.emWidget.emCart{background:linear-gradient(135deg,rgba(255,56,56,.10),rgba(220,38,38,.05)) !important;border-color:rgba(255,56,56,.25) !important}
.emWidget.emCart:hover{background:linear-gradient(135deg,rgba(255,56,56,.20),rgba(220,38,38,.10)) !important}

/* Hamb mobile premium */
.phHamb{border:1px solid var(--line-saas-hi) !important;background:rgba(255,255,255,.04) !important;border-radius:10px !important}

/* miniWx weather widget */
.miniWx{background:rgba(255,255,255,.04) !important;border:1px solid var(--line-saas-hi) !important;color:var(--txt-saas) !important}
.miniWx:hover{background:rgba(0,230,118,.08) !important;border-color:rgba(0,230,118,.25) !important}



/* qzFab mutat în stânga jos pentru Marketplace */
.qzFab{left:24px !important;right:auto !important}
@media (max-width:760px){
  #qzFab{left:14px !important;right:auto !important;bottom:14px !important}
}

/* CartFab plutitor — DOAR pe mobile */
.cartFab{display:none !important}
@media (max-width:760px){
  .cartFab{display:flex !important}
}

/* miniReseller mutat în pagina Marketplace */
.miniReseller{display:none !important}

/* Footer card-uri */
.pf{background:var(--bg-deep) !important;border-top:1px solid var(--line-saas) !important}
.pfGrid h4{color:var(--green-saas) !important;font-size:11px !important;letter-spacing:.10em !important;text-transform:uppercase}
.pfGrid a{color:rgba(232,237,245,.65) !important;font-size:13px !important}
.pfGrid a:hover{color:#fff !important}


/* eMag widgets compact + right-aligned */
.phCta{margin-left:auto !important}
.emWidgets{display:flex !important;align-items:center !important;gap:4px !important;margin-left:8px !important}
.emWidget{padding:6px 9px !important;gap:6px !important;font-size:11px !important;border-radius:9px !important}
.emWidget .emIc{font-size:17px !important}
.emWidget .emLbl{display:flex !important}
.emWidget .emLbl small{font-size:8.5px !important;opacity:.6 !important}
.emWidget .emLbl strong{font-size:11px !important;font-weight:800 !important}
.emWidget .emChev{font-size:9px !important;opacity:.5 !important;margin-left:-2px !important}
.emWidget .emBadge{top:-4px !important;right:-3px !important;min-width:16px !important;height:16px !important;font-size:9px !important;padding:0 4px !important}

/* La mobile, mai compact - doar iconițe */
@media (max-width:900px){
  .emWidget .emLbl{display:none !important}
  .emWidget{padding:7px 9px !important;gap:0 !important}
  .emWidget .emChev{display:none !important}
}

/* Brand */
.phBrand .bt strong{color:#fff !important;font-size:15px !important;letter-spacing:-.01em}
.phBrand .bt small{color:var(--green-saas) !important;font-weight:700 !important;letter-spacing:.10em !important;font-size:9px !important}