@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');:root{--g:#263e33;--g2:#49634f;--cream:#f6f2e9;--gold:#b89b68;--ink:#292c27;--muted:#77796f;--line:#e6dfd2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif}.top{text-align:center;background:var(--g);color:#eee4d3;padding:8px;font-size:12px}nav{height:76px;background:#fffdf8;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.logo{font: bold 30px Georgia,serif;letter-spacing:7px;color:var(--g)}.logo small{display:block;font:9px Vazirmatn;letter-spacing:2px;text-align:center}.navlinks{display:flex;gap:25px;font-size:13px}.navlinks a,footer a{text-decoration:none;color:inherit}.button{display:inline-block;background:var(--g);color:white;padding:12px 22px;border:0;border-radius:2px;text-decoration:none;cursor:pointer;font:13px Vazirmatn}.gold{background:var(--gold)}.hero{display:grid;grid-template-columns:1fr 1fr; background:linear-gradient(rgba(15,35,25,.48),rgba(15,35,25,.48)),
    url('/hero.png') center/cover no-repeat;
  color:white;min-height:550px;}.hero>div:first-child{padding:85px 12%;align-self:center}.hero label,.heading label,.about label,.contact label{color:var(--gold);font-size:11px;letter-spacing:2px}.hero h1{font-size:clamp(38px,5vw,60px);font-weight:400;line-height:1.5}.hero p{line-height:2.2;color:#e2e3dc;font-size:14px;max-width:450px}.heroimg{background:url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=1200&q=85') center/cover}.section{padding:75px 7%}.heading{text-align:center;margin-bottom:30px}.heading h2,.about h2,.contact h2{font-weight:500;font-size:30px;margin:10px 0}.heading p,.about p,.contact p{color:var(--muted);font-size:13px;line-height:2}.filters{display:flex;gap:12px;margin-bottom:22px}.filters input,.filters select,input,select,textarea{padding:12px;border:1px solid var(--line);background:#fff;font:13px Vazirmatn;min-width:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line)}.card img{width:100%;height:340px;object-fit:cover}.cardbody{padding:16px}.cardbody h3{font-weight:500;margin:0}.price{color:var(--gold);font-weight:700;margin:12px 0}.muted{color:var(--muted);font-size:11px}.card button{width:100%;margin-top:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:#fffdf8}.aboutpic{height:370px;background:url('https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=1000&q=80') center/cover}.contact{text-align:center}.contact #contactLinks{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}footer{background:#1c3027;color:#e7dfd0;padding:30px 7%;display:flex;justify-content:space-between;align-items:center}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:20;align-items:center;justify-content:center;padding:15px}.modal.open{display:flex}.dialog{background:#fffdf8;padding:25px;width:min(520px,100%);max-height:90vh;overflow:auto;position:relative}.x{position:absolute;left:15px;top:12px;border:0;background:none;font-size:24px;cursor:pointer}.dialog form{display:grid;gap:12px}.dialog label{font-size:12px;display:grid;gap:5px}.dialog input,.dialog select,.dialog textarea{width:100%}.result{font-size:12px;line-height:2}.result.ok{color:#27613a}.result.err{color:#a32d2d}@media(max-width:760px){.navlinks{display:none}.hero{grid-template-columns:1fr}.heroimg{min-height:280px;grid-row:1}.hero>div:first-child{padding:45px 8%}.products{grid-template-columns:repeat(2,1fr)}.card img{height:230px}.about{grid-template-columns:1fr}.section{padding:55px 5%}}@media(max-width:430px){.products{grid-template-columns:1fr 1fr;gap:10px}.card img{height:190px}.cardbody{padding:10px}.filters{flex-direction:column}footer{flex-wrap:wrap;gap:15px}}