/* Gelatherm brand system: palette and shared controls. */
:root{--gelatherm-navy:#0f2d5b;--gelatherm-red:#ff3b1f;--gelatherm-orange:#ff7a3c;--gelatherm-cream:#fff8f3;--gelatherm-blue:#4db2f5;--gelatherm-grey:#e5e7eb}
@font-face{font-family:GelathermTitle;src:url('/assets/gelatherm/fonts/roboto-latin-900-normal.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:GelathermTitle;src:url('/assets/gelatherm/fonts/roboto-latin-ext-900-normal.woff2') format('woff2');font-weight:900;font-display:swap;unicode-range:U+0100-024F}
body{color:var(--gelatherm-navy)}
#tartalom :is(h1,h2,h3){font-family:GelathermTitle,Arial,sans-serif;font-weight:900;letter-spacing:-.025em}
#tartalom :is(h1,h2,h3) em{letter-spacing:inherit}
#site-topbar{background:var(--gelatherm-cream);color:var(--gelatherm-navy)}
#site-header{background:#fff}
#site-header :is(a,.home-logo){color:var(--gelatherm-navy)}
#site-header #menu a[aria-current=page]{color:var(--gelatherm-red)}
#site-header #menu a[aria-current=page]::after{background-color:var(--gelatherm-red)}
#site-header .gelatherm-wordmark,#site-footer .gelatherm-wordmark{letter-spacing:-1px}
#site-header .gelatherm-wordmark>span{color:var(--gelatherm-red)}
:is(#tartalom,#site-header) .btn{background:var(--gelatherm-red);border-color:var(--gelatherm-red);color:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(255,59,31,.14)}
:is(#tartalom,#site-header) .btn:hover{background:#d82c15;border-color:#d82c15;color:#fff}
:is(#tartalom,#site-header) .btn:focus-visible{outline:3px solid var(--gelatherm-navy);outline-offset:3px}
#tartalom :is(.product-card,.lp-product-card,.gh-node-cards article){border-color:#e5e7eb;background-color:#fff;border-radius:14px}
#tartalom :is(.product-card,.lp-product-card){box-shadow:0 10px 28px rgba(15,45,91,.10)}
#tartalom :is(.gh-kicker,.eyebrow,.gt-eyebrow){color:var(--gelatherm-red)}
#tartalom :is(.gh-hero,.lp-hero,.catalog-hero){background-color:var(--gelatherm-cream)}
#site-footer{background-color:var(--gelatherm-navy)}
/* Bold red accent lettering follows the selected brand board. */
#tartalom :is(h1,h2) :is(em,.gh-script,.curve){font-family:GelathermTitle,Arial,sans-serif;font-style:normal;font-weight:900;letter-spacing:-.025em}
body.lp-reference.site-compact #tartalom .lp-hero h1 em{font-family:GelathermTitle,Arial,sans-serif;font-style:normal;font-weight:900;font-size:1.08em;letter-spacing:-.025em}
/* Főoldali hullám és kiemelt problémakártyák */
.gh-home .gh-hero{padding-bottom:105px}
.gh-home .gh-hero::after{bottom:0;height:120px;background:url('/assets/gelatherm/orange-wave-full.png') center / contain no-repeat;mask-image:none}
.gh-home .gh-three-pains{gap:22px;border-top:0}
.gh-home .gh-three-pains article{padding:25px 24px 24px;background:#fff;border:1px solid #eadfd9;border-radius:16px;box-shadow:0 13px 28px rgba(15,45,91,.13),0 4px 8px rgba(15,45,91,.05)}
.gh-home .gh-three-pains article>span{position:static;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:17px;border-radius:12px;background:#fff1ec;color:#ff3b1f;font-size:17px;font-weight:900}
.gh-home .gh-three-pains h3{margin-bottom:12px}
.gh-home .gh-three-pains p{margin-bottom:0}
@media(max-width:760px){.gh-home .gh-hero{padding-bottom:72px}.gh-home .gh-hero::after{height:80px}.gh-home .gh-three-pains{gap:14px}.gh-home .gh-three-pains article{padding:20px}.gh-home .gh-three-pains article>span{margin-bottom:12px}}
body.gh-home.site-compact #tartalom .gh-hero{padding-bottom:130px}
@media(max-width:760px){body.gh-home.site-compact #tartalom .gh-hero{padding-bottom:80px}}
/* A hullám a teljes szakaszt zárja, nem különálló dísz. */
body.gh-home.site-compact #tartalom .gh-hero{padding-bottom:100px}
.gh-home .gh-hero::after{height:150px;background-size:100% 100%;background-position:center bottom}
@media(max-width:760px){body.gh-home.site-compact #tartalom .gh-hero{padding-bottom:65px}.gh-home .gh-hero::after{height:80px;background-size:100% 100%}}

/* Főoldal: letisztult felületek és a fejlesztő képe. */
.gh-home .gh-sweep::after{display:none}
body.gh-home.site-compact #tartalom .gh-hero{padding-block:34px}
body.gh-home.site-compact #tartalom .gh-hero figure>img{width:100%;height:auto;max-height:none;object-fit:contain;mask-image:none;border-radius:12px}
.gh-home .gh-final{background-image:none}
@media(max-width:760px){body.gh-home.site-compact #tartalom .gh-hero{padding:28px 18px}.gh-home .gh-final{background-image:none}}

body.gh-home.site-compact #tartalom .gh-hero figure{position:relative;overflow:visible;align-self:stretch;min-height:410px;display:flex;align-items:flex-end;justify-content:center}
body.gh-home.site-compact #tartalom .gh-hero figure::before{content:"";position:absolute;inset:12% 4% 12% 12%;background:linear-gradient(145deg,#f4e9db,#fff5ec);border-radius:20px}
body.gh-home.site-compact #tartalom .gh-hero figure>img{position:relative;width:auto;height:460px;max-width:100%;object-fit:contain;border-radius:0}
@media(max-width:760px){body.gh-home.site-compact #tartalom .gh-hero figure{min-height:0}body.gh-home.site-compact #tartalom .gh-hero figure>img{height:auto;width:min(100%,300px);max-height:none}}

body.gh-home.site-compact #tartalom .gh-hero figure::before{inset:16% 32% 17% 2%;background:linear-gradient(0deg,#442a1630,#fff0),url('/assets/gelatherm/hero-epitkezes.webp') center/cover no-repeat;box-shadow:0 12px 32px #5a351b24}
body.gh-home.site-compact #tartalom .gh-hero figure>img{height:480px;filter:drop-shadow(0 12px 12px #1b263428);mask-image:linear-gradient(to bottom,#000 96%,transparent 100%)}
@media(max-width:760px){body.gh-home.site-compact #tartalom .gh-hero figure>img{height:auto;width:min(100%,310px);max-height:none}}

/* A főoldal fejlécének és nyitórészének egységesítése. */
.gh-home #site-header{background:#fff;box-shadow:0 5px 25px #102b4a0c;border-bottom:1px solid #edf0f2}
.gh-home #site-header .nav{max-width:1280px;min-height:84px}
.gh-home #site-header #menu>a:not(.btn){font-size:14px;font-weight:700}
.gh-home #site-header #menu>a[aria-current=page]{color:#e83f28}
.gh-home #site-header #menu .btn{border-radius:10px;padding:14px 20px;box-shadow:0 7px 18px #e8482829}
.gh-home #tartalom{background:#fff}
body.gh-home.site-compact #tartalom .gh-hero{max-width:1280px;min-height:550px;padding:45px 32px 48px;gap:35px;grid-template-columns:48% 52%;background:#fff;align-items:center}
body.gh-home.site-compact #tartalom .gh-hero-copy{position:relative;z-index:3;padding:0 0 0 8px}
body.gh-home.site-compact #tartalom .gh-hero h1{font-size:clamp(41px,3.8vw,58px);letter-spacing:-1.8px;line-height:1.08;margin-bottom:20px}
body.gh-home.site-compact #tartalom .gh-hero-copy>p:not(.gh-kicker){max-width:480px;font-size:17px;line-height:1.65;color:#37485c}
body.gh-home.site-compact #tartalom .gh-hero .btn{border-radius:10px;padding:15px 22px;box-shadow:0 8px 18px #ff4f3033}
body.gh-home.site-compact #tartalom .gh-hero figure{min-height:470px;align-items:flex-end;justify-content:center}
body.gh-home.site-compact #tartalom .gh-hero figure::before{inset:12% 13% 13% 4%;border-radius:24px;box-shadow:0 20px 44px #75553624;background:linear-gradient(0deg,#3d2b1b20,#fff0),url('/assets/gelatherm/hero-epitkezes.webp') center/cover no-repeat}
body.gh-home.site-compact #tartalom .gh-hero figure>img{height:510px;max-height:none;max-width:100%;filter:drop-shadow(0 15px 15px #17212f36)}
@media(max-width:1050px){.gh-home #site-header #menu>a:not(.btn){font-size:12px}body.gh-home.site-compact #tartalom .gh-hero{padding-inline:25px;gap:18px}body.gh-home.site-compact #tartalom .gh-hero figure>img{max-width:100%;height:auto;max-height:490px}}
@media(max-width:760px){.gh-home #site-header .nav{min-height:68px}body.gh-home.site-compact #tartalom .gh-hero{display:grid;grid-template-columns:1fr;min-height:0;padding:30px 20px 26px;gap:16px}body.gh-home.site-compact #tartalom .gh-hero-copy{padding:0}body.gh-home.site-compact #tartalom .gh-hero h1{font-size:clamp(32px,9vw,43px);letter-spacing:-1.2px}body.gh-home.site-compact #tartalom .gh-hero figure{min-height:0}body.gh-home.site-compact #tartalom .gh-hero figure>img{width:min(100%,310px);height:auto;max-height:none}body.gh-home.site-compact #tartalom .gh-hero figure::before{inset:15% 15% 14% 0}}
@media(min-width:761px){body.gh-home.site-compact #tartalom .gh-hero figure::before{inset:10% -4% 13% 1%;clip-path:polygon(10% 0,100% 0,100% 100%,10% 100%,0 50%);border-radius:18px}body.gh-home.site-compact #tartalom .gh-hero figure>img{height:540px;transform:translateX(4%);max-width:100%}}
/* Nyitó: önálló fotó, különálló előtér és élő szövegek. */
body.gh-home.site-compact #tartalom .gh-hero{max-width:none;min-height:610px;padding:30px max(32px,calc((100vw - 1280px)/2)) 0;gap:0;background:linear-gradient(90deg,#fff 0%,#fff 34%,#ffffffdf 42%,#ffffff00 63%),url('/assets/gelatherm/hero-labazat-epul.webp') center/cover no-repeat;grid-template-columns:48% 52%;overflow:visible}
body.gh-home.site-compact #tartalom .gh-hero-copy{padding:30px 0 70px;align-self:center}
body.gh-home.site-compact #tartalom .gh-hero figure{min-height:580px;align-items:flex-end;overflow:visible;z-index:5}
body.gh-home.site-compact #tartalom .gh-hero figure::before{display:none}
body.gh-home.site-compact #tartalom .gh-hero figure>img{height:620px;max-width:100%;max-height:none;transform:translateY(58px);filter:drop-shadow(0 12px 14px #17212f33);mask-image:none}
.gh-hero-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#faf7f4;padding:26px max(30px,calc((100vw - 1200px)/2));position:relative;z-index:1}
.gh-hero-highlights>div{display:flex;align-items:center;gap:20px;padding:0 32px;border-right:1px solid #dedede}
.gh-hero-highlights>div:last-child{border:0}
.gh-hero-highlights span{font-size:38px;line-height:1;color:#ff4f30;font-weight:bold}
.gh-home .gh-hero-highlights p{margin:0}.gh-hero-highlights strong,.gh-hero-highlights small{display:block}.gh-hero-highlights strong{font-size:20px;line-height:1.2}.gh-hero-highlights small{font-size:14px;color:#526076;margin-top:4px}
@media(max-width:760px){body.gh-home.site-compact #tartalom .gh-hero{display:grid;grid-template-columns:1fr;min-height:0;padding:26px 20px 0;background:linear-gradient(to bottom,#fff 0%,#fff 47%,#ffffff70 67%,#ffffff00 85%),url('/assets/gelatherm/hero-labazat-epul.webp') center bottom/auto 52% no-repeat}body.gh-home.site-compact #tartalom .gh-hero-copy{padding:0;z-index:3}body.gh-home.site-compact #tartalom .gh-hero figure{min-height:0;height:350px;align-items:end}body.gh-home.site-compact #tartalom .gh-hero figure>img{height:370px;width:auto;max-width:100%;transform:translateY(22px)}.gh-hero-highlights{grid-template-columns:1fr;padding:20px 24px;gap:12px}.gh-hero-highlights>div{padding:0 0 10px;border-right:0;border-bottom:1px solid #e6dfd9}.gh-hero-highlights span{font-size:27px}.gh-hero-highlights strong{font-size:16px}.gh-hero-highlights small{font-size:13px}}
body.gh-home.site-compact #tartalom .gh-hero{z-index:2}.gh-hero-highlights{z-index:1}
@media(min-width:1000px){.gh-hero-highlights>div:last-child{padding-left:155px}.gh-hero-highlights>div:last-child span{display:none}}
@media(min-width:761px){body.gh-home.site-compact #tartalom .gh-hero{background-color:#fff;background-size:100% calc(100% - 125px);background-position:top;background-repeat:no-repeat}}
/* A kép alsó széle lágyan eltűnik, az előnyök a képtől elkülönülnek. */
body.gh-home.site-compact #tartalom .gh-hero figure>img{transform:none;mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%)}
.gh-hero-highlights{z-index:3}
.gh-hero-highlights span{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px}
.gh-hero-highlights svg{width:40px;height:40px;display:block}
@media(min-width:1000px){.gh-hero-highlights>div:last-child{padding-left:32px}}
@media(max-width:760px){body.gh-home.site-compact #tartalom .gh-hero figure>img{transform:none;mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%)}.gh-hero-highlights span{flex-basis:32px}.gh-hero-highlights svg{width:28px;height:28px}}
@media(max-width:760px){body.gh-home.site-compact #tartalom .gh-hero figure{height:370px;padding-top:18px}body.gh-home.site-compact #tartalom .gh-hero figure>img{height:340px}}

/* Keep the active quotation CTA legible in every interaction state. */
#site-header #menu a.btn[aria-current=page],#site-header #menu a.btn[aria-current=page]:hover,#site-header #menu a.btn[aria-current=page]:focus-visible{color:#fff!important}
#site-header #menu a.btn[aria-current=page]::after{display:none}