/* HappyHome Calculator Energetic 5.6.0
 * Interfața este identică versiunii funcționale 1.0.46.
 * Singura modificare CSS este izolarea selectorilor în containerul pluginului,
 * pentru a nu afecta tema WordPress și pentru a nu fi afectată de aceasta.
 */
#happysip-calculator-root{display:block;width:100%;max-width:none;clear:both;position:relative}

#happysip-calculator-root{--bg:#f4f7fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#d8e1ec;--brand:#0f766e;--accent:#f59e0b;--soft:#ecfdf5;--shadow:0 22px 60px rgba(15,23,42,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}#happysip-calculator-root, #happysip-calculator-root *{box-sizing:border-box}#happysip-calculator-root{margin:0;background:radial-gradient(circle at 0 0,rgba(15,118,110,.14),transparent 28%),radial-gradient(circle at 100% 0,rgba(245,158,11,.12),transparent 28%),var(--bg);color:var(--ink)}#happysip-calculator-root button,#happysip-calculator-root input,#happysip-calculator-root select{font:inherit}#happysip-calculator-root button{cursor:pointer}#happysip-calculator-root .wrap{max-width:1220px;margin:auto;padding:0 22px}#happysip-calculator-root .top{position:sticky;top:0;z-index:20;background:rgba(244,247,251,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}#happysip-calculator-root .nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}#happysip-calculator-root .brand{display:flex;gap:12px;align-items:center;font-weight:950;letter-spacing:-.03em}#happysip-calculator-root .mark{width:46px;height:46px;border-radius:17px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:white;box-shadow:0 12px 26px rgba(15,118,110,.25)}#happysip-calculator-root .brand small{display:block;color:var(--muted);font-weight:700;font-size:12px;letter-spacing:0;margin-top:2px}#happysip-calculator-root .tabs{display:flex;gap:8px;flex-wrap:wrap}#happysip-calculator-root .tab{border:1px solid var(--line);background:white;color:#334155;border-radius:999px;padding:11px 15px;font-weight:850}#happysip-calculator-root .tab.active{background:var(--ink);color:white;border-color:var(--ink)}#happysip-calculator-root .hero{padding:30px 0 16px}#happysip-calculator-root .heroBox{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}#happysip-calculator-root .badge{display:inline-flex;background:var(--soft);color:#065f46;border:1px solid #99f6e4;border-radius:999px;padding:10px 12px;font-weight:900;font-size:13px}#happysip-calculator-root .hero h1{font-size:clamp(36px,5.4vw,64px);line-height:.96;letter-spacing:-.075em;margin:16px 0}#happysip-calculator-root .lead{font-size:18px;line-height:1.65;color:#475569;max-width:760px}#happysip-calculator-root .flow{display:grid;gap:12px}#happysip-calculator-root .flowItem{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}#happysip-calculator-root .flowItem b{display:block}#happysip-calculator-root .num{width:42px;height:42px;border-radius:50%;background:#ecfeff;color:var(--brand);display:grid;place-items:center;font-weight:950}#happysip-calculator-root .muted{color:var(--muted);font-size:13px;line-height:1.45}#happysip-calculator-root .app{background:white;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);overflow:hidden;margin:18px 0 32px}#happysip-calculator-root .appNav{padding:16px;border-bottom:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;background:#fbfdff}#happysip-calculator-root .body{padding:24px}#happysip-calculator-root .head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}#happysip-calculator-root .head h2{margin:0;font-size:34px;letter-spacing:-.055em}#happysip-calculator-root .actions{display:flex;gap:8px;flex-wrap:wrap}#happysip-calculator-root .btn{border:1px solid var(--line);background:white;border-radius:999px;padding:11px 15px;font-weight:850;color:#334155}#happysip-calculator-root .btn.primary{background:var(--brand);color:white;border-color:var(--brand)}#happysip-calculator-root .btn.dark{background:var(--ink);color:white;border-color:var(--ink)}#happysip-calculator-root .btn.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}#happysip-calculator-root .wizard{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 22px}#happysip-calculator-root .stepBtn{border:1px solid var(--line);background:white;color:#64748b;border-radius:999px;padding:10px 13px;font-weight:850}#happysip-calculator-root .stepBtn.active{background:var(--brand);border-color:var(--brand);color:white}#happysip-calculator-root .grid{display:grid;gap:16px}#happysip-calculator-root .g2{grid-template-columns:repeat(2,1fr)}#happysip-calculator-root .g3{grid-template-columns:repeat(3,1fr)}#happysip-calculator-root .g4{grid-template-columns:repeat(4,1fr)}#happysip-calculator-root .card{background:white;border:1px solid var(--line);border-radius:22px;padding:18px}#happysip-calculator-root .kpi span{display:block;color:var(--muted);font-size:13px;font-weight:850}#happysip-calculator-root .kpi strong{font-size:32px;letter-spacing:-.05em;display:block;margin-top:6px}#happysip-calculator-root .form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}#happysip-calculator-root .field label{display:block;font-size:13px;font-weight:850;margin-bottom:7px;color:#1e293b}#happysip-calculator-root .field input,#happysip-calculator-root .field select{width:100%;border:1px solid #cbd5e1;border-radius:14px;background:white;padding:12px 13px;outline:none}#happysip-calculator-root .field input:focus,#happysip-calculator-root .field select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(15,118,110,.12)}#happysip-calculator-root .field.w2{grid-column:span 2}#happysip-calculator-root .notice{background:#ecfeff;border:1px solid #99f6e4;color:#0f766e;border-radius:18px;padding:14px 16px;line-height:1.5}#happysip-calculator-root .roomGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}#happysip-calculator-root .room,#happysip-calculator-root .opening{border:1px solid var(--line);border-radius:22px;background:#fff;padding:16px;position:relative}#happysip-calculator-root .room .remove{position:absolute;right:12px;top:12px;border:none;background:#fff1f2;color:#be123c;border-radius:999px;padding:6px 9px;font-weight:900}#happysip-calculator-root .room h4{margin:0 38px 12px 0;font-size:17px}#happysip-calculator-root .mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}#happysip-calculator-root .packGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#happysip-calculator-root .pack{border:1px solid rgba(96,198,255,.18);border-radius:26px;padding:20px;background:linear-gradient(180deg,rgba(7,18,40,.84),rgba(5,11,27,.9));position:relative;transition:.2s;box-shadow:0 18px 42px rgba(0,0,0,.22)}#happysip-calculator-root .pack.active{border-color:rgba(135,255,77,.55);box-shadow:0 0 0 2px rgba(135,255,77,.16),0 18px 42px rgba(0,0,0,.22)}#happysip-calculator-root .pack h3{margin:0 0 6px;font-size:24px;letter-spacing:-.04em;color:#fff}#happysip-calculator-root .pack .sel{position:absolute;right:16px;top:16px;background:#ecfdf5;color:#065f46;border:1px solid #99f6e4;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}#happysip-calculator-root .values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;align-items:stretch}#happysip-calculator-root .value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}#happysip-calculator-root .value b{display:block;font-size:20px}#happysip-calculator-root .value span{font-size:12px;color:var(--muted);font-weight:800}#happysip-calculator-root .layers{display:grid;gap:10px;margin-top:14px}#happysip-calculator-root .layer{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px 12px}#happysip-calculator-root .layer b{font-size:14px}#happysip-calculator-root .layer span{font-size:12px;color:#475569;font-weight:800}#happysip-calculator-root .assemblyCard{border:1px solid var(--line);background:#fff;border-radius:24px;padding:18px}#happysip-calculator-root .assemblyHead{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}#happysip-calculator-root .assemblyHead h3{margin:0;font-size:22px;letter-spacing:-.04em}#happysip-calculator-root .coef{background:#ecfdf5;color:#065f46;border:1px solid #99f6e4;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}#happysip-calculator-root .bar{height:14px;border-radius:999px;background:#e2e8f0;overflow:hidden}#happysip-calculator-root .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:inherit}#happysip-calculator-root .resultHero{display:grid;grid-template-columns:1fr 1fr;gap:16px}#happysip-calculator-root .bigResult{background:linear-gradient(135deg,#0f766e,#0b4f49);color:white;border-radius:28px;padding:26px}#happysip-calculator-root .bigResult span{opacity:.85;font-weight:800}#happysip-calculator-root .bigResult strong{display:block;font-size:48px;letter-spacing:-.07em;margin-top:8px}#happysip-calculator-root .summaryLine{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding:11px 0}#happysip-calculator-root .summaryLine:last-child{border-bottom:0}#happysip-calculator-root .adminMap{background:#0f172a;color:#e2e8f0;border-radius:24px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;overflow:auto;white-space:pre-wrap}@media (max-width:1000px){#happysip-calculator-root .heroBox,#happysip-calculator-root .resultHero,#happysip-calculator-root .packGrid,#happysip-calculator-root .g2,#happysip-calculator-root .g3,#happysip-calculator-root .g4,#happysip-calculator-root .form{grid-template-columns:1fr}#happysip-calculator-root .field.w2{grid-column:span 1}#happysip-calculator-root .layer{grid-template-columns:1fr}#happysip-calculator-root .head{display:block}#happysip-calculator-root .actions{margin-top:12px}}

/* ===== Header premium curbat, inspirat din modelul trimis ===== */
#happysip-calculator-root .premiumHero{
  position:relative;
  margin:0;
  padding:34px 20px 30px;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(79,169,255,.14), transparent 20%),
    radial-gradient(circle at 78% 12%, rgba(129,255,89,.12), transparent 18%),
    radial-gradient(circle at 50% 55%, rgba(15,82,183,.18), transparent 32%),
    linear-gradient(180deg,#071632,#030b1a);
  color:#f5fbff;
}
#happysip-calculator-root .premiumHero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(97,198,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(97,198,255,.08) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.95) 30%, rgba(0,0,0,.35));
}
#happysip-calculator-root .premiumHero::after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(106,201,255,.16);
  border-radius:28px;
  box-shadow:inset 0 0 0 1px rgba(106,201,255,.04),0 0 40px rgba(29,114,255,.08);
  pointer-events:none;
}
#happysip-calculator-root .premiumShell{position:relative;z-index:2;width:min(1400px,100%);margin:0 auto}
#happysip-calculator-root .premiumIntro{text-align:center;margin-bottom:24px}
#happysip-calculator-root .premiumKicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(138,255,77,.28);
  background:rgba(9,22,31,.55);
  color:#d6ffb0;
  font-weight:800;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 0 20px rgba(130,255,77,.12);
}
#happysip-calculator-root .premiumKicker .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:radial-gradient(circle,#eaffb2 0%,#8eff4b 55%,#28d96b 100%);
  box-shadow:0 0 14px #87ff4d;
}
#happysip-calculator-root .premiumTitle{
  margin:16px 0 10px;
  font-weight:950;
  line-height:.95;
  font-size:clamp(34px,6.4vw,76px);
  letter-spacing:-.06em;
  text-shadow:0 0 22px rgba(95,198,255,.18);
}
#happysip-calculator-root .premiumTitle .accent{color:#9dff59;text-shadow:0 0 18px rgba(135,255,77,.22)}
#happysip-calculator-root .premiumSubtitle{
  max-width:900px;
  margin:0 auto;
  font-size:clamp(15px,1.6vw,19px);
  color:#b7d4ec;
  line-height:1.6;
}
#happysip-calculator-root .curveZone{
  position:relative;
  margin:32px auto 0;
  padding:54px 24px 26px;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(7,18,40,.62),rgba(4,10,23,.74));
  border:1px solid rgba(98,197,255,.18);
  box-shadow:0 22px 60px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.02);
  overflow:hidden;
}
#happysip-calculator-root .curveZone::before{
  content:"";
  position:absolute;
  left:50%;
  top:24px;
  transform:translateX(-50%);
  width:min(980px,92%);
  height:280px;
  border-radius:0 0 500px 500px;
  border:2px solid rgba(92,196,255,.22);
  border-top:none;
  filter:drop-shadow(0 0 20px rgba(75,184,255,.18));
  opacity:.9;
  pointer-events:none;
}
#happysip-calculator-root .curveZone::after{
  content:"";
  position:absolute;
  left:50%;
  top:50px;
  transform:translateX(-50%);
  width:min(860px,80%);
  height:230px;
  border-radius:0 0 420px 420px;
  border:1px solid rgba(130,255,84,.12);
  border-top:none;
  pointer-events:none;
}
#happysip-calculator-root .curveHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  flex-wrap:wrap;
  position:relative;
  z-index:3;
}
#happysip-calculator-root .curveHeader h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.1;color:#f5fbff}
#happysip-calculator-root .curveHeader p{margin:6px 0 0;color:#b7d4ec}
#happysip-calculator-root .controls{display:flex;gap:10px}
#happysip-calculator-root .navBtn{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(97,198,255,.25);
  background:rgba(8,20,40,.8);
  color:#fff;
  font-size:24px;
  cursor:pointer;
  box-shadow:0 0 18px rgba(79,177,255,.10);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#happysip-calculator-root .navBtn:hover{transform:translateY(-2px);border-color:rgba(135,255,77,.45);box-shadow:0 0 22px rgba(135,255,77,.16)}

