:root{
  --green:#1F2A24; --green2:#2C3A32; --cream:#F7F6F3; --sand:#EFEDE8; --line:#E4E1DA; --line2:#C9C4BA;
  --ink:#1C1F1D; --muted:#55605A; --gold:#E0A458; --accent:#9A5B13; --brown:#7A4710; --light:#F2EFE8; --soft:#CFCAC0;
  --r:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Manrope,sans-serif;font-weight:800;line-height:1.1;margin:0;letter-spacing:-.01em}
h2{font-size:clamp(1.8rem,3.4vw,2.25rem)}
h3{font-size:1.2rem}
p{margin:0}
a{color:var(--brown)} a:hover{color:#5A340B}
input,textarea,select,button{font:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.narrow{max-width:900px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn--lg{min-height:52px;padding:0 24px;font-size:1rem}
.btn--block{display:flex;width:100%}
.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:var(--brown);color:#fff}
.btn--gold{background:var(--gold);color:var(--green);font-weight:700}.btn--gold:hover{color:var(--green);background:#e8b26c}
.btn--line{border-color:var(--line2);color:var(--ink)}.btn--line:hover{color:var(--ink);background:var(--sand)}
.btn--ghost{border-color:#6E7A72;color:var(--light)}.btn--ghost:hover{color:#fff;background:rgba(255,255,255,.06)}
.btn--viber{background:#7360f2;color:#fff}.btn--viber:hover{color:#fff}
.btn--wa{background:#25d366;color:#0b3d20}.btn--wa:hover{color:#0b3d20}

/* header */
.hdr{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:24px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo__mark{width:44px;height:44px;flex:none;display:block}
.logo__txt{font-family:Manrope,sans-serif;font-weight:800;font-size:1.3rem}
.logo__txt b{color:var(--accent)}
.menu{display:flex;gap:24px;margin-left:auto;font-weight:500;font-size:.95rem}
.menu a{color:var(--ink);text-decoration:none}.menu a:hover{color:var(--accent)}
.hdr__cta{display:flex;gap:8px}
.menu a{white-space:nowrap}
.lang{display:flex;gap:2px;font-size:.8rem;font-weight:700;flex:none}
.lang a{padding:6px 7px;border-radius:6px;color:var(--muted);text-decoration:none;line-height:1}
.lang a:hover{color:var(--accent)}
.lang a[aria-current]{background:var(--green);color:#fff}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:0;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:10px}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px}

/* wood textures (CSS only, no photos needed) */
.floor{background-color:#c4955c}
.floor--herring{
  background-color:#b98450;
  background-image:
    repeating-linear-gradient(90deg,rgba(255,240,215,.07) 0 1px,transparent 1px 6px,rgba(70,40,10,.06) 6px 7px,transparent 7px 13px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='96'%3E%3Cg%3E%3Crect width='360' height='32' fill='%23c08a50'/%3E%3Crect x='110' width='190' height='32' fill='%23ad763f'/%3E%3Crect y='32' width='360' height='32' fill='%23cc9d66'/%3E%3Crect x='60' y='32' width='190' height='32' fill='%23b8834a'/%3E%3Crect y='64' width='360' height='32' fill='%23a97440'/%3E%3Crect x='20' y='64' width='190' height='32' fill='%23c3905a'/%3E%3C/g%3E%3Cg stroke='%23542f0e' stroke-opacity='.45'%3E%3Cpath d='M0 .5H360M0 32.5H360M0 64.5H360'/%3E%3Cpath d='M110.5 0V32M300.5 0V32M60.5 32V64M250.5 32V64M20.5 64V96M210.5 64V96'/%3E%3C/g%3E%3C/svg%3E");
  background-size:auto,360px 96px}
.floor--oak{background-image:
    repeating-linear-gradient(0deg,rgba(60,35,10,.35) 0 1px,transparent 1px 26px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 11px),
    linear-gradient(90deg,#b07b45,#c99a62 30%,#a8743d 60%,#c4925a)}
.floor--lam{background-image:
    repeating-linear-gradient(0deg,rgba(80,70,55,.3) 0 1px,transparent 1px 30px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 7px),
    linear-gradient(90deg,#d8c4a4,#cdb592 40%,#e0cfb2 70%,#c9ae88)}
.floor--vinyl{background-image:
    repeating-linear-gradient(0deg,rgba(40,40,40,.22) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 13px),
    linear-gradient(90deg,#a9a49b,#bdb8ae 35%,#9d978d 65%,#b5afa4)}
.floor--sand{background-image:
    linear-gradient(90deg,rgba(90,60,25,.55) 0 45%,transparent 45%),
    repeating-linear-gradient(0deg,rgba(60,35,10,.3) 0 1px,transparent 1px 26px),
    linear-gradient(90deg,#e2c08f,#edd1a6)}
.swatch{height:120px;border-radius:8px;margin-bottom:6px}
img.swatch{display:block;width:100%;height:190px;object-fit:cover;background:#e9e3d8}
.swatch--prep{background:radial-gradient(circle at 20% 30%,rgba(0,0,0,.12) 0 2px,transparent 3px) 0 0/22px 22px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.35) 0 1px,transparent 2px) 0 0/17px 17px,linear-gradient(135deg,#b5b2ab,#a19e97)}
.swatch--trim{background:linear-gradient(180deg,#f3f1ec 0 62%,#fff 62% 64%,#ffffff 64% 76%,#d7d2c8 76% 77%,transparent 77%),repeating-linear-gradient(0deg,rgba(60,35,10,.3) 0 1px,transparent 1px 22px),linear-gradient(90deg,#b07b45,#c99a62)}

/* hero */
.hero{background:var(--green);color:var(--light)}
.hero__in{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding:88px 24px}
.hero__copy{flex:1 1 440px;display:flex;flex-direction:column;gap:24px}
.kicker{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.hero h1{font-size:clamp(2.4rem,5.2vw,3.25rem);line-height:1.08}
.hero__lead{font-size:1.12rem;color:var(--soft)}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px}
.hero__pts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.92rem;color:var(--soft)}
.hero__pts li::before{content:"✓";color:var(--gold);font-weight:700;margin-right:8px}
.hero__art{flex:1 1 420px;position:relative;min-height:380px}
.hero__art .floor{position:absolute;inset:0;border-radius:var(--r);box-shadow:inset 0 0 120px rgba(0,0,0,.35),0 30px 60px -30px rgba(0,0,0,.6)}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--r);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hero__tag{position:absolute;left:20px;bottom:20px;right:20px;max-width:340px;background:rgba(31,42,36,.88);backdrop-filter:blur(6px);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;border-left:3px solid var(--gold)}
.hero__tag b{font-size:.92rem}
.hero__tag span{font-size:.82rem;color:var(--soft)}

/* sections */
.sec{padding:88px 0}
.sec--sand{background:var(--sand)}
.head{display:flex;flex-direction:column;gap:12px;max-width:640px;margin-bottom:40px}
.head p{font-size:1.06rem;color:var(--muted)}
.head--tight{margin-bottom:24px}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 26px;display:flex;flex-direction:column;gap:10px}
.card p{font-size:.95rem;color:var(--muted)}

.steps{list-style:none;counter-reset:s;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.steps li{counter-increment:s;display:flex;flex-direction:column;gap:6px}
.steps li::before{content:"0" counter(s);font-family:Manrope,sans-serif;font-weight:800;font-size:2rem;color:var(--accent)}
.steps b{font-size:1.05rem}
.steps span{font-size:.95rem;color:var(--muted)}

/* table */
.tbl-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:#fff}
.tbl{width:100%;border-collapse:collapse;min-width:620px;font-size:.95rem}
.tbl th,.tbl td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl thead th{font-family:Manrope,sans-serif;font-size:1.05rem;background:var(--green);color:var(--light)}
.tbl tbody th{font-weight:600;color:var(--muted);width:22%}
.tbl tbody tr:last-child>*{border-bottom:0}
.lv{display:inline-block;width:34px;height:8px;border-radius:4px;background:var(--line);margin-right:10px;vertical-align:middle;position:relative;overflow:hidden}
.lv::after{content:"";position:absolute;inset:0;background:var(--accent);border-radius:4px}
.lv1::after{width:33%}.lv2::after{width:66%}.lv3::after{width:100%}

/* calculator */
.calc{display:flex;flex-wrap:wrap;gap:40px}
.calc__in{flex:1 1 480px}
.row2{display:flex;flex-wrap:wrap;gap:16px}
.row2 .fld{flex:1 1 160px}
.fld{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;margin-bottom:20px}
.fld small{font-weight:400;color:var(--muted);font-size:.8rem}
.fld input,.fld select,.fld textarea{min-height:48px;padding:0 14px;border:1px solid var(--line2);border-radius:8px;background:#fff;font-size:1rem;font-weight:400;color:var(--ink);width:100%}
.fld textarea{padding:12px 14px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{min-height:44px;padding:0 18px;border-radius:8px;border:2px solid var(--line2);background:#fff;color:var(--ink);font-weight:600;font-size:.9rem;cursor:pointer}
.chips button.is-on{border-color:var(--green);background:var(--green);color:#fff}
.checks{display:flex;flex-direction:column;gap:4px}
.checks label,.chk{display:flex;align-items:center;gap:10px;font-size:.95rem;min-height:44px;cursor:pointer}
.checks input,.chk input{width:20px;height:20px;accent-color:var(--accent)}
.calc__out{flex:1 1 380px;align-self:flex-start;background:var(--green);color:var(--light);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}
.calc__out h3{font-size:1.25rem}
.ln{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;color:var(--soft)}
.ln b{color:var(--light);font-weight:600;text-align:right}
.ln--total{align-items:baseline;color:var(--light);font-weight:600}
.ln--total b{font-family:Manrope,sans-serif;font-weight:800;font-size:2rem;color:var(--gold)}
.sep{height:1px;background:#44524A;margin:4px 0}
.fine{font-size:.82rem;line-height:1.5;color:#B9B4AA}

/* form */
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px}
.fld--full{grid-column:1/-1}
.form__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}

/* contact */
.contact{display:flex;flex-wrap:wrap;gap:40px;align-items:stretch}
.contact>div{flex:1 1 340px;display:flex;flex-direction:column;gap:24px}
.clist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.clist li{display:flex;gap:14px;align-items:center}
.clist .ic{width:44px;height:44px;flex:none;border-radius:10px;background:var(--green);color:var(--gold);display:grid;place-items:center;font-size:1.1rem}
.clist small{display:block;color:var(--muted);font-size:.78rem}
.clist a,.clist span{font-weight:600;color:var(--ink);text-decoration:none;word-break:break-word}
.msgr{display:flex;gap:10px;flex-wrap:wrap}
.map{flex:1 1 420px;min-height:340px;border:0;border-radius:var(--r);background:var(--sand)}

/* footer */
.foot{background:var(--green);color:var(--soft);font-size:.95rem;padding:48px 0 90px}
.foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}
.foot__in>div{display:flex;flex-direction:column;gap:8px}
.foot__name{font-family:Manrope,sans-serif;font-weight:800;font-size:1.25rem;color:var(--light)}
.foot a{color:var(--gold)}
.foot__c{margin-top:28px;font-size:.82rem;opacity:.7}

.fab{display:none;position:fixed;right:16px;bottom:16px;z-index:50;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;padding:.9em 1.3em;border-radius:999px;box-shadow:0 12px 28px -8px rgba(0,0,0,.45)}
.fab:hover{color:#fff}

@media (max-width:1020px){
  .menu{position:fixed;inset:72px 0 auto 0;background:#fff;flex-direction:column;gap:0;padding:8px 24px 16px;border-bottom:1px solid var(--line);display:none}
  .menu.is-open{display:flex}
  .menu a{padding:14px 0;border-bottom:1px solid var(--line)}
  .hdr__cta{display:none}
  .burger{display:flex;margin-left:4px;flex:none}
  .lang{margin-left:auto}
  .fab{display:inline-flex}
  .calc__out{position:static}
}
@media (max-width:620px){
  .wrap{padding:0 16px}
  .hdr__in{gap:10px}
  .logo{gap:8px}
  .logo__mark{width:36px;height:36px}
  .logo__txt{font-size:1.1rem}
  .lang a{padding:6px 5px}
  .hero__in{padding:56px 16px;gap:36px}
  .hero__art{min-height:260px;flex-basis:100%}
  .hero__copy{flex-basis:100%}
  .sec{padding:64px 0}
  .calc__in,.calc__out{flex-basis:100%}
  .calc__out,.form{padding:22px}
  .form{grid-template-columns:1fr}
  .form__btns .btn{flex:1 1 100%;white-space:normal}
  .hero__btns .btn{flex:1 1 100%}
}