/* ============================================================
   DIAMONDAMIRA 2025 — v3 stílusrendszer (többoldalas)
   tinta #0F0E11 · elefántcsont #F5F1E8 · arany #D8B24A
   Gloock (display) · Instrument Serif (szám/kiemelés) · Jura (szöveg)
   ============================================================ */

@font-face{font-family:"Gloock";src:url("../assets/fonts/Gloock-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"ISerif";src:url("../assets/fonts/InstrumentSerif-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"ISerif";src:url("../assets/fonts/InstrumentSerif-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Jura";src:url("../assets/fonts/Jura-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Jura";src:url("../assets/fonts/Jura-Medium.ttf") format("truetype");font-weight:500;font-display:swap}

:root{
  --ink:#0F0E11;--ink2:#16131A;--ink3:#0B0A0D;
  --ivory:#F5F1E8;--ivory2:#EFE9DC;
  --gold:#D8B24A;--gold-h:#E6C566;--gold-d:#8A6F42;--bronze-ink:#6E5730;
  --l-ink:rgba(15,14,17,.15);--l-gold:rgba(216,178,74,.3);
  --wrap:1240px;--e:cubic-bezier(.22,.75,.25,1);
  --st1:#2F7D32;--st2:#4C9A3D;--st3:#79A93B;--st4:#A8B535;
  --st5:#CDC22F;--st6:#F0D93F;--st7:#F0D93F;--fleck:#7A4E24;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Jura",system-ui,sans-serif;font-weight:300;font-size:17px;line-height:1.78;color:var(--ink);background:var(--ink);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--gold);color:var(--ink)}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--ink3)}
::-webkit-scrollbar-thumb{background:#3a3327;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:var(--gold-d)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 30px}
h1,h2{font-family:"Gloock",Georgia,serif;font-weight:400;letter-spacing:.005em}
h3{font-family:"Jura";font-weight:500}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--gold);color:var(--ink);padding:10px 18px;border-radius:2px;font-weight:500;text-decoration:none;transition:top .25s}
.skip:focus{top:14px}
.progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:120}
.progress span{display:block;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:0 50%}

/* ---------------- NAV ---------------- */
.nav{position:fixed;inset:2px 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 30px;transition:background .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(11,10,13,.92);backdrop-filter:blur(12px);border-color:rgba(216,178,74,.18);padding:11px 30px}
.nav-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.nav-mark{width:30px;height:auto}
.nav-name{font-family:"Gloock";color:var(--ivory);font-size:16px;letter-spacing:.1em;white-space:nowrap}
.nav-name em{font-style:normal;color:var(--gold)}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{color:var(--ivory);text-decoration:none;font-size:12.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:6px 0}
.nav-links a span{background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/0 1px;padding-bottom:5px;transition:background-size .35s var(--e),color .25s}
.nav-links a:hover span{background-size:100% 1px;color:var(--gold)}
.nav-links a[aria-current="page"] span{background-size:100% 1px;color:var(--gold)}
.nav-links a.nav-cta{border:1px solid var(--gold);color:var(--gold);padding:10px 18px;border-radius:2px;transition:background .25s,color .25s}
.nav-links a.nav-cta:hover{background:var(--gold);color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:14px}
.lang-toggle{font-family:"Jura";font-weight:500;font-size:12.5px;letter-spacing:.14em;background:none;border:1px solid rgba(245,241,232,.3);border-radius:2px;color:var(--ivory);padding:9px 12px;cursor:pointer;transition:border-color .25s}
.lang-toggle:hover{border-color:var(--gold)}
.lang-toggle .lang-sep{opacity:.35;margin:0 5px}
html[lang="hu"] .lang-hu,html[lang="en"] .lang-en{color:var(--gold)}
.nav-burger{display:none;background:none;border:0;cursor:pointer;padding:10px 6px}
.nav-burger span{display:block;width:24px;height:2px;background:var(--ivory);margin:5px 0;transition:transform .25s}

/* ---------------- HERO (főoldal) ---------------- */
.hero{position:relative;min-height:92svh;display:flex;flex-direction:column;justify-content:center;background:var(--ink);color:var(--ivory);overflow:hidden;padding:130px 0 0}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.hero-banan{position:absolute;right:-150px;bottom:4%;width:640px;opacity:.26;pointer-events:none;will-change:transform}
.hero-gem{position:absolute;right:5%;top:14%;pointer-events:none;animation:gemfloat 7s ease-in-out infinite}
.hero-gem img{width:min(280px,23vw);filter:drop-shadow(0 26px 70px rgba(216,178,74,.22))}
@keyframes gemfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.hero-inner{position:relative;z-index:2;width:100%}
.kicker{font-size:12px;font-weight:500;letter-spacing:.36em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.band-ivory .kicker{color:var(--bronze-ink)}
.hero-title{font-size:clamp(42px,6.6vw,94px);line-height:1.06;margin:6px 0 40px;max-width:13.5em}
.hline{display:block;overflow:hidden}
.hline>span{display:inline-block;transform:translateY(112%);transition:transform 1s var(--e)}
.hero.in .hline>span{transform:translateY(0)}
.hline:nth-child(2)>span{transition-delay:.12s}
.goldw{color:var(--gold)}
.hero-foot{display:grid;grid-template-columns:minmax(0,600px) auto;gap:48px;align-items:end;justify-content:space-between}
.hero-lead{font-size:18px;color:rgba(245,241,232,.82)}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;font-family:"Jura";font-weight:500;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;padding:17px 30px;border-radius:2px;transition:background .25s,color .25s,border-color .25s,transform .25s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--ink);border:1px solid var(--gold)}
.btn-gold:hover{background:var(--gold-h);border-color:var(--gold-h);color:var(--ink)}
.btn-ghost{border:1px solid rgba(245,241,232,.4);color:var(--ivory)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-ink{background:var(--ink);color:var(--gold);border:1px solid var(--ink)}
.btn-ink:hover{background:transparent;color:var(--ink);border-color:var(--ink)}

/* futósor */
.ticker{margin-top:64px;border-top:1px solid var(--l-gold);border-bottom:1px solid var(--l-gold);overflow:hidden;background:rgba(22,19,26,.6);position:relative;z-index:2}
.ticker-track{display:flex;white-space:nowrap;width:max-content;animation:tick 32s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-seq{font-family:"Jura";font-weight:500;font-size:13px;letter-spacing:.3em;color:var(--gold);padding:16px 0}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------------- ALOLDAL-FEJLÉC ---------------- */
.page-head{background:var(--ink);color:var(--ivory);padding:190px 0 90px;position:relative;overflow:hidden}
.page-head .hero-banan{width:480px;opacity:.16;bottom:-40px}
.page-head h1{font-size:clamp(38px,4.8vw,68px);max-width:15em;line-height:1.1}
.page-lead{margin-top:24px;max-width:46em;font-size:18px;color:rgba(245,241,232,.8)}
.crumb{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.crumb a{text-decoration:none;color:rgba(245,241,232,.6);transition:color .2s}
.crumb a:hover{color:var(--gold)}

/* ---------------- SÁVOK ---------------- */
.band{padding:120px 0;position:relative}
.band-ivory{background:var(--ivory);color:var(--ink)}
.band-ivory2{background:var(--ivory2);color:var(--ink)}
.band-ink{background:var(--ink);color:var(--ivory)}
.band-tight{padding:90px 0}
.band>.wrap{position:relative;z-index:2}
h2{font-size:clamp(30px,3.3vw,46px);line-height:1.15;max-width:16em}
.sec-kick{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.sec-kick::after{content:"";height:1px;flex:0 0 70px;background:var(--gold)}
.band-ivory .sec-kick::after,.band-ivory2 .sec-kick::after{background:var(--gold-d)}
.sec-top{display:grid;grid-template-columns:1fr minmax(0,430px);gap:60px;align-items:end;margin-bottom:60px}
.sec-note{font-size:16.5px}
.band-ivory .sec-note,.band-ivory2 .sec-note{color:rgba(15,14,17,.74)}
.band-ink .sec-note{color:rgba(245,241,232,.74)}
.sec{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.sec-side{position:sticky;top:120px}
.sec-no{font-family:"ISerif",Georgia,serif;font-size:112px;line-height:.85;margin-bottom:24px;color:transparent;-webkit-text-stroke:1px rgba(15,14,17,.3)}
.sec-no-ink{-webkit-text-stroke:1px rgba(216,178,74,.45)}
.sec-main{font-size:17.5px}
.sec-main p+p{margin-top:20px}
.band-ink .sec-main p{color:rgba(245,241,232,.82)}

/* ---------------- USP-SÁV (főoldal) ---------------- */
.usp{background:linear-gradient(180deg,#191521,#14111a);border-top:1px solid var(--l-gold);border-bottom:1px solid var(--l-gold)}
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.usp-item{padding:44px 30px;border-left:1px solid rgba(216,178,74,.22)}
.usp-item:first-child{border-left:0}
.usp-num{font-family:"ISerif",serif;font-size:44px;color:var(--gold);line-height:1;margin-bottom:12px}
.usp-item h3{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.usp-item p{font-size:14.5px;line-height:1.7;color:rgba(245,241,232,.75)}

/* ---------------- FOLYAMAT (főoldal, vízszintes) ---------------- */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:fl}
.fstep{position:relative;padding:30px 26px 26px;background:var(--ink2);border:1px solid rgba(216,178,74,.2);border-radius:3px;transition:border-color .3s,transform .3s var(--e)}
.fstep:hover{border-color:var(--gold);transform:translateY(-5px)}
.fstep::before{counter-increment:fl;content:"0" counter(fl);font-family:"ISerif",serif;font-size:40px;color:var(--gold);display:block;margin-bottom:12px}
.fstep h3{font-size:13.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ivory);margin-bottom:10px}
.fstep p{font-size:14.5px;color:rgba(245,241,232,.72);line-height:1.7}

/* ---------------- TERMÉK-INDEX ---------------- */
.plist{list-style:none;border-top:1px solid rgba(216,178,74,.28)}
.prow{display:grid;grid-template-columns:minmax(0,400px) 1fr;gap:40px;align-items:baseline;padding:32px 18px;border-bottom:1px solid rgba(216,178,74,.18);transition:background .3s,padding .3s;position:relative}
.prow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);transition:width .3s var(--e)}
.prow:hover{background:var(--ink2);padding-left:30px}
.prow:hover::before{width:3px}
.prow-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.prow h3{font-family:"Gloock";font-weight:400;font-size:clamp(26px,2.5vw,36px)}
.prow-lead h3{color:var(--gold)}
.chip{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(216,178,74,.5);padding:5px 11px;border-radius:2px;white-space:nowrap}
.chip-dim{color:rgba(245,241,232,.62);border-color:rgba(245,241,232,.24)}
.prow p{font-size:15.5px;color:rgba(245,241,232,.76);max-width:58ch}
.plist-link{display:inline-block;margin-top:34px}

/* ---------------- ÉRLELÉSI MŰSZERFAL ---------------- */
.scale{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;max-width:960px;margin:0 auto 22px}
.stage{background:#fff;border:1px solid var(--l-ink);border-radius:3px;padding:14px 8px 10px;cursor:pointer;font-family:"Jura";font-weight:500;transition:border-color .25s,box-shadow .25s,transform .25s var(--e)}
.stage svg{width:100%;height:auto}
.stage span{display:block;margin-top:6px;font-size:14px;letter-spacing:.1em;color:var(--ink)}
.stage .dia{display:inline-block;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);margin-left:4px;vertical-align:1px}
.stage:hover{border-color:var(--gold);transform:translateY(-4px)}
.stage[aria-selected="true"]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 16px 34px rgba(15,14,17,.12);transform:translateY(-4px)}
.stage .ban{stroke:var(--ink);stroke-width:2}
.stage .tip{fill:var(--st3);stroke:none}
.stage .fleck{fill:var(--fleck);stroke:none}
.stage[data-stage="1"] .ban{fill:var(--st1)}.stage[data-stage="2"] .ban{fill:var(--st2)}
.stage[data-stage="3"] .ban{fill:var(--st3)}.stage[data-stage="4"] .ban{fill:var(--st4)}
.stage[data-stage="5"] .ban{fill:var(--st5)}.stage[data-stage="6"] .ban{fill:var(--st6)}
.stage[data-stage="7"] .ban{fill:var(--st7)}
.stage-panel{max-width:960px;margin:0 auto 80px;display:grid;grid-template-columns:150px 1fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--l-ink);border-left:3px solid var(--gold);border-radius:3px;padding:30px 36px;min-height:150px}
.stage-big{font-family:"ISerif",serif;font-size:118px;line-height:.85;color:var(--gold);text-align:center}
.stage-txt h3{font-family:"Gloock";font-weight:400;font-size:23px;margin-bottom:8px}
.stage-txt p{color:rgba(15,14,17,.82)}
.stage-txt.swap{animation:swap .38s var(--e)}
@keyframes swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.specs{display:grid;grid-template-columns:repeat(3,1fr)}
.spec{padding:8px 40px}
.spec+.spec{border-left:1px solid var(--l-ink)}
.spec:first-child{padding-left:0}
.spec-num{font-family:"Gloock";font-size:42px;color:var(--gold-d);line-height:1.1}
.spec-num small{font-size:.5em}
.spec-l{font-size:11.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze-ink);margin:8px 0 14px}
.spec-p{font-size:15px;line-height:1.7;color:rgba(15,14,17,.78)}

/* skála-előzetes (főoldal) */
.mini-scale{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:640px;margin:26px 0 30px}
.mini-scale i{display:block;height:12px;border-radius:2px}
.mini-scale i:nth-child(1){background:var(--st1)}.mini-scale i:nth-child(2){background:var(--st2)}
.mini-scale i:nth-child(3){background:var(--st3)}.mini-scale i:nth-child(4){background:var(--st4)}
.mini-scale i:nth-child(5){background:var(--st5);outline:2px solid var(--gold-d);outline-offset:2px}
.mini-scale i:nth-child(6){background:var(--st6)}
.mini-scale i:nth-child(7){background:radial-gradient(circle at 22% 45%, var(--fleck) 0 1.6px, transparent 2.7px),radial-gradient(circle at 52% 62%, var(--fleck) 0 1.4px, transparent 2.5px),radial-gradient(circle at 80% 38%, var(--fleck) 0 1.5px, transparent 2.6px),var(--st7)}

/* ---------------- MINŐSÉG-LISTA ---------------- */
.qlist{list-style:none}
.qlist li{display:grid;grid-template-columns:86px 1fr;gap:28px;padding:30px 0;border-top:1px solid rgba(216,178,74,.22)}
.qlist li:first-child{border-top:0;padding-top:0}
.q-no{font-family:"ISerif",serif;font-size:34px;color:var(--gold);line-height:1.15}
.qlist h3{font-size:14.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.qlist p{color:rgba(245,241,232,.8)}

/* ---------------- CTA-SÁV (arany) ---------------- */
.cta-band{background:linear-gradient(120deg,var(--gold),var(--gold-h));color:var(--ink);padding:88px 0}
.cta-band h2{max-width:none;font-size:clamp(32px,4vw,56px);margin-bottom:14px}
.cta-band p{max-width:42em;font-size:17px;color:rgba(15,14,17,.82);margin-bottom:36px}
.cta-line{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.cta-tel{font-family:"Gloock";font-size:clamp(24px,2.6vw,34px);color:var(--ink);text-decoration:none;border-bottom:2px solid rgba(15,14,17,.35);transition:border-color .25s}
.cta-tel:hover{border-color:var(--ink)}

/* ---------------- KAPCSOLAT ---------------- */
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}
.c-tel{display:block;font-family:"Gloock";font-size:clamp(30px,3.4vw,48px);color:var(--ivory);text-decoration:none;margin-bottom:10px;transition:color .25s}
.c-tel:hover{color:var(--gold)}
.c-mail{display:inline-block;font-size:20px;color:rgba(245,241,232,.88);text-decoration:none;margin-bottom:18px}
.c-mail span{background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/0 1px;padding-bottom:4px;transition:background-size .35s var(--e),color .25s}
.c-mail:hover span{background-size:100% 1px;color:var(--gold)}
.c-person{font-size:14px;letter-spacing:.06em;color:rgba(245,241,232,.62);margin-bottom:38px}
.c-cta{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-family:"Jura";font-weight:500;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:19px 30px;border-radius:2px;border:1px solid var(--gold);transition:background .25s,transform .25s}
.c-cta:hover{background:var(--gold-h);transform:translateY(-2px)}
.c-cta .arr{transition:transform .3s var(--e)}
.c-cta:hover .arr{transform:translateX(6px)}
.contact-addr p{display:grid;gap:4px;padding:22px 0;border-top:1px solid rgba(216,178,74,.22);font-size:15.5px;line-height:1.8;color:rgba(245,241,232,.8)}
.contact-addr p:first-child{border-top:0;padding-top:0}
.contact-addr strong{font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:11.5px;color:var(--gold)}
.contact-addr a{color:rgba(245,241,232,.8)}
.gmap{font-size:13px;letter-spacing:.08em}
.howto{background:var(--ink2);border:1px solid rgba(216,178,74,.25);border-left:3px solid var(--gold);border-radius:3px;padding:28px 30px;margin-top:44px;max-width:760px}
.howto h3{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.howto p{color:rgba(245,241,232,.8);font-size:15.5px}

/* cégadat-blokk */
.cdata{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;border:1px solid rgba(216,178,74,.25);border-radius:3px;overflow:hidden;margin-top:60px}
.cdata div{background:var(--ink2);padding:20px 24px}
.cdata span{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin-bottom:5px}
.cdata b{font-weight:500;font-size:15px;color:rgba(245,241,232,.9)}

/* ---------------- LÁBLÉC ---------------- */
.footer{background:var(--ink3);color:rgba(245,241,232,.74);border-top:1px solid rgba(216,178,74,.22);padding:26px 0 0;font-size:14px;overflow:hidden}
.foot-mark{font-family:"Gloock";font-size:clamp(38px,10.5vw,140px);line-height:1;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(216,178,74,.16);user-select:none;margin-bottom:6px;white-space:nowrap}
.foot-grid{display:grid;grid-template-columns:1fr 1.4fr .9fr;gap:44px;padding:34px 30px 44px}
.foot-brand{max-width:320px}
.foot-tag{font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:14px}
.foot-data p,.foot-contact p{padding:4px 0}
.foot-data span{display:inline-block;min-width:150px;color:var(--gold-d);letter-spacing:.05em;font-size:12.5px;text-transform:uppercase}
.foot-contact a{text-decoration:none;transition:color .2s}
.foot-contact a:hover{color:var(--gold)}
.foot-nav{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px}
.foot-nav a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:rgba(245,241,232,.6)}
.foot-nav a:hover{color:var(--gold)}
.foot-bottom{border-top:1px solid rgba(245,241,232,.08);padding-top:20px;padding-bottom:20px;font-size:12.5px;color:rgba(245,241,232,.42);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.byline{color:rgba(245,241,232,.42);text-decoration:none;letter-spacing:.08em;white-space:nowrap;transition:color .25s}
.byline:hover{color:var(--gold)}

/* ---------------- REVEAL ---------------- */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--e),transform .8s var(--e);transition-delay:var(--rvd,0s)}
.rv.on{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hline>span{transform:none}
  .rv{opacity:1;transform:none}
  .ticker-track{animation:none!important}
  .hero-banan{transform:none!important}
}

/* ---------------- RESZPONZÍV ---------------- */
@media (max-width:1040px){
  .hero-gem{display:none}
  .hero-foot{grid-template-columns:1fr;gap:30px}
  .sec{grid-template-columns:1fr;gap:40px}
  .sec-side{position:static}
  .sec-no{font-size:84px}
  .sec-top{grid-template-columns:1fr;gap:22px;margin-bottom:44px}
  .usp-grid{grid-template-columns:repeat(2,1fr)}
  .usp-item{border-top:1px solid rgba(216,178,74,.18)}
  .usp-item:nth-child(-n+2){border-top:0}
  .usp-item:nth-child(odd){border-left:0}
  .flow{grid-template-columns:repeat(2,1fr)}
  .specs{grid-template-columns:1fr}
  .spec{padding:26px 0}
  .spec+.spec{border-left:0;border-top:1px solid var(--l-ink)}
  .contact-grid{grid-template-columns:1fr;gap:44px}
  .cdata{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:26px}
}
@media (max-width:760px){
  .nav-links{position:fixed;inset:58px 0 auto 0;flex-direction:column;gap:0;background:rgba(11,10,13,.97);border-bottom:1px solid rgba(216,178,74,.25);max-height:0;overflow:hidden;transition:max-height .35s var(--e)}
  .nav-links.open{max-height:460px}
  .nav-links a{padding:17px 30px;width:100%;border-bottom:1px solid rgba(245,241,232,.06)}
  .nav-links a.nav-cta{border:0;color:var(--gold)}
  .nav-burger{display:block}
  .nav-burger.open span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .nav-burger.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .hero{padding-top:110px;min-height:auto}
  .hero-banan{width:420px;right:-150px;opacity:.18}
  .page-head{padding:150px 0 64px}
  .band{padding:80px 0}
  .flow{grid-template-columns:1fr}
  .prow{grid-template-columns:1fr;gap:12px;padding:26px 12px}
  .scale{grid-template-columns:repeat(4,1fr)}
  .stage-panel{grid-template-columns:1fr;gap:12px;padding:24px 22px}
  .stage-big{font-size:72px;text-align:left}
  .qlist li{grid-template-columns:56px 1fr;gap:16px}
  .q-no{font-size:26px}
  .ticker-seq{font-size:11.5px;letter-spacing:.22em}
}

/* ---------------- FOTÓK ---------------- */
.photos{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-top:74px;align-items:stretch}
.photo{position:relative;overflow:hidden;border:1px solid rgba(216,178,74,.4);border-radius:3px;background:var(--ink);margin:0}
.photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .9s var(--e)}
.photo:hover img{transform:scale(1.06)}
.photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 13px;background:linear-gradient(transparent,rgba(11,10,13,.85));color:var(--gold);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.photo-lead{aspect-ratio:16/10}
.photo-wide{aspect-ratio:21/9;margin-top:74px}
@media (max-width:1040px){.photos{grid-template-columns:1fr}.photo{aspect-ratio:16/10}}

/* ---------------- AJÁNLATKÉRŐ ŰRLAP ---------------- */
.qform-wrap{margin-top:90px}
.qform{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:36px;max-width:920px}
.qf{display:grid;gap:8px;align-content:start}
.qf label{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.qf input,.qf select,.qf textarea{background:var(--ink2);border:1px solid rgba(216,178,74,.3);border-radius:2px;color:var(--ivory);font-family:"Jura",system-ui,sans-serif;font-weight:300;font-size:16px;padding:13px 14px;width:100%}
.qf input:focus,.qf select:focus,.qf textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.qf input[type="date"]{color-scheme:dark}
.qf textarea{resize:vertical;min-height:110px}
.qf-full{grid-column:1/-1}
.qf-hiba{color:var(--gold-h);font-weight:500}
.qf-note{font-size:13px;color:rgba(245,241,232,.6);max-width:660px}
.vezet-nev{font-family:"ISerif",Georgia,serif;font-size:clamp(30px,3.4vw,48px);color:var(--gold);line-height:1.15;margin-bottom:4px}
@media (max-width:760px){.qform{grid-template-columns:1fr}}

/* védősáv: a hero-szöveg nagy képernyőn sem lóghat az animált jel alá (hero-vedosav) */
@media (min-width:1041px){
  .hero-inner{padding-right:min(24vw,360px)}
}

/* ---------------- MOBIL FINOMHANGOLÁS ---------------- */
/* A 6 linkes menü 1080 px alatt már nem fér el vízszintesen → hamburger korábban vált */
@media (max-width:1080px){
  .nav-links{position:fixed;inset:58px 0 auto 0;flex-direction:column;gap:0;background:rgba(11,10,13,.97);border-bottom:1px solid rgba(216,178,74,.25);max-height:0;overflow:hidden;transition:max-height .35s var(--e)}
  .nav-links.open{max-height:480px}
  .nav-links a{padding:17px 30px;width:100%;border-bottom:1px solid rgba(245,241,232,.06)}
  .nav-links a.nav-cta{border:0;color:var(--gold)}
  .nav-burger{display:block}
  .nav-burger.open span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .nav-burger.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}
/* Keskeny telefonon a garancia-sáv két oszlopát szétfeszítik a hosszú magyar
   szavak (pl. NYOMONKÖVETHETŐSÉG ≈ 196 px egy ~157 px-es oszlopban) → egy oszlop */
@media (max-width:760px){
  .usp-grid{grid-template-columns:1fr}
  .usp-item{border-left:0;border-top:1px solid rgba(216,178,74,.18);padding:30px 4px}
  .usp-item:first-child{border-top:0}
  h1,h2,h3{overflow-wrap:break-word}
  .usp-item h3,.qlist h3{letter-spacing:.15em}
}
/* 430 px alatt: kompakt fejléc (a márkanév + váltó + hamburger csak így fér ki),
   főcím-méretezés, hogy a "nagykereskedés" szó törés nélkül kiférjen */
@media (max-width:430px){
  .nav{padding:14px 18px}
  .nav.scrolled{padding:10px 18px}
  .nav-name{font-size:13.5px;letter-spacing:.07em}
  .nav-right{gap:8px}
  .lang-toggle{padding:8px 9px;font-size:11.5px}
  .hero-title{font-size:clamp(34px,10.8vw,42px)}
  .wrap{padding:0 22px}
  .band{padding:64px 0}
  .band-tight{padding:56px 0}
  .cta-band{padding:64px 0}
  .stage-panel{padding:20px 18px}
}