/* Header/navigation rules moved to doorworks-header.css. This file now contains page-content styles only. */

:root{
  --dw-bg:#080e16;
  --dw-bg-2:#101925;
  --dw-paper:#f4f6f7;
  --dw-white:#fff;
  --dw-ink:#111821;
  --dw-muted:#687482;
  --dw-line:#dce2e6;
  --dw-green:#b7ff36;
  --dw-green-dark:#8bd918;
  --dw-radius:20px;
  --dw-shell:min(1120px,calc(100% - 40px));
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.subpage-theme{margin:0;background:var(--dw-paper);color:var(--dw-ink);font-family:Inter,Arial,sans-serif;line-height:1.72;-webkit-font-smoothing:antialiased;}
body.subpage-theme a{color:inherit;text-decoration:none;}
body.subpage-theme .container{width:var(--dw-shell);max-width:none;padding-left:0;padding-right:0;}

/* Navigation mirrors the approved index design */
body.subpage-theme .navbar{min-height:82px;padding:0;background:rgba(244,246,247,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,21,29,.08);box-shadow:none;}
body.subpage-theme .navbar>.container{min-height:82px;}
body.subpage-theme .navbar-brand{display:flex;align-items:center;gap:12px;color:var(--dw-ink);font-family:"Space Grotesk",sans-serif;font-size:20px;letter-spacing:-.03em;padding:0;}
body.subpage-theme .navbar-brand::before{content:"DW";display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--dw-green);color:#111821;font:800 14px/1 Inter,Arial,sans-serif;letter-spacing:-.04em;}
body.subpage-theme .navbar-brand::after{content:"ZÁRSZERVIZ BUDAPEST";display:block;position:absolute;margin:35px 0 0 54px;color:var(--dw-muted);font:700 8px/1 Inter,Arial,sans-serif;letter-spacing:.16em;}
body.subpage-theme .navbar-nav{align-items:center;gap:5px;}
body.subpage-theme .nav-link{color:var(--dw-ink);font-size:13px;font-weight:700;padding:13px 12px;border-radius:9px;transition:.2s;}
body.subpage-theme .nav-link:hover,body.subpage-theme .nav-link.active{background:rgba(16,21,29,.06);color:var(--dw-ink);}
body.subpage-theme .dropdown-menu{padding:9px;background:#fff;border:1px solid var(--dw-line);border-radius:14px;box-shadow:0 20px 60px rgba(17,28,47,.16);}
body.subpage-theme .dropdown-item{color:var(--dw-ink);border-radius:8px;font-size:12px;font-weight:650;padding:10px 12px;}
body.subpage-theme .dropdown-item:hover{background:var(--dw-paper);color:var(--dw-ink);}
body.subpage-theme .navbar .btn-warning{background:var(--dw-green);border-color:var(--dw-green);color:#111821;border-radius:10px;font-size:13px;font-weight:800;padding:12px 16px;box-shadow:none;}
body.subpage-theme .navbar .btn-warning:hover{background:#c5ff58;border-color:#c5ff58;transform:translateY(-1px);}
body.subpage-theme .navbar-toggler{border:1px solid rgba(16,21,29,.2);padding:8px;border-radius:9px;}
body.subpage-theme .navbar-toggler-icon{filter:none;}

/* Compact inner-page hero */
body.subpage-theme .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 30%,rgba(183,255,54,.11),transparent 28%),linear-gradient(135deg,#080e16 0%,#101925 100%);color:#fff;padding:95px 0 80px;border-bottom:1px solid rgba(255,255,255,.08);}
body.subpage-theme .hero::before{content:"";position:absolute;right:7%;top:18%;width:190px;height:190px;border:1px solid rgba(183,255,54,.13);border-radius:50%;box-shadow:0 0 0 34px rgba(183,255,54,.025),0 0 0 72px rgba(183,255,54,.015);}
body.subpage-theme .hero::after{content:"DW / LOCK SERVICE";position:absolute;right:7%;bottom:22px;color:rgba(255,255,255,.12);font:700 9px/1 Inter;letter-spacing:.22em;}
body.subpage-theme .hero .container{position:relative;z-index:1;max-width:860px;margin-left:auto;margin-right:auto;text-align:center;}
body.subpage-theme .hero h1{max-width:800px;margin:0 0 18px;font-family:"Space Grotesk",sans-serif;font-size:clamp(36px,5vw,58px);line-height:1.04;letter-spacing:-.048em;font-weight:700;}
body.subpage-theme .hero h1::before{content:"DOORWORKS / SZOLGÁLTATÁS";display:block;margin-bottom:18px;color:var(--dw-green);font:800 10px/1 Inter;letter-spacing:.18em;}
body.subpage-theme .hero p{max-width:720px;margin:0;color:#b5c0cc;font-size:clamp(16px,2vw,19px);line-height:1.65;}

/* Main editorial content */
body.subpage-theme .section{padding:78px 0;background:transparent;}
body.subpage-theme .section>.container{background:#fff;border:1px solid var(--dw-line);border-radius:var(--dw-radius);padding:clamp(30px,5vw,64px);box-shadow:0 20px 60px rgba(17,25,37,.06);}
body.subpage-theme .section>.container>h2:first-child{margin-top:0;}
body.subpage-theme .section h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(27px,3vw,38px);line-height:1.14;letter-spacing:-.04em;margin:58px 0 18px;color:var(--dw-ink);}
body.subpage-theme .section h3{font-family:"Space Grotesk",sans-serif;font-size:24px;letter-spacing:-.025em;margin:38px 0 14px;}
body.subpage-theme .section h4{font-family:"Space Grotesk",sans-serif;font-size:19px;letter-spacing:-.02em;margin:28px 0 8px;}
body.subpage-theme .section p,body.subpage-theme .section li{font-size:16px;color:#4f5c69;}
body.subpage-theme .section p{max-width:900px;}
body.subpage-theme .section ul,body.subpage-theme .section ol{padding-left:0;list-style:none;display:grid;gap:10px;margin:24px 0 34px;}
body.subpage-theme .section li{position:relative;padding:12px 16px 12px 42px;background:#f6f8f9;border:1px solid #e7ebee;border-radius:11px;}
body.subpage-theme .section li::before{content:"✓";position:absolute;left:15px;top:11px;color:#5d9800;font-weight:900;}
body.subpage-theme .section strong{color:var(--dw-ink);}
body.subpage-theme .section img{max-width:100%;border-radius:16px;}

/* Existing cards and grids */
body.subpage-theme .row.g-4{margin-top:28px;}
body.subpage-theme .cardx,body.subpage-theme .card,body.subpage-theme article.card{height:100%;padding:25px;background:#111925;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:none;transition:.22s;}
body.subpage-theme .cardx:hover,body.subpage-theme .card:hover{transform:translateY(-3px);border-color:rgba(183,255,54,.55);}
body.subpage-theme .cardx h3,body.subpage-theme .cardx h4,body.subpage-theme .card h3,body.subpage-theme .card h4,body.subpage-theme .card-title{color:#fff;margin-top:0;}
body.subpage-theme .cardx p,body.subpage-theme .card p,body.subpage-theme .card-text{color:#aeb8c4;margin-bottom:0;}

/* CTA */
body.subpage-theme .section.cta{padding:0 0 78px;background:transparent;color:inherit;}
body.subpage-theme .section.cta>.container{position:relative;overflow:hidden;background:var(--dw-green);border:0;border-radius:22px;padding:46px 52px;box-shadow:none;text-align:left;}
body.subpage-theme .section.cta>.container::after{content:"↗";position:absolute;right:34px;top:50%;transform:translateY(-50%);font:700 78px/1 "Space Grotesk";color:rgba(17,24,33,.13);}
body.subpage-theme .cta h2{font-size:clamp(30px,4vw,46px);margin:0 0 9px;color:#111821;}
body.subpage-theme .cta p{color:#26321a;margin:0 0 22px;}
body.subpage-theme .cta .btn-warning{position:relative;z-index:1;background:#111925;border-color:#111925;color:#fff;border-radius:11px;font-weight:800;padding:14px 20px;}

/* Contact form */
body.subpage-theme #kapcsolat{background:#111925;color:#fff;padding:85px 0;}
body.subpage-theme #kapcsolat>.container{background:transparent;border:0;box-shadow:none;padding:0;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:70px;align-items:start;}
body.subpage-theme #kapcsolat h2{grid-column:1;font-size:clamp(34px,4vw,48px);color:#fff;margin:0;text-align:left;}
body.subpage-theme #kapcsolat> .container > p{grid-column:1;color:#9ba7b5;text-align:left;margin:0;max-width:370px;}
body.subpage-theme #kapcsolat form{grid-column:2;grid-row:1/5;width:100%;max-width:none;background:#fff;color:#111821;padding:32px;border-radius:20px;}
body.subpage-theme .form-label{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#111821;}
body.subpage-theme .form-control{background:#f6f8f9;border:1px solid #dce2e6;border-radius:10px;padding:13px 14px;box-shadow:none;}
body.subpage-theme .form-control:focus{border-color:#111821;}
body.subpage-theme .form-check-label,body.subpage-theme .text-muted{color:#697582;font-size:12px;}
body.subpage-theme form .btn-warning{background:var(--dw-green);border-color:var(--dw-green);color:#111821;border-radius:11px;font-weight:850;padding:15px;}

/* Footer */
body.subpage-theme footer{background:#080d14;color:#fff;padding:62px 0 28px;}
body.subpage-theme footer .container{width:var(--dw-shell);}
body.subpage-theme footer h5{font-family:"Space Grotesk";font-size:17px;margin-bottom:17px;}
body.subpage-theme footer p,body.subpage-theme footer li,body.subpage-theme footer a{font-size:12px;color:#8f9baa;line-height:1.9;}
body.subpage-theme footer a:hover{color:var(--dw-green);}
body.subpage-theme footer hr{border-color:rgba(255,255,255,.12);margin:38px 0 20px;}

/* Blog/list/table/accordion compatibility */
body.subpage-theme table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--dw-line);border-radius:14px;overflow:hidden;margin:28px 0;}
body.subpage-theme th,body.subpage-theme td{padding:14px 16px;border-bottom:1px solid var(--dw-line);text-align:left;}
body.subpage-theme th{background:#111925;color:#fff;font-size:12px;letter-spacing:.05em;}
body.subpage-theme tr:last-child td{border-bottom:0;}
body.subpage-theme blockquote{border-left:4px solid var(--dw-green);background:#f7f9fa;padding:20px 24px;margin:30px 0;border-radius:0 12px 12px 0;color:#475461;}
body.subpage-theme .accordion-item{border:1px solid var(--dw-line);border-radius:12px;overflow:hidden;margin-bottom:10px;}
body.subpage-theme .accordion-button{font-weight:750;box-shadow:none;}
body.subpage-theme .accordion-button:not(.collapsed){background:#111925;color:#fff;}

@media(max-width:991.98px){
 body.subpage-theme .navbar-collapse{margin-top:12px;padding:14px;background:#fff;border:1px solid var(--dw-line);border-radius:14px;box-shadow:0 16px 36px rgba(17,28,47,.12);}
 body.subpage-theme .navbar-nav{align-items:stretch;}
 body.subpage-theme .navbar .btn-warning{margin:10px 0 0;display:block;}
 body.subpage-theme #kapcsolat>.container{grid-template-columns:1fr;gap:20px;}
 body.subpage-theme #kapcsolat h2,body.subpage-theme #kapcsolat>.container>p,body.subpage-theme #kapcsolat form{grid-column:1;grid-row:auto;}
}
@media(max-width:640px){
 :root{--dw-shell:calc(100% - 22px);}
 body.subpage-theme .navbar,body.subpage-theme .navbar>.container{min-height:72px;}
 body.subpage-theme .navbar-brand{font-size:16px;}.navbar-brand::before{width:38px;height:38px;}
 body.subpage-theme .navbar-brand::after{display:none;}
 body.subpage-theme .hero{padding:72px 0 60px;}
 body.subpage-theme .hero::before{width:130px;height:130px;right:-45px;top:25%;}
 body.subpage-theme .hero h1{font-size:38px;}
 body.subpage-theme .section{padding:55px 0;}
 body.subpage-theme .section>.container{padding:27px 20px;border-radius:16px;}
 body.subpage-theme .section h2{margin-top:42px;font-size:29px;}
 body.subpage-theme .section.cta>.container{padding:32px 24px;}
 body.subpage-theme .section.cta>.container::after{display:none;}
 body.subpage-theme #kapcsolat{padding:65px 0;}
 body.subpage-theme #kapcsolat form{padding:23px 18px;}
}

/* Egységes aloldali hero-kép: a főoldal hero képe */
body.subpage-theme .hero{
  background-image:
    linear-gradient(90deg, rgba(8,14,22,.92) 0%, rgba(8,14,22,.78) 52%, rgba(8,14,22,.38) 100%),
    url("hero-doorworks.webp");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}
body.subpage-theme .hero::before{
  display: none !important;
}
body.subpage-theme .hero::after{
  display: none !important;
}
@media (max-width: 640px) {
  body.subpage-theme .hero{
    background-position: 62% center;
  }
}


/* =========================================================
   Egységes aloldali hero — a jóváhagyott főoldal alapján
   ========================================================= */
body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
  position: relative;
  min-height: 575px;
  padding: 92px 0 78px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 470px);
  align-items: center;
  column-gap: clamp(46px, 7vw, 116px);
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(8,14,22,.97) 0%, rgba(8,14,22,.92) 43%, rgba(8,14,22,.65) 71%, rgba(8,14,22,.50) 100%),
    url("hero-doorworks.webp") center right / cover no-repeat;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.subpage-theme .hero.subhero-unified::before,body.subpage-theme header.hero.subhero-unified::before{
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background:
    linear-gradient(90deg, transparent 0 41.8%, rgba(255,255,255,.025) 41.8% 42%, transparent 42%),
    radial-gradient(circle at 86% 30%, rgba(183,255,54,.08), transparent 25%);
  pointer-events: none;
  z-index: -1;
}
body.subpage-theme .hero.subhero-unified::after,body.subpage-theme header.hero.subhero-unified::after{
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.08) .7px, transparent .7px);
  background-size: 5px 5px;
  opacity: .08;
  pointer-events: none;
  z-index: -1;
}
body.subpage-theme .hero.subhero-unified > .container,body.subpage-theme header.hero.subhero-unified > .container{
  width: auto;
  max-width: 730px;
  margin: 0 0 0 max(40px, calc((100vw - 1120px)/2));
  padding: 0;
  text-align: left;
  position: relative;
  z-index: 2;
}
body.subpage-theme .hero.subhero-unified h1,body.subpage-theme header.hero.subhero-unified h1{
  max-width: 760px;
  margin: 0 0 24px;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(46px, 5.3vw, 78px);
  line-height: 1.02;
  letter-spacing: -.055em;
  color: #fff;
  text-align: left;
}
body.subpage-theme .hero.subhero-unified h1::before,body.subpage-theme header.hero.subhero-unified h1::before{
  content: "ZÁRSZERVIZ BUDAPEST TELJES TERÜLETÉN";
  display: block;
  margin: 0 0 28px;
  padding-left: 28px;
  color: #fff;
  font: 800 10px/1 Inter, Arial, sans-serif;
  letter-spacing: .22em;
  position: relative;
}
body.subpage-theme .hero.subhero-unified h1::after,body.subpage-theme header.hero.subhero-unified h1::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--dw-green);
  box-shadow: 0 0 0 7px rgba(183,255,54,.12);
}
body.subpage-theme .hero.subhero-unified .lead,body.subpage-theme .hero.subhero-unified > .container > p:not(.text-warning),body.subpage-theme header.hero.subhero-unified .lead,body.subpage-theme header.hero.subhero-unified > .container > p:not(.text-warning){
  max-width: 650px;
  margin: 0 0 30px;
  color: #c2cad3;
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.65;
  text-align: left;
}
body.subpage-theme .hero.subhero-unified .text-warning{
  display: none !important;
}
body.subpage-theme .hero.subhero-unified .btn,body.subpage-theme header.hero.subhero-unified .btn{
  margin-top: 4px;
  border-radius: 14px;
  padding: 16px 24px;
  font-weight: 850;
}
body.subpage-theme .hero.subhero-unified .btn-warning,body.subpage-theme header.hero.subhero-unified .btn-warning{
  background: var(--dw-green);
  border-color: var(--dw-green);
  color: #10151d;
}
body.subpage-theme .subhero-panel{
  width: min(100%, 470px);
  margin-right: max(40px, calc((100vw - 1120px)/2));
  justify-self: end;
  padding: 28px 30px 25px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 18px;
  background: rgba(7,13,21,.76);
  box-shadow: 0 22px 70px rgba(0,0,0,.20);
  color: #fff;
  position: relative;
  z-index: 2;
}
body.subpage-theme .subhero-panel-status{
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 13px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
body.subpage-theme .subhero-status-dot{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--dw-green);
  box-shadow: 0 0 0 6px rgba(183,255,54,.11);
}
body.subpage-theme .subhero-panel p{
  margin: 0 0 14px;
  color: #fff;
  font-size: 20px;
  line-height: 1.36;
  max-width: 250px;
}
body.subpage-theme .subhero-panel a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--dw-green);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .02em;
}

@media (max-width: 991.98px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    min-height: auto;
    grid-template-columns: 1fr;
    row-gap: 34px;
    padding: 76px 0 64px;
    background-position: 62% center;
  }
  body.subpage-theme .hero.subhero-unified > .container,body.subpage-theme header.hero.subhero-unified > .container,body.subpage-theme .subhero-panel{
    width: var(--dw-shell);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
  body.subpage-theme .subhero-panel{justify-self: stretch;}
}
@media (max-width: 640px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    padding: 58px 0 48px;
  }
  body.subpage-theme .hero.subhero-unified h1,body.subpage-theme header.hero.subhero-unified h1{
    font-size: clamp(37px, 12vw, 52px);
  }
  body.subpage-theme .hero.subhero-unified h1::before,body.subpage-theme header.hero.subhero-unified h1::before{
    margin-bottom: 20px;
    font-size: 8px;
    letter-spacing: .16em;
  }
  body.subpage-theme .subhero-panel{padding: 22px 20px;}
  body.subpage-theme .subhero-panel p{font-size: 18px;}
}


/* FINAL: aloldali hero panel és háttérkép eltávolítva */
body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
  min-height: 420px;
  display: block;
  padding: 86px 0 72px;
  background:
    radial-gradient(circle at 82% 26%, rgba(183,255,54,.07), transparent 28%),
    linear-gradient(135deg, #080e16 0%, #101925 58%, #0b121c 100%);
}
body.subpage-theme .hero.subhero-unified::before,body.subpage-theme header.hero.subhero-unified::before{
  background:
    linear-gradient(90deg, transparent 0 41.8%, rgba(255,255,255,.022) 41.8% 42%, transparent 42%),
    radial-gradient(circle at 86% 30%, rgba(183,255,54,.055), transparent 25%);
}
body.subpage-theme .hero.subhero-unified > .container,body.subpage-theme header.hero.subhero-unified > .container{
  width: min(1120px, calc(100% - 40px));
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
body.subpage-theme .subhero-panel{ display: none !important; }

@media (max-width: 991.98px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    min-height: auto;
    padding: 72px 0 60px;
    background:
      radial-gradient(circle at 82% 26%, rgba(183,255,54,.07), transparent 28%),
      linear-gradient(135deg, #080e16 0%, #101925 58%, #0b121c 100%);
  }
}
@media (max-width: 640px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    padding: 54px 0 46px;
  }
}

/* FINAL: all inner-page hero sections reduced by 30% */
@media (min-width: 992px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    min-height: 294px;
    padding: 60px 0 50px;
  }
}
@media (min-width: 641px) and (max-width: 991.98px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    min-height: auto;
    padding: 50px 0 42px;
  }
}
@media (max-width: 640px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    min-height: auto;
    padding: 38px 0 32px;
  }
}

/* FINAL 2026-07: kompaktabb Page Hero minden aloldalon */
body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
  min-height: 230px !important;
  padding: 42px 0 36px;
}
body.subpage-theme .hero.subhero-unified h1,body.subpage-theme header.hero.subhero-unified h1{
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.08;
  margin-bottom: 16px;
  letter-spacing: -.04em;
}
body.subpage-theme .hero.subhero-unified h1::before,body.subpage-theme header.hero.subhero-unified h1::before{
  margin-bottom: 16px;
}
@media (min-width: 641px) and (max-width: 991.98px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    min-height: auto !important;
    padding: 38px 0 32px;
  }
  body.subpage-theme .hero.subhero-unified h1,body.subpage-theme header.hero.subhero-unified h1{
    font-size: clamp(30px, 5.2vw, 40px);
  }
}
@media (max-width: 640px) {
  body.subpage-theme .hero.subhero-unified,body.subpage-theme header.hero.subhero-unified{
    min-height: auto !important;
    padding: 28px 0 24px;
  }
  body.subpage-theme .hero.subhero-unified h1,body.subpage-theme header.hero.subhero-unified h1{
    font-size: clamp(26px, 8.5vw, 32px);
    line-height: 1.12;
    margin-bottom: 12px;
  }
  body.subpage-theme .hero.subhero-unified h1::before,body.subpage-theme header.hero.subhero-unified h1::before{
    margin-bottom: 12px;
  }
}

/* =========================================================
   2026-07-17 — Egységes Page Hero: sötétkék + körminta
   A főoldali kiemelt Zárcsere kártya vizuális nyelvét követi.
   ========================================================= */
html body.subpage-theme .hero.subhero-unified,
html body.subpage-theme header.hero.subhero-unified {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(58, 220, 205, .055), transparent 29%),
    linear-gradient(135deg, #111c2f 0%, #101a2b 58%, #0d1727 100%);
  border-bottom: 1px solid rgba(255,255,255,.09);
}

/* Koncentrikus körminta a jobb oldalon */
html body.subpage-theme .hero.subhero-unified::before,
html body.subpage-theme header.hero.subhero-unified::before {
  content: "";
  display: block;
  position: absolute;
  width: clamp(300px, 34vw, 560px);
  height: clamp(300px, 34vw, 560px);
  right: clamp(-190px, -8vw, -72px);
  top: 50%;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  background: transparent;
  box-shadow:
    0 0 0 52px rgba(255,255,255,.042),
    0 0 0 104px rgba(255,255,255,.026),
    0 0 0 156px rgba(255,255,255,.015);
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

/* Finom fény és textúra, kép nélkül */
html body.subpage-theme .hero.subhero-unified::after,
html body.subpage-theme header.hero.subhero-unified::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 86% 48%, rgba(200,255,61,.085), transparent 18%),
    radial-gradient(circle at 73% 28%, rgba(58,220,205,.075), transparent 22%),
    linear-gradient(90deg, rgba(17,28,47,.08), rgba(17,28,47,.38));
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

html body.subpage-theme .hero.subhero-unified > .container,
html body.subpage-theme header.hero.subhero-unified > .container {
  position: relative;
  z-index: 2;
}

@media (max-width: 991.98px) {
  html body.subpage-theme .hero.subhero-unified::before,
  html body.subpage-theme header.hero.subhero-unified::before {
    width: 360px;
    height: 360px;
    right: -225px;
    box-shadow:
      0 0 0 42px rgba(255,255,255,.036),
      0 0 0 84px rgba(255,255,255,.022),
      0 0 0 126px rgba(255,255,255,.012);
  }
  html body.subpage-theme .hero.subhero-unified::after,
  html body.subpage-theme header.hero.subhero-unified::after {
    background:
      radial-gradient(circle at 92% 50%, rgba(200,255,61,.07), transparent 22%),
      linear-gradient(90deg, rgba(17,28,47,.02), rgba(17,28,47,.24));
  }
}

@media (max-width: 640px) {
  html body.subpage-theme .hero.subhero-unified::before,
  html body.subpage-theme header.hero.subhero-unified::before {
    width: 260px;
    height: 260px;
    right: -190px;
    top: 46%;
    box-shadow:
      0 0 0 34px rgba(255,255,255,.032),
      0 0 0 68px rgba(255,255,255,.019),
      0 0 0 102px rgba(255,255,255,.010);
  }
}