*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Vazirmatn,Tahoma,sans-serif;background:#fff;color:#222;direction:rtl}
a{text-decoration:none;color:inherit}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}
.header-inner{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 16px}
.logo{font-weight:900;font-size:22px;letter-spacing:1px}
.logo span{color:#e91e8c}
.cart-link{position:relative;font-size:14px}
.badge{background:#e91e8c;color:#fff;border-radius:50%;padding:2px 7px;font-size:12px;margin-right:4px}
.menu-btn{font-size:22px;background:none;border:none;cursor:pointer}
.main-nav{display:none;flex-direction:column;background:#fff;border-top:1px solid #eee;padding:8px 16px}
.main-nav.open{display:flex}
.main-nav a{padding:10px 0;border-bottom:1px solid #f3f3f3}
.story-circles{display:flex;gap:16px;justify-content:center;padding:16px;overflow-x:auto}
.circle{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700}
.circle img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:2px solid #e91e8c;padding:2px}
.hero{max-width:1100px;margin:auto;display:flex;align-items:center;gap:24px;padding:32px 16px;flex-wrap:wrap;background:#fdf2f8;border-radius:16px}
.hero-text{flex:1;min-width:260px}
.hero-text .tag{color:#e91e8c;font-weight:700;font-size:13px}
.hero-text h1{font-size:28px;margin:10px 0}
.hero-text p{color:#555;margin-bottom:16px}
.hero-img{flex:1;min-width:240px}
.hero-img img{width:100%;border-radius:16px;object-fit:cover;max-height:360px}
.btn{display:inline-block;background:#e91e8c;color:#fff;padding:10px 22px;border-radius:30px;border:none;cursor:pointer;font-family:inherit}
.btn.add{margin-top:10px;font-size:14px}
.section{max-width:1100px;margin:auto;padding:32px 16px}
.section h2{margin-bottom:20px;font-size:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.card{border:1px solid #eee;border-radius:14px;padding:14px;text-align:center;transition:.2s}
.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}
.card img{width:100%;height:230px;object-fit:cover;border-radius:10px}
.card h3{font-size:15px;margin:10px 0 6px}
.price{color:#e91e8c;font-weight:800}
.price.big{font-size:24px;margin:12px 0}
.product-page{max-width:1000px;margin:auto;display:flex;gap:24px;padding:32px 16px;flex-wrap:wrap}
.p-img{flex:1;min-width:260px}
.p-img img{width:100%;border-radius:14px}
.p-info{flex:1;min-width:260px}
.cart-table{width:100%;border-collapse:collapse;margin-bottom:16px}
.cart-table th,.cart-table td{border-bottom:1px solid #eee;padding:10px;text-align:right}
.total{font-weight:800;font-size:18px;margin-bottom:16px}
.rm{color:#e11}
.order-form{display:flex;flex-direction:column;gap:12px;max-width:420px}
.order-form input,.order-form textarea{padding:10px;border:1px solid #ddd;border-radius:8px;font-family:inherit}
.ok{background:#e8f8ee;border:1px solid #9adfb4;color:#157a3c;padding:12px;border-radius:8px;margin-bottom:16px}
.site-footer{background:#1c1c22;color:#ccc;margin-top:40px;padding:32px 16px}
.footer-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.footer-inner h3{color:#fff;margin-bottom:10px;font-size:16px}
.footer-inner a{display:block;padding:4px 0;color:#bbb}
.copy{text-align:center;margin-top:24px;font-size:13px;color:#888}
@media(min-width:800px){.main-nav{display:flex !important;flex-direction:row;gap:20px}.menu-btn{display:none}}
.error{background:#fff1f1;border:1px solid #e99;color:#a11;padding:12px;border-radius:8px;margin-bottom:16px}.rm{background:none;border:0;cursor:pointer;font:inherit}.table-wrap{overflow-x:auto}
.product-search{margin:0 0 25px;max-width:460px}.product-search label{display:block;font-size:14px}.product-search div{display:flex;gap:8px}.product-search input{flex:1;min-width:0;border:1px solid #ddd;border-radius:24px;padding:10px 14px;font:inherit}
body{color:#302b2d;line-height:1.85;background:#fffdfc}.site-header{position:relative;border-color:#f1eae7}.header-inner{max-width:1200px;padding:20px 18px}.logo{direction:ltr;color:#343036;font-size:24px}.logo span,.price,.hero-text .tag{color:#a66b78}.main-nav{max-width:1200px;margin:auto}.main-nav a:hover{color:#a66b78}.badge,.btn{background:#8c5361}.btn:hover{background:#70414d}.hero{max-width:1200px;min-height:430px;padding:0;gap:0;background:#f6efed;overflow:hidden}.hero-text{padding:48px;flex:1}.hero-text h1{font-size:clamp(26px,3vw,44px);line-height:1.5}.hero-text p{max-width:430px;line-height:2}.hero-img{align-self:stretch;flex:1}.hero-img img{display:block;height:100%;min-height:430px;max-height:500px;object-position:center 20%;border-radius:0}.section{max-width:1200px;padding:48px 18px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-heading h2{margin:0}.section-heading>a{font-size:14px;color:#8c5361}.eyebrow{font-family:Arial,sans-serif;letter-spacing:2px;font-size:11px;color:#a66b78}.card{border:0;background:#faf7f6;border-radius:3px;text-align:right;padding:10px}.card img{height:300px;border-radius:2px}.card h3{min-height:48px}.card .btn{width:100%;text-align:center}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #eee7e5;border-bottom:1px solid #eee7e5}.benefits p{font-size:13px;color:#746a6b}.guide-banner{background:#f6efed;margin-top:40px;padding:45px;border-radius:12px}.guide-banner p{margin:12px 0 20px}.text-page{max-width:850px}.text-page h1,.text-page h2{margin:20px 0 12px}.text-page p{margin-bottom:20px}.site-footer{background:#302a2c;color:#eee}.order-form input,.order-form textarea{font-size:16px}.cart-table{min-width:580px}@media(max-width:799px){.hero{margin:0 12px}.hero-text{padding:32px 22px}.hero-img img{min-height:280px;max-height:320px}.benefits{grid-template-columns:1fr}.card img{height:220px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:6px}.card h3{font-size:13px}.card .btn{padding:8px 4px}.section{padding:32px 16px}.guide-banner{margin:24px 12px}}
/* Fakour Commerce visual identity */
body{background:#f7f5f0;color:#252b26}.site-header{background:#f7f5f0;border-color:#deded5}.header-inner{max-width:1280px;padding:22px 24px}.logo{font-family:Georgia,serif;font-size:26px;letter-spacing:-1px;color:#243e32}.logo span{color:#a47e57;font-weight:400}.logo small{display:block;font:9px Arial,sans-serif;letter-spacing:3px;text-align:center;color:#777;margin-top:-3px}.main-nav{max-width:1280px;padding:0 24px 12px;gap:30px}.main-nav a:hover,.price,.eyebrow{color:#617461}.badge,.btn{background:#294638}.btn{border-radius:3px;padding:12px 24px}.btn:hover{background:#a47e57}.hero{max-width:1280px;margin:20px auto 0;min-height:520px;background:#e9e8dd;border-radius:0}.hero-text{padding:65px 70px}.hero-text .tag{color:#7c846f;font:11px Arial,sans-serif;letter-spacing:3px}.hero-text h1{font-size:clamp(34px,4vw,57px);line-height:1.65;color:#263c31}.hero-text h1 em{font-style:normal;color:#a77b5b}.hero-text p{color:#5e675e}.hero-img img{min-height:520px;max-height:600px;object-position:center 25%}.section{max-width:1280px}.section-heading h2{font-size:28px}.card{background:transparent;padding:0;box-shadow:none!important}.card img{height:340px;object-fit:cover;background:#e8e4da;border-radius:0}.card h3{padding:0 3px}.card .price{padding:0 3px}.card .btn{background:transparent;color:#294638;border:1px solid #b3bdb3;border-radius:0;margin-top:14px}.card .btn:hover{background:#294638;color:white}.benefits{border-color:#d8ddd3}.benefits strong{color:#294638}.guide-banner{background:#e7eadf;border-radius:0;padding:55px}.site-footer{background:#263c31}.product-page{max-width:1200px;gap:55px}.p-img>img{max-height:650px;object-fit:contain;background:#ebeae3;border-radius:0}.product-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.product-gallery a{width:70px;height:80px}.product-gallery img{width:100%;height:100%;object-fit:cover;border-radius:0}.p-info{padding:20px}.p-info h1{color:#294638}.p-info p{margin:18px 0}.product-search input{border-radius:3px}@media(max-width:799px){.header-inner{padding:15px 18px}.logo{font-size:21px}.hero{margin:0 12px;min-height:0}.hero-text{padding:35px 24px}.hero-text h1{font-size:32px}.hero-img img{min-height:300px;max-height:370px}.card img{height:225px}.guide-banner{margin:24px 12px;padding:30px}.product-page{gap:15px}.p-info{padding:5px}}
.variant-form{display:grid;gap:10px;max-width:350px}.variant-form select{padding:12px;border:1px solid #b3bdb3;background:#fff;font:inherit}.variant-form .btn{margin:0}