/* v1.0.45 - Header curat: fără săgeți slider și fără textul mic de sub scor. */
#happysip-calculator-root .controls,#happysip-calculator-root .navBtn,#happysip-calculator-root #prevBtnPremium,#happysip-calculator-root #nextBtnPremium,#happysip-calculator-root .swiper-button-prev,#happysip-calculator-root .swiper-button-next,#happysip-calculator-root .splide__arrow,#happysip-calculator-root .bde-carousel__arrow{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#happysip-calculator-root .scorePill span,#happysip-calculator-root .energyBadge small,#happysip-calculator-root [class*="score"] small,#happysip-calculator-root [class*="Score"] small{
  display:none!important;
}
#happysip-calculator-root .carouselPremium{position:relative;height:390px;margin-top:4px}
#happysip-calculator-root .slideCard{
  position:absolute;
  top:50%;
  left:50%;
  width:min(390px,86vw);
  height:230px;
  border-radius:30px;
  overflow:hidden;
  cursor:pointer;
  transform-origin:center center;
  transition:transform .55s cubic-bezier(.2,.75,.25,1),opacity .45s ease,box-shadow .45s ease,filter .45s ease,border-color .45s ease;
  background:rgba(8,17,38,.78);
  border:1px solid rgba(95,198,255,.22);
  box-shadow:0 16px 40px rgba(0,0,0,.35);
  user-select:none;
  opacity:.65;
  filter:saturate(.88);
}
#happysip-calculator-root .slideCard img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#030b1a;
}
#happysip-calculator-root .slideCard .glow{
  position:absolute;
  inset:0;
  border-radius:30px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 -80px 140px rgba(0,0,0,.25);
}
#happysip-calculator-root .slideCard::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(to top,rgba(2,7,18,.88),rgba(2,7,18,.12),transparent);
  pointer-events:none;
}
#happysip-calculator-root .slideCopy{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
#happysip-calculator-root .slideCopy h3{margin:0 0 5px;font-size:27px;line-height:1;color:#fff}
#happysip-calculator-root .slideCopy p{margin:0;color:#d8ebf9;font-size:14px;line-height:1.35}
#happysip-calculator-root .scorePill{
  min-width:74px;
  padding:12px 10px;
  border-radius:18px;
  background:rgba(5,12,28,.72);
  border:1px solid rgba(124,255,96,.35);
  text-align:center;
  font-weight:950;
  font-size:26px;
  line-height:1;
  color:#d3ff9d;
  box-shadow:0 0 18px rgba(124,255,96,.16);
}
#happysip-calculator-root .scorePill span{
  display:block;
  font-size:11px;
  font-weight:800;
  color:#c8e8ff;
  letter-spacing:.08em;
  margin-top:4px;
}
#happysip-calculator-root .slideCard.active{
  opacity:1;
  filter:none;
  z-index:5;
  box-shadow:0 28px 80px rgba(0,0,0,.46),0 0 28px rgba(94,198,255,.14);
  border-color:rgba(145,255,102,.4);
}
#happysip-calculator-root .detailsPanel{
  margin-top:10px;
  display:grid;
  grid-template-columns:minmax(280px,1.25fr) minmax(240px,.75fr);
  gap:18px;
  align-items:stretch;
}
#happysip-calculator-root .detailsCard,#happysip-calculator-root .metricsCard{
  border-radius:26px;
  background:linear-gradient(180deg,rgba(7,18,40,.78),rgba(5,11,27,.82));
  border:1px solid rgba(94,198,255,.18);
  box-shadow:0 22px 60px rgba(0,0,0,.28);
  padding:24px;
  min-height:100%;
}
#happysip-calculator-root .detailsTop{
  display:flex;
  gap:16px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}
#happysip-calculator-root .detailsTitle{margin:0;font-size:clamp(26px,3vw,40px);line-height:1;color:#fff}
#happysip-calculator-root .detailsSub{margin:8px 0 0;color:#b7d4ec;font-size:16px;line-height:1.5;max-width:760px}
#happysip-calculator-root .energyBadge{
  padding:12px 16px;
  border-radius:18px;
  background:rgba(8,18,35,.8);
  border:1px solid rgba(135,255,77,.28);
  min-width:130px;
  text-align:center;
}
#happysip-calculator-root .energyBadge strong{display:block;font-size:34px;line-height:1;color:#bfff73}
#happysip-calculator-root .energyBadge small{color:#d1e7fa;font-weight:800;letter-spacing:.05em}
#happysip-calculator-root .featuresGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
#happysip-calculator-root .featureBox{
  padding:16px;
  border-radius:20px;
  background:rgba(11,24,46,.66);
  border:1px solid rgba(95,198,255,.12);
}
#happysip-calculator-root .featureBox strong{
  display:block;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#d9f0ff;
  margin-bottom:8px;
}
#happysip-calculator-root .featureBox span{color:#9cff64;font-size:27px;font-weight:950;line-height:1;display:block;margin-bottom:6px}
#happysip-calculator-root .featureBox p{margin:0;color:#b7d4ec;font-size:14px;line-height:1.45}
#happysip-calculator-root .ctaRow{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}
#happysip-calculator-root .ctaPremium,#happysip-calculator-root .ghostPremium{
  text-decoration:none;
  font-weight:950;
  border-radius:16px;
  padding:15px 20px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
}
#happysip-calculator-root .ctaPremium{background:linear-gradient(180deg,#a9ff68,#4edd61);color:#04263b;box-shadow:0 12px 30px rgba(126,255,94,.22)}
#happysip-calculator-root .ghostPremium{color:#f2fbff;border:1px solid rgba(96,198,255,.22);background:rgba(8,20,40,.68)}
#happysip-calculator-root .ctaPremium:hover,#happysip-calculator-root .ghostPremium:hover{transform:translateY(-2px)}
#happysip-calculator-root .metricsCard h4{margin:0 0 18px;font-size:22px;color:#fff}
#happysip-calculator-root .meter{width:100%;height:18px;border-radius:999px;background:rgba(5,12,28,.78);border:1px solid rgba(95,198,255,.14);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
#happysip-calculator-root .meterFill{height:100%;width:0%;border-radius:999px;transition:width .55s ease,background .55s ease;box-shadow:0 0 18px currentColor}
#happysip-calculator-root .metricValue{margin:16px 0 6px;font-size:clamp(54px,8vw,84px);line-height:.9;font-weight:950}
#happysip-calculator-root .metricValue small{font-size:.42em;color:#eaf5ff}
#happysip-calculator-root .saving{font-size:clamp(26px,4vw,40px);font-weight:950;margin:0 0 12px}
#happysip-calculator-root .metricText{color:#b7d4ec;line-height:1.6;margin:0 0 18px}
#happysip-calculator-root .legendPremium{display:flex;justify-content:space-between;margin-top:10px;color:#c7dbeb;font-size:13px}
#happysip-calculator-root .chipLine{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
#happysip-calculator-root .chipPremium{padding:10px 14px;border-radius:999px;font-size:13px;font-weight:850;background:rgba(10,25,48,.82);border:1px solid rgba(96,198,255,.16);color:#e8f7ff}
@media (max-width:1100px){
  #happysip-calculator-root .carouselPremium{height:365px}
  #happysip-calculator-root .detailsPanel{grid-template-columns:1fr}
  #happysip-calculator-root .featuresGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  #happysip-calculator-root .premiumHero{padding:20px 12px}
  #happysip-calculator-root .curveZone{padding:24px 14px 18px;border-radius:24px}
  #happysip-calculator-root .curveZone::before{height:230px;width:96%}
  #happysip-calculator-root .curveZone::after{height:188px;width:88%;top:44px}
  #happysip-calculator-root .carouselPremium{height:330px}
  #happysip-calculator-root .slideCard{width:min(315px,88vw);height:190px;border-radius:24px}
  #happysip-calculator-root .slideCard .glow{border-radius:24px}
  #happysip-calculator-root .slideCopy h3{font-size:22px}
  #happysip-calculator-root .featuresGrid{grid-template-columns:1fr}
  #happysip-calculator-root .detailsCard,#happysip-calculator-root .metricsCard{padding:18px;border-radius:22px}
  #happysip-calculator-root .metricValue{font-size:60px}
  #happysip-calculator-root .ctaPremium,#happysip-calculator-root .ghostPremium{width:100%}
  #happysip-calculator-root .curveHeader{align-items:flex-start}
  #happysip-calculator-root .navBtn{width:42px;height:42px}
}


/* ===== Tema unificată pentru tot softul, nu doar pentru header ===== */
#happysip-calculator-root{
  --bg:#030b1a;
  --card:rgba(7,18,40,.78);
  --ink:#f5fbff;
  --muted:#b7d4ec;
  --line:rgba(98,197,255,.18);
  --brand:#87ff4d;
  --accent:#66c6ff;
  --soft:rgba(15,118,110,.18);
  --shadow:0 22px 60px rgba(0,0,0,.34);
}
#happysip-calculator-root,#happysip-calculator-root{min-height:100%}
#happysip-calculator-root{
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 20% 20%, rgba(79,169,255,.14), transparent 20%),
    radial-gradient(circle at 78% 12%, rgba(129,255,89,.12), transparent 18%),
    radial-gradient(circle at 50% 55%, rgba(15,82,183,.18), transparent 32%),
    linear-gradient(180deg,#071632,#030b1a)!important;
}
#happysip-calculator-root::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  z-index:-1;
  background-image:
    linear-gradient(rgba(97,198,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(97,198,255,.08) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.95) 30%, rgba(0,0,0,.35));
}
#happysip-calculator-root .top{
  background:rgba(3,11,26,.86)!important;
  border-bottom:1px solid rgba(98,197,255,.18)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.20);
}
#happysip-calculator-root .brand{color:#f5fbff!important}
#happysip-calculator-root .brand small{color:#b7d4ec!important}
#happysip-calculator-root .mark{
  background:linear-gradient(135deg,#66c6ff,#87ff4d)!important;
  color:#04111f!important;
  box-shadow:0 0 24px rgba(135,255,77,.18)!important;
}
#happysip-calculator-root .tab,#happysip-calculator-root .stepBtn,#happysip-calculator-root .btn{
  background:rgba(8,20,40,.72)!important;
  color:#e8f7ff!important;
  border:1px solid rgba(96,198,255,.22)!important;
  box-shadow:none!important;
}
#happysip-calculator-root .tab:hover,#happysip-calculator-root .stepBtn:hover,#happysip-calculator-root .btn:hover{
  border-color:rgba(135,255,77,.42)!important;
  transform:translateY(-1px);
}
#happysip-calculator-root .tab.active,#happysip-calculator-root .stepBtn.active,#happysip-calculator-root .btn.primary{
  background:linear-gradient(180deg,#a9ff68,#4edd61)!important;
  border-color:rgba(135,255,77,.62)!important;
  color:#04263b!important;
}
#happysip-calculator-root .btn.warn{
  background:rgba(245,158,11,.16)!important;
  border-color:rgba(245,158,11,.35)!important;
  color:#ffedbd!important;
}
#happysip-calculator-root .btn.dark{
  background:rgba(102,198,255,.16)!important;
  border-color:rgba(102,198,255,.35)!important;
  color:#dff5ff!important;
}
#happysip-calculator-root .hero{background:transparent!important}
#happysip-calculator-root .premiumHero{margin-bottom:0!important}
#happysip-calculator-root main.wrap{
  padding-top:18px!important;
  padding-bottom:42px!important;
}
#happysip-calculator-root .app{
  background:linear-gradient(180deg,rgba(7,18,40,.78),rgba(5,11,27,.86))!important;
  border:1px solid rgba(98,197,255,.18)!important;
  color:#f5fbff!important;
  box-shadow:0 22px 60px rgba(0,0,0,.34)!important;
}
#happysip-calculator-root .appNav{
  background:rgba(3,11,26,.46)!important;
  border-bottom:1px solid rgba(98,197,255,.16)!important;
}
#happysip-calculator-root .body{
  background:transparent!important;
  color:#f5fbff!important;
}
#happysip-calculator-root .head h2,#happysip-calculator-root .card h3,#happysip-calculator-root .resultHero h2{color:#f5fbff!important}
#happysip-calculator-root .muted,#happysip-calculator-root .hint,#happysip-calculator-root .lead,#happysip-calculator-root .summaryLine span{color:#b7d4ec!important}
#happysip-calculator-root .card,#happysip-calculator-root .room,#happysip-calculator-root .opening,#happysip-calculator-root .assemblyCard,#happysip-calculator-root .pack,#happysip-calculator-root .notice,#happysip-calculator-root .bigResult,#happysip-calculator-root .resultHero{
  background:linear-gradient(180deg,rgba(7,18,40,.76),rgba(5,11,27,.84))!important;
  border:1px solid rgba(98,197,255,.18)!important;
  color:#f5fbff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
