@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#1a1a1a;--color-gray:#333;--color-light-gray:#f5f0eb;--color-white:#fff;--font-main:"Vazirmatn", sans-serif}html{font-family:var(--font-main);color:var(--color-black);background:var(--color-white);direction:rtl;font-size:14px}body{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-main)}.header{z-index:100;background:var(--color-white);border-bottom:1px solid #e5e5e5;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:16px 40px;display:flex}.header-logo{letter-spacing:2px;text-transform:uppercase;font-size:22px;font-weight:600}.header-nav{gap:32px;display:flex}.header-nav a{letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:500;transition:opacity .2s}.header-nav a:hover{opacity:.6}.header-icons{align-items:center;gap:20px;display:flex}.hero{background:var(--color-light-gray);justify-content:center;align-items:center;height:85vh;min-height:500px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2}.hero-label{letter-spacing:3px;text-transform:uppercase;opacity:.7;margin-bottom:16px;font-size:12px}.hero-title{letter-spacing:4px;margin-bottom:32px;font-size:52px;font-weight:300}.hero-btn{background:var(--color-black);color:var(--color-white);letter-spacing:2px;text-transform:uppercase;padding:14px 40px;font-size:12px;transition:background .2s;display:inline-block}.hero-btn:hover{background:var(--color-gray)}.divider{background:#e5e5e5;height:1px;margin:60px 40px}.categories{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1400px;margin:0 auto;padding:0 40px;display:grid}.category-card{aspect-ratio:3/4;background:var(--color-light-gray);position:relative;overflow:hidden}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.category-card:hover img{transform:scale(1.03)}.category-label{color:var(--color-white);font-size:16px;font-weight:600;position:absolute;bottom:24px;right:24px}.section-title{text-align:center;letter-spacing:3px;text-transform:uppercase;margin:60px 0 40px;font-size:24px;font-weight:400}.products-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto;padding:0 40px;display:grid}.product-card{cursor:pointer}.product-image{aspect-ratio:3/4;background:var(--color-light-gray);margin-bottom:12px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:opacity .3s}.product-image .hover-img{opacity:0;transition:opacity .3s;position:absolute;inset:0}.product-card:hover .hover-img{opacity:1}.product-name{margin-bottom:6px;font-size:13px;font-weight:500}.product-price{color:var(--color-gray);font-size:13px}.view-all{text-align:center;margin:40px 0 60px}.view-all a{border:1px solid var(--color-black);letter-spacing:2px;text-transform:uppercase;padding:12px 36px;font-size:12px;transition:all .2s;display:inline-block}.view-all a:hover{background:var(--color-black);color:var(--color-white)}.footer{background:var(--color-white);border-top:1px solid #e5e5e5;padding:60px 40px 40px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto 40px;display:grid}.footer-title{letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:600}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--color-gray);font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--color-black)}.footer-bottom{text-align:center;color:var(--color-gray);border-top:1px solid #e5e5e5;max-width:1400px;margin:0 auto;padding-top:24px;font-size:12px}@media (max-width:768px){.header-top{padding:12px 20px}.header-nav{display:none}.categories{grid-template-columns:1fr;padding:0 20px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px}.hero-title{font-size:32px}.footer-grid{grid-template-columns:1fr}}