:root { --brand:#143f57; --deep:#071c26; --warm:#c96e3e; --paper:#f4f4f0; --ink:#12242c; --display:"Barlow Condensed","Arial Narrow",sans-serif; --sans:"Source Sans 3","Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { min-height:100%; }
body { min-height:100%; margin:0; color:white; background:var(--deep); font-family:var(--sans); }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.shop-container { width:min(calc(100% - 48px),1240px); margin-inline:auto; }

.shop-header { position:absolute; z-index:20; top:0; left:0; width:100%; background:linear-gradient(to bottom,rgba(5,24,33,.95),transparent); }
.shop-nav { height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.28); }
.shop-nav img { display:block; width:auto; height:54px; }
.shop-links { display:flex; align-items:center; gap:34px; font-size:13px; font-weight:600; }
.shop-links a { position:relative; opacity:.72; transition:opacity .2s; }
.shop-links a:hover,.shop-links a.active { opacity:1; }
.shop-links a.active::after { content:""; position:absolute; right:0; bottom:-11px; left:0; height:2px; background:var(--warm); }
.shop-nav-actions,.shop-languages { display:flex; align-items:center; }
.shop-nav-actions { gap:26px; }
.shop-languages { gap:7px; font-size:12px; }
.shop-languages span { opacity:.35; }
.shop-lang { padding:5px 2px; border:0; color:white; background:transparent; opacity:.45; cursor:pointer; }
.shop-lang.active { opacity:1; border-bottom:1px solid white; }
.shop-back { padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:11px; font-weight:700; }

.shop-main { position:relative; min-height:100vh; overflow:hidden; background:url("assets/rekomo-sortiment.jpg") center/cover no-repeat; }
.shop-main::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(4,22,30,.96) 0%,rgba(7,28,38,.9) 43%,rgba(20,63,87,.62) 100%),linear-gradient(0deg,rgba(4,22,30,.7),transparent 55%); }
.shop-main::after { content:""; position:absolute; z-index:2; left:0; bottom:0; width:44%; height:10px; background:var(--warm); transform:rotate(-1.6deg); transform-origin:left center; }
.shop-grid { position:absolute; z-index:2; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px); background-size:64px 64px; }
.shop-layout { position:relative; z-index:3; display:grid; grid-template-columns:1fr .78fr; gap:90px; align-items:center; min-height:100vh; padding:145px 0 80px; }
.shop-kicker { margin:0 0 26px; color:#b9ccd3; font-size:11px; font-weight:700; letter-spacing:.2em; }
h1,h2 { margin:0; font-family:var(--display); font-weight:600; line-height:.86; letter-spacing:-.03em; }
h1 { max-width:690px; font-size:clamp(82px,9vw,132px); }
h1 em { color:#ef9664; font-style:normal; }
.shop-lead { max-width:590px; margin:34px 0 0; color:#d1dde1; font-size:18px; line-height:1.68; }
.shop-contact { max-width:650px; margin-top:58px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.28); border-bottom:1px solid rgba(255,255,255,.28); }
.shop-contact a { padding:20px 22px 20px 0; }
.shop-contact a + a { padding-left:22px; border-left:1px solid rgba(255,255,255,.24); }
.shop-contact small,.shop-contact strong { display:block; }
.shop-contact small { margin-bottom:4px; color:#96adb6; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.shop-contact strong { color:white; font-family:var(--display); font-size:27px; font-weight:600; }

.shop-upload { position:relative; padding:38px; color:var(--ink); background:var(--paper); box-shadow:14px 14px 0 var(--warm); }
.shop-upload::before { content:""; position:absolute; top:0; right:0; width:82px; height:8px; background:var(--brand); }
.shop-card-head { display:flex; justify-content:space-between; margin-bottom:42px; color:var(--warm); font-size:10px; font-weight:700; letter-spacing:.16em; }
.shop-upload h2 { margin-bottom:32px; color:var(--brand); font-size:48px; }
form { display:grid; grid-template-columns:1fr 1fr; gap:20px 16px; }
form label:not(.shop-file) { color:#53636a; font-size:10px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
form input:not(.file-input) { width:100%; height:52px; margin-top:6px; padding:0 13px; border:1px solid #afbdc2; border-radius:0; background:white; outline:0; transition:border-color .2s,box-shadow .2s; }
form input:focus { border-color:var(--brand); box-shadow:0 0 0 3px rgba(20,63,87,.12); }
.honeypot { display:none!important; }
.shop-file { grid-column:1/-1; padding:19px; display:flex; align-items:center; gap:14px; border:1px dashed #849ba4; background:#e6ecee; cursor:pointer; }
.shop-plus { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--warm); color:var(--warm); font-size:21px; }
.shop-file strong,.shop-file small { display:block; }
.shop-file small { margin-top:3px; color:#6d7e85; font-size:11px; }
.file-input { position:absolute; width:1px; height:1px; opacity:0; }
form button { grid-column:1/-1; min-height:62px; padding:0 23px; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--brand); border-radius:0; color:white; background:var(--brand); font-size:13px; font-weight:700; cursor:pointer; transition:background .2s,transform .2s; }
form button:hover { background:#0d3042; transform:translateY(-2px); }
form button:disabled { opacity:.6; cursor:wait; transform:none; }
.shop-status { display:none; grid-column:1/-1; margin:0; padding:11px; font-size:12px; text-align:center; }
.shop-status.visible { display:block; }
.shop-status.success { color:#285832; background:#e1ebe2; }
.shop-status.error { color:#8a3824; background:#f2dfd7; }
.hu { display:none; }
.shop-file .hu { display:none; }
html[lang="hu"] .sk { display:none; }
html[lang="hu"] .hu { display:inline; }
html[lang="hu"] .shop-file .hu { display:block; }

@media(max-width:1080px){ .shop-back{display:none}.shop-layout{gap:55px}.shop-upload{padding:30px}.shop-contact strong{font-size:23px} }
@media(max-width:850px){ .shop-header{position:relative;background:var(--deep)}.shop-links{display:none}.shop-main{min-height:auto}.shop-layout{grid-template-columns:1fr;gap:65px;min-height:auto;padding:75px 0 95px}.shop-copy{max-width:700px}.shop-upload{max-width:650px}.shop-main::before{background:linear-gradient(90deg,rgba(4,22,30,.96),rgba(20,63,87,.76))} }
@media(max-width:560px){ .shop-container{width:calc(100% - 32px)}.shop-nav{height:68px}.shop-nav img{height:44px}h1{font-size:72px}.shop-lead{font-size:16px}.shop-contact{grid-template-columns:1fr}.shop-contact a + a{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.24)}.shop-upload{padding:27px 20px;box-shadow:8px 8px 0 var(--warm)}.shop-upload h2{font-size:42px}form{grid-template-columns:1fr}.shop-main::after{width:62%;transform:rotate(-3deg)} }