#happysip-calculator-root .card.kpi strong,#happysip-calculator-root .bigResult strong,#happysip-calculator-root .summaryLine b{color:#ffffff!important}
#happysip-calculator-root .card.kpi span,#happysip-calculator-root .bigResult span{color:#b7d4ec!important}
#happysip-calculator-root .notice{
  background:rgba(8,24,42,.72)!important;
  color:#d9f0ff!important;
}
#happysip-calculator-root .field label{color:#d9f0ff!important}
#happysip-calculator-root input,#happysip-calculator-root select{
  background:rgba(3,11,26,.72)!important;
  color:#f5fbff!important;
  border:1px solid rgba(98,197,255,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
#happysip-calculator-root input[readonly]{
  background:rgba(8,20,40,.68)!important;
  color:#b7d4ec!important;
}
#happysip-calculator-root select option{
  background:#071632!important;
  color:#f5fbff!important;
}
#happysip-calculator-root .pack.active,#happysip-calculator-root .sel{
  border-color:rgba(135,255,77,.62)!important;
  box-shadow:0 0 30px rgba(135,255,77,.13)!important;
}
#happysip-calculator-root .layer,#happysip-calculator-root .coef,#happysip-calculator-root .bar{
  background:rgba(8,20,40,.72)!important;
  border:1px solid rgba(98,197,255,.16)!important;
  color:#e8f7ff!important;
}
#happysip-calculator-root .adminMap{
  background:rgba(3,11,26,.84)!important;
  border:1px solid rgba(98,197,255,.20)!important;
  color:#d9f0ff!important;
}
#happysip-calculator-root .remove{
  background:rgba(190,18,60,.18)!important;
  border-color:rgba(244,63,94,.38)!important;
  color:#fecdd3!important;
}
#happysip-calculator-root .grid,#happysip-calculator-root .form,#happysip-calculator-root .roomGrid,#happysip-calculator-root .packGrid{color:#f5fbff!important}
@media (max-width:760px){
  #happysip-calculator-root main.wrap{padding-top:12px!important}
}


/* --- Poze simple in slider, fara text/overlay pe imagini --- */
#happysip-calculator-root .slideCopy{display:none!important}
#happysip-calculator-root .slideCard::after{display:none!important}
#happysip-calculator-root .slideCard .glow{display:none!important}
#happysip-calculator-root .slideCard{background:transparent!important}
#happysip-calculator-root .slideCard img{background:#07111f!important}



/* --- Camere + Ferestre/Uși pe rânduri, nu pe carduri --- */
#happysip-calculator-root .hs-row-list{
  display:grid;
  gap:10px;
  margin-top:14px;
}
#happysip-calculator-root .hs-row-head,#happysip-calculator-root .hs-data-row{
  display:grid;
  gap:10px;
  align-items:end;
}
#happysip-calculator-root .hs-row-head{
  padding:0 14px 2px;
  color:#9fb9d5;
  font-size:12px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#happysip-calculator-root .hs-data-row{
  background:linear-gradient(180deg,rgba(7,18,40,.76),rgba(5,11,27,.84));
  border:1px solid rgba(98,197,255,.18);
  border-radius:18px;
  padding:13px 14px;
  box-shadow:0 14px 32px rgba(0,0,0,.18);
}
#happysip-calculator-root .hs-room-row{
  grid-template-columns:minmax(190px,1.25fr) minmax(135px,.75fr) minmax(120px,.65fr) minmax(260px,1.25fr) 92px;
}
#happysip-calculator-root .hs-opening-row{
  grid-template-columns:minmax(135px,.85fr) minmax(190px,1.18fr) minmax(120px,.78fr) minmax(105px,.65fr) minmax(105px,.65fr) minmax(90px,.55fr) minmax(130px,.76fr) 92px;
}
#happysip-calculator-root .hs-data-row .field label{
  font-size:12px!important;
  margin-bottom:5px!important;
  color:#d9f0ff!important;
}
#happysip-calculator-root .hs-data-row input,#happysip-calculator-root .hs-data-row select{
  min-height:44px;
  padding:9px 11px!important;
  border-radius:12px!important;
}
#happysip-calculator-root .hs-delete-row{
  width:100%;
  min-height:44px;
  align-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#happysip-calculator-root .hs-row-counter{
  color:#9cff64!important;
  font-weight:950;
}
@media (max-width:1100px){
  #happysip-calculator-root .hs-row-head{display:none!important}
  #happysip-calculator-root .hs-room-row,#happysip-calculator-root .hs-opening-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #happysip-calculator-root .hs-delete-row{grid-column:1/-1}
}
@media (max-width:640px){
  #happysip-calculator-root .hs-room-row,#happysip-calculator-root .hs-opening-row{
    grid-template-columns:1fr;
  }
}

/* --- Pachete tokenuri --- */
#happysip-calculator-root .tokenGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
#happysip-calculator-root .tokenCard{background:linear-gradient(180deg,rgba(7,18,40,.82),rgba(5,11,27,.88));border:1px solid rgba(98,197,255,.18);border-radius:24px;padding:22px;box-shadow:0 18px 42px rgba(0,0,0,.24)}
#happysip-calculator-root .tokenCard.featured{border-color:rgba(135,255,77,.42);box-shadow:0 0 30px rgba(135,255,77,.10),0 18px 42px rgba(0,0,0,.24)}
#happysip-calculator-root .tokenTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
#happysip-calculator-root .tokenBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(8,20,40,.72);border:1px solid rgba(98,197,255,.18);font-size:12px;font-weight:900;color:#dff5ff;text-transform:uppercase;letter-spacing:.05em}
#happysip-calculator-root .tokenQty{font-size:44px;line-height:1;font-weight:950;color:#fff;margin:0}
#happysip-calculator-root .tokenQty small{font-size:.38em;color:#b7d4ec;font-weight:800}
#happysip-calculator-root .tokenPrice{font-size:34px;line-height:1;font-weight:950;color:#9cff64}
#happysip-calculator-root .tokenList{margin:0;padding-left:18px;display:grid;gap:6px;color:#cfe7f7}
#happysip-calculator-root .tokenList li{line-height:1.45}
#happysip-calculator-root .tokenActions{display:grid;gap:12px;margin-top:18px}
#happysip-calculator-root .payGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}
#happysip-calculator-root .payCard{background:linear-gradient(180deg,rgba(7,18,40,.82),rgba(5,11,27,.88));border:1px solid rgba(98,197,255,.18);border-radius:24px;padding:22px;box-shadow:0 18px 42px rgba(0,0,0,.24)}
#happysip-calculator-root .payMethods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
#happysip-calculator-root .payMethod{padding:16px;border-radius:18px;background:rgba(8,20,40,.72);border:1px solid rgba(98,197,255,.16)}
#happysip-calculator-root .payMethod strong{display:block;font-size:15px;color:#fff;margin-bottom:6px}
#happysip-calculator-root .payMethod span{display:block;color:#b7d4ec;font-size:14px;line-height:1.5}
#happysip-calculator-root .tokenMini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
#happysip-calculator-root .tokenMini .mini{padding:14px;border-radius:18px;background:rgba(8,20,40,.72);border:1px solid rgba(98,197,255,.16);text-align:center}
#happysip-calculator-root .tokenMini .mini b{display:block;font-size:24px;color:#fff}
#happysip-calculator-root .tokenMini .mini span{font-size:13px;color:#b7d4ec}
@media (max-width:980px){#happysip-calculator-root .tokenGrid,#happysip-calculator-root .payMethods,#happysip-calculator-root .tokenMini,#happysip-calculator-root .payGrid{grid-template-columns:1fr}}


/* --- Slider doar pe prima pagina (dashboard) --- */
#happysip-calculator-root .dashboardHeroOnly{padding:12px 0 6px}
#happysip-calculator-root .dashboardHeroOnly .curveZone{margin-top:0}
#happysip-calculator-root .dashboardOnlyActions{display:flex;justify-content:center;margin-top:18px}
#happysip-calculator-root .dashboardOnlyActions .btn{min-width:220px}
#happysip-calculator-root .dashboardHeroOnly .curveHeader{justify-content:center;text-align:center}
#happysip-calculator-root .dashboardHeroOnly .curveHeader h2{font-size:clamp(24px,3vw,36px)}
#happysip-calculator-root .dashboardHeroOnly .curveHeader p{max-width:760px;margin:6px auto 0}


/* --- Stickere pentru Perete / Acoperiș / Placă --- */
#happysip-calculator-root .value.sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:120px;background:linear-gradient(180deg,rgba(10,24,48,.92),rgba(7,18,36,.96));border:1px solid rgba(96,198,255,.16);border-radius:18px;padding:14px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
#happysip-calculator-root .stickerIcon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.18)}
#happysip-calculator-root .stickerIcon svg{width:28px;height:28px;display:block}
#happysip-calculator-root .stickerIcon.wall{background:linear-gradient(180deg,rgba(59,130,246,.25),rgba(37,99,235,.18));border:1px solid rgba(147,197,253,.25)}
#happysip-calculator-root .stickerIcon.roof{background:linear-gradient(180deg,rgba(34,197,94,.24),rgba(22,163,74,.18));border:1px solid rgba(134,239,172,.22)}
#happysip-calculator-root .stickerIcon.floor{background:linear-gradient(180deg,rgba(250,204,21,.24),rgba(245,158,11,.18));border:1px solid rgba(253,224,71,.22)}
#happysip-calculator-root .stickerTitle{display:block;width:100%;font-size:13px;color:#cfe7f7;font-weight:900;line-height:1;text-align:center}
#happysip-calculator-root .stickerU{display:block;width:100%;font-size:20px;color:#ffffff;letter-spacing:-.03em;margin-top:0;text-align:center}

#happysip-calculator-root .pack p.muted{color:#c1d9eb!important}

/* ===== Încărcare/rezultat final ===== */
#happysip-calculator-root .energyLoading{
  display:grid;
  place-items:center;
  min-height:360px;
  border:1px solid rgba(96,198,255,.22);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 20%,rgba(96,198,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(7,18,40,.92),rgba(5,11,27,.96));
  color:#eaf7ff;
  text-align:center;
  padding:32px;
  overflow:hidden;
  position:relative;
}
#happysip-calculator-root .energyLoading:before{
  content:"";
  position:absolute;
  inset:-120px;
  background:conic-gradient(from 180deg,transparent,rgba(135,255,77,.24),transparent,rgba(96,198,255,.24),transparent);
  animation:energySpinBg 4.8s linear infinite;
  opacity:.55;
}
#happysip-calculator-root .energyLoadingInner{position:relative;z-index:1;max-width:560px}
#happysip-calculator-root .energySpinner{
  width:86px;
  height:86px;
  margin:0 auto 22px;
  border-radius:50%;
  border:8px solid rgba(255,255,255,.12);
  border-top-color:#87ff4d;
  border-right-color:#60c6ff;
  animation:energySpin 1s linear infinite;
  box-shadow:0 0 40px rgba(96,198,255,.2);
}
#happysip-calculator-root .energyLoading h3{margin:0;font-size:25px;letter-spacing:-.04em}
#happysip-calculator-root .energyLoading p{margin:10px 0 0;color:#cfe7f7;line-height:1.55}
#happysip-calculator-root .energyDots{display:flex;gap:8px;justify-content:center;margin-top:20px}
#happysip-calculator-root .energyDots i{width:9px;height:9px;border-radius:50%;background:#87ff4d;display:block;animation:energyPulse 1.2s ease-in-out infinite}
#happysip-calculator-root .energyDots i:nth-child(2){animation-delay:.18s}
#happysip-calculator-root .energyDots i:nth-child(3){animation-delay:.36s}
#happysip-calculator-root .energyFinalOnly{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:18px;
  align-items:stretch;
}
#happysip-calculator-root .energyMainResult{
  border:1px solid rgba(135,255,77,.32);
  background:
    radial-gradient(circle at 20% 10%,rgba(135,255,77,.18),transparent 36%),
    linear-gradient(135deg,#10251e,#071228);
  border-radius:30px;
  padding:28px;
  color:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.26);
}
#happysip-calculator-root .energyMainResult span{color:#cfe7f7;font-weight:850}
#happysip-calculator-root .energyMainResult strong{display:block;font-size:58px;letter-spacing:-.08em;margin:10px 0 2px}
#happysip-calculator-root .energyMainResult small{font-size:17px;color:#eaf7ff;font-weight:850}
#happysip-calculator-root .energyMetrics{
  border:1px solid rgba(96,198,255,.2);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(7,18,40,.88),rgba(5,11,27,.94));
  padding:22px;
  color:#eaf7ff;
}
#happysip-calculator-root .energyMetrics h3{margin:0 0 14px;font-size:23px;letter-spacing:-.04em}
#happysip-calculator-root .energyOnlyLine{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(207,231,247,.3);padding:14px 0;color:#cfe7f7}
#happysip-calculator-root .energyOnlyLine:last-child{border-bottom:0}
#happysip-calculator-root .energyOnlyLine b{color:#fff;text-align:right}
@keyframes energySpin{to{transform:rotate(360deg)}}
@keyframes energySpinBg{to{transform:rotate(360deg)}}
@keyframes energyPulse{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1.18);opacity:1}}
@media (max-width:1000px){#happysip-calculator-root .energyFinalOnly{grid-template-columns:1fr}#happysip-calculator-root .energyMainResult strong{font-size:46px}}


#happysip-calculator-root .strictEnergyOnly{margin-top:18px}
#happysip-calculator-root .strictEnergyOnly + .notice{display:none!important}


/* ===== Buton/rezultat final ===== */
#happysip-calculator-root .energyButtonOnly{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:180px;
}
#happysip-calculator-root .energyOnlyButton{
  font-size:18px!important;
  padding:18px 34px!important;
  border-radius:999px!important;
  box-shadow:0 18px 44px rgba(135,255,77,.18);
}
#happysip-calculator-root .energyLoading{
  display:grid;
  place-items:center;
  min-height:330px;
  border:1px solid rgba(96,198,255,.22);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 20%,rgba(96,198,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(7,18,40,.92),rgba(5,11,27,.96));
  color:#eaf7ff;
  text-align:center;
  padding:32px;
  overflow:hidden;
  position:relative;
}
#happysip-calculator-root .energyLoading:before{
  content:"";
  position:absolute;
  inset:-120px;
  background:conic-gradient(from 180deg,transparent,rgba(135,255,77,.24),transparent,rgba(96,198,255,.24),transparent);
  animation:energySpinBg 4.8s linear infinite;
  opacity:.55;
}
#happysip-calculator-root .energyLoadingInner{position:relative;z-index:1;max-width:560px}
#happysip-calculator-root .energySpinner{
  width:86px;
  height:86px;
  margin:0 auto 22px;
  border-radius:50%;
  border:8px solid rgba(255,255,255,.12);
  border-top-color:#87ff4d;
  border-right-color:#60c6ff;
  animation:energySpin 1s linear infinite;
  box-shadow:0 0 40px rgba(96,198,255,.2);
}
#happysip-calculator-root .energyLoading h3{margin:0;font-size:25px;letter-spacing:-.04em}
#happysip-calculator-root .energyLoading p{margin:10px 0 0;color:#cfe7f7;line-height:1.55}
#happysip-calculator-root .energyDots{display:flex;gap:8px;justify-content:center;margin-top:20px}
#happysip-calculator-root .energyDots i{width:9px;height:9px;border-radius:50%;background:#87ff4d;display:block;animation:energyPulse 1.2s ease-in-out infinite}
#happysip-calculator-root .energyDots i:nth-child(2){animation-delay:.18s}
#happysip-calculator-root .energyDots i:nth-child(3){animation-delay:.36s}
#happysip-calculator-root .energyFinalOnly{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:18px;
  align-items:stretch;
  margin-top:18px;
}
#happysip-calculator-root .energyMainResult{
  border:1px solid rgba(135,255,77,.32);
  background:
    radial-gradient(circle at 20% 10%,rgba(135,255,77,.18),transparent 36%),
    linear-gradient(135deg,#10251e,#071228);
  border-radius:30px;
  padding:28px;
  color:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.26);
}
#happysip-calculator-root .energyMainResult span{color:#cfe7f7;font-weight:850}
#happysip-calculator-root .energyMainResult strong{display:block;font-size:58px;letter-spacing:-.08em;margin:10px 0 2px}
#happysip-calculator-root .energyMainResult small{font-size:17px;color:#eaf7ff;font-weight:850}
#happysip-calculator-root .energyMetrics{
  border:1px solid rgba(96,198,255,.2);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(7,18,40,.88),rgba(5,11,27,.94));
  padding:22px;
  color:#eaf7ff;
}
#happysip-calculator-root .energyMetrics h3{margin:0 0 14px;font-size:23px;letter-spacing:-.04em}
#happysip-calculator-root .energyOnlyLine{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(207,231,247,.3);padding:14px 0;color:#cfe7f7}
#happysip-calculator-root .energyOnlyLine:last-child{border-bottom:0}
#happysip-calculator-root .energyOnlyLine b{color:#fff;text-align:right}
@keyframes energySpin{to{transform:rotate(360deg)}}
@keyframes energySpinBg{to{transform:rotate(360deg)}}
@keyframes energyPulse{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1.18);opacity:1}}
@media (max-width:1000px){#happysip-calculator-root .energyFinalOnly{grid-template-columns:1fr}#happysip-calculator-root .energyMainResult strong{font-size:46px}}


#happysip-calculator-root #energyLoadingTitle,#happysip-calculator-root #energyLoadingText{transition:opacity .25s ease}



/* ===== Integrare WordPress: înălțime și fundal transparent ===== */
#happysip-calculator-root,#happysip-calculator-root{
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
}
#happysip-calculator-root{
  overflow-x:hidden!important;
}
#happysip-calculator-root::before{
  display:none!important;
}


