/* VT Bodenbeläge – shared theme (v4_3_21 vibe) */
:root{
  --bg:#ece2d7;
  --bg-2:#dfd2c6;
  --card:#ffffff;
  --muted:#6e5e54;
  --text:#241810;
  --accent:#a0623b;
  --accent-2:#d49a6a;
  --accent-3:#22a06b;
  --line: rgba(36,24,16,.14);
  --shadow: 0 10px 28px rgba(36,24,16,.08);
  --radius-xl: 20px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--text);
  background:radial-gradient(900px 360px at 80% -10%, rgba(160,98,59,.08), transparent),
             radial-gradient(700px 380px at -10% 60%, rgba(212,154,106,.06), transparent),
             linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;font-size:16.5px;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(140%) blur(10px);background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.brand img{width:42px;height:42px;border-radius:12px;background:conic-gradient(from 140deg,var(--accent),var(--accent-2))}
.menu{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.menu a{opacity:.9;padding:10px 12px;border-radius:12px}
.menu a:hover{opacity:1;background:rgba(0,0,0,.05)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:800}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:0;box-shadow:0 10px 22px rgba(160,98,59,.18)}
.btn.sm{padding:8px 10px;border-radius:12px;font-weight:700}
section{padding:72px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.section-head h2{font-family:Poppins,Inter,sans-serif;margin:0;font-size:clamp(26px,3vw,34px)}
.lead{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);padding:18px;box-shadow:var(--shadow)}
.hero{padding:96px 0 48px}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.tile{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff}
footer{padding:52px 0;border-top:1px solid var(--line);color:var(--text);background:linear-gradient(180deg, transparent, rgba(0,0,0,.03))}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:24px}
.foot small{color:var(--muted)}
@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}.foot{grid-template-columns:1fr 1fr} .grid-2{grid-template-columns:1fr}}
@media(max-width:640px){.grid-3,.grid-4,.grid-6{grid-template-columns:1fr}.foot{grid-template-columns:1fr}}
input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);font:inherit}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(160,98,59,.18)}
label{font-weight:600}
.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(160,98,59,.10);color:var(--accent);border:1px solid rgba(160,98,59,.25);font-size:14px}
.chiplist{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fff}
/* Modal */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;padding:20px;z-index:2000}
.dialog{max-width:900px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 80px rgba(0,0,0,.25);overflow:hidden}
.dialog .cover{aspect-ratio:16/9;background:#f7f3ef}
.dialog .body{padding:16px}
.dialog .meta{color:var(--muted);font-size:14px;margin:4px 0 10px}
.close-x{position:absolute;top:14px;right:14px}
/* Fab quickbar */
.quickbar{position:fixed; right:16px; bottom:16px; display:flex; flex-direction:column; gap:10px; z-index:4000}
.quickbar .fab{width:52px; height:52px; border-radius:999px; display:grid; place-items:center; border:1px solid var(--line);
  background: linear-gradient(135deg, var(--accent), var(--accent-2)); color:#fff; box-shadow: var(--shadow); text-decoration:none}
.quickbar .fab:hover{transform: translateY(-1px)}
@media (max-width:640px){ .quickbar{right:12px; bottom:12px} .quickbar .fab{width:50px;height:50px} }