:root{--ink:#1f2a33;--steel:#5b6b78;--bg:#f6f5f2;--card:#fff;--acc:#e8a33d;--line:#dcdcd6;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}a{color:inherit}
.wrap{max-width:1100px;margin:auto;padding:0 1.2rem}
header{position:sticky;top:0;z-index:10;background:var(--ink);color:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
.logo{font-weight:800;text-decoration:none;letter-spacing:.02em}.logo span{color:var(--acc)}
.nav ul{display:none;list-style:none;margin:0;padding:0;gap:1.2rem}.nav ul a{text-decoration:none;opacity:.9}
.lang{font-size:.85rem;border:1px solid #fff5;padding:.2rem .5rem;border-radius:4px;text-decoration:none}
.hero{background:linear-gradient(135deg,#1f2a33e6 0%,#33434fcc 60%,#46596aaa 100%),url(../images/galerija/ig03.jpg) center/cover;color:#fff;padding:4rem 0 3.5rem;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:40px;background:repeating-linear-gradient(90deg,#ffffff14 0 8px,transparent 8px 44px)}
.hero h1{font-size:clamp(1.9rem,6vw,3.3rem);line-height:1.15;margin:.3rem 0 1rem}
.kicker{color:var(--acc);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.12em}
.hero p{max-width:40rem;opacity:.9}
.btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.btn{display:inline-block;padding:.85rem 1.3rem;border-radius:6px;font-weight:700;text-decoration:none;border:2px solid var(--acc)}
.btn.p{background:var(--acc);color:var(--ink)}.btn.o{color:#fff}
section{padding:3.5rem 0}h2{font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 1.5rem}
.grid{display:grid;gap:1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.3rem}
.card h3{margin:.2rem 0 .4rem}.card p{margin:0;color:var(--steel)}
.ico{width:38px;height:4px;background:var(--acc);margin-bottom:.6rem}
.steps{counter-reset:s}.step{counter-increment:s}.step:before{content:counter(s);display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--ink);color:var(--acc);font-weight:800;margin-bottom:.5rem}
.dark{background:var(--ink);color:#fff}.dark .card{background:#2a3843;border-color:#3c4d5a}.dark .card p{color:#c9d2d9}
.big{font-size:2rem;font-weight:800;color:var(--acc)}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.gal figure{margin:0;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#e4e3de}
.gal img{width:100%;height:100%;object-fit:cover}
.ph{display:grid;place-items:center;height:100%;border:2px dashed #b9b8b0;border-radius:8px;color:#8a8a82;font-size:.8rem;text-align:center;padding:.5rem;background:repeating-linear-gradient(45deg,#ecebe6 0 10px,#e4e3de 10px 20px)}
form{display:grid;gap:.8rem}label{font-weight:600;font-size:.9rem;display:grid;gap:.3rem}
input,textarea{font:inherit;padding:.75rem;border:1px solid var(--line);border-radius:6px;background:#fff;width:100%}
textarea{min-height:130px}button{font:inherit;cursor:pointer}
.hidden{display:none}
.placeholder{background:#fff3cd;border:1px dashed #c99a1e;padding:.1rem .4rem;border-radius:4px}
.info p{margin:.3rem 0}
footer{background:#151d23;color:#aab5bd;padding:1.5rem 0;font-size:.85rem}
@media(min-width:700px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.gal{grid-template-columns:repeat(3,1fr)}.nav ul{display:flex}.hero{padding:6rem 0 5rem}}
.langs{display:flex;gap:.3rem}.lang[aria-current]{background:var(--acc);color:var(--ink);border-color:var(--acc)}
.slogan{font-size:1.15rem;color:var(--acc);opacity:1!important}
.faq{margin-bottom:.6rem}.faq summary{cursor:pointer}.faq p{margin-top:.5rem}
footer p{margin:.3rem 0}footer a{color:#dfe5ea}
.card h3 a{text-decoration:none}