/* === WordPress calculator-only fix: fără header intern, fără spațiu gol până la footer === */
#happysip-calculator-root,#happysip-calculator-root{
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
  overflow-x:hidden!important;
}
#happysip-calculator-root{
  margin:0!important;
  padding:0!important;
}
#happysip-calculator-root .top,#happysip-calculator-root .hero,#happysip-calculator-root .dashboardHeroOnly{
  display:none!important;
}
#happysip-calculator-root .hsCalculatorOnly{
  max-width:1220px!important;
  padding:0!important;
  margin:0 auto!important;
}
#happysip-calculator-root .app{
  margin:0 auto 18px!important;
  border-radius:24px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
#happysip-calculator-root .appNav{
  padding:14px 16px!important;
}
#happysip-calculator-root .body{
  padding:20px!important;
}
@media (max-width:760px){
  #happysip-calculator-root .app{border-radius:18px!important;}
  #happysip-calculator-root .body{padding:14px!important;}
  #happysip-calculator-root .appNav{padding:12px!important;}
}


/* Structuri - afisare completa straturi */
#happysip-calculator-root .structureSelectedTitle{margin:22px 0 12px;font-size:26px;letter-spacing:-.04em;color:#f8fafc}
#happysip-calculator-root .structureSelectedText{margin:0 0 16px;color:#c1d9eb;line-height:1.55}
#happysip-calculator-root .assemblyCard{overflow:hidden}
#happysip-calculator-root .assemblyMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 14px}
#happysip-calculator-root .assemblyMeta span{display:block;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:9px 10px;color:#334155;font-size:12px;font-weight:850}
#happysip-calculator-root .layer{grid-template-columns:32px 1fr auto!important;background:#f8fafc!important;color:#0f172a!important}
#happysip-calculator-root .layerNo{width:24px;height:24px;border-radius:999px;background:#0f766e;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:950}
#happysip-calculator-root .layerName{font-size:14px;font-weight:900;color:#0f172a}
#happysip-calculator-root .layerThickness{font-size:13px;color:#475569;font-weight:900;white-space:nowrap}
@media (max-width:760px){#happysip-calculator-root .assemblyMeta{grid-template-columns:1fr}#happysip-calculator-root .layer{grid-template-columns:28px 1fr!important}#happysip-calculator-root .layerThickness{grid-column:2}}


/* === HappySip visual integration with header - v1.0.45 === */
#happysip-calculator-root,#happysip-calculator-root{
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
  overflow:hidden!important;
}
#happysip-calculator-root{
  margin:0!important;
  padding:0!important;
}
#happysip-calculator-root .hsCalculatorOnly{
  width:100%!important;
  max-width:1425px!important;
  padding:0!important;
  margin:0 auto!important;
}
#happysip-calculator-root .app{
  width:100%!important;
  margin:0!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(29,43,62,.98),rgba(18,30,48,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 26px 70px rgba(15,23,42,.18)!important;
}
#happysip-calculator-root .appNav{
  padding:20px 18px!important;
  justify-content:center!important;
  background:rgba(7,18,40,.46)!important;
  border-bottom:1px solid rgba(98,197,255,.14)!important;
}
#happysip-calculator-root .appNav .tab{
  white-space:nowrap!important;
}
#happysip-calculator-root .body{
  padding:26px 22px!important;
}
#happysip-calculator-root .head h2{
  font-size:32px!important;
}
@media (max-width:760px){
  #happysip-calculator-root .app{border-radius:18px!important;}
  #happysip-calculator-root .appNav{
    padding:12px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
  }
  #happysip-calculator-root .body{padding:16px!important;}
  #happysip-calculator-root .head h2{font-size:26px!important;}
}


/* === Final visual fix with HappySip header - v1.0.45 === */
#happysip-calculator-root,#happysip-calculator-root{
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
  overflow:hidden!important;
}
#happysip-calculator-root{
  margin:0!important;
  padding:0!important;
}
#happysip-calculator-root .hsCalculatorOnly{
  width:100%!important;
  max-width:1425px!important;
  padding:0!important;
  margin:0 auto!important;
}
#happysip-calculator-root .app{
  width:100%!important;
  margin:0!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(29,43,62,.98),rgba(18,30,48,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 56px rgba(15,23,42,.16)!important;
  overflow:hidden!important;
}
#happysip-calculator-root .appNav{
  padding:18px 18px!important;
  justify-content:center!important;
  background:rgba(7,18,40,.46)!important;
  border-bottom:1px solid rgba(98,197,255,.14)!important;
}
#happysip-calculator-root .appNav .tab{
  white-space:nowrap!important;
}
#happysip-calculator-root .body{
  padding:24px 22px!important;
}
#happysip-calculator-root .head h2{
  font-size:32px!important;
}
@media (max-width:760px){
  #happysip-calculator-root .app{border-radius:18px!important;}
  #happysip-calculator-root .appNav{
    padding:12px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
  }
  #happysip-calculator-root .body{padding:16px!important;}
  #happysip-calculator-root .head h2{font-size:26px!important;}
}



/* v1.0.45 */
/* ===== Rezultate vizuale dinamice: clasa energetica, distributie consum, pondere categorii ===== */
#happysip-calculator-root .energyDashboard{
  display:grid;
  grid-template-columns:1fr 1.2fr .78fr;
  gap:18px;
  margin-top:18px;
  align-items:stretch;
}
#happysip-calculator-root .energyPanel{
  border:1px solid rgba(96,198,255,.22);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(15,29,51,.94),rgba(7,18,40,.98));
  color:#eaf7ff;
  padding:24px;
  box-shadow:0 22px 70px rgba(0,0,0,.24);
  min-width:0;
}
#happysip-calculator-root .energyPanel small.kicker{
  display:block;
  text-transform:uppercase;
  letter-spacing:.28em;
  color:#86a8c8;
  font-weight:900;
  font-size:11px;
  margin-bottom:9px;
}
#happysip-calculator-root .energyPanel h3{
  margin:0;
  font-size:25px;
  line-height:1.15;
  letter-spacing:-.045em;
  color:#fff;
}
#happysip-calculator-root .energyClassPanel{position:relative;overflow:hidden;min-height:390px}
#happysip-calculator-root .energyClassHint{margin:6px 0 0;color:#86a8c8;font-size:12px;font-weight:700}
#happysip-calculator-root .energyClassBadge{
  position:absolute;
  right:26px;
  top:24px;
  font-size:74px;
  line-height:.85;
  font-weight:950;
  color:var(--active-class-color,#f6bd0b);
  letter-spacing:-.08em;
}
#happysip-calculator-root .energyIntensity{
  position:absolute;
  right:26px;
  top:105px;
  color:#b9d6ef;
  font-size:13px;
  font-weight:800;
}
#happysip-calculator-root .energyScale{margin-top:46px;display:grid;gap:6px;max-width:360px;position:relative;z-index:2}
#happysip-calculator-root .energyArrow{
  --c:#174f36;
  height:38px;
  width:calc(58% + var(--w,0) * 1%);
  min-width:198px;
  max-width:100%;
  background:var(--c);
  color:rgba(234,247,255,.55);
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  font-weight:950;
  letter-spacing:.02em;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);
  opacity:.72;
}
#happysip-calculator-root .energyArrow.active{
  background:var(--active-class-color,#f6bd0b);
  color:#fff;
  opacity:1;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}
