:root{--cream:#f6f1ec;--beige:#eaded5;--brown:#766258;--dark:#594c45;--muted:#918078;--line:#e8ddd6;--soft:#f3ebe6}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#fff,#faf7f4 55%,var(--cream));color:var(--dark);font-family:"B Nazanin",Tahoma,sans-serif;font-size:18px}a{color:inherit;text-decoration:none}.announce{padding:9px;text-align:center;background:var(--beige)}header{position:sticky;top:0;z-index:5;padding:15px 20px 10px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95)}.logo{display:flex;flex-direction:column;align-items:center;color:var(--brown);font:32px Georgia,serif;letter-spacing:8px}.logo small{margin-top:4px;font:9px Tahoma,sans-serif;letter-spacing:2px}nav{display:flex;justify-content:center;gap:25px;margin-top:11px;overflow-x:auto;white-space:nowrap}nav a{padding:4px 0}nav a.active{border-bottom:2px solid var(--brown);font-weight:700}main{width:min(1180px,100%);margin:auto;padding:25px 20px 60px}.crumb{display:flex;gap:8px;margin-bottom:16px;color:var(--muted)}.hero{padding:35px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(125deg,#e9d9cf,#fff8f3)}.hero span{color:#a18a7e;letter-spacing:2px}.hero h1{margin:7px 0;font-size:38px}.hero p{margin:0 0 10px;color:#75645b}.hero b{font-weight:400;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:25px}.product img{width:100%;aspect-ratio:3/4;display:block;object-fit:cover;border:1px solid var(--line);border-radius:17px;background:var(--soft)}.product h2{margin:10px 2px 3px;font-size:19px}.product p{display:flex;flex-wrap:wrap;gap:7px;margin:0 2px;color:#75645b}.product s{color:#a89a93}.empty{grid-column:1/-1;padding:55px;text-align:center;border:1px dashed var(--line);border-radius:18px}.empty h2{font-size:24px}.empty a{display:inline-flex;padding:9px 18px;border-radius:10px;background:var(--brown);color:#fff}footer{padding:28px;text-align:center;background:#efe2da}@media(max-width:850px){.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{padding-inline:10px}.logo{font-size:25px;letter-spacing:5px}.logo small{font-size:8px}nav{justify-content:flex-start;gap:18px}.hero{padding:25px 20px}.hero h1{font-size:29px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}main{padding:18px 12px 45px}.product h2,.product p{font-size:16px}}