@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--gold:#e7bd63;--gold2:#fff0b6;--dark:#060709;--panel:rgba(5,7,9,.91);--text:#f7f0df;--muted:#d2c7b1;--line:rgba(231,189,99,.58);--serif:'Cinzel',Georgia,serif;--sans:'Montserrat',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b url('assets/trezor-hatter-desktop.png') center top/cover fixed no-repeat;color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,4,6,.28),rgba(3,4,6,.64) 42%,rgba(3,4,6,.85))}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:100;background:#000;padding:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(3,4,6,.92) url('assets/trezor-fejlec-hatter.png') center 13%/cover no-repeat;border:1px solid rgba(231,189,99,.55);border-radius:0 0 15px 15px;box-shadow:0 10px 32px #0008;backdrop-filter:blur(8px)}.header-inner{max-width:1500px;min-height:82px;margin:auto;padding:8px clamp(16px,3vw,40px);display:flex;align-items:center;gap:clamp(14px,2.5vw,40px)}.brand{flex:0 0 auto;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;text-decoration:none;color:var(--gold2);font-family:var(--serif);line-height:1}.brand-mark{font-size:2.25rem;grid-row:span 2;text-shadow:0 0 14px #b77c25}.brand-word{font-size:clamp(1.45rem,2vw,2rem);letter-spacing:.1em}.brand small{font-size:.58rem;letter-spacing:.23em;margin-top:5px}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,2.5vw,38px);flex:1}.main-nav a{text-decoration:none;text-transform:uppercase;font-size:.78rem;font-weight:600;letter-spacing:.025em;white-space:nowrap;padding:13px 0;border-bottom:1px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--gold2);border-color:var(--gold)}.header-actions{display:flex;align-items:center;gap:20px}.cart-button,.music-toggle,.menu-toggle{color:var(--gold2);border:1px solid var(--line);background:#070809d9;border-radius:9px;padding:10px 13px;display:flex;align-items:center;gap:9px;cursor:pointer;white-space:nowrap}.cart-button{font-size:.78rem}.cart-button b{background:#b30000;color:#fff;border-radius:50%;font-size:.72rem;min-width:20px;height:20px;display:grid;place-items:center}.cart-icon{font-size:1rem}.music-toggle{border:0;background:transparent}.music-toggle>span:first-child{font-size:1.4rem}.toggle-track{width:37px;height:20px;border-radius:20px;background:#8d7747;padding:3px}.toggle-track i{display:block;width:14px;height:14px;border-radius:50%;background:#fff2c4;transition:transform .2s}.music-toggle[aria-pressed=true] .toggle-track i{transform:translateX(17px)}.menu-toggle{display:none;font-size:1.3rem}.hero{min-height:490px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 34%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.25)),url('assets/trezor-hatter-desktop.png') center 35%/cover no-repeat;border-bottom:1px solid #c18a36}.hero-art{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 28%,rgba(0,0,0,.08));pointer-events:none}.hero-copy{position:relative;z-index:1;width:min(560px,48%);margin-left:max(calc((100vw - 1300px)/2),5vw);padding:45px 0 70px;text-shadow:0 3px 12px #000}.hero-logo{display:flex;flex-direction:column;line-height:.94;color:#f8e4ad;font-family:var(--serif);text-shadow:0 4px 18px #000}.hero-logo span{font-size:4.3rem;margin-left:110px}.hero-logo strong{font-size:clamp(3rem,5vw,5.4rem);letter-spacing:.04em}.hero-kicker{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,2.05rem);line-height:1.3;color:#f3d48d;letter-spacing:.04em;margin:20px 0 12px}.hero-sub{font-family:var(--serif);font-size:1.05rem;line-height:1.7;color:#fff0d3;margin:0 0 24px;padding-left:24px;border-left:2px solid var(--gold)}.ornate-button{display:inline-flex;align-items:center;gap:18px;text-decoration:none;color:#ffe6a1;font-weight:800;font-size:.83rem;letter-spacing:.04em;padding:15px 25px;border:1px solid var(--gold);outline:1px solid #7c5726;outline-offset:4px;background:linear-gradient(100deg,#120e09dd,#070809e8);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);box-shadow:0 0 22px #d99b3c22}.ornate-button:hover{background:linear-gradient(100deg,#493216,#15100a);color:#fff}.scroll-cue{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);text-decoration:none;display:flex;flex-direction:column;align-items:center;color:var(--gold2);font-size:2rem;line-height:.7}.scroll-cue small{font-size:.56rem;letter-spacing:.18em;margin-top:13px}.missions-section{padding:28px 0 24px;background:linear-gradient(180deg,rgba(4,5,7,.66),rgba(3,4,6,.76));overflow:hidden}.section-title{display:flex;align-items:center;justify-content:center;gap:22px;text-align:center;margin:0 auto 4px;padding:0 18px}.section-title>span{width:min(20vw,190px);height:2px;background:linear-gradient(90deg,transparent,var(--gold))}.section-title>span:last-child{transform:rotate(180deg)}.section-title h1,.section-title h2{font-family:var(--serif);font-size:clamp(1.45rem,2.5vw,2.2rem);font-weight:700;letter-spacing:.08em;color:#f7d995;margin:0}.section-title p{margin:3px 0 0;color:#e5d9c3;font-size:.9rem}.carousel-wrap{position:relative;max-width:1440px;margin:0 auto;padding:0 65px}.carousel-stage{height:clamp(390px,39vw,520px);position:relative;perspective:1300px;transform-style:preserve-3d;touch-action:pan-y;user-select:none;overflow:visible}.mission-card{position:absolute;top:50%;left:50%;width:clamp(190px,21vw,290px);height:clamp(300px,31vw,420px);transform:translate(-50%,-50%);transform-style:preserve-3d;overflow:hidden;border:1px solid #d8ae5a;border-radius:7px;background:#08090a;box-shadow:0 20px 40px #000b;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .5s,filter .5s,box-shadow .5s;cursor:pointer;will-change:transform,opacity}.mission-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 22%,rgba(0,0,0,.28) 45%,rgba(0,0,0,.96) 100%)}.card-content{position:absolute;inset:auto 0 0;padding:17px 15px 16px;text-align:center}.card-tag{font-size:.57rem;letter-spacing:.12em;color:#f6d47e;margin:0 0 6px;font-weight:800}.card-content h2{font-family:var(--serif);font-size:clamp(.92rem,1.3vw,1.2rem);line-height:1.25;color:#ffe7a8;margin:0 0 8px;text-shadow:0 2px 6px #000}.card-content>p:not(.card-tag){font-size:.74rem;line-height:1.45;color:#f3ead8;margin:0 auto 12px;max-width:260px}.card-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 15px;border:1px solid #f5d486;border-radius:5px;background:linear-gradient(135deg,#ffe4a0,#c88a2a);color:#160f06;font-family:var(--sans);font-size:.68rem;font-weight:800;letter-spacing:.015em;cursor:pointer;box-shadow:0 4px 16px #0007}.card-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.card-cta span{font-size:1.1rem}.mission-card.is-active{border:2px solid #f5d178;box-shadow:0 0 0 2px #dba84966,0 0 32px #dba84944,0 24px 50px #000c}.mission-card.is-active .card-content{padding-bottom:20px}.carousel-arrow{position:absolute;z-index:20;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #e9c46f;border-radius:50%;background:#090a0ce8;color:#ffe3a0;font-size:2.4rem;line-height:1;cursor:pointer;box-shadow:0 0 18px #0008}.carousel-arrow:hover{background:#b57d25;color:#090909}.carousel-arrow.prev{left:14px}.carousel-arrow.next{right:14px}.carousel-dots{display:flex;justify-content:center;align-items:center;gap:12px;margin:4px 0 10px}.carousel-dot{width:11px;height:11px;border-radius:50%;border:1px solid #e8c16a;background:#18130a;cursor:pointer;padding:0}.carousel-dot[aria-current=true]{background:#ffe1a0;box-shadow:0 0 12px #f5ce77;transform:scale(1.25)}.carousel-hint{text-align:center;color:#c8b99d;font-size:.72rem;margin:8px 0 16px}.selected-panel{max-width:950px;margin:0 auto;padding:18px 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;border:1px solid #8d682f;border-radius:8px;background:linear-gradient(100deg,#060809ed,#10100fe8);box-shadow:0 12px 34px #0008}.selected-status{display:inline-block;font-size:.62rem;letter-spacing:.14em;color:#f8d987;border:1px solid #a77b35;padding:4px 8px;border-radius:3px}.selected-panel h2{font-family:var(--serif);font-size:1.5rem;color:#f8d995;margin:6px 0}.selected-panel p{margin:0;color:#d8cdb9;font-size:.85rem}.selected-buy{display:grid;gap:7px}.selected-buy label{font-size:.75rem;color:#e9d9b8}.selected-buy select{width:100%;padding:10px;background:#0c0d0e;color:#fff0d0;border:1px solid #8e6a35;border-radius:4px}.selected-buy small,.drawer-total small{font-size:.65rem;color:#b9ad96}.selected-buy .card-cta{width:100%}#selectedSoon{grid-column:2;color:#f3d995;font-size:.85rem}#selectedSoon p{margin-top:5px}.benefits{max-width:1300px;margin:20px auto 35px;padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border:1px solid #6d532e;border-radius:9px;background:linear-gradient(100deg,#06090beF,#0b0c0df0);box-shadow:0 12px 30px #0008}.benefits article{text-align:center;padding:6px 10px}.benefit-icon{font-size:2rem;line-height:1;color:#f3cc70;text-shadow:0 0 12px #c18b36}.benefits h3{font-family:var(--serif);font-size:.83rem;color:#f8dfa0;margin:10px 0 4px}.benefits p{font-size:.75rem;color:#d6cbb7;margin:0}.how-section,.info-section{max-width:1300px;margin:0 auto 28px;padding:28px 24px;border:1px solid #5d4829;border-radius:8px;background:rgba(4,6,7,.88);box-shadow:0 12px 30px #0008}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.steps-grid article{position:relative;min-height:190px;padding:22px 14px 15px;text-align:center;border:1px solid #5d4829;border-radius:6px;background:#07090bd9}.steps-grid article>b{position:absolute;top:10px;left:calc(50% - 15px);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#fff0b7,#bd8024);color:#160f06;box-shadow:0 0 12px #c38b38}.steps-grid article>span{display:block;font-size:1.8rem;color:#e9c16b;margin:23px 0 7px}.steps-grid h3{font-family:var(--serif);font-size:.72rem;color:#f4d991;margin:0 0 6px}.steps-grid p{font-size:.73rem;color:#cfc4af;margin:0}.why-box{margin-top:20px;padding:17px 22px;border:1px solid #5d4829;background:#080a0be8;border-radius:6px}.why-box h2{font-family:var(--serif);color:#f5d68d;font-size:1.1rem;margin:0 0 10px}.why-box p{font-size:.78rem;color:#cfc4af;margin:9px 0}.why-box b{color:#f4d991}.info-section{padding-bottom:22px}.info-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.info-links a{padding:13px;border:1px solid #73582e;background:#0a0c0ddd;border-radius:5px;text-decoration:none;color:#f1dfb4;font-size:.8rem}.info-links a:hover{border-color:#ffe09a}.legal-note{font-size:.72rem;color:#b9ad96;margin:15px 0 0}footer{padding:24px 20px;text-align:center;background:#030405eF;border-top:1px solid #6d532e;color:#c9bda7;font-size:.75rem}footer a{color:#f2d38b}.footer-brand{font-family:var(--serif);font-size:1.3rem;text-decoration:none;letter-spacing:.12em}.drawer-backdrop{position:fixed;inset:0;z-index:80;background:#000a}.cart-drawer{position:fixed;z-index:81;right:0;top:0;height:100dvh;width:min(440px,100%);padding:22px;background:#090b0c;border-left:1px solid #8a672f;box-shadow:-15px 0 40px #0009;transform:translateX(105%);transition:transform .3s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #594326;padding-bottom:13px}.drawer-head h2{font-family:var(--serif);font-size:1.2rem;color:#f3d58b}.drawer-head button,#closeCheckout{background:transparent;border:1px solid #8b6b35;color:#f5dfad;border-radius:5px;font-size:1.4rem;cursor:pointer}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #403320}.cart-row h3{font-size:.9rem;margin:0}.cart-row p{font-size:.8rem;color:#c8b99d}.remove-item{background:none;color:#eac16c;border:0;text-decoration:underline;cursor:pointer}.drawer-total{margin-top:auto;border-top:1px solid #594326;padding-top:18px;display:grid;gap:12px}.drawer-total>span{color:#d3c5aa}.drawer-total>strong{font-size:1.4rem;color:#f8dc96}.drawer-total .card-cta{width:100%}dialog{width:min(520px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid #9b7336;border-radius:8px;background:#090b0c;color:#f6ecd6;padding:22px;box-shadow:0 24px 80px #000c}dialog::backdrop{background:#000b}dialog form{display:grid;gap:12px}dialog label{display:grid;gap:5px;font-size:.78rem}dialog input{width:100%;padding:11px;background:#111415;color:#fff;border:1px solid #69522e;border-radius:4px}dialog .check{display:flex;align-items:center;gap:8px}dialog .check input{width:auto}dialog #formError{color:#f6cc7c;font-size:.78rem}dialog>form>button:last-of-type{background:none;border:1px solid #6e532e;color:#f4d895;padding:10px;border-radius:4px;cursor:pointer}.toast{position:fixed;z-index:100;bottom:18px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border:1px solid #e0b85c;border-radius:6px;background:#080a0b;color:#ffdf91;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{min-height:530px}.hero-copy{margin-left:max(calc((100vw - 1300px)/2),6vw)}}
@media(max-width:1050px){.header-inner{gap:14px}.brand-word{font-size:1.45rem}.brand small{font-size:.48rem}.main-nav{gap:14px}.main-nav a{font-size:.68rem}.header-actions{gap:8px}.music-toggle{gap:5px}.carousel-wrap{padding:0 48px}.mission-card{width:clamp(175px,24vw,250px);height:clamp(290px,35vw,390px)}.hero{min-height:450px}.hero-copy{width:55%}}
@media(max-width:760px){body{background-attachment:scroll;background-position:center top;background-size:auto 100vh}.site-header{border-radius:0 0 10px 10px;background-position:center 15%;}.header-inner{min-height:66px;padding:8px 14px;display:grid;grid-template-columns:1fr auto auto}.brand-mark{font-size:1.8rem}.brand-word{font-size:1.4rem}.brand small{font-size:.44rem}.menu-toggle{display:block;padding:8px 11px}.main-nav{display:none;position:absolute;left:8px;right:8px;top:calc(100% + 5px);padding:14px;background:#050607f5;border:1px solid #73572e;border-radius:7px;box-shadow:0 12px 28px #000c;align-items:stretch;gap:0;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:12px 8px;font-size:.8rem;border-bottom:1px solid #31271a}.header-actions{grid-column:1/-1;grid-row:2;justify-content:space-between;padding-top:3px}.cart-button{flex:1;justify-content:center;padding:8px;font-size:.72rem}.music-toggle{padding:6px 8px}.hero{min-height:440px;background-position:58% center}.hero-copy{width:min(90%,430px);margin:0;padding:40px 22px 55px;background:linear-gradient(90deg,#030405d9,#03040588,transparent)}.hero-logo span{font-size:3.2rem;margin-left:75px}.hero-logo strong{font-size:3.3rem}.hero-kicker{font-size:1.4rem}.hero-sub{font-size:.95rem}.ornate-button{font-size:.68rem;padding:13px 18px}.scroll-cue{display:none}.missions-section{padding-top:24px}.section-title{gap:10px}.section-title>span{width:9vw}.section-title h1,.section-title h2{font-size:1.3rem}.section-title p{font-size:.72rem}.carousel-wrap{padding:0 32px}.carousel-stage{height:390px;perspective:900px;overflow:hidden}.mission-card{width:min(63vw,250px);height:340px}.card-content{padding:14px 10px 12px}.card-content h2{font-size:.92rem}.card-content>p:not(.card-tag){font-size:.68rem}.card-cta{font-size:.58rem;min-height:36px;padding:8px 9px}.card-tag{font-size:.52rem}.carousel-arrow{width:38px;height:38px;font-size:2rem}.carousel-arrow.prev{left:1px}.carousel-arrow.next{right:1px}.carousel-dots{gap:9px}.carousel-hint{font-size:.65rem;padding:0 15px}.selected-panel{margin:0 14px;padding:16px;grid-template-columns:1fr;gap:14px}.selected-panel h2{font-size:1.25rem}.selected-panel p{font-size:.78rem}.selected-buy{gap:6px}#selectedSoon{grid-column:1}.benefits{margin:16px 12px 24px;padding:16px 10px;grid-template-columns:repeat(2,1fr);gap:14px 8px}.benefit-icon{font-size:1.7rem}.benefits h3{font-size:.68rem}.benefits p{font-size:.68rem}.how-section,.info-section{margin:0 10px 18px;padding:22px 13px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:8px}.steps-grid article{min-height:170px;padding:20px 9px 12px}.steps-grid h3{font-size:.65rem}.steps-grid p{font-size:.67rem}.info-links{grid-template-columns:1fr 1fr}.info-links a{font-size:.72rem;padding:11px}.why-box{padding:14px}.why-box p{font-size:.72rem}}
@media(max-width:390px){.brand-word{font-size:1.2rem}.brand-mark{font-size:1.55rem}.brand small{letter-spacing:.15em}.cart-button{font-size:.65rem}.hero-logo strong{font-size:2.8rem}.carousel-stage{height:360px}.mission-card{height:315px;width:66vw}.info-links{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* TREZOR V4 — selected cinematic background, restrained translucent header */
body{background:#050607 url('assets/trezor-hatter-desktop.webp') center top/cover fixed no-repeat}
body:before{z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,3,5,.20),rgba(2,3,5,.48) 34%,rgba(2,3,5,.82) 100%)}
body>*{position:relative;z-index:1}
.site-header{background:rgba(3,4,6,.78);border:1px solid rgba(231,189,99,.38);border-top:0;border-radius:0 0 14px 14px;backdrop-filter:blur(14px);box-shadow:0 10px 34px #0008}
.site-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(231,189,99,.5),transparent);pointer-events:none}
.brand{display:block;width:clamp(130px,15vw,205px);flex-shrink:0}
.brand img{display:block;width:100%;height:auto;max-height:70px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(220,170,82,.12))}
.main-nav a{position:relative;border-bottom:0;padding:15px 0 17px}
.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:7px;height:2px;background:linear-gradient(90deg,#a66e20,#fff0b6,#c48b32);box-shadow:0 0 9px #e7bd63;transition:left .25s,right .25s}
.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}
.hero{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.30) 48%,rgba(0,0,0,.12)),url('assets/trezor-hatter-desktop.webp') center 40%/cover no-repeat;border-bottom:1px solid rgba(231,189,99,.45)}
.hero-logo{width:min(390px,100%);margin-bottom:24px}
.hero-logo img{display:block;width:100%;height:auto;max-height:155px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 15px #000)}
.hero-kicker{font-size:clamp(1.6rem,3vw,2.45rem);font-weight:700;letter-spacing:.045em;text-shadow:0 3px 18px #000}
.ornate-button{clip-path:none;border-radius:4px;outline:none;box-shadow:0 0 0 1px #7c5726,0 0 20px rgba(225,173,75,.16);position:relative}
.ornate-button:before{content:"";position:absolute;inset:2px;border:1px solid rgba(255,224,154,.25);pointer-events:none}
.missions-section{background:linear-gradient(180deg,rgba(4,5,7,.48),rgba(3,4,6,.72))}
.selected-panel,.benefits,.how-section,.info-section{backdrop-filter:blur(7px);background:rgba(4,6,7,.80);border-color:rgba(231,189,99,.45)}
.mission-card{box-shadow:0 18px 45px #000c,0 0 0 1px rgba(231,189,99,.14)}
.mission-card.is-active{box-shadow:0 0 0 2px #dba84966,0 0 36px #dba84955,0 24px 50px #000d}
@media(max-width:760px){
 body{background-image:url('assets/trezor-hatter-mobil.webp');background-position:center top;background-size:100% auto;background-attachment:scroll}
 .site-header{background:rgba(3,4,6,.82)}
 .brand{width:clamp(115px,39vw,160px)}.brand img{max-height:48px}
 .hero{background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.32)),url('assets/trezor-hatter-mobil.webp');background-position:center 18%;background-size:cover;min-height:540px}
 .hero-copy{background:linear-gradient(90deg,rgba(2,3,5,.82),rgba(2,3,5,.45),transparent);width:min(94%,460px)}
 .hero-logo{width:min(280px,90%);margin-bottom:18px}.hero-logo img{max-height:110px}
 .hero-kicker{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* V4.3 – translucent reading panels for information/legal pages */
body.legal-page {
  background-color:#050607;
  background-image:url('assets/trezor-hatter-desktop.webp');
  background-position:center top; background-size:cover; background-attachment:fixed;
}
body.legal-page:before {
  background:linear-gradient(180deg,rgba(2,3,5,.28),rgba(2,3,5,.55) 38%,rgba(2,3,5,.78) 100%);
}
.legal-page .legal-copy {
  position:relative; z-index:1;
  margin:clamp(18px,4vw,48px) auto;
  padding:clamp(20px,4vw,42px);
  max-width:920px; width:calc(100% - 28px);
  background:rgba(5,7,9,.79);
  border:1px solid rgba(231,189,99,.42);
  border-radius:12px;
  box-shadow:0 18px 55px rgba(0,0,0,.45);
  backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);
  color:#fbf4e5;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
}
.legal-page .legal-copy h1 {color:#ffe4a0;line-height:1.25;margin:.65em 0 .8em}
.legal-page .legal-copy h2 {color:#f5d68d;line-height:1.35;margin:1.7em 0 .55em}
.legal-page .legal-copy p,.legal-page .legal-copy li {line-height:1.78;color:#f2ead9}
.legal-page .legal-copy a {color:#ffdf91;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-page .legal-copy .legal-warning {padding:14px 16px;border-left:3px solid #e7bd63;background:rgba(0,0,0,.34);border-radius:0 6px 6px 0}
.legal-page .legal-copy .eyebrow {color:#f2d28a;letter-spacing:.13em}
@media(max-width:760px) {
 body.legal-page {background-attachment:scroll;background-position:center top;background-size:auto 100vh}
 .legal-page .legal-copy {width:calc(100% - 20px);margin:12px auto 24px;padding:19px 16px;border-radius:9px;background:rgba(5,7,9,.84);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
 .legal-page .legal-copy h1 {font-size:1.7rem}
 .legal-page .legal-copy h2 {font-size:1.12rem}
 .legal-page .legal-copy p,.legal-page .legal-copy li {font-size:.91rem;line-height:1.72}
}

/* V4.4 – rendelési adatok és fogyasztói nyilatkozatok bemutató űrlapja */
#checkoutDialog{width:min(680px,calc(100% - 20px));}
#checkoutDialog .form-section{min-width:0;margin:0;padding:14px;border:1px solid #5d4829;border-radius:6px;display:grid;gap:11px;}
#checkoutDialog .form-section legend{padding:0 8px;color:#f5d68d;font-family:var(--serif);font-size:.9rem;}
#checkoutDialog .form-section label{display:grid;gap:5px;}
#checkoutDialog input{min-width:0;}
#checkoutDialog .check{display:flex;align-items:flex-start;gap:9px;line-height:1.55;}
#checkoutDialog .check input{flex:0 0 auto;margin-top:4px;}
#checkoutDialog .check a{color:#ffdf91;}
#checkoutDialog .notice-box{padding:13px 15px;border:1px solid #71562e;border-radius:6px;background:rgba(0,0,0,.38);font-size:.78rem;}
#checkoutDialog .notice-box strong{color:#f6d78e;}
#checkoutDialog .notice-box p{margin:6px 0 0;color:#ded2bd;line-height:1.65;}
#checkoutDialog .form-hint{font-size:.72rem;color:#c8b99d;margin:0;}


/* V4.6 – új, felhasználó által küldött TREZOR háttérkép */
body{background:#050607 url('assets/trezor-uj-hatter.png') center top/cover fixed no-repeat}
body:before{background:linear-gradient(180deg,rgba(2,3,5,.16),rgba(2,3,5,.42) 38%,rgba(2,3,5,.78) 100%)}
.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.08) 48%,rgba(0,0,0,.52)),url('assets/trezor-uj-hatter.png');background-position:center center;background-size:cover}
/* A háttérképen már szerepel a TREZOR embléma, ezért a hero külön logóját elrejtjük, és a szöveget jobbra helyezzük. */
.hero-copy{width:min(540px,43%);margin-left:auto;margin-right:6vw;padding:38px 0 62px}
.hero-logo{display:none}
body.legal-page{background-image:url('assets/trezor-uj-hatter.png')}
@media(max-width:760px){
 body{background-image:url('assets/trezor-uj-hatter.png');background-position:center top;background-size:auto 100vh;background-attachment:scroll}
 .hero{background-image:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.18)),url('assets/trezor-uj-hatter.png');background-position:68% center;background-size:cover;min-height:500px}
 .hero-copy{width:min(94%,460px);margin:0 auto;padding:40px 22px 55px;background:linear-gradient(90deg,rgba(2,3,5,.78),rgba(2,3,5,.44),transparent)}
 .hero-logo{display:none}
 body.legal-page{background-image:url('assets/trezor-uj-hatter.png');background-position:center top;background-size:auto 100vh;background-attachment:scroll}
}