#happysip-calculator-root .energyArrow.active::after{
  content:none!important;
}
#happysip-calculator-root .energyClassName{
  display:none;
  font-size:11px;
  letter-spacing:.16em;
  margin-left:2px;
  text-transform:uppercase;
  white-space:nowrap;
}
#happysip-calculator-root .energyArrow.active .energyClassName{display:inline-block}
#happysip-calculator-root .energyArrow[data-class="A"]{--c:#155d43;--w:2}#happysip-calculator-root .energyArrow[data-class="B"]{--c:#176047;--w:8}#happysip-calculator-root .energyArrow[data-class="C"]{--c:#365f25;--w:14}#happysip-calculator-root .energyArrow[data-class="D"]{--c:#f6bd0b;--w:20}#happysip-calculator-root .energyArrow[data-class="E"]{--c:#654a1d;--w:26}#happysip-calculator-root .energyArrow[data-class="F"]{--c:#653621;--w:32}#happysip-calculator-root .energyArrow[data-class="G"]{--c:#6b2d3b;--w:38}

/* v1.0.45 - clasament A-G ca în designul inițial, cu denumire pe fiecare clasă */
#happysip-calculator-root .energyScale.hsClassScaleInline{
  display:grid!important;
  gap:6px!important;
  margin-top:44px!important;
  max-width:420px!important;
  position:relative!important;
  z-index:20!important;
  visibility:visible!important;
  opacity:1!important;
}
#happysip-calculator-root .energyScale.hsClassScaleInline .energyArrow{
  height:38px!important;
  min-width:245px!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 16px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%)!important;
  color:rgba(234,247,255,.62)!important;
  opacity:.70!important;
  visibility:visible!important;
}
#happysip-calculator-root .energyScale.hsClassScaleInline .energyArrow.active{
  color:#fff!important;
  opacity:1!important;
  transform:translateX(4px)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.20)!important;
}
#happysip-calculator-root .energyScale.hsClassScaleInline .energyClassName{
  display:inline-block!important;
  font-size:11px!important;
  letter-spacing:.13em!important;
  margin-left:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#happysip-calculator-root .energyScale.hsClassScaleInline .energyClassLetter{
  width:20px!important;
  font-size:16px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
@media (max-width:760px){
  #happysip-calculator-root .energyScale.hsClassScaleInline{max-width:none!important;margin-top:28px!important}
  #happysip-calculator-root .energyScale.hsClassScaleInline .energyArrow{min-width:210px!important}
  #happysip-calculator-root .energyScale.hsClassScaleInline .energyClassName{font-size:10px!important;letter-spacing:.08em!important}
}

