*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,Helvetica,sans-serif;color:#111;background:#fff;line-height:1.6}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eee}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:150px;height:62px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px}.nav a{color:#111;text-decoration:none;font-size:14px;font-weight:600}.nav-cta,.btn-primary{background:#c8102e!important;color:#fff!important;border-radius:8px;padding:12px 20px;box-shadow:0 8px 20px rgba(200,16,46,.18)}.menu-toggle{display:none;border:0;background:none;font-size:28px}.hero{position:relative;overflow:hidden;min-height:610px;display:flex;align-items:center;background:linear-gradient(100deg,#fff 0%,#fff 58%,#f4f4f4 100%)}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 85% 45%,rgba(200,16,46,.08),transparent 30%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;padding:70px 0}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#777;font-weight:700;margin-bottom:12px}.eyebrow span{display:inline-block;width:42px;height:2px;background:#c8102e;vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(46px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin-bottom:22px}.hero h1 strong{color:#c8102e}.lead{font-size:18px;color:#555;max-width:610px}.hero-actions{display:flex;gap:14px;margin:32px 0}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;text-decoration:none;font-weight:700;border-radius:8px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-outline{border:1px solid #aaa;color:#111}.trust-row{display:flex;gap:34px}.trust-row div{display:flex;gap:9px;align-items:center}.trust-row b{color:#c8102e;font-size:22px}.trust-row span{font-size:13px;font-weight:700;line-height:1.25}.trust-row small{font-weight:500;color:#777}.hero-visual{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center}.hero-photo{width:88%;height:470px;overflow:hidden;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.20);transform:rotate(1deg)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.floating-card{position:absolute;bottom:28px;left:4%;background:#fff;padding:18px 24px;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.15);display:flex;flex-direction:column}.floating-card b{font-size:14px}.floating-card span{color:#c8102e;font-weight:800}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-heading h2,.about h2,.cta h2{font-size:44px;line-height:1.1;letter-spacing:-1.5px}.section-heading p{max-width:430px;color:#777}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid #e7e7e7;border-radius:14px;padding:0;background:#fff;min-height:360px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.04);transition:.2s}.service-photo{height:145px;overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .5s ease}.service-card:hover .service-photo img{transform:scale(1.05);filter:saturate(1.03)}.service-card:hover .service-photo img{transform:scale(1.05)}.service-body{padding:20px 22px 24px}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.08);border-color:#ddd}.service-icon{width:42px;height:42px;border-radius:10px;background:#fff0f2;color:#c8102e;display:grid;place-items:center;font-size:21px;margin-bottom:18px}.service-card h3{font-size:20px;margin-bottom:9px}.service-card p{font-size:14px;color:#666;margin-bottom:18px}.service-card a,.text-link{color:#c8102e;text-decoration:none;font-weight:800;font-size:14px}.why{background:#f7f7f7}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.why-grid span{font-size:38px;color:#c8102e}.why-grid h3{font-size:18px;margin:8px 0}.why-grid p{color:#777;font-size:14px}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ref-box{height:230px;border-radius:14px;background-size:cover;background-position:center;position:relative;overflow:hidden}.ref-box:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.7))}.ref-box span{position:absolute;z-index:1;bottom:20px;left:20px;color:#fff;font-size:18px;font-weight:800}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-art{min-height:360px;border-radius:22px;background:linear-gradient(135deg,#111,#303030);display:grid;place-items:center;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.15)}.about-logo{text-align:center}.about-logo:first-letter{color:#c8102e}.about-logo strong{display:block;font-size:34px;letter-spacing:4px}.about-logo small{color:#bbb}.about p{color:#666;margin:18px 0}.cta{background:#161616;color:#fff;padding:70px 0}.cta .eyebrow{color:#aaa}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.cta h2{font-size:48px}.cta p{color:#bbb;max-width:600px;margin-top:12px}.contact-box{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.contact-box a:not(.btn){color:#fff;text-decoration:none;display:flex;flex-direction:column}.contact-box span{font-size:12px;color:#999;text-transform:uppercase}.contact-box b{font-size:16px}.footer{background:#0b0b0b;color:#ddd;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1.2fr;gap:40px}.footer-brand{font-size:24px;font-weight:900;letter-spacing:2px}.footer p{color:#888;margin-top:8px}.photo-credit{margin-left:8px;color:#666}.footer h4{color:#fff;margin-bottom:13px}.footer a,.footer span{display:block;color:#999;text-decoration:none;font-size:14px;margin:6px 0}.footer a:hover{color:#fff}.copyright{border-top:1px solid #292929;margin-top:35px;padding-top:18px;color:#666;font-size:12px}.nav a:hover,.text-link:hover{color:#c8102e}@media(max-width:950px){.nav{gap:16px}.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.reference-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd}.nav.open{display:flex}.nav a{padding:8px 0}.menu-toggle{display:block}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:55px 0}.hero h1{font-size:48px;letter-spacing:-2px}.lead{font-size:16px}.hero-visual{display:none}.trust-row{gap:15px;flex-wrap:wrap}.section{padding:65px 0}.section-heading{display:block}.section-heading h2,.about h2{font-size:36px}.section-heading p{margin-top:15px}.service-grid,.why-grid,.reference-grid,.about-grid,.cta-grid{grid-template-columns:1fr}.service-card{min-height:auto}.ref-box{height:200px}.about-art{min-height:260px}.cta h2{font-size:38px}.contact-box{display:grid;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.brand img{width:135px}.hero-actions{flex-wrap:wrap}.btn{justify-content:center}}
/* Ajánlatkérő űrlap */
.cta{position:relative}.cta-heading{margin-bottom:30px}.cta-heading h2{font-size:48px}.cta-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.quote-form{background:#fff;color:#111;border-radius:16px;padding:28px;box-shadow:0 22px 55px rgba(0,0,0,.18)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.quote-form label{font-size:13px;font-weight:800;color:#222}.quote-form label:not(.consent) input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #ddd;border-radius:9px;padding:12px 13px;background:#fff;color:#111;font:inherit;font-size:14px;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#c8102e;box-shadow:0 0 0 3px rgba(200,16,46,.08)}.quote-form .full{grid-column:1/-1}.quote-form textarea{resize:vertical;min-height:140px}.consent{display:flex!important;gap:9px;align-items:flex-start;margin-top:18px!important;font-weight:500!important;color:#555!important}.consent input{margin-top:4px;width:17px;height:17px;accent-color:#c8102e;flex:0 0 auto}.consent a{color:#c8102e}.form-submit{border:0;margin-top:20px;cursor:pointer;font-size:14px}.form-note{color:#888!important;font-size:12px!important;margin-top:10px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.contact-side{display:grid;gap:12px}.contact-side-card{background:#222;border:1px solid #333;border-radius:12px;padding:19px 20px}.contact-side-card span{display:block;color:#999;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1px}.contact-side-card a,.contact-side-card b{display:block;color:#fff;text-decoration:none;font-size:16px;margin-top:4px}.legal-links a{color:#999;text-decoration:none;margin-left:6px}.legal-links a:hover{color:#fff}.thank-page{min-height:calc(100vh - 120px);display:grid;place-items:center;background:#f7f7f7}.thank-card{background:#fff;border-radius:18px;padding:45px;max-width:700px;text-align:center;box-shadow:0 20px 55px rgba(0,0,0,.1)}.thank-icon{margin:auto auto 18px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff0f2;color:#c8102e;font-size:35px;font-weight:900}.thank-card h1{font-size:40px;line-height:1.15}.thank-card p{color:#666;margin:15px 0 25px}
@media(max-width:900px){.cta-form-grid{grid-template-columns:1fr}.contact-side{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.quote-form .full{grid-column:auto}}
@media(max-width:720px){.contact-side{grid-template-columns:1fr}.cta-heading h2{font-size:38px}.quote-form{padding:20px}.thank-card{padding:30px 20px}.thank-card h1{font-size:32px}.legal-links a{margin-left:0}}

/* FINAL consent checkbox alignment */
.quote-form label.consent{
  display:flex!important;
  width:100%!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:18px 0 0!important;
  padding:0!important;
  font-weight:500!important;
  line-height:1.45!important;
}
.quote-form label.consent input[type="checkbox"]{
  display:inline-block!important;
  width:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  height:17px!important;
  min-height:17px!important;
  margin:3px 0 0!important;
  padding:0!important;
  flex:0 0 17px!important;
}
.quote-form label.consent span{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
}
.quote-form label.consent a{display:inline!important}


/* PrimeVolt image reveal animations */
:root{--pv-ease:cubic-bezier(.22,1,.36,1)}
html.js .hero-photo{opacity:0;transform:translateY(28px) scale(.985) rotate(1deg);filter:blur(8px);animation:pvHeroIn 1.15s var(--pv-ease) .12s forwards}
html.js .service-photo img,html.js .ref-box,html.js .about-art{opacity:0;transform:translateY(34px) scale(1.025);filter:blur(6px);transition:opacity .85s var(--pv-ease),transform .85s var(--pv-ease),filter .85s var(--pv-ease)}
html.js .service-card.pv-visible .service-photo img,html.js .ref-box.pv-visible,html.js .about-art.pv-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
html.js .service-card:nth-child(1) .service-photo img{transition-delay:.00s}
html.js .service-card:nth-child(2) .service-photo img{transition-delay:.08s}
html.js .service-card:nth-child(3) .service-photo img{transition-delay:.16s}
html.js .service-card:nth-child(4) .service-photo img{transition-delay:.24s}
html.js .service-card:nth-child(5) .service-photo img{transition-delay:.32s}
html.js .service-card:nth-child(6) .service-photo img{transition-delay:.40s}
html.js .service-card:nth-child(7) .service-photo img{transition-delay:.48s}
html.js .ref-box:nth-child(1){transition-delay:.00s}
html.js .ref-box:nth-child(2){transition-delay:.10s}
html.js .ref-box:nth-child(3){transition-delay:.20s}
html.js .ref-box:nth-child(4){transition-delay:.30s}
@keyframes pvHeroIn{0%{opacity:0;transform:translateY(28px) scale(.985) rotate(1deg);filter:blur(8px)}100%{opacity:1;transform:translateY(0) scale(1) rotate(1deg);filter:blur(0)}}
@media (prefers-reduced-motion:reduce){html.js .hero-photo{animation:none;opacity:1;transform:none;filter:none}html.js .service-photo img,html.js .ref-box,html.js .about-art{opacity:1;transform:none;filter:none;transition:none}}

/* Főképes hero – PrimeVolt logó */
.hero-photo.logo-hero{
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px;
}
.hero-photo.logo-hero img{
  width:min(78%,420px);
  height:auto;
  max-height:78%;
  object-fit:contain;
  display:block;
}
@media(max-width:720px){
  .hero-photo.logo-hero{padding:28px}
}

/* Saját referenciafotók */
.reference-grid-updated{grid-template-columns:repeat(3,1fr)}
.reference-grid-updated .ref-photo-1{background-image:url("assets/photos/reference-villanyszereles.jpeg")}
.reference-grid-updated .ref-photo-2{background-image:url("assets/photos/reference-villamos-kivitelezes.jpeg")}
.reference-grid-updated .ref-photo-3{background-image:url("assets/photos/reference-klima-karbantartas.jpeg")}
@media(max-width:720px){.reference-grid-updated{grid-template-columns:1fr}.reference-grid-updated .ref-box{height:230px}}

/* PrimeVolt referencia – saját képek */
.reference-grid-updated{grid-template-columns:repeat(3,1fr)}
.reference-grid-updated .ref-box{background-size:cover;background-position:center}
.reference-grid-updated .ref-photo-1{background-image:url("assets/photos/reference-villanyszereles.jpeg")!important}
.reference-grid-updated .ref-photo-2{background-image:url("assets/photos/reference-villamos-kivitelezes.jpeg")!important}
.reference-grid-updated .ref-photo-3{background-image:url("assets/photos/reference-klima-karbantartas.jpeg")!important}
@media(max-width:720px){.reference-grid-updated{grid-template-columns:1fr}}

/* PrimeVolt hero logó – feltöltött végleges grafika */
.hero-photo.logo-hero{
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:28px!important;
}
.hero-photo.logo-hero img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
}