/* Lukasevych — Dark charcoal/slate + warm amber marketplace — Bootstrap Icons */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#111827;--bg2:#1a2436;--card:#1e2d42;--acc:#f59e0b;--acc2:#fbbf24;--acc-light:rgba(245,158,11,.12);--grad:linear-gradient(135deg,#b45309,#d97706);--text:#f1f5f9;--muted:#4b6080;--sub:#94a3b8;--border:rgba(245,158,11,.12);--border2:rgba(245,158,11,.3);--nav-h:64px;--t:.3s ease;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{color:var(--acc2);text-decoration:none;transition:color var(--t);}
.container{max-width:1200px;margin:0 auto;padding:0 28px;}

/* NAV — double row */
.nav{position:sticky;top:0;z-index:99;background:rgba(17,24,39,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.nav-top-row{border-bottom:1px solid var(--border);}
.nav-top-row .container{display:flex;align-items:center;justify-content:space-between;height:52px;}
.brand{font-weight:800;font-size:1.3rem;color:var(--text);}
.brand span{color:var(--acc);}
.nav-top-right{display:flex;align-items:center;gap:12px;}
.nav-msg-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--grad);color:#fff;font-weight:700;font-size:.82rem;border-radius:6px;transition:opacity var(--t);}
.nav-msg-btn:hover{opacity:.85;color:#fff;}
.nav-cat-row .container{display:flex;align-items:center;height:42px;}
.cat-links{list-style:none;display:flex;gap:0;}
.cat-links a{display:flex;align-items:center;gap:5px;padding:8px 16px;font-size:.83rem;font-weight:600;color:var(--sub);transition:color var(--t),background var(--t);}
.cat-links a:hover{color:var(--acc2);background:var(--acc-light);}
.cat-links a i{font-size:14px;}
.burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;}
.burger span{display:block;width:22px;height:2px;background:var(--sub);border-radius:2px;}

/* HERO split */
.hero{min-height:82vh;display:flex;align-items:center;background:var(--bg);position:relative;overflow:hidden;padding:80px 0 60px;}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,rgba(180,83,9,.1) 0%,transparent 55%),radial-gradient(ellipse at 20% 70%,rgba(245,158,11,.06) 0%,transparent 50%);}
.hero-split{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.hero-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:var(--acc-light);border:1px solid var(--border2);border-radius:6px;font-size:.78rem;font-weight:700;color:var(--acc2);margin-bottom:24px;}
.hero-chip i{font-size:14px;}
.hero-text h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-2px;margin-bottom:20px;}
.hero-text h1 .hl{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-text p{font-size:1rem;color:var(--sub);max-width:460px;margin-bottom:30px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;}
.btn-main{display:inline-flex;align-items:center;gap:7px;padding:13px 26px;background:var(--grad);color:#fff;font-weight:700;font-size:.9rem;border:none;cursor:pointer;border-radius:8px;box-shadow:0 4px 20px rgba(180,83,9,.25);transition:transform var(--t),box-shadow var(--t);}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(180,83,9,.35);color:#fff;}
.btn-out{display:inline-flex;align-items:center;gap:7px;padding:13px 20px;border:1.5px solid var(--border2);color:var(--sub);font-weight:600;font-size:.9rem;border-radius:8px;transition:border-color var(--t),color var(--t);}
.btn-out:hover{border-color:var(--acc2);color:var(--acc2);}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;}
.hb-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted);font-weight:600;}
.hb-item i{font-size:14px;color:var(--acc);}
/* hero cards */
.hero-cards{display:flex;flex-direction:column;gap:12px;}
.hpcard{display:grid;grid-template-columns:80px 1fr;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:14px;transition:border-color var(--t),transform var(--t);}
.hpcard:hover{border-color:var(--border2);transform:translateX(4px);}
.hpc-img{border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;}
.hpc-body span{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700;}
.hpc-body strong{display:block;font-size:.92rem;font-weight:700;color:var(--text);margin-top:2px;}
.hpc-price{display:inline-block;margin-top:4px;padding:2px 10px;background:var(--acc-light);border-radius:4px;font-size:.8rem;font-weight:800;color:var(--acc2);}

/* PRODUCTS */
.products{padding:90px 0;background:var(--bg2);}
.prod-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.prod-header h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-1px;}
.prod-filters{display:flex;gap:8px;}
.pf{padding:8px 18px;background:var(--card);border:1px solid var(--border);border-radius:6px;font-size:.82rem;font-weight:600;color:var(--sub);cursor:pointer;transition:all var(--t);}
.pf.active,.pf:hover{background:var(--acc-light);border-color:var(--border2);color:var(--acc2);}
.prod-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pc{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform var(--t),box-shadow var(--t),border-color var(--t);opacity:0;transform:translateY(24px);}
.pc.visible{opacity:1;transform:translateY(0);transition:opacity .7s ease var(--d,0s),transform .7s ease var(--d,0s);}
.pc:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.3);border-color:var(--border2);}
.pc-img{height:120px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#fff;}
.pc-body{padding:18px 16px 20px;}
.pc-tag{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--acc);display:block;margin-bottom:6px;}
.pc-body h3{font-size:.95rem;font-weight:700;margin-bottom:6px;}
.pc-body p{font-size:.82rem;color:var(--sub);line-height:1.6;margin-bottom:12px;}
.pc-price{font-size:1.1rem;font-weight:800;color:var(--acc2);}

/* CONTACT */
.contact{padding:90px 0;background:var(--bg);}
.ci-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--acc-light);border:1px solid var(--border2);border-radius:6px;font-size:.78rem;font-weight:700;color:var(--acc2);margin-bottom:18px;}
.cw{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;}
.ci h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-1px;margin-bottom:16px;line-height:1.12;}
.ci p{color:var(--sub);margin-bottom:24px;}
.ci-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.9rem;}
.ci-item i{font-size:17px;color:var(--acc2);flex-shrink:0;}
.ci-item a{color:var(--text);}
.ci-item a:hover{color:var(--acc2);}
.cf{background:var(--card);padding:32px;border:1px solid var(--border);border-radius:14px;}
.fg{margin-bottom:14px;}
.fg label{display:block;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px;}
.fg input,.fg textarea,.fg select{width:100%;padding:11px 14px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;color:var(--text);background:rgba(245,158,11,.04);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color var(--t),box-shadow var(--t);}
.fg input::placeholder,.fg textarea::placeholder{color:var(--muted);}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(245,158,11,.12);}
.fg textarea{resize:vertical;min-height:110px;}
.fg select option{background:var(--card);}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}

/* FOOTER */
.footer{padding:32px 0;border-top:1px solid var(--border);background:var(--bg);}
.footer .container{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.footer p{font-size:.82rem;color:var(--muted);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* RESPONSIVE */
@media(max-width:900px){.hero-split,.cw{grid-template-columns:1fr;}.prod-grid-3{grid-template-columns:repeat(2,1fr);}
.cat-links a span,#navLinks{display:none;}.nav-cat-row .container{display:none;}
.nav-cat-row.open .container{display:flex;}.hero-cards{display:none;}}
@media(max-width:600px){.prod-grid-3{grid-template-columns:1fr;}.cf{padding:22px 16px;}}