#happysip-calculator-root .consumPanelHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
#happysip-calculator-root .consumTotal{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#86a8c8;font-size:13px;font-weight:850;white-space:nowrap}
#happysip-calculator-root .consumBars{height:260px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;border-left:1px solid rgba(134,168,200,.2);border-bottom:1px solid rgba(134,168,200,.2);padding:18px 12px 0;position:relative}
#happysip-calculator-root .consumBars:before{content:"";position:absolute;left:12px;right:12px;top:20px;bottom:0;background:repeating-linear-gradient(to bottom,rgba(134,168,200,.12) 0 1px,transparent 1px 61px);pointer-events:none}
#happysip-calculator-root .consumBarItem{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;min-width:0}
#happysip-calculator-root .consumBar{width:min(62px,100%);height:calc(var(--bar,0) * 1%);min-height:10px;border-radius:8px 8px 0 0;background:var(--bar-color,#20bed3);box-shadow:0 10px 26px rgba(32,190,211,.18)}
#happysip-calculator-root .consumBarValue{font-size:11px;color:#a9c5df;font-weight:850;opacity:0;transition:.15s;white-space:nowrap}#happysip-calculator-root .consumBarItem:hover .consumBarValue{opacity:1}
#happysip-calculator-root .consumLabel{font-size:12px;color:#9fb8d0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#happysip-calculator-root .sharePanel h3{max-width:150px}#happysip-calculator-root .donutWrap{display:grid;place-items:center;margin:30px 0 20px}#happysip-calculator-root .donut{width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--s1) 0 var(--p1),#60dff0 var(--p1) var(--p2),#9deef7 var(--p2) var(--p3),#d6f8fd var(--p3) 100%);position:relative;box-shadow:0 0 0 10px rgba(96,198,255,.04)}
#happysip-calculator-root .donut:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#071228;box-shadow:inset 0 0 0 1px rgba(96,198,255,.1)}
#happysip-calculator-root .shareList{display:grid;gap:12px}#happysip-calculator-root .shareLine{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;color:#dff6ff;font-size:14px}#happysip-calculator-root .shareIcon{width:18px;height:18px;color:#22d3ee}#happysip-calculator-root .shareLine b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#22d3ee;font-size:13px}
@media (max-width:1100px){#happysip-calculator-root .energyDashboard{grid-template-columns:1fr}#happysip-calculator-root .energyScale{max-width:none}#happysip-calculator-root .energyClassBadge,#happysip-calculator-root .energyIntensity{position:static;margin-top:12px}#happysip-calculator-root .energyClassBadge{font-size:56px}#happysip-calculator-root .energyIntensity{display:block}#happysip-calculator-root .consumBars{height:240px}#happysip-calculator-root .sharePanel h3{max-width:none}}
@media (max-width:640px){#happysip-calculator-root .energyPanel{padding:18px}#happysip-calculator-root .energyDashboard{gap:14px}#happysip-calculator-root .consumBars{gap:10px}#happysip-calculator-root .consumLabel{font-size:11px}#happysip-calculator-root .energyArrow{min-width:140px}}



/* v1.0.45 final override - fără săgeți și fără textul „puncte”. */
#happysip-calculator-root .controls,#happysip-calculator-root .navBtn,#happysip-calculator-root #prevBtnPremium,#happysip-calculator-root #nextBtnPremium,#happysip-calculator-root .swiper-button-prev,#happysip-calculator-root .swiper-button-next,#happysip-calculator-root .splide__arrow,#happysip-calculator-root .bde-carousel__arrow,#happysip-calculator-root .ee-carousel__arrow,#happysip-calculator-root .ee-slider__arrow,#happysip-calculator-root .breakdance-swiper-button,#happysip-calculator-root [class*="arrow"],#happysip-calculator-root [class*="Arrow"],#happysip-calculator-root button[aria-label*="Previous"],#happysip-calculator-root button[aria-label*="Next"],#happysip-calculator-root button[aria-label*="previous"],#happysip-calculator-root button[aria-label*="prev"],#happysip-calculator-root button[aria-label*="next"],#happysip-calculator-root button[aria-label*="slide"],#happysip-calculator-root a[aria-label*="Previous"],#happysip-calculator-root a[aria-label*="Next"],#happysip-calculator-root [role="button"][aria-label*="Previous"],#happysip-calculator-root [role="button"][aria-label*="Next"]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#happysip-calculator-root .scorePill span,#happysip-calculator-root .energyBadge small,#happysip-calculator-root [class*="score"] small,#happysip-calculator-root [class*="Score"] small{
  display:none!important;
}


/* --- Hover preview structuri nZEB --- */
#happysip-calculator-root .value.sticker.nzebPreview{position:relative;cursor:pointer;z-index:5}
#happysip-calculator-root .value.sticker.nzebPreview:hover{z-index:50}
#happysip-calculator-root .stickerHint{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(147,197,253,.12);border:1px solid rgba(147,197,253,.22);color:#b9d9f2;font-size:11px;font-weight:900;line-height:1;text-align:center}
#happysip-calculator-root .structurePreview{position:absolute;left:0;top:calc(100% + 10px);width:430px;max-width:46vw;background:rgba(8,17,32,.98);border:1px solid rgba(135,255,77,.35);border-radius:16px;padding:8px;box-shadow:0 18px 46px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px) scale(.98);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:9999}
#happysip-calculator-root .structurePreview.roof{left:50%;transform:translate(-50%,6px) scale(.98)}
#happysip-calculator-root .structurePreview.floor{left:auto;right:0}
#happysip-calculator-root .structurePreview img{display:block;width:100%;height:auto;max-height:250px;object-fit:contain;border-radius:12px;background:#fff}
#happysip-calculator-root .structurePreview strong{display:block;color:#fff;font-size:14px;line-height:1.25;margin:0 0 8px}
#happysip-calculator-root .value.sticker.nzebPreview:hover .structurePreview,#happysip-calculator-root .value.sticker.nzebPreview:focus-within .structurePreview{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
#happysip-calculator-root .value.sticker.nzebPreview:hover .structurePreview.roof,#happysip-calculator-root .value.sticker.nzebPreview:focus-within .structurePreview.roof{transform:translate(-50%,0) scale(1)}
@media (max-width:1000px){
  #happysip-calculator-root .structurePreview{left:0!important;right:auto!important;top:calc(100% + 8px);width:340px;max-width:84vw}
  #happysip-calculator-root .structurePreview.roof{transform:translateY(6px) scale(.98)}
  #happysip-calculator-root .value.sticker.nzebPreview:hover .structurePreview.roof,#happysip-calculator-root .value.sticker.nzebPreview:focus-within .structurePreview.roof{transform:translateY(0) scale(1)}
  #happysip-calculator-root .structurePreview img{max-height:220px}
}

/* v5.1.2 — animație de calcul HappyHome. */
#happysip-calculator-root .energyLoading{
  min-height:460px;
  padding:38px 24px 34px;
  isolation:isolate;
  border:1px solid rgba(133,198,64,.28);
  background:
    radial-gradient(circle at 50% 8%,rgba(96,198,255,.18),transparent 32%),
    radial-gradient(circle at 22% 82%,rgba(140,198,64,.13),transparent 30%),
    radial-gradient(circle at 82% 72%,rgba(23,88,156,.16),transparent 28%),
    linear-gradient(145deg,#07142b 0%,#0a1d39 52%,#06101f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 24px 70px rgba(4,12,27,.25);
}
#happysip-calculator-root .energyLoading::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.36;
  animation:none;
  background-image:
    linear-gradient(rgba(106,201,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(106,201,255,.08) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:radial-gradient(circle at center,#000 0%,rgba(0,0,0,.68) 48%,transparent 88%);
  mask-image:radial-gradient(circle at center,#000 0%,rgba(0,0,0,.68) 48%,transparent 88%);
  pointer-events:none;
}
#happysip-calculator-root .energyLoading::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-35% -25%;
  background:linear-gradient(105deg,transparent 40%,rgba(145,222,255,.08) 48%,rgba(140,198,64,.08) 52%,transparent 60%);
  transform:translateX(-55%);
  animation:energyBrandSweep 5.6s ease-in-out infinite;
  pointer-events:none;
}
#happysip-calculator-root .energyAmbient{
  position:absolute;
  z-index:0;
  width:260px;
  height:260px;
  border-radius:50%;
  filter:blur(64px);
  opacity:.18;
  pointer-events:none;
  animation:energyAmbientDrift 6s ease-in-out infinite alternate;
}
#happysip-calculator-root .energyAmbientOne{left:-70px;bottom:-100px;background:#8cc640}
#happysip-calculator-root .energyAmbientTwo{right:-60px;top:-110px;background:#60c6ff;animation-delay:-3s}
#happysip-calculator-root .energyLoadingInner{
  position:relative;
  z-index:2;
  width:min(680px,100%);
  max-width:680px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
#happysip-calculator-root .energyBrandStage{
  position:relative;
  width:350px;
  max-width:100%;
  height:176px;
  margin:0 auto 10px;
  display:grid;
  place-items:center;
}
#happysip-calculator-root .energyOrbit{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border-radius:50%;
  pointer-events:none;
}
#happysip-calculator-root .energyOrbitOuter{
  width:338px;
  height:152px;
  border:1px dashed rgba(111,207,255,.44);
  box-shadow:0 0 34px rgba(96,198,255,.09),inset 0 0 26px rgba(96,198,255,.04);
  animation:energyOrbitClockwise 7.5s linear infinite;
}
#happysip-calculator-root .energyOrbitInner{
  width:286px;
  height:118px;
  border:1px solid rgba(140,198,64,.28);
  animation:energyOrbitCounter 5.8s linear infinite;
}
#happysip-calculator-root .energyOrbit i,
#happysip-calculator-root .energyOrbit b{
  position:absolute;
  display:block;
  width:10px;
  height:10px;
  border-radius:50%;
  pointer-events:none;
}
#happysip-calculator-root .energyOrbitOuter i{
  left:50%;
  top:-5px;
  background:#8cc640;
  box-shadow:0 0 0 5px rgba(140,198,64,.11),0 0 22px #8cc640;
}
#happysip-calculator-root .energyOrbitOuter b{
  right:8%;
  bottom:16px;
  width:7px;
  height:7px;
  background:#60c6ff;
  box-shadow:0 0 16px #60c6ff;
}
#happysip-calculator-root .energyOrbitInner i{
  left:8%;
  top:19px;
  width:7px;
  height:7px;
  background:#d8ffae;
  box-shadow:0 0 17px rgba(216,255,174,.9);
}
#happysip-calculator-root .energyPulseRing{
  position:absolute;
  left:50%;
  top:50%;
  width:246px;
  height:92px;
  border:1px solid rgba(140,198,64,.24);
  border-radius:28px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  animation:energyLogoPulseRing 2.8s ease-out infinite;
}
#happysip-calculator-root .energyPulseRingTwo{animation-delay:1.4s}
#happysip-calculator-root .energyLogoCard{
  position:relative;
  z-index:4;
  width:236px;
  height:82px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,248,251,.93));
  box-shadow:
    0 0 0 7px rgba(255,255,255,.035),
    0 20px 55px rgba(0,0,0,.36),
    0 0 44px rgba(140,198,64,.13);
  animation:energyLogoFloat 2.8s ease-in-out infinite;
}
#happysip-calculator-root .energyLogoCard::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.82) 48%,transparent 68%);
  transform:translateX(-135%);
  animation:energyLogoShine 4.4s ease-in-out infinite;
  pointer-events:none;
}
#happysip-calculator-root .energyHappyLogo{
  position:relative;
  z-index:1;
  display:block;
  width:194px;
  max-width:82%;
  height:auto;
  object-fit:contain;
}
#happysip-calculator-root .energyHappyFallback{
  position:relative;
  z-index:1;
  color:#3e3e3d;
  font-size:23px;
  font-weight:900;
  letter-spacing:-.04em;
}
#happysip-calculator-root .energySpark{
  position:absolute;
  z-index:3;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d9f9ff;
  box-shadow:0 0 12px #60c6ff;
  animation:energySparkBlink 2.4s ease-in-out infinite;
}
#happysip-calculator-root .energySparkOne{left:20px;top:62px}
#happysip-calculator-root .energySparkTwo{right:28px;top:28px;animation-delay:.8s}
#happysip-calculator-root .energySparkThree{right:51px;bottom:31px;background:#c9ff92;box-shadow:0 0 12px #8cc640;animation-delay:1.6s}
#happysip-calculator-root .energyLoadingEyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 11px;
  padding:7px 12px;
  border:1px solid rgba(140,198,64,.27);
  border-radius:999px;
  background:rgba(7,18,40,.48);
  color:#ccecab;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#happysip-calculator-root .energyLoadingEyebrow i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#8cc640;
  box-shadow:0 0 12px rgba(140,198,64,.9);
  animation:energyStatusBlink 1.7s ease-in-out infinite;
}
#happysip-calculator-root .energyLoadingCopy{
  min-height:76px;
  opacity:1;
  transform:translateY(0);
  transition:opacity .18s ease,transform .18s ease;
}
#happysip-calculator-root .energyLoadingCopy.is-changing{opacity:0;transform:translateY(5px)}
#happysip-calculator-root .energyLoading h3{
  margin:0;
  color:#f5fbff;
  font-size:clamp(23px,3vw,30px);
  line-height:1.18;
  letter-spacing:-.045em;
}
#happysip-calculator-root .energyLoading p{
  max-width:590px;
  margin:9px auto 0;
  color:#bed5e8;
  font-size:15px;
  line-height:1.55;
}
#happysip-calculator-root .energyProgressTrack{
  position:relative;
  width:min(390px,88%);
  height:5px;
  margin:19px auto 15px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(202,226,242,.12);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28);
}
#happysip-calculator-root .energyProgressTrack span{
  position:absolute;
  left:-42%;
  top:0;
  width:42%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,#60c6ff 28%,#8cc640 72%,transparent);
  box-shadow:0 0 15px rgba(140,198,64,.55);
  animation:energyProgressTravel 2.15s cubic-bezier(.45,0,.55,1) infinite;
}
#happysip-calculator-root .energyLoadingSteps{
  width:min(430px,100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:11px;
  color:#7794ae;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}
#happysip-calculator-root .energyLoadingSteps span{display:inline-flex;align-items:center;gap:6px;animation:energyStepActive 4.8s ease-in-out infinite}
#happysip-calculator-root .energyLoadingSteps span:nth-child(2){animation-delay:1.2s}
#happysip-calculator-root .energyLoadingSteps span:nth-child(3){animation-delay:2.4s}
#happysip-calculator-root .energyLoadingSteps span:nth-child(4){animation-delay:3.6s}
#happysip-calculator-root .energyLoadingSteps i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}

@keyframes energyOrbitClockwise{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes energyOrbitCounter{
  from{transform:translate(-50%,-50%) rotate(360deg)}
  to{transform:translate(-50%,-50%) rotate(0deg)}
}
@keyframes energyLogoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-5px) scale(1.012)}
}
@keyframes energyLogoPulseRing{
  0%{opacity:.55;transform:translate(-50%,-50%) scale(.96)}
  78%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}
}
@keyframes energyLogoShine{
  0%,56%{transform:translateX(-135%)}
  78%,100%{transform:translateX(135%)}
}
@keyframes energySparkBlink{
  0%,100%{opacity:.25;transform:scale(.7)}
  50%{opacity:1;transform:scale(1.35)}
}
@keyframes energyStatusBlink{
  0%,100%{opacity:.55;transform:scale(.82)}
  50%{opacity:1;transform:scale(1.12)}
}
@keyframes energyProgressTravel{
  0%{left:-42%}
  100%{left:100%}
}
@keyframes energyStepActive{
  0%,20%,100%{color:#7794ae;opacity:.62}
  7%,13%{color:#baf783;opacity:1}
}
@keyframes energyBrandSweep{
  0%,20%{transform:translateX(-55%)}
  78%,100%{transform:translateX(55%)}
}
@keyframes energyAmbientDrift{
  from{transform:translate3d(-8px,4px,0) scale(.92)}
  to{transform:translate3d(16px,-10px,0) scale(1.08)}
}

@media (max-width:640px){
  #happysip-calculator-root .energyLoading{min-height:430px;padding:30px 15px 27px;border-radius:22px}
  #happysip-calculator-root .energyBrandStage{width:300px;height:154px;margin-bottom:8px}
  #happysip-calculator-root .energyOrbitOuter{width:292px;height:132px}
  #happysip-calculator-root .energyOrbitInner{width:246px;height:102px}
  #happysip-calculator-root .energyLogoCard{width:204px;height:72px;border-radius:20px}
  #happysip-calculator-root .energyHappyLogo{width:169px}
  #happysip-calculator-root .energyPulseRing{width:214px;height:82px}
  #happysip-calculator-root .energyLoadingCopy{min-height:92px}
  #happysip-calculator-root .energyLoading h3{font-size:22px}
  #happysip-calculator-root .energyLoading p{font-size:13px}
  #happysip-calculator-root .energyLoadingEyebrow{font-size:9px;letter-spacing:.09em}
  #happysip-calculator-root .energyLoadingSteps{gap:7px;font-size:9px}
  #happysip-calculator-root .energyLoadingSteps span{gap:4px}
  #happysip-calculator-root .energySparkOne{left:15px}
  #happysip-calculator-root .energySparkTwo{right:18px}
}

@media (prefers-reduced-motion:reduce){
  #happysip-calculator-root .energyLoading::after,
  #happysip-calculator-root .energyAmbient,
  #happysip-calculator-root .energyOrbit,
  #happysip-calculator-root .energyPulseRing,
  #happysip-calculator-root .energyLogoCard,
  #happysip-calculator-root .energyLogoCard::after,
  #happysip-calculator-root .energySpark,
  #happysip-calculator-root .energyLoadingEyebrow i,
  #happysip-calculator-root .energyProgressTrack span,
  #happysip-calculator-root .energyLoadingSteps span{animation:none!important}
  #happysip-calculator-root .energyOrbit{transform:translate(-50%,-50%)}
  #happysip-calculator-root .energyProgressTrack span{left:18%;width:64%}
  #happysip-calculator-root .energyLoadingSteps span{color:#b5d1e5;opacity:1}
}

/* v5.2.1 - ecran de calcul conform Mini Brand Manual HappyHome. */
#happysip-calculator-root .energyLoading{
  min-height:470px;
  padding:48px clamp(24px,5vw,68px);
  isolation:isolate;
  border:1px solid rgba(62,62,61,.12);
  border-radius:28px;
  background:linear-gradient(135deg,#424241 0%,#3e3e3d 52%,#363635 100%);
  color:#fff;
  box-shadow:0 24px 64px rgba(62,62,61,.2);
}
#happysip-calculator-root .energyLoading::before{
  content:"";
  position:absolute;
  z-index:0;
  right:-248px;
  bottom:-365px;
  width:620px;
  height:620px;
  inset:auto -248px -365px auto;
  border:1px solid rgba(140,198,64,.34);
  border-radius:50%;
  background:transparent;
  box-shadow:
    0 0 0 54px rgba(140,198,64,.035),
    0 0 0 112px rgba(255,255,255,.025),
    0 0 0 168px rgba(140,198,64,.025);
  opacity:1;
  animation:hhBrandBackgroundRings 8s ease-in-out infinite;
  -webkit-mask-image:none;
  mask-image:none;
  pointer-events:none;
}
#happysip-calculator-root .energyLoading::after{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  bottom:auto;
  left:-42%;
  width:42%;
  height:3px;
  inset:0 auto auto -42%;
  background:linear-gradient(90deg,transparent 0%,#8cc640 48%,transparent 100%);
  transform:none;
  animation:hhBrandTopLine 3.4s cubic-bezier(.45,0,.55,1) infinite;
  pointer-events:none;
}
#happysip-calculator-root .energyLoadingInner{
  position:relative;
  z-index:2;
  width:min(920px,100%);
  max-width:920px;
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(340px,1fr);
  align-items:center;
  gap:clamp(34px,6vw,76px);
  margin:0 auto;
  text-align:left;
}
#happysip-calculator-root .energyBrandStage{
  position:relative;
  width:340px;
  max-width:100%;
  height:236px;
  margin:0;
  display:grid;
  place-items:center;
}
#happysip-calculator-root .energyOrbit{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border-radius:50%;
  background:transparent;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
#happysip-calculator-root .energyOrbitOuter{
  width:332px;
  height:158px;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none;
  animation:hhBrandOrbit 8.5s linear infinite;
}
#happysip-calculator-root .energyOrbitInner{
  width:292px;
  height:126px;
  border:1px solid rgba(140,198,64,.42);
  box-shadow:none;
  animation:hhBrandOrbitReverse 6.8s linear infinite;
}
#happysip-calculator-root .energyOrbit i,
#happysip-calculator-root .energyOrbit b{
  position:absolute;
  display:block;
  border-radius:50%;
  pointer-events:none;
}
#happysip-calculator-root .energyOrbitOuter i{
  left:50%;
  top:-6px;
  width:12px;
  height:12px;
  background:#8cc640;
  box-shadow:0 0 0 5px rgba(140,198,64,.14);
}
#happysip-calculator-root .energyOrbitOuter b{
  right:9%;
  bottom:20px;
  width:7px;
  height:7px;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.08);
}
#happysip-calculator-root .energyOrbitInner i{
  left:8%;
  top:22px;
  width:8px;
  height:8px;
  background:#8cc640;
  box-shadow:0 0 0 4px rgba(140,198,64,.1);
}
#happysip-calculator-root .energyPulseRing{
  position:absolute;
  left:50%;
  top:50%;
  width:264px;
  height:100px;
  border:1px solid rgba(140,198,64,.23);
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  animation:hhBrandPulseRing 3.2s ease-out infinite;
}
#happysip-calculator-root .energyPulseRingTwo{animation-delay:1.6s}
#happysip-calculator-root .energyLogoCard{
  position:relative;
  z-index:4;
  width:260px;
  height:92px;
  display:grid;
  place-items:center;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  animation:hhBrandLogoFloat 3.2s ease-in-out infinite;
}
#happysip-calculator-root .energyLogoCard::after{display:none}
#happysip-calculator-root .energyHappyLogo{
  position:relative;
  z-index:1;
  display:block;
  width:248px;
  max-width:95%;
  height:auto;
  object-fit:contain;
  filter:none;
}
#happysip-calculator-root .energyHappyFallback{
  position:relative;
  z-index:1;
  color:#fff;
  font-size:28px;
  font-weight:700;
  letter-spacing:-.035em;
}
#happysip-calculator-root .energySpark{
  position:absolute;
  z-index:3;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  box-shadow:none;
  animation:hhBrandSpark 2.6s ease-in-out infinite;
}
#happysip-calculator-root .energySparkOne{left:16px;top:76px;background:#8cc640}
#happysip-calculator-root .energySparkTwo{right:22px;top:38px;animation-delay:.85s}
#happysip-calculator-root .energySparkThree{right:48px;bottom:42px;background:#8cc640;box-shadow:none;animation-delay:1.7s}
#happysip-calculator-root .energyLoadingContent{
  position:relative;
  z-index:2;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#happysip-calculator-root .energyLoadingEyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin:0 0 18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#8cc640;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}
