/* Chemikál – B2B építőanyag-nagykereskedelmi weboldal látványterv, v3
   névtér: .chm-site, minden osztály chm- előtaggal. Nincs belépő/betöltő animáció. */
:root{
  --or:#F26B1D; --or-d:#D1570F; --or-l:#FFE6D5;
  --navy:#0F1A24; --navy-2:#152431; --navy-3:#1E3040; --steel:#3F5B77; --steel-l:#D9E2EB;
  --bg:#F2F4F6; --bg-2:#E6EAEE; --white:#fff;
  --txt:#141C24; --muted:#5B6873; --line:rgba(20,28,36,.12); --line-2:rgba(20,28,36,.24);
  --disp:'Archivo','Helvetica Neue',Arial,sans-serif;
  --sans:'Barlow','Helvetica Neue',Arial,sans-serif;
  --r:6px; --shadow:0 24px 60px -28px rgba(15,26,36,.45);
}
.chm-site{margin:0;scroll-behavior:smooth;background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.chm-site *,.chm-site *::before,.chm-site *::after{box-sizing:border-box}
.chm-site img{max-width:100%;height:auto;display:block}
.chm-site :where(a){color:inherit;text-decoration:none}
.chm-site button{font:inherit;cursor:pointer}
.chm-site :where(h1,h2,h3,h4,h5){margin:0;font-family:var(--disp);font-weight:800;line-height:1.08;letter-spacing:-.015em;color:var(--navy);text-wrap:balance}
.chm-site p{margin:0 0 1em}
.chm-site p:last-child{margin-bottom:0}
.chm-wrap{width:min(1320px,calc(100% - 48px));margin-inline:auto}
.chm-h1{font-size:clamp(2.2rem,3.8vw,3.4rem)}
.chm-h2{font-size:clamp(1.6rem,2.5vw,2.3rem)}
.chm-h3{font-size:clamp(1.3rem,1.8vw,1.6rem)}
.chm-lead{font-size:1.05rem;color:var(--muted);max-width:58ch}
.chm-muted{color:var(--muted)}
.chm-or{color:var(--or)}
.chm-sec{padding:clamp(60px,7vw,104px) 0}
.chm-sec--tight{padding:clamp(40px,5vw,68px) 0}
.chm-sec--white{background:var(--white)}
.chm-sec--steel{background:var(--bg-2)}
.chm-sec--ink{background:var(--navy);color:#C9D3DC}
.chm-sec--ink h2,.chm-sec--ink h3,.chm-sec--ink h4{color:#fff}
.chm-sec--ink .chm-muted,.chm-card--ink .chm-muted,.chm-panel--ink .chm-muted,.chm-partner .chm-muted,.chm-board__info .chm-muted{color:#B7C3CE}
.chm-sec--or{background:var(--or);color:#fff}
.chm-grid-bg{}

/* ---------- szekciófej ---------- */
.chm-head{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:clamp(30px,4vw,48px)}
.chm-head--row{grid-template-columns:1.1fr .9fr;align-items:end;gap:40px}
.chm-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:var(--or)}
.chm-tag::before{content:"";width:22px;height:3px;background:var(--or)}
.chm-head h2{margin-top:12px}
.chm-head .chm-lead{margin-top:6px}
@media (max-width:860px){.chm-head--row{grid-template-columns:1fr;gap:12px}}

/* ---------- gombok ---------- */
.chm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border:2px solid var(--navy);border-radius:var(--r);font-family:var(--disp);font-weight:700;font-size:.98rem;letter-spacing:0;line-height:1;color:#fff;background:var(--navy);transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.chm-btn svg{width:18px;height:18px;flex:none;transition:transform .25s}
.chm-btn:hover svg{transform:translateX(3px)}
.chm-btn:hover{background:var(--or);border-color:var(--or);color:#fff;box-shadow:0 12px 28px -12px rgba(242,107,29,.7)}
.chm-btn--or{background:var(--or);border-color:var(--or);color:#fff;box-shadow:0 12px 28px -14px rgba(242,107,29,.8)}
.chm-btn--or:hover{background:var(--or-d);border-color:var(--or-d)}
.chm-btn--ghost{background:transparent;color:var(--navy);border-color:var(--line-2);box-shadow:none}
.chm-btn--ghost:hover{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:none}
.chm-btn--light{background:#fff;color:var(--navy);border-color:#fff}
.chm-btn--light:hover{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:none}
.chm-btn--onDark{background:transparent;color:#fff;border-color:rgba(255,255,255,.4);box-shadow:none}
.chm-btn--onDark:hover{background:#fff;color:var(--navy);border-color:#fff;box-shadow:none}
.chm-btn--sm{padding:11px 16px;font-size:.92rem}
.chm-btn--xs{padding:8px 12px;font-size:.84rem;gap:7px;border-width:1.5px}.chm-btn--xs svg{width:15px;height:15px}
.chm-btn--lg{padding:18px 30px;font-size:1.08rem}
.chm-btn--block{width:100%}
.chm-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:.95rem;color:var(--navy)}
.chm-link--btn{padding:13px 20px;border:2px solid var(--navy);border-radius:var(--r);background:#fff;color:var(--navy);transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.chm-link--btn svg{transition:transform .25s}
.chm-link--btn:hover{background:var(--or);border-color:var(--or);color:#fff;box-shadow:0 12px 28px -12px rgba(242,107,29,.7)}
.chm-link--btn:hover svg{transform:translateX(3px)}
.chm-link svg{width:17px;height:17px}
.chm-link:hover{color:var(--or)}

/* ---------- felső sáv + fejléc ---------- */
.chm-topbar{background:var(--navy);color:#9FB0BF;font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.08)}
.chm-topbar__in{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:20px}
.chm-topbar__set{display:flex;align-items:center;gap:22px}
.chm-topbar a{display:inline-flex;align-items:center;gap:7px}
.chm-topbar a:hover{color:#fff}
.chm-topbar svg{width:15px;height:15px;color:var(--or)}
.chm-topbar .chm-pin{display:inline-flex;align-items:center;gap:7px}
.chm-lang{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:4px;overflow:hidden}
.chm-lang a{padding:3px 9px;font-family:var(--disp);font-weight:700;font-size:.8rem}
.chm-lang a.is-on{background:var(--or);color:#fff}
.chm-topbar__partner{font-family:var(--disp);font-weight:600;color:#fff}
@media (max-width:980px){.chm-topbar__set--l{display:none}.chm-topbar__in{justify-content:flex-end}}

.chm-header{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.chm-header.is-stuck{box-shadow:0 10px 30px -18px rgba(0,0,0,.7)}
.chm-header__in{display:flex;align-items:center;gap:28px;min-height:88px}
.chm-brand{display:block;color:#fff;--logo-bg:var(--navy);flex:none}
.chm-brand svg{height:54px;width:auto;display:block}
.chm-nav{display:flex;gap:2px;margin-left:auto}
.chm-nav a{position:relative;padding:12px 12px;font-family:var(--disp);font-weight:600;font-size:.95rem;color:#C9D3DC}
.chm-nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:3px;background:var(--or);opacity:0}
.chm-nav a:hover,.chm-nav a.is-on{color:#fff}
.chm-nav a:hover::after,.chm-nav a.is-on::after{opacity:1}
.chm-tools{display:flex;align-items:center;gap:4px}
.chm-ibtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#fff}
.chm-ibtn:hover{background:rgba(255,255,255,.1)}
.chm-ibtn svg{width:21px;height:21px}
.chm-ibtn .chm-count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--or);color:#fff;font-family:var(--disp);font-weight:800;font-size:.8rem;line-height:18px;text-align:center}
.chm-ibtn .chm-count:empty,.chm-ibtn .chm-count[data-n="0"]{display:none}
.chm-header .chm-btn{margin-left:10px;white-space:nowrap}
.chm-burger{display:none;width:44px;height:44px;border:0;background:transparent;align-items:center;justify-content:center;position:relative}
.chm-burger span,.chm-burger span::before,.chm-burger span::after{display:block;width:22px;height:2px;background:#fff}
.chm-burger span{position:relative}
.chm-burger span::before,.chm-burger span::after{content:"";position:absolute;left:0}
.chm-burger span::before{top:-7px}.chm-burger span::after{top:7px}
.chm-burger.is-on span{background:transparent}
.chm-burger.is-on span::before{transform:translateY(7px) rotate(45deg)}
.chm-burger.is-on span::after{transform:translateY(-7px) rotate(-45deg)}
.chm-mobile{display:none;position:fixed;inset:0;z-index:49;background:var(--navy);color:#fff;padding:130px 28px 40px;flex-direction:column;gap:4px;overflow:auto}
.chm-mobile.is-open{display:flex}
.chm-mobile a{font-family:var(--disp);font-weight:700;font-size:1.4rem;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.chm-mobile .chm-btn{margin-top:24px}
@media (max-width:1180px){.chm-nav{display:none}.chm-header .chm-btn{display:none}.chm-burger{display:inline-flex}.chm-brand svg{height:44px}}
.chm-search{display:none;background:var(--navy-2);border-bottom:1px solid rgba(255,255,255,.08)}
.chm-search.is-open{display:block}
.chm-search__in{display:flex;gap:10px;padding:14px 0}
.chm-search input{flex:1;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:var(--r);padding:0 16px;font:inherit;background:var(--navy);color:#fff}

/* ---------- hero: sötét, fotó, regisztrációs kártya ---------- */
.chm-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.chm-hero__bg{position:absolute;inset:0;z-index:0}
.chm-hero__bg img{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.4s ease}
.chm-hero__bg img.is-on{opacity:1;animation:chm-kb 7s ease-out forwards}
@keyframes chm-kb{from{transform:scale(1)}to{transform:scale(1.06)}}
.chm-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 38%,rgba(15,26,36,.86) 52%,rgba(15,26,36,.35) 72%,rgba(15,26,36,.55) 100%),linear-gradient(0deg,var(--navy) 0%,rgba(15,26,36,0) 30%)}
.chm-hero__in{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(48px,6vw,80px) 0 clamp(40px,5vw,64px)}
.chm-hero__t{font-size:clamp(2.2rem,3.9vw,3.7rem);line-height:1.05;margin:16px 0 18px;color:#fff;max-width:18ch}
.chm-hero__t em{font-style:normal;color:var(--or)}
.chm-hero__p{font-size:1.05rem;color:#C9D3DC;max-width:50ch}
.chm-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.chm-hero__cta .chm-btn--ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.chm-hero__cta .chm-btn--ghost:hover{background:#fff;color:var(--navy);border-color:#fff}
.chm-hero__fact{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.chm-hero__fact div{display:flex;align-items:center;gap:10px;font-size:.92rem;color:#C9D3DC;padding:10px 12px;margin:-10px -12px;border-radius:var(--r);cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s}
.chm-hero__fact div:hover,.chm-hero__fact div.is-on{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.chm-hero__dots{position:absolute;right:24px;bottom:22px;z-index:2;display:flex;gap:8px}
.chm-hero__dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;transition:background .2s,transform .2s}
.chm-hero__dots button.is-on{background:var(--or);transform:scale(1.25)}
@media (prefers-reduced-motion:reduce){.chm-hero__bg img{transition:none;animation:none}.chm-group__media img,.chm-prod__img img,.chm-btn svg{transition:none}}
.chm-hero__fact svg{width:24px;height:24px;color:var(--or);flex:none}
.chm-hero__fact b{display:block;font-family:var(--disp);font-weight:700;font-size:.98rem;color:#fff}
/* regisztrációs kártya */
.chm-reg{background:#fff;color:var(--txt);border-radius:10px;padding:clamp(22px,2.6vw,32px);box-shadow:0 40px 90px -30px rgba(0,0,0,.8);justify-self:end;width:min(100%,460px);min-width:0;overflow:hidden}
.chm-reg__h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}
.chm-reg h3{font-size:1.4rem}
.chm-reg__badge{flex:none;padding:5px 9px;border-radius:4px;background:var(--or-l);color:var(--or-d);font-family:var(--disp);font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}
.chm-reg>p{font-size:.92rem;color:#2F3B46;margin-bottom:16px}
.chm-reg .chm-form{gap:10px}
.chm-reg .chm-field input{height:46px}
.chm-reg__foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:.86rem;color:#2F3B46}
.chm-reg__foot a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.chm-hero__in{grid-template-columns:1fr}.chm-reg{justify-self:stretch;width:100%}.chm-hero__bg img{width:100%;opacity:.5}.chm-hero__bg::after{background:linear-gradient(180deg,rgba(15,26,36,.9),rgba(15,26,36,.75))}}

/* ---------- logósáv ---------- */
.chm-logos{background:#fff;color:var(--muted);border-bottom:1px solid var(--line)}
.chm-logos__in{display:flex;align-items:center;gap:clamp(20px,4vw,56px);padding:26px 0;flex-wrap:wrap}
.chm-logos__l{display:grid;gap:6px;min-width:220px}
.chm-logos__l b{font-family:var(--disp);font-weight:800;font-size:1.25rem;letter-spacing:-.01em;color:var(--navy);line-height:1.1}
.chm-logos__row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;flex:1;margin-left:auto;max-width:860px}
.chm-logos__row a{display:flex;align-items:center;justify-content:center;min-height:96px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--navy);transition:box-shadow .2s,border-color .2s}
.chm-logos__row a:hover{border-color:var(--or);box-shadow:var(--shadow)}
.chm-logos__img{display:flex;align-items:center;justify-content:center;height:64px}
.chm-logos__n{font-family:var(--disp);font-weight:700;font-size:.9rem;text-align:center;line-height:1.15}
.chm-logos__n small{display:block;font-family:var(--sans);font-weight:500;font-size:.74rem;color:var(--muted);margin-top:2px}
.chm-logos__row a:hover{opacity:1}
.chm-logos__row img,.chm-logos__row svg{height:44px;width:auto;max-width:180px;object-fit:contain}
.chm-logos__row img.is-tall{height:66px}
.chm-brand-c .chm-logo img.is-tall{max-height:60px}
@media (max-width:860px){.chm-logos__row{margin-left:0;grid-template-columns:1fr 1fr}}

/* ---------- számsor ---------- */
.chm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden}
.chm-stats div{padding:26px 28px;border-right:1px solid var(--line);display:grid;gap:4px}
.chm-stats div:last-child{border-right:0}
.chm-stats b{font-family:var(--disp);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:1;color:var(--navy)}
.chm-stats b em{font-style:normal;color:var(--or)}
.chm-stats span{font-size:.95rem;color:var(--muted)}
@media (max-width:900px){.chm-stats{grid-template-columns:1fr 1fr}.chm-stats div:nth-child(2){border-right:0}.chm-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* ---------- termékcsoport fotócsempék ---------- */
.chm-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.chm-group{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background:#fff;color:var(--txt);border:1px solid var(--line);transition:box-shadow .2s,transform .2s}
.chm-group:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.chm-group__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-2)}
.chm-group__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.chm-group:hover .chm-group__media img{transform:scale(1.05)}
.chm-group__media svg{position:absolute;inset:12%;width:76%;height:76%}
.chm-group__in{padding:20px 22px 22px;display:grid;gap:8px;flex:1;align-content:start}
.chm-group__in h3{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:10px}
.chm-group__in h3 svg{width:18px;height:18px;color:var(--or);flex:none}
.chm-group__in p{font-size:.92rem;color:var(--muted)}
.chm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.chm-chips span{padding:4px 8px;border-radius:4px;background:var(--bg);border:1px solid var(--line);font-family:var(--disp);font-weight:600;font-size:.76rem;color:var(--navy)}
@media (max-width:980px){.chm-groups{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.chm-groups{grid-template-columns:1fr}}

/* ---------- partnerprogram sáv ---------- */
.chm-partner{position:relative;overflow:hidden;background:var(--navy);color:#C9D3DC}
.chm-partner__bg{position:absolute;inset:0;z-index:0}
.chm-partner__bg img{width:100%;height:100%;object-fit:cover;opacity:.22}
.chm-partner__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,rgba(15,26,36,.92) 45%,rgba(15,26,36,.75) 100%)}
.chm-partner__in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.chm-partner h2{color:#fff;margin-top:12px}
.chm-partner .chm-lead{color:#AEBCC9}
.chm-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 30px}
.chm-benefits>div{display:grid;gap:10px;padding:20px;border-radius:var(--r);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);align-content:start}
.chm-benefits svg{width:32px;height:32px;color:var(--or)}
.chm-benefits b{display:block;font-family:var(--disp);font-weight:700;font-size:1.02rem;color:#fff;line-height:1.15}
.chm-benefits p{font-size:.93rem;color:#AEBCC9}
.chm-mock{background:#fff;color:var(--txt);border-radius:10px;box-shadow:0 50px 100px -40px rgba(0,0,0,.9);overflow:hidden}
.chm-mock__bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.chm-mock__bar i{width:10px;height:10px;border-radius:50%;background:#C9D3DC}
.chm-mock__bar i:first-child{background:var(--or)}
.chm-mock__bar b{margin-left:auto;font-family:var(--disp);font-weight:700;font-size:.8rem;color:var(--navy)}
.chm-mock__body{padding:18px 20px 20px}
.chm-mock__prod{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;margin-bottom:14px}
.chm-mock__prod svg,.chm-mock__prod img{width:76px;height:76px;object-fit:cover;border-radius:4px}
.chm-mock__prod h4{font-size:1.15rem}
.chm-mock__prod small{display:block;color:var(--muted);font-size:.85rem}
.chm-tiers{width:100%;border-collapse:collapse;font-size:.95rem}
.chm-tiers th{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:2px solid var(--navy)}
.chm-tiers td{padding:10px;border-bottom:1px solid var(--line)}
.chm-tiers td:last-child,.chm-tiers th:last-child{text-align:right;white-space:nowrap}
.chm-tiers td{transition:background .4s}
.chm-tiers tr.is-on td{background:var(--or-l)}
.chm-tiers b{font-family:var(--disp);font-weight:800;font-size:1.1rem}
.chm-tiers del{color:var(--muted);font-weight:400;font-size:.85rem;margin-right:6px}
.chm-tiers .save{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:3px;background:var(--or);color:#fff;font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.06em}
.chm-mock__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.chm-mock__foot b{color:var(--navy);transition:color .3s}
.chm-mock__foot b.is-bump{color:var(--or-d)}
@media (max-width:980px){.chm-partner__in{grid-template-columns:1fr}}
@media (max-width:560px){.chm-benefits{grid-template-columns:1fr}}

/* ---------- tervrajz-tábla ---------- */
.chm-board{background:#fff;color:var(--txt)}
.chm-board.chm-sec{padding:clamp(40px,5vw,64px) 0}
.chm-board__head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:20px}
.chm-board__head h2{margin-top:12px}
.chm-board__in{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch}
.chm-board__draw{position:relative;padding:clamp(8px,1.2vw,16px);border-radius:10px;border:1px solid var(--line);background:linear-gradient(rgba(63,91,119,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(63,91,119,.08) 1px,transparent 1px);background-size:40px 40px;background-color:var(--bg)}
.chm-board__draw svg{width:100%;height:auto;display:block;overflow:hidden;border-radius:8px}
.chm-board__side{display:grid;grid-template-rows:auto auto 1fr;gap:12px;align-self:stretch}
.chm-board__more{display:grid;gap:14px;align-content:end;padding:18px 20px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.chm-board__more .chm-list{margin:0;gap:8px}
.chm-board__more .chm-list li{font-size:.92rem}
.chm-board__acts{display:flex;gap:8px;flex-wrap:wrap}
.chm-board__info{border-radius:10px;background:var(--navy);color:#C9D3DC;padding:18px 20px;display:grid;gap:6px;align-content:start;min-height:150px;position:relative;overflow:hidden}
.chm-board__info::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--or);transform:scaleX(var(--prog,0));transform-origin:left;transition:transform .2s linear}
.chm-board__info b{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:1.15rem;color:#fff}
.chm-board__info b i{width:28px;height:28px;border-radius:50%;background:var(--or);color:#fff;font-style:normal;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;flex:none}
.chm-board__info p{font-size:.92rem;color:#AEBCC9}
.chm-board__info .chm-link{color:#fff;font-size:.9rem;margin-top:4px}
.chm-draw .ln{fill:none;stroke:var(--navy);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.chm-draw .cl{fill:none;stroke:var(--steel);stroke-width:.8;opacity:.5}
.chm-draw .tick{fill:none;stroke:var(--steel);stroke-width:1;opacity:.7}
.chm-draw .lay .fillc{fill:var(--c,#D9E0E6);transition:fill .2s}
.chm-draw .lay .hatch{fill:none;stroke:var(--navy);stroke-width:.9;opacity:.7}
.chm-draw .lay .pat{fill:none;stroke:var(--navy);stroke-width:.9;opacity:.8}
.chm-draw .lbl{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.02em;fill:var(--navy)}
.chm-draw .lbl.num{fill:#fff;font-size:12px;font-weight:800}
.chm-draw .ldr{fill:none;stroke:var(--navy);stroke-width:1;opacity:.5}
.chm-draw .dot{fill:var(--or)}
.chm-draw .num-c{fill:var(--or)}
.chm-draw .lay{transition:opacity .25s;will-change:opacity}
.chm-draw.has-hl .lay{opacity:.55}
.chm-draw.has-hl .lay.is-hl{opacity:1}
.chm-draw.has-hl .lay.is-hl .face{stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 3px rgba(15,26,36,.5))}
.chm-draw .lblg{transition:opacity .2s}
.chm-draw.has-hl .lblg{opacity:.45}
.chm-draw.has-hl .lblg.is-hl{opacity:1}
.chm-draw.has-hl .lblg.is-hl .num-c{r:12}
.chm-draw.has-hl .lblg.is-hl .lbl{font-weight:800}
.chm-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.chm-legend a{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--r);border:1px solid var(--line);background:#fff;font-family:var(--disp);font-weight:600;font-size:.9rem;color:var(--navy);transition:border-color .2s,background .2s,color .2s}
.chm-legend a i{width:24px;height:24px;border-radius:50%;background:var(--lc,var(--bg-2));color:#fff;font-style:normal;font-size:.78rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 0 0 2px #fff inset}
.chm-legend a:hover,.chm-legend a.is-on{border-color:var(--lc,var(--or));background:var(--navy);color:#fff}
.chm-legend a:hover i,.chm-legend a.is-on i{background:var(--lc,#fff);color:#fff;box-shadow:0 0 0 2px #fff}
@media (max-width:980px){.chm-board__head,.chm-board__in{grid-template-columns:1fr}.chm-board__side{grid-template-rows:auto}}
@media (max-width:520px){.chm-legend{grid-template-columns:1fr}}

/* ---------- szolgáltatás: osztott sáv ---------- */
.chm-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.chm-split--rev .chm-split__media{order:2}
.chm-split__media{position:relative}
.chm-split__media img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:var(--r)}
.chm-split__media .chm-stamp{position:absolute;left:16px;bottom:16px;background:var(--or);color:#fff;padding:12px 18px;border-radius:var(--r);font-family:var(--disp);font-weight:700;font-size:.95rem;box-shadow:var(--shadow)}
.chm-split__media .chm-stamp small{display:block;font-family:var(--sans);font-weight:500;font-size:.8rem;text-transform:none;letter-spacing:0;opacity:.9}
.chm-split + .chm-split{margin-top:clamp(56px,8vw,110px)}
.chm-split h3,.chm-split h2{margin-top:12px}
.chm-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.chm-list li{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start}
.chm-list svg{width:22px;height:22px;color:var(--or);margin-top:2px}
.chm-list b{font-weight:600;color:var(--navy)}
@media (max-width:860px){.chm-split{grid-template-columns:1fr}.chm-split--rev .chm-split__media{order:0}}

/* ---------- fotós állítás-sáv ---------- */
.chm-band{position:relative;overflow:hidden;color:#fff;padding:clamp(90px,12vw,170px) 0;background:var(--navy)}
.chm-band__media{position:absolute;inset:0;z-index:0}
.chm-band__media img{width:100%;height:100%;object-fit:cover;opacity:.45}
.chm-band__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,26,36,.5),rgba(15,26,36,.85))}
.chm-band__in{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}
.chm-band__q{font-family:var(--disp);font-weight:800;letter-spacing:-.015em;font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:1.08;color:#fff;max-width:18ch;text-shadow:0 3px 20px rgba(0,0,0,.5)}
.chm-band__q em{font-style:normal;color:var(--or)}
.chm-band__f{display:grid;gap:14px}
.chm-band__f div{display:grid;gap:2px;padding-top:10px;border-top:1px solid rgba(255,255,255,.22)}
.chm-band__f b{font-family:var(--disp);font-weight:700;font-size:1.05rem}
.chm-band__f span{color:#C9D3DC;font-size:.95rem}
@media (max-width:860px){.chm-band__in{grid-template-columns:1fr}}

/* ---------- referenciák ---------- */
.chm-refs{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:start}
.chm-refs__list{display:grid;gap:8px}
.chm-ref{display:grid;grid-template-columns:1fr auto;gap:8px 18px;padding:22px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--line);cursor:default;transition:background .2s,color .2s,border-color .2s}
.chm-ref:hover,.chm-ref.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}
.chm-ref__m{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--or)}
.chm-ref__t{grid-column:1;font-family:var(--disp);font-weight:700;font-size:1.15rem;line-height:1.15;color:inherit}
.chm-ref__c{grid-column:2;grid-row:1/3;align-self:center;font-family:var(--disp);font-weight:600;color:var(--muted);font-size:.85rem;text-align:right}
.chm-ref:hover .chm-ref__c,.chm-ref.is-on .chm-ref__c{color:#AEBCC9}
.chm-ref__d{grid-column:1/-1;font-size:.95rem;color:var(--muted)}
.chm-ref:hover .chm-ref__d,.chm-ref.is-on .chm-ref__d{color:#C9D3DC}
.chm-refs__frame{position:sticky;top:110px;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);background:var(--navy)}
.chm-refs__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.chm-refs__frame img.is-on{opacity:1}
.chm-refs__cap{position:absolute;left:16px;bottom:16px;padding:10px 16px;border-radius:var(--r);background:var(--or);color:#fff;font-family:var(--disp);font-weight:700;font-size:.9rem}
@media (max-width:860px){.chm-refs{grid-template-columns:1fr}.chm-refs__frame{position:relative;top:auto;aspect-ratio:16/10}}

/* ---------- beszállítók (logókkal) ---------- */
.chm-brands{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.chm-brand-c{display:grid;gap:14px;padding:28px 26px;border-radius:var(--r);border:1px solid var(--line);background:#fff;align-content:start;transition:box-shadow .2s,transform .2s}
.chm-brand-c:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.chm-brand-c .chm-logo{height:52px;display:flex;align-items:center}
.chm-brand-c .chm-logo img,.chm-brand-c .chm-logo svg{max-height:52px;max-width:180px;width:auto;height:auto;object-fit:contain}
.chm-brand-c .chm-logo svg{height:40px;color:var(--navy)}
.chm-brand-c .chm-wm{font-family:var(--disp);font-weight:700;font-size:1.05rem;color:var(--navy)}
.chm-brand-c .chm-wm small{display:block;font-family:var(--sans);font-weight:500;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--or);margin-top:2px}
.chm-brand-c p{font-size:.92rem;color:var(--muted)}
.chm-brand-c .chm-link{font-size:.9rem}
@media (max-width:900px){.chm-brands{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.chm-brands{grid-template-columns:1fr}}

/* ---------- záró CTA ---------- */
.chm-cta{background:var(--or);color:#fff;position:relative;overflow:hidden}
.chm-cta__in{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.chm-cta h2{color:#fff}
.chm-cta p{color:rgba(255,255,255,.9);font-size:1.1rem;max-width:52ch}
.chm-cta__acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center}
.chm-cta__tel{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:1.3rem;letter-spacing:.04em}
.chm-cta__tel svg{width:24px;height:24px}
@media (max-width:860px){.chm-cta__in{grid-template-columns:1fr}.chm-cta__acts{justify-content:flex-start}}

/* ---------- kártyák, telephely ---------- */
.chm-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.chm-duo .chm-card{display:grid;align-content:start;gap:0}
.chm-duo .chm-card>.chm-btn,.chm-duo .chm-card>div:last-child{align-self:end;margin-top:auto}
.chm-card{position:relative;overflow:hidden;border-radius:var(--r);background:#fff;border:1px solid var(--line);padding:clamp(26px,3vw,40px)}
.chm-card--ink{background:var(--navy);color:#DCE4EB;border-color:transparent}
.chm-card--ink h3{color:#fff}
.chm-card--or{background:var(--or);color:#fff;border-color:transparent}
.chm-card--or h3{color:#fff}
.chm-card--or .chm-tag{color:#fff}.chm-card--or .chm-tag::before{background:#fff}
.chm-card h3{font-size:clamp(1.3rem,1.9vw,1.7rem);margin:12px 0 10px}
.chm-duo .chm-card p{margin-bottom:18px}
.chm-stars{display:inline-flex;gap:3px;color:#F2B21D;margin:4px 0 10px}
.chm-stars svg{width:22px;height:22px}
.chm-site-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:#fff}
.chm-site-card>div:first-child{position:relative;min-height:320px}
.chm-site-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chm-site-card__in{padding:clamp(24px,2.6vw,34px);display:grid;gap:12px;align-content:center}
.chm-site-card__in h3{margin-top:6px}
.chm-addr{display:grid;gap:10px;font-size:1rem}
.chm-addr>div{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}
.chm-addr svg{width:20px;height:20px;color:var(--or);margin-top:3px}
.chm-addr b{display:block;font-weight:600;color:var(--navy)}
.chm-card--ink .chm-addr b{color:#fff}
.chm-hours{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;font-size:.95rem}
.chm-hours span:nth-child(odd){color:var(--muted);white-space:nowrap}
@media (max-width:860px){.chm-duo,.chm-site-card{grid-template-columns:1fr}}

/* ---------- lábléc ---------- */
.chm-foot{background:var(--navy);color:#AEBCC9;padding:clamp(56px,7vw,80px) 0 28px;border-top:1px solid rgba(255,255,255,.08)}
.chm-foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}
.chm-foot .chm-brand{color:#fff;--logo-bg:var(--navy)}
.chm-foot .chm-brand svg{height:62px}
.chm-foot h5{color:#fff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.chm-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:.95rem}
.chm-foot a:hover{color:#fff}
.chm-foot p{font-size:.95rem;max-width:34ch}
.chm-soc{display:flex;gap:8px;margin-top:20px}
.chm-soc a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff}
.chm-soc a:hover{background:var(--or);border-color:var(--or)}
.chm-soc svg{width:18px;height:18px}
.chm-foot__logos{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.chm-foot__logos a{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:4px;background:#fff;color:var(--navy)}
.chm-foot__logos img,.chm-foot__logos svg{height:20px;width:auto}
.chm-foot__bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;font-size:.85rem;color:#8FA0B0}
.chm-foot__bot a{margin-left:14px}
@media (max-width:980px){.chm-foot__top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.chm-foot__top{grid-template-columns:1fr}}

/* ---------- oldalfej (aloldalak) ---------- */
.chm-pagehead{background:var(--navy);color:#C9D3DC;padding:clamp(40px,5vw,64px) 0 clamp(30px,4vw,48px)}
.chm-crumb{display:flex;gap:8px;font-size:.88rem;color:#8FA0B0;margin-bottom:14px}
.chm-crumb a:hover{color:var(--or)}
.chm-pagehead h1{font-size:clamp(2.1rem,3.8vw,3.4rem);color:#fff}
.chm-pagehead .chm-lead{margin-top:12px;color:#AEBCC9}
.chm-pagehead--ink{}

/* ---------- katalógus ---------- */
.chm-cat{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}
.chm-filters{position:sticky;top:104px;display:grid;gap:10px}
.chm-fbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.chm-fbox h4{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;color:var(--navy)}
.chm-fbox label{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:.95rem;cursor:pointer}
.chm-fbox label span{margin-left:auto;color:var(--muted);font-size:.82rem}
.chm-fbox input[type=checkbox]{width:17px;height:17px;accent-color:var(--or)}
.chm-fbox input[type=range]{width:100%;accent-color:var(--or)}
.chm-cat__bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.chm-cat__bar .n{color:var(--muted);font-size:.95rem}
.chm-cat__bar select{margin-left:auto;height:42px;border:1px solid var(--line-2);border-radius:var(--r);padding:0 12px;font:inherit;background:#fff}
.chm-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chm-prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s,transform .2s}
.chm-prod:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.chm-prod__img{position:relative;aspect-ratio:4/3;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:10%;border-bottom:1px solid var(--line)}
.chm-prod__img svg{width:100%;height:100%}
.chm-prod__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.chm-prod:hover .chm-prod__img img{transform:scale(1.05)}
.chm-prod__img .chm-flag{position:absolute;top:10px;left:10px;z-index:1;padding:5px 9px;border-radius:4px;background:var(--navy);color:#fff;font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.chm-prod__img .chm-flag--or{background:var(--or)}
.chm-prod__img .chm-flag--ok{background:#2F7D4F}
.chm-prod__in{padding:16px 18px 18px;display:grid;gap:8px;flex:1;align-content:start}
.chm-prod__cat{font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.chm-prod h3{font-size:1.15rem;line-height:1.05}
.chm-prod__sku{font-size:.82rem;color:var(--muted)}
.chm-prod__spec{display:flex;flex-wrap:wrap;gap:5px}
.chm-prod__spec span{padding:3px 7px;border-radius:3px;background:var(--bg);font-size:.8rem;color:var(--navy)}
.chm-prod__foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:10px}
.chm-prod__pub{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}
.chm-prod__pub span{display:inline-flex;align-items:center;gap:6px}
.chm-prod__pub svg{width:14px;height:14px;color:var(--steel)}
.chm-prod__pub a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.chm-price{display:grid;line-height:1.15}
.chm-price b{font-family:var(--disp);font-weight:800;font-size:1.35rem;color:var(--navy)}
.chm-price b small{font-family:var(--sans);font-weight:400;font-size:.8rem;color:var(--muted)}
.chm-price span{font-size:.8rem;color:var(--muted)}
.chm-price .lock{display:inline-flex;align-items:center;gap:6px;font-family:var(--disp);font-weight:600;font-size:.82rem;color:var(--steel)}
.chm-price .lock svg{width:15px;height:15px}
[data-partner]{display:none !important}
.is-partner [data-partner]{display:revert !important}
.is-partner [data-public]{display:none !important}
@media (max-width:1100px){.chm-prods{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.chm-cat{grid-template-columns:1fr}.chm-filters{position:relative;top:auto;grid-template-columns:1fr 1fr}}
@media (max-width:600px){.chm-prods{grid-template-columns:1fr}.chm-filters{grid-template-columns:1fr}}

/* ---------- termékoldal ---------- */
.chm-pp{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:start}
.chm-pp__gal{position:sticky;top:104px;display:grid;gap:10px}
.chm-pp__main{aspect-ratio:4/3;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:8%;border-radius:var(--r);border:1px solid var(--line);overflow:hidden;position:relative}
.chm-pp__main svg{width:100%;height:100%}
.chm-pp__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chm-pp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.chm-pp__thumbs div{aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:center;padding:14%;cursor:pointer;overflow:hidden;position:relative}
.chm-pp__thumbs div.is-on,.chm-pp__thumbs div:hover{border-color:var(--or);box-shadow:inset 0 0 0 1px var(--or)}
.chm-pp__thumbs svg{width:100%;height:100%}
.chm-pp__thumbs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chm-pp h1{font-size:clamp(1.7rem,2.8vw,2.3rem);margin:12px 0 10px}
.chm-pp__meta{display:flex;flex-wrap:wrap;gap:14px;font-size:.9rem;color:var(--muted);margin-bottom:18px}
.chm-pp__meta b{color:var(--navy);font-weight:600}
.chm-stock{display:inline-flex;align-items:center;gap:7px;color:#2F7D4F;font-weight:600;font-size:.92rem}
.chm-stock::before{content:"";width:9px;height:9px;border-radius:50%;background:#2F7D4F}
.chm-opts{display:grid;gap:8px;margin:16px 0}
.chm-opts label{font-family:var(--disp);font-weight:600;font-size:.82rem;color:var(--muted)}
.chm-seg{display:flex;flex-wrap:wrap;gap:6px}
.chm-seg button{padding:10px 14px;border:1.5px solid var(--line-2);border-radius:var(--r);background:#fff;font-family:var(--disp);font-weight:800;font-size:1rem;letter-spacing:.05em}
.chm-seg button.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.chm-seg button:hover:not(.is-on){border-color:var(--or);color:var(--or)}
.chm-buy{display:grid;gap:14px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-top:18px}
.chm-buy__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.chm-buy__price b{font-family:var(--disp);font-weight:800;font-size:2.1rem;line-height:1;color:var(--navy)}
.chm-buy__price b small{font-family:var(--sans);font-weight:400;font-size:.95rem;color:var(--muted);margin-left:4px}
.chm-buy__price .chm-flag{padding:4px 8px;border-radius:4px;background:var(--or);color:#fff;font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.chm-buy__row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.chm-qty{display:inline-flex;border:1.5px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:#fff}
.chm-qty button{width:44px;border:0;background:transparent;font-size:1.3rem;color:var(--navy)}
.chm-qty button:hover{background:var(--bg)}
.chm-qty input{width:64px;border:0;text-align:center;font:inherit;font-weight:600}
.chm-buy__row .chm-btn{flex:1}
.chm-buy__note{font-size:.88rem;color:var(--muted)}
.chm-buy__lock{display:grid;gap:10px;padding:18px;border-radius:var(--r);background:var(--bg);border:1px solid var(--line)}
.chm-buy__lock b{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:1rem}
.chm-buy__lock svg{width:18px;height:18px;color:var(--steel)}
.chm-buy__lock p{font-size:.92rem;color:var(--muted)}
.chm-calc{display:grid;gap:10px;padding:18px;border-radius:var(--r);background:var(--navy);color:#C9D3DC}
.chm-calc h4{font-size:1.05rem;letter-spacing:.1em;display:flex;align-items:center;gap:8px;color:#fff}
.chm-calc h4 svg{width:18px;height:18px;color:var(--or)}
.chm-calc .chm-field label{color:#AEBCC9}
.chm-calc__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chm-calc input{height:44px;border:1px solid rgba(255,255,255,.25);border-radius:var(--r);padding:0 12px;font:inherit;background:var(--navy-2);color:#fff;width:100%}
.chm-calc__out{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.95rem}
.chm-calc__out b{font-family:var(--disp);font-weight:800;font-size:1.3rem;color:var(--or)}
.chm-specs{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:12px}
.chm-specs th{text-align:left;font-weight:500;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line);width:46%}
.chm-specs td{padding:10px 0;border-bottom:1px solid var(--line);font-weight:600}
.chm-docs{display:grid;gap:8px;margin-top:12px}
.chm-docs a{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);font-size:.95rem}
.chm-docs a:hover{border-color:var(--or)}
.chm-docs svg{width:20px;height:20px;color:var(--or);flex:none}
.chm-docs small{margin-left:auto;color:var(--muted)}
.chm-tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin:40px 0 20px}
.chm-tabs button{padding:12px 16px;border:0;background:transparent;font-family:var(--disp);font-weight:700;font-size:.95rem;color:var(--muted)}
.chm-tabs button.is-on{color:var(--navy);box-shadow:inset 0 -3px 0 var(--or)}
.chm-tab{display:none}.chm-tab.is-on{display:block}
@media (max-width:900px){.chm-pp{grid-template-columns:1fr}.chm-pp__gal{position:relative;top:auto}}

/* ---------- űrlapok ---------- */
.chm-form{display:grid;gap:14px}
.chm-form__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.chm-field{display:grid;gap:6px;min-width:0;align-content:start}
.chm-field label{font-family:var(--disp);font-weight:600;font-size:.82rem;color:var(--navy)}
.chm-field input,.chm-field select,.chm-field textarea{width:100%;min-width:0;height:48px;border:1px solid var(--line-2);border-radius:var(--r);padding:0 14px;font:inherit;background:#fff;color:var(--txt)}
.chm-field textarea{height:auto;min-height:120px;padding:12px 14px;resize:vertical}
.chm-site select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141C24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;cursor:pointer}
.chm-site select:hover{border-color:var(--navy)}
.chm-field input:focus,.chm-field select:focus,.chm-field textarea:focus{outline:0;border-color:var(--or);box-shadow:0 0 0 3px var(--or-l)}
.chm-field small{font-size:.82rem;color:var(--muted)}
.chm-field ::placeholder{color:#7A8691;opacity:1}
.chm-field .ok{display:inline-flex;align-items:center;gap:6px;color:#2F7D4F;font-size:.85rem;font-weight:600}
.chm-field .ok svg{width:15px;height:15px}
.chm-check{display:flex;gap:10px;align-items:start;font-size:.92rem;color:var(--muted)}
.chm-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--or);flex:none}
.chm-form .chm-btn{justify-self:start}
@media (max-width:620px){.chm-form__row{grid-template-columns:1fr}}

/* ---------- partner oldal ---------- */
.chm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:st}
.chm-step{position:relative;padding:28px 24px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.chm-step::before{counter-increment:st;content:counter(st,decimal-leading-zero);position:absolute;right:18px;top:16px;font-family:var(--disp);font-weight:800;font-size:2.2rem;line-height:1;color:var(--or)}
.chm-step svg{width:40px;height:40px;color:var(--navy);margin-bottom:14px}
.chm-step h3{font-size:1.3rem;margin-bottom:8px}
.chm-step p{font-size:.95rem;color:var(--muted)}
.chm-two{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,3vw,40px);align-items:start}
.chm-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,34px)}
.chm-panel h3{font-size:1.5rem;margin-bottom:6px}
.chm-panel .chm-muted{font-size:.95rem;margin-bottom:18px}
.chm-panel--ink{background:var(--navy);color:#C9D3DC;border-color:transparent}
.chm-panel--ink h3{color:#fff}
.chm-panel--ink .chm-field label{color:#AEBCC9}
.chm-panel--ink .chm-field input{background:var(--navy-2);border-color:rgba(255,255,255,.25);color:#fff}
.chm-panel--ink .chm-muted{color:#B7C3CE}
@media (max-width:900px){.chm-steps{grid-template-columns:1fr}.chm-two{grid-template-columns:1fr}}

/* ---------- partnerportál ---------- */
.chm-dash{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}
.chm-dnav{position:sticky;top:104px;display:grid;gap:2px;background:var(--navy);border-radius:var(--r);padding:10px}
.chm-dnav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;font-family:var(--disp);font-weight:600;font-size:.92rem;color:#C9D3DC}
.chm-dnav a svg{width:18px;height:18px;color:#8FA0B0}
.chm-dnav a:hover,.chm-dnav a.is-on{background:var(--or);color:#fff}
.chm-dnav a:hover svg,.chm-dnav a.is-on svg{color:#fff}
.chm-dnav hr{border:0;border-top:1px solid rgba(255,255,255,.14);margin:8px 0}
.chm-dmain{display:grid;gap:14px}
.chm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.chm-kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;display:grid;gap:4px}
.chm-kpi span{font-family:var(--disp);font-weight:600;font-size:.8rem;color:var(--muted)}
.chm-kpi b{font-family:var(--disp);font-weight:800;font-size:1.7rem;line-height:1;color:var(--navy)}
.chm-kpi small{font-size:.82rem;color:var(--muted)}
.chm-kpi--or{background:var(--or);border-color:transparent;color:#fff}
.chm-kpi--or span,.chm-kpi--or b,.chm-kpi--or small{color:#fff}
.chm-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.3);overflow:hidden;margin-top:6px}
.chm-bar i{display:block;height:100%;width:100%;background:#fff;transform:scaleX(var(--p,.5));transform-origin:left}
.chm-dbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.chm-dbox__h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.chm-dbox__h h3{font-size:1.2rem}
.chm-tbl{width:100%;border-collapse:collapse;font-size:.93rem}
.chm-tbl th{text-align:left;font-family:var(--disp);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line-2)}
.chm-tbl td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.chm-tbl td:last-child,.chm-tbl th:last-child{text-align:right;white-space:nowrap}
.chm-tbl .st{display:inline-block;padding:3px 8px;border-radius:3px;font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.chm-tbl .st--ok{background:#E3F3EA;color:#1F6E42}.chm-tbl .st--w{background:var(--or-l);color:var(--or-d)}.chm-tbl .st--i{background:var(--steel-l);color:var(--steel)}
.chm-dgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.chm-mk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.chm-mk a{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.chm-mk a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.chm-mk svg{width:30px;height:30px;color:var(--or)}
.chm-mk b{font-family:var(--disp);font-weight:700;font-size:.98rem;line-height:1.15}
.chm-mk small{font-size:.82rem;color:var(--muted)}
.chm-mk a:hover small{color:#AEBCC9}
.chm-quick{display:grid;grid-template-columns:1.4fr .6fr auto;gap:8px}
.chm-quick input{height:46px;border:1px solid var(--line-2);border-radius:var(--r);padding:0 12px;font:inherit;background:#fff}
@media (max-width:1000px){.chm-dash{grid-template-columns:1fr}.chm-dnav{position:relative;top:auto;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.chm-dnav hr{display:none}.chm-kpis{grid-template-columns:1fr 1fr}.chm-dgrid{grid-template-columns:1fr}}
@media (max-width:620px){.chm-mk{grid-template-columns:1fr}.chm-quick{grid-template-columns:1fr}}

/* ---------- kosár / ajánlatkérés ---------- */
.chm-cartp{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(20px,3vw,40px);align-items:start}
.chm-cart__list{display:grid;gap:8px}
.chm-cart__row{display:grid;grid-template-columns:70px 1fr auto auto auto;gap:14px;align-items:center;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.chm-cart__row .im{width:70px;height:70px;background:var(--bg);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:10px}
.chm-cart__row .im svg{width:100%;height:100%}
.chm-cart__row h4{font-size:1.15rem;line-height:1.1}
.chm-cart__row small{display:block;color:var(--muted);font-size:.82rem;margin-top:3px}
.chm-cart__row .pr{font-family:var(--disp);font-weight:800;font-size:1.25rem;text-align:right;min-width:110px}
.chm-cart__row .pr small{font-family:var(--sans);font-weight:400}
.chm-cart__row .rm{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}
.chm-cart__row .rm:hover{background:var(--or-l);color:var(--or-d)}
.chm-cart__row .rm svg{width:17px;height:17px}
.chm-cart__empty{padding:40px;text-align:center;background:#fff;border:1px dashed var(--line-2);border-radius:var(--r);color:var(--muted)}
.chm-sum{position:sticky;top:104px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.chm-sum h3{font-size:1.4rem;margin-bottom:12px}
.chm-sum__l{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.chm-sum__l.t{border:0;padding-top:14px;font-family:var(--disp);font-weight:800;font-size:1.3rem}
.chm-sum__l .sv{color:#2F7D4F;font-weight:600}
.chm-sum .chm-btn{margin-top:14px}
.chm-sum p{font-size:.85rem;color:var(--muted);margin-top:12px}
.chm-tiernote{display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);color:var(--txt);font-size:.92rem;margin-top:12px}
.chm-tiernote svg{width:20px;height:20px;color:var(--or);flex:none}
.chm-tiernote a{color:var(--or-d) !important;font-weight:600}
@media (max-width:900px){.chm-cartp{grid-template-columns:1fr}.chm-sum{position:relative;top:auto}}
@media (max-width:620px){.chm-cart__row{grid-template-columns:60px 1fr auto}.chm-cart__row .pr{grid-column:2/-1;text-align:left}.chm-cart__row .chm-qty{grid-column:2}}

/* ---------- rólunk ---------- */
.chm-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:center}
.chm-story h2{margin-top:12px}
.chm-story__media{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chm-story__media img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r)}
.chm-story__media>div:nth-child(2){margin-top:48px}
.chm-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chm-val{padding:26px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);display:grid;gap:10px;align-content:start}
.chm-val svg{width:38px;height:38px;color:var(--or)}
.chm-val h3{font-size:1.3rem}
.chm-val p{font-size:.95rem;color:var(--muted)}
.chm-years{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.chm-years div{display:grid;gap:2px}
.chm-years b{font-family:var(--disp);font-weight:800;font-size:2.1rem;line-height:1;color:var(--or)}
.chm-years span{font-size:.9rem;color:var(--muted)}
@media (max-width:860px){.chm-story,.chm-vals{grid-template-columns:1fr}}

/* ---------- telephelyek ---------- */
.chm-map{position:relative;aspect-ratio:7/2;width:100%;overflow:hidden;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--line)}
.chm-map svg{object-fit:cover}
.chm-map svg{width:100%;height:100%;display:block;preserveAspectRatio:none}
.chm-map__pin{position:absolute;left:58%;top:46%;transform:translate(-50%,-100%);display:grid;justify-items:center}
.chm-map__pin b{padding:8px 12px;border-radius:4px;background:var(--navy);color:#fff;font-family:var(--disp);font-weight:700;font-size:.88rem;white-space:nowrap}
.chm-map__pin i{width:16px;height:16px;border-radius:50%;background:var(--or);border:3px solid #fff;box-shadow:0 0 0 4px rgba(242,107,29,.3)}
.chm-map__note{position:absolute;left:12px;bottom:12px;padding:8px 12px;border-radius:4px;background:#fff;color:var(--muted);font-size:.82rem}

/* ---------- látványterv-navigáció (demó) ---------- */
.chm-demo{position:fixed;left:18px;bottom:18px;z-index:80;font-family:var(--sans)}
.chm-demo__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:30px;background:var(--navy);color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 12px 30px -12px rgba(0,0,0,.6)}
.chm-demo__btn i{width:8px;height:8px;border-radius:50%;background:var(--or)}
.chm-demo__panel{display:none;position:absolute;left:0;bottom:52px;width:300px;background:#fff;border:1px solid var(--line-2);border-radius:8px;padding:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.4)}
.chm-demo.is-open .chm-demo__panel{display:block}
.chm-demo__panel h6{margin:0 0 8px;font-family:var(--disp);font-weight:800;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.chm-demo__panel a{display:block;padding:6px 8px;border-radius:4px;font-size:.9rem;color:var(--navy)}
.chm-demo__panel a:hover,.chm-demo__panel a.is-on{background:var(--or-l);color:var(--or-d)}
.chm-demo__sw{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 12px;padding:10px 12px;background:var(--bg);border-radius:6px;font-size:.88rem}
.chm-demo__sw b{display:block;font-weight:600}
.chm-demo__sw small{color:var(--muted);font-size:.78rem}
.chm-tog{position:relative;width:44px;height:24px;border-radius:12px;background:#C9D3DC;border:0;flex:none}
.chm-tog::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.chm-tog.is-on{background:var(--or)}.chm-tog.is-on::after{transform:translateX(20px)}

/* partner-sáv a fejléc alatt */
.chm-pbar{display:none;background:var(--or);color:#fff;font-size:.88rem}
.is-partner .chm-pbar{display:block}
.chm-pbar__in{display:flex;align-items:center;gap:18px;min-height:40px;flex-wrap:wrap}
.chm-pbar b{font-family:var(--disp);font-weight:700}
.chm-pbar a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700}
.chm-pbar a svg{width:15px;height:15px}
.chm-pbar .chm-pill{padding:3px 9px;border-radius:12px;background:rgba(255,255,255,.18);font-size:.8rem}

/* toast */
.chm-toast{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--r);background:var(--navy);color:#fff;box-shadow:0 20px 40px -16px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s}
.chm-toast.is-on{opacity:1;pointer-events:auto}
.chm-toast svg{width:20px;height:20px;color:var(--or)}
.chm-toast a{margin-left:8px;color:var(--or);font-weight:600}


/* ================= WordPress + Elementor illesztés ================= */
html{-webkit-text-size-adjust:100%}
.chm-site .e-con.chm-full,.chm-site .elementor-element.chm-full{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;padding:0;margin:0;max-width:none}
.chm-site .e-con.chm-full>.e-con-inner{max-width:none;padding:0;gap:0}
.chm-site .e-con.chm-full>.elementor-widget,.chm-site .e-con.chm-full>.e-con-inner>.elementor-widget{width:100%;max-width:100%;margin:0}
.chm-site .elementor-widget-container{margin:0;padding:0}
.chm-site .elementor-element.elementor-widget:not(:last-child){margin-bottom:0}
.chm-site .site-main,.chm-site .page-content{max-width:none;padding:0;margin:0}
.chm-site .elementor{width:100%}
.chm-sec--cont{padding-top:0!important}
.chm-sec--cont .chm-split{margin-top:clamp(40px,6vw,80px)}
.chm-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.chm-msg{margin:4px 0 0;font-size:.95rem;font-weight:600}
.chm-msg:empty{display:none}
.chm-msg.is-ok{color:#1F7A45}.chm-msg.is-err{color:#C0392B}
.chm-cta-ink{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
@media(max-width:760px){.chm-cta-ink{grid-template-columns:1fr}}
.chm-swatch{display:inline-block;width:18px;height:18px;border-radius:3px;vertical-align:middle;margin-right:8px}
.chm-tblw{overflow-x:auto}
.chm-prose{max-width:780px;font-size:1.02rem}
.chm-prose p{margin:0 0 1em}.chm-prose h2,.chm-prose h3{margin:1.4em 0 .5em}
.chm-site-card .chm-h3{font-size:clamp(1.3rem,1.9vw,1.7rem)}
.chm-prod[hidden]{display:none!important}
.chm-search{display:none}.chm-search.is-open{display:block}
.admin-bar .chm-header{top:32px}
@media(max-width:782px){.admin-bar .chm-header{top:46px}}
@media(max-width:600px){.admin-bar .chm-header{top:0}}
/* Elementor szerkesztőben a widgetek ne ugráljanak */
.elementor-editor-active .chm-hero__bg img{opacity:1!important}
.elementor-editor-active .chm-hero__bg img:not(:first-child){display:none}