@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--dark:#101820;--gold:#b78635;--bg:#f5f7f8;--line:#e5eaed;--muted:#6c7780}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--dark);font-family:Vazirmatn,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.top{background:#0b1116;color:#ccd5da;padding:8px 5%;font-size:11px;display:flex;justify-content:space-between}.nav{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 5%;position:sticky;top:0;z-index:20}.logo{font-size:27px;font-weight:800;letter-spacing:3px}.logo i{color:var(--gold);font-style:normal}.menu{display:flex;gap:22px;flex:1;font-size:12px}.menu a:hover{color:var(--gold)}.ico{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px}.container{max-width:1240px;margin:auto;padding:0 22px}.hero{margin:25px 0;background:linear-gradient(120deg,#101820,#2a3841);color:#fff;border-radius:30px;min-height:430px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{padding:60px}.eyebrow{font-size:11px;color:#d7b264;letter-spacing:2px}.hero h1{font-size:42px;line-height:1.5;margin:15px 0}.hero p{font-size:13px;color:#bdc7cd;line-height:2;max-width:600px}.btn{display:inline-block;background:var(--gold);color:#fff;border:0;border-radius:11px;padding:12px 21px;font-size:12px;font-weight:700;cursor:pointer}.btn.dark{background:#18232b}.hero-art{display:grid;place-items:center}.bar{width:75%;height:110px;border-radius:60px;background:linear-gradient(#d18b2b,#f1c06b,#a26519);transform:rotate(-12deg);box-shadow:0 35px 50px #0007}.section{padding:50px 0}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.title h2{margin:0;font-size:24px}.title p,.muted{color:var(--muted);font-size:11px;line-height:2}.grid,.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.box,.card,.form{background:#fff;border:1px solid var(--line);border-radius:18px}.box{padding:23px;min-height:145px}.box b{font-size:14px}.box p,.card p{font-size:11px;color:var(--muted);line-height:1.9}.card{overflow:hidden}.pic{height:180px;background:linear-gradient(145deg,#f6f8f9,#e2e7e9);display:grid;place-items:center}.smallbar{width:75%;height:48px;border-radius:40px;background:linear-gradient(#d18d2d,#e9b45d,#9c6017);transform:rotate(-9deg)}.body{padding:17px}.body h3{font-size:14px;margin:0 0 7px}.more{font-size:11px;color:var(--gold);font-weight:700}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.band{background:#121a21;color:#fff;border-radius:22px;padding:30px;display:flex;justify-content:space-between;align-items:center}.footer{background:#0c1318;color:#d8dfe3;padding:45px 5% 20px;margin-top:40px}.foot{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer p,.footer a{font-size:11px;color:#9aa5ac;line-height:2.3}.copy{max-width:1240px;margin:20px auto 0;border-top:1px solid #ffffff12;padding-top:14px;color:#68747c;font-size:10px}.catalog{display:grid;grid-template-columns:210px 1fr;gap:20px}.filter{padding:18px;background:#fff;border:1px solid var(--line);border-radius:17px;height:max-content}.filter a{display:block;font-size:11px;margin:12px 0}.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.visual{min-height:500px;background:#fff;border:1px solid var(--line);border-radius:25px;display:grid;place-items:center}.bigbar{width:80%;height:105px;border-radius:60px;background:linear-gradient(#d18b2b,#f1c06b,#a26519);transform:rotate(-8deg)}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 20px}.size{padding:11px 4px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:10px}.size.active{border-color:var(--gold);background:#fff8eb}.tabs{margin-top:45px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.tabbar{display:flex;border-bottom:1px solid var(--line)}.tabbar button{padding:15px 22px;background:none;border:0;font-size:11px}.tabbar button.active{border-bottom:2px solid var(--gold);font-weight:700}.panel{display:none;padding:24px}.panel.active{display:block}.form{padding:24px}.form input,.form textarea,.form select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;margin:7px 0 12px}.form textarea{min-height:120px}.notice{padding:12px;border-radius:10px;background:#fff8e9;border:1px solid #eed9b1;font-size:11px;margin:12px 0}.success{background:#eef9f0;border-color:#cce6d0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:50px 0}.adminbody{background:#f1f3f5}.adminnav{background:#111a21;color:#fff;padding:15px 5%;display:flex;gap:20px;align-items:center}.adminnav a{font-size:11px;color:#ddd}.adminwrap{max-width:1200px;margin:auto;padding:25px 20px}.adm{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats .adm b{font-size:25px;display:block}table{width:100%;border-collapse:collapse;font-size:11px}td,th{padding:11px;border-bottom:1px solid var(--line);text-align:right}@media(max-width:850px){.menu{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:35px}.grid,.products{grid-template-columns:repeat(2,1fr)}.features,.product,.contact{grid-template-columns:1fr}.catalog{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}}@media(max-width:550px){.grid,.products,.features,.foot,.stats{grid-template-columns:1fr}.hero h1{font-size:30px}.band{display:block}.band .btn{margin-top:15px}}