#happysip-calculator-root .energyLoadingEyebrow i{
  width:24px;
  height:2px;
  border-radius:999px;
  background:#8cc640;
  box-shadow:none;
  animation:hhBrandStatusLine 1.8s ease-in-out infinite;
}
#happysip-calculator-root .energyLoadingCopy{
  width:100%;
  min-height:112px;
  opacity:1;
  transform:translateY(0);
  transition:opacity .18s ease,transform .18s ease;
}
#happysip-calculator-root .energyLoadingCopy.is-changing{opacity:0;transform:translateY(5px)}
#happysip-calculator-root .energyLoading h3{
  max-width:560px;
  margin:0;
  color:#fff;
  font-size:clamp(28px,3.2vw,40px);
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.045em;
}
#happysip-calculator-root .energyLoading p{
  max-width:520px;
  margin:12px 0 0;
  color:#ededed;
  font-size:14px;
  line-height:1.6;
  font-weight:400;
}
#happysip-calculator-root .energyProgressTrack{
  position:relative;
  width:100%;
  height:4px;
  margin:22px 0 17px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  box-shadow:none;
}
#happysip-calculator-root .energyProgressTrack span{
  position:absolute;
  left:-40%;
  top:0;
  width:40%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,#8cc640 42%,#fff 72%,transparent);
  box-shadow:none;
  animation:hhBrandProgress 2.3s cubic-bezier(.45,0,.55,1) infinite;
}
#happysip-calculator-root .energyLoadingSteps{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:rgba(255,255,255,.52);
  font-size:10px;
  font-weight:600;
  letter-spacing:.025em;
}
#happysip-calculator-root .energyLoadingSteps span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  animation:hhBrandStepActive 4.8s ease-in-out infinite;
}
#happysip-calculator-root .energyLoadingSteps span:nth-child(2){animation-delay:1.2s}
#happysip-calculator-root .energyLoadingSteps span:nth-child(3){animation-delay:2.4s}
#happysip-calculator-root .energyLoadingSteps span:nth-child(4){animation-delay:3.6s}
#happysip-calculator-root .energyLoadingSteps i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  box-shadow:none;
}

@keyframes hhBrandOrbit{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes hhBrandOrbitReverse{
  from{transform:translate(-50%,-50%) rotate(360deg)}
  to{transform:translate(-50%,-50%) rotate(0deg)}
}
@keyframes hhBrandLogoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes hhBrandPulseRing{
  0%{opacity:.5;transform:translate(-50%,-50%) scale(.95)}
  76%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}
}
@keyframes hhBrandSpark{
  0%,100%{opacity:.3;transform:scale(.75)}
  50%{opacity:1;transform:scale(1.25)}
}
@keyframes hhBrandStatusLine{
  0%,100%{opacity:.55;transform:scaleX(.72);transform-origin:left center}
  50%{opacity:1;transform:scaleX(1);transform-origin:left center}
}
@keyframes hhBrandProgress{
  0%{left:-40%}
  100%{left:100%}
}
@keyframes hhBrandStepActive{
  0%,20%,100%{color:rgba(255,255,255,.52);opacity:.72}
  7%,13%{color:#8cc640;opacity:1}
}
@keyframes hhBrandTopLine{
  0%{left:-42%}
  100%{left:100%}
}
@keyframes hhBrandBackgroundRings{
  0%,100%{transform:scale(.98);opacity:.82}
  50%{transform:scale(1.035);opacity:1}
}

@media (max-width:820px){
  #happysip-calculator-root .energyLoading{min-height:520px;padding:34px 22px 32px}
  #happysip-calculator-root .energyLoadingInner{grid-template-columns:1fr;gap:12px;text-align:center}
  #happysip-calculator-root .energyBrandStage{width:320px;height:186px;margin:0 auto}
  #happysip-calculator-root .energyOrbitOuter{width:312px;height:144px}
  #happysip-calculator-root .energyOrbitInner{width:274px;height:112px}
  #happysip-calculator-root .energyLogoCard{width:244px;height:84px}
  #happysip-calculator-root .energyHappyLogo{width:232px}
  #happysip-calculator-root .energyPulseRing{width:246px;height:92px}
  #happysip-calculator-root .energyLoadingContent{align-items:center;width:min(560px,100%);margin:0 auto}
  #happysip-calculator-root .energyLoadingEyebrow{justify-content:center;margin-bottom:13px}
  #happysip-calculator-root .energyLoadingCopy{min-height:92px}
  #happysip-calculator-root .energyLoading h3{font-size:clamp(25px,6vw,34px);text-align:center}
  #happysip-calculator-root .energyLoading p{margin:9px auto 0;text-align:center}
}

@media (max-width:480px){
  #happysip-calculator-root .energyLoading{min-height:480px;padding:26px 15px 25px;border-radius:20px}
  #happysip-calculator-root .energyBrandStage{width:286px;height:164px}
  #happysip-calculator-root .energyOrbitOuter{width:278px;height:128px}
  #happysip-calculator-root .energyOrbitInner{width:240px;height:100px}
  #happysip-calculator-root .energyLogoCard{width:214px;height:76px}
  #happysip-calculator-root .energyHappyLogo{width:204px}
  #happysip-calculator-root .energyPulseRing{width:220px;height:82px}
  #happysip-calculator-root .energyLoadingCopy{min-height:108px}
  #happysip-calculator-root .energyLoading h3{font-size:24px}
  #happysip-calculator-root .energyLoading p{font-size:12px;line-height:1.55}
  #happysip-calculator-root .energyLoadingSteps{gap:6px;font-size:8px}
  #happysip-calculator-root .energyLoadingSteps span{gap:4px}
  #happysip-calculator-root .energyLoadingSteps i{width:5px;height:5px}
  #happysip-calculator-root .energySparkOne{left:10px}
  #happysip-calculator-root .energySparkTwo{right:12px}
}

@media (prefers-reduced-motion:reduce){
  #happysip-calculator-root .energyLoading::before,
  #happysip-calculator-root .energyLoading::after,
  #happysip-calculator-root .energyOrbit,
  #happysip-calculator-root .energyPulseRing,
  #happysip-calculator-root .energyLogoCard,
  #happysip-calculator-root .energySpark,
  #happysip-calculator-root .energyLoadingEyebrow i,
  #happysip-calculator-root .energyProgressTrack span,
  #happysip-calculator-root .energyLoadingSteps span{animation:none!important}
  #happysip-calculator-root .energyOrbit{transform:translate(-50%,-50%)}
  #happysip-calculator-root .energyProgressTrack span{left:18%;width:64%}
  #happysip-calculator-root .energyLoadingSteps span{color:#ededed;opacity:1}
}

/* v5.2.2 - analiză tehnică a anvelopei, fără logo central sau elemente rotative. */
#happysip-calculator-root .energyLoadingInner{
  grid-template-columns:minmax(340px,400px) minmax(340px,1fr);
  width:min(980px,100%);
  max-width:980px;
  gap:clamp(34px,5vw,70px);
}
#happysip-calculator-root .energyAnalysisStage{
  position:relative;
  width:400px;
  max-width:100%;
  height:300px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 45px rgba(20,20,20,.12);
}
#happysip-calculator-root .energyAnalysisStage::before,
#happysip-calculator-root .energyAnalysisStage::after{
  content:"";
  position:absolute;
  z-index:5;
  width:18px;
  height:18px;
  pointer-events:none;
}
#happysip-calculator-root .energyAnalysisStage::before{
  left:12px;
  top:12px;
  border-left:2px solid rgba(140,198,64,.72);
  border-top:2px solid rgba(140,198,64,.72);
}
#happysip-calculator-root .energyAnalysisStage::after{
  right:12px;
  bottom:12px;
  border-right:2px solid rgba(140,198,64,.72);
  border-bottom:2px solid rgba(140,198,64,.72);
}
#happysip-calculator-root .energyBlueprintGrid{
  position:absolute;
  z-index:0;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(circle at 52% 55%,#000 16%,rgba(0,0,0,.86) 52%,transparent 92%);
  mask-image:radial-gradient(circle at 52% 55%,#000 16%,rgba(0,0,0,.86) 52%,transparent 92%);
}
#happysip-calculator-root .energyAnalysisBrand{
  position:absolute;
  z-index:6;
  left:22px;
  top:20px;
  display:flex;
  width:128px;
  min-height:30px;
  align-items:center;
  opacity:.92;
}
#happysip-calculator-root .energyAnalysisBrand .energyHappyLogo{
  display:block;
  width:124px;
  max-width:100%;
  height:auto;
  filter:none;
  animation:none!important;
  transform:none!important;
}
#happysip-calculator-root .energyAnalysisBrand .energyHappyFallback{
  color:#fff;
  font-size:16px;
  font-weight:700;
}
#happysip-calculator-root .energyAnalysisStatus{
  position:absolute;
  z-index:6;
  right:21px;
  top:19px;
  display:flex;
  align-items:center;
  gap:6px;
  color:rgba(255,255,255,.58);
  font-size:7px;
  line-height:1;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#happysip-calculator-root .energyAnalysisStatus i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#8cc640;
  box-shadow:0 0 0 4px rgba(140,198,64,.12);
  animation:hhAnalysisLive 1.7s ease-in-out infinite;
}
#happysip-calculator-root .energyAnalysisStatus b{
  margin-left:2px;
  border:1px solid rgba(140,198,64,.32);
  border-radius:4px;
  background:rgba(140,198,64,.09);
  padding:3px 5px;
  color:#b9e77e;
  font-size:6px;
}
#happysip-calculator-root .energyHouseDiagram{
  position:absolute;
  z-index:2;
  left:50%;
  top:30px;
  display:block;
  width:calc(100% - 18px);
  height:250px;
  overflow:visible;
  transform:translateX(-50%);
}
#happysip-calculator-root .energyHouseSoftFill{fill:rgba(255,255,255,.018)}
#happysip-calculator-root .energyScanSweep{
  transform:translateX(60px);
  transform-origin:center;
  animation:hhEnvelopeScan 4.6s cubic-bezier(.46,.03,.52,.96) infinite;
}
#happysip-calculator-root .energyScanSweep line{
  stroke:#d9ffad;
  stroke-width:2;
  stroke-linecap:round;
  filter:drop-shadow(0 0 5px rgba(140,198,64,.95));
}
#happysip-calculator-root .energyHouseLine{
  fill:none;
  stroke:rgba(255,255,255,.76);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  vector-effect:non-scaling-stroke;
  animation:hhHouseDraw 6.4s cubic-bezier(.65,0,.35,1) infinite;
}
#happysip-calculator-root .energyHouseRoof{stroke:#fff;stroke-width:2.35;animation-delay:0s}
#happysip-calculator-root .energyHouseWalls{animation-delay:.16s}
#happysip-calculator-root .energyHouseFloor{stroke:#8cc640;animation-delay:.3s}
#happysip-calculator-root .energyHouseInnerRoof{stroke:rgba(140,198,64,.72);animation-delay:.45s}
#happysip-calculator-root .energyHouseWindowLeft{animation-delay:.65s}
#happysip-calculator-root .energyHouseWindowRight{animation-delay:.78s}
#happysip-calculator-root .energyHouseDoor{animation-delay:.9s}
#happysip-calculator-root .energyHeatFlow path{
  fill:none;
  stroke:rgba(140,198,64,.62);
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-dasharray:4 7;
  vector-effect:non-scaling-stroke;
  animation:hhHeatFlow 2.5s linear infinite;
}
#happysip-calculator-root .energyHeatFlow path:nth-child(2){animation-delay:.4s}
#happysip-calculator-root .energyHeatFlow path:nth-child(3){animation-delay:.8s}
#happysip-calculator-root .energyHeatFlow path:nth-child(4){animation-delay:1.2s}
#happysip-calculator-root .energyHeatFlow path:nth-child(5){animation-delay:1.6s}
#happysip-calculator-root .energyAnalysisNodes circle{
  fill:#3e3e3d;
  stroke:#8cc640;
  stroke-width:2;
  transform-box:fill-box;
  transform-origin:center;
  animation:hhAnalysisNode 4.8s ease-in-out infinite;
}
#happysip-calculator-root .energyAnalysisNodes circle:nth-child(2){animation-delay:.6s}
#happysip-calculator-root .energyAnalysisNodes circle:nth-child(3){animation-delay:1.2s}
#happysip-calculator-root .energyAnalysisNodes circle:nth-child(4){animation-delay:1.8s}
#happysip-calculator-root .energyAnalysisNodes circle:nth-child(5){animation-delay:2.4s}
#happysip-calculator-root .energyAnalysisNodes circle:nth-child(6){animation-delay:3s}
#happysip-calculator-root .energyMeasureLine{
  fill:none;
  stroke:rgba(255,255,255,.2);
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
#happysip-calculator-root .energyMeasureText{
  fill:rgba(255,255,255,.42);
  font-family:Poppins,sans-serif;
  font-size:7px;
  font-weight:600;
  letter-spacing:1.5px;
}
#happysip-calculator-root .energyEnvelopeChecks{
  position:absolute;
  z-index:6;
  left:22px;
  right:22px;
  bottom:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:rgba(255,255,255,.42);
  font-size:7px;
  font-weight:600;
  letter-spacing:.035em;
}
#happysip-calculator-root .energyEnvelopeChecks span{display:inline-flex;align-items:center;gap:5px;animation:hhEnvelopeCheck 4.8s ease-in-out infinite}
#happysip-calculator-root .energyEnvelopeChecks span:nth-child(2){animation-delay:1.2s}
#happysip-calculator-root .energyEnvelopeChecks span:nth-child(3){animation-delay:2.4s}
#happysip-calculator-root .energyEnvelopeChecks span:nth-child(4){animation-delay:3.6s}
#happysip-calculator-root .energyEnvelopeChecks i{width:5px;height:5px;border:1px solid currentColor;border-radius:50%;background:transparent}

@keyframes hhEnvelopeScan{
  0%,8%{opacity:0;transform:translateX(55px)}
  15%{opacity:1}
  76%{opacity:1;transform:translateX(365px)}
  86%,100%{opacity:0;transform:translateX(365px)}
}
@keyframes hhHouseDraw{
  0%,4%{opacity:0;stroke-dashoffset:1}
  22%,84%{opacity:1;stroke-dashoffset:0}
  94%,100%{opacity:0;stroke-dashoffset:0}
}
@keyframes hhHeatFlow{
  0%{opacity:.12;stroke-dashoffset:22}
  45%{opacity:.82}
  100%{opacity:.12;stroke-dashoffset:-22}
}
@keyframes hhAnalysisNode{
  0%,16%,100%{fill:#3e3e3d;stroke:rgba(140,198,64,.42);transform:scale(.78)}
  7%,11%{fill:#b8e979;stroke:#d9ffad;transform:scale(1.22)}
}
@keyframes hhAnalysisLive{
  0%,100%{opacity:.45;box-shadow:0 0 0 3px rgba(140,198,64,.08)}
  50%{opacity:1;box-shadow:0 0 0 6px rgba(140,198,64,.02)}
}
@keyframes hhEnvelopeCheck{
  0%,20%,100%{color:rgba(255,255,255,.42)}
  7%,13%{color:#b9e77e}
}

@media (max-width:820px){
  #happysip-calculator-root .energyLoadingInner{grid-template-columns:1fr;gap:18px}
  #happysip-calculator-root .energyAnalysisStage{width:min(400px,100%);height:286px;margin:0 auto}
  #happysip-calculator-root .energyHouseDiagram{height:238px}
}
@media (max-width:480px){
  #happysip-calculator-root .energyAnalysisStage{height:238px;border-radius:16px}
  #happysip-calculator-root .energyAnalysisBrand{left:17px;top:16px;width:122px}
  #happysip-calculator-root .energyAnalysisBrand .energyHappyLogo{width:120px}
  #happysip-calculator-root .energyAnalysisStatus{right:16px;top:15px}
  #happysip-calculator-root .energyAnalysisStatus span{display:none}
  #happysip-calculator-root .energyHouseDiagram{top:18px;height:205px}
  #happysip-calculator-root .energyEnvelopeChecks{left:17px;right:17px;bottom:11px;font-size:6px}
  #happysip-calculator-root .energyEnvelopeChecks span{gap:3px}
  #happysip-calculator-root .energyMeasureText{font-size:6px}
}
@media (prefers-reduced-motion:reduce){
  #happysip-calculator-root .energyScanSweep,
  #happysip-calculator-root .energyHouseLine,
  #happysip-calculator-root .energyHeatFlow path,
  #happysip-calculator-root .energyAnalysisNodes circle,
  #happysip-calculator-root .energyAnalysisStatus i,
  #happysip-calculator-root .energyEnvelopeChecks span{animation:none!important}
  #happysip-calculator-root .energyScanSweep{opacity:.5;transform:translateX(210px)}
  #happysip-calculator-root .energyHouseLine{opacity:1;stroke-dashoffset:0}
  #happysip-calculator-root .energyHeatFlow path{opacity:.5}
  #happysip-calculator-root .energyAnalysisNodes circle{fill:#8cc640;transform:none}
  #happysip-calculator-root .energyEnvelopeChecks span{color:#b9e77e}
}

/* v6.0 · intrări energetice avansate și rezultate fără estimări locale */
#happysip-calculator-root .hsStepIntro{max-width:820px;margin:7px 0 0;color:var(--muted,#64748b);font-size:13px;line-height:1.55}
#happysip-calculator-root .hsSystemSection{display:grid;gap:20px;margin:0 0 18px;border:1px solid var(--line,#d8e1ec);border-radius:22px;background:#fff;padding:22px}
#happysip-calculator-root .hsSectionHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line,#d8e1ec);padding-bottom:16px}
#happysip-calculator-root .hsSectionHeading span{display:block;margin-bottom:5px;color:#6e8f42;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
#happysip-calculator-root .hsSectionHeading h3{margin:0;color:#30332f;font-size:23px;letter-spacing:-.035em}
#happysip-calculator-root .hsSectionHeading p{max-width:440px;margin:0;color:#777b75;font-size:12px;line-height:1.55}
#happysip-calculator-root .hsCheckField{display:flex;min-height:48px;align-items:center;gap:10px;align-self:end;border:1px solid #d8ddd3;border-radius:14px;background:#f7f8f5;padding:10px 12px;color:#363934;font-size:12px;font-weight:750}
#happysip-calculator-root .hsCheckField input{width:18px;height:18px;accent-color:#789f45}
#happysip-calculator-root .hsAdvancedBlock{margin:0 5px 8px;border:1px dashed #cfd6ca;border-radius:14px;background:#f7f8f5;padding:0 14px}
#happysip-calculator-root .hsAdvancedBlock summary{cursor:pointer;padding:12px 2px;color:#526047;font-size:12px;font-weight:850}
#happysip-calculator-root .hsAdvancedBlock[open] summary{border-bottom:1px solid #dfe4da}
#happysip-calculator-root .hsCompactForm{grid-template-columns:repeat(5,minmax(120px,1fr));padding:14px 0}
#happysip-calculator-root .hs-room-row{grid-template-columns:minmax(180px,1.15fr) minmax(110px,.7fr) minmax(105px,.6fr) minmax(210px,1.15fr) minmax(105px,.62fr) minmax(105px,.62fr) 86px}

#happysip-calculator-root .consumBars{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(66px,1fr);overflow-x:auto;overflow-y:hidden}
#happysip-calculator-root .hsHeatBalancePanel,#happysip-calculator-root .hsWindowBalancePanel{min-height:350px}
#happysip-calculator-root .hsEnergyBars{display:grid;gap:13px;margin-top:28px}
#happysip-calculator-root .hsEnergyBarRow{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(110px,1.4fr) 66px;gap:10px;align-items:center;font-size:12px}
#happysip-calculator-root .hsEnergyBarRow>i{display:block;width:var(--energy-bar);height:13px;border-radius:999px;background:#aa7653;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
#happysip-calculator-root .hsEnergyBarRow>i.gain{background:#87ad54}
#happysip-calculator-root .hsEnergyBarRow>b{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
#happysip-calculator-root .hsEnergyFootnote{margin:20px 0 0;color:#858581;font-size:10px;line-height:1.5}
#happysip-calculator-root .hsWindowBalance{display:grid;gap:14px;margin-top:27px}
#happysip-calculator-root .hsWindowBalanceRow{display:grid;grid-template-columns:70px minmax(110px,1fr) 90px;gap:9px 12px;align-items:center}
#happysip-calculator-root .hsWindowBalanceRow>div{height:13px;border-radius:999px;background:#eceee9;overflow:hidden}
#happysip-calculator-root .hsWindowBalanceRow i{display:block;width:var(--window-bar);height:100%;border-radius:inherit;background:#86aa55}
#happysip-calculator-root .hsWindowBalanceRow i.loss{margin-left:auto;background:#a97255}
#happysip-calculator-root .hsWindowBalanceRow>b{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
#happysip-calculator-root .hsWindowBalanceRow>small{grid-column:2/4;color:#858581;font-size:9px}
#happysip-calculator-root .hsEnergyDetailPanel{grid-column:1/-1}
#happysip-calculator-root .hsEnergyDetailGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-top:22px}
#happysip-calculator-root .hsEnergyDetailGrid>div{border:1px solid #deded9;border-radius:14px;background:#f7f7f4;padding:14px}
#happysip-calculator-root .hsEnergyDetailGrid span{display:block;color:#7a7c77;font-size:10px;font-weight:750}
#happysip-calculator-root .hsEnergyDetailGrid b{display:block;margin-top:7px;color:#363834;font-size:16px}

@media(max-width:1100px){
  #happysip-calculator-root .hsCompactForm{grid-template-columns:repeat(2,minmax(0,1fr))}
  #happysip-calculator-root .hsEnergyDetailPanel{grid-column:auto}
  #happysip-calculator-root .hsEnergyDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  #happysip-calculator-root .hsSystemSection{padding:16px}
  #happysip-calculator-root .hsSectionHeading{display:block}
  #happysip-calculator-root .hsSectionHeading p{margin-top:10px}
  #happysip-calculator-root .hsCompactForm,#happysip-calculator-root .hsEnergyDetailGrid{grid-template-columns:1fr}
  #happysip-calculator-root .hsEnergyBarRow{grid-template-columns:100px 1fr 60px}
}

/* Explicații contextuale pentru câmpurile completate de client. */
#happysip-calculator-root label:has(.hsFieldInfo){position:relative}
#happysip-calculator-root .hsFieldInfo{
  position:relative;display:inline-grid;place-items:center;width:18px;height:18px;margin-left:7px;padding:0;
  border:1px solid #9abd75;border-radius:50%;background:#f2f8e9;color:#557b2a;font:700 11px/1 Poppins,Arial,sans-serif;
  vertical-align:middle;cursor:help;box-shadow:none;z-index:12
}
#happysip-calculator-root .hsFieldInfo:hover,
#happysip-calculator-root .hsFieldInfo:focus-visible,
#happysip-calculator-root .hsFieldInfo.is-open{background:#8cc640;border-color:#78ad34;color:#243416;outline:none}
#happysip-calculator-root .hsFieldInfo::after{
  content:attr(data-info);position:absolute;left:50%;bottom:calc(100% + 10px);width:min(310px,calc(100vw - 46px));padding:11px 13px;
  border:1px solid #dce7d0;border-radius:11px;background:#30362d;color:#fff;font:500 12px/1.45 Poppins,Arial,sans-serif;
  text-align:left;white-space:normal;letter-spacing:0;box-shadow:0 12px 34px rgba(25,38,22,.22);opacity:0;visibility:hidden;
  pointer-events:none;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:1000
}
#happysip-calculator-root .hsFieldInfo::before{
  content:'';position:absolute;left:50%;bottom:calc(100% + 5px);width:9px;height:9px;background:#30362d;
  opacity:0;visibility:hidden;transform:translateX(-50%) rotate(45deg);z-index:1001
}
#happysip-calculator-root .hsFieldInfo:hover::after,
#happysip-calculator-root .hsFieldInfo:focus-visible::after,
#happysip-calculator-root .hsFieldInfo.is-open::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
#happysip-calculator-root .hsFieldInfo:hover::before,
#happysip-calculator-root .hsFieldInfo:focus-visible::before,
#happysip-calculator-root .hsFieldInfo.is-open::before{opacity:1;visibility:visible;transform:translateX(-50%) rotate(45deg)}
#happysip-calculator-root .hsCheckField .hsFieldInfo{margin-left:auto;flex:0 0 18px}
@media(max-width:720px){
  #happysip-calculator-root .hsFieldInfo::after{left:auto;right:-12px;transform:translateY(5px)}
  #happysip-calculator-root .hsFieldInfo:hover::after,
  #happysip-calculator-root .hsFieldInfo:focus-visible::after,
  #happysip-calculator-root .hsFieldInfo.is-open::after{transform:translateY(0)}
}
