@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap');
:root{--ink:#1b1819;--muted:#766d70;--pink:#ead2d8;--soft:#fff7f8;--line:#eee5e7;--accent:#171315}*{box-sizing:border-box}body{margin:0;background:#f4f1f2;color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif}.topbar{height:68px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid var(--line)}.brand{text-align:center;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:4px}.icon-button{border:0;background:none;font-size:21px;position:relative}.icon-button span{position:absolute;top:-5px;right:-7px;background:#111;color:#fff;border-radius:10px;font-size:10px;padding:1px 5px}main{max-width:520px;margin:auto;background:#fff;min-height:calc(100vh - 68px)}.screen{display:none;padding:18px 16px 100px}.screen.active{display:block}.hero{background:linear-gradient(135deg,#f8e9ed,#e8c9d1);padding:28px 22px;margin:-18px -16px 22px;min-height:190px;display:flex;flex-direction:column;justify-content:end}.hero p{margin:0;font-size:13px}.hero h1{font-size:28px;margin:4px 0}.hero span{color:#5d5053}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0}.section-title button,.back{border:0;background:none;color:#6e5960;font:inherit}.chips{display:flex;gap:8px;overflow:auto;padding:12px 0 18px}.chips button{white-space:nowrap;border:1px solid var(--line);border-radius:20px;padding:7px 15px;background:white;font:inherit}.chips .selected{background:#1c191a;color:white}.products{display:grid;grid-template-columns:1fr 1fr;gap:16px 11px}.product-card{cursor:pointer}.product-image{aspect-ratio:3/4;background:linear-gradient(150deg,#eedde1,#d9c2c8);display:flex;align-items:center;justify-content:center;color:#856f75;border-radius:4px}.product-image.alt{background:linear-gradient(150deg,#e8e1dc,#c9bcb3)}.product-card h3{font-size:14px;margin:8px 0 2px;font-weight:600}.product-card p{font-size:12px;color:var(--muted);margin:0}.product-card strong{font-size:14px}.badge{display:inline-block;font-size:11px;background:#f2e4e7;padding:3px 9px;margin-top:6px}.large{margin:10px -16px 20px;border-radius:0;max-height:500px}.detail h1{font-size:23px}.detail p{line-height:1.9;color:#574e50}.price{font-size:20px;font-weight:700;margin:18px 0}.sizes{display:flex;gap:8px;margin:9px 0 22px}.sizes button{width:44px;height:42px;background:#fff;border:1px solid #d8ced0}.sizes button.selected{background:#171315;color:white}.primary{width:100%;border:0;border-radius:3px;background:var(--accent);color:#fff;font:600 15px Vazirmatn;padding:14px;margin-top:12px}.back{padding:0 0 12px}.cart-items:empty:after{content:'سبد خرید شما خالی است.';display:block;padding:40px 0;color:var(--muted);text-align:center}.cart-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:70px;height:88px;background:#eadce0}.cart-row div{display:flex;flex-direction:column;gap:4px}.summary{background:var(--soft);padding:15px;margin:20px 0}.summary div{display:flex;justify-content:space-between;margin:8px 0}.summary small{color:var(--muted)}form label{display:block;font-size:13px;margin:10px 0}input,textarea{width:100%;font:inherit;border:1px solid #ddd2d5;padding:11px;margin-top:5px;background:#fff}textarea{min-height:80px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-options{background:var(--soft);padding:8px 14px}.payment-options label{display:flex;gap:8px}.payment-options input{width:auto}.success-card{text-align:center;padding:70px 20px}.success-card>span{display:inline-grid;place-items:center;background:#dcecdf;color:#24713b;border-radius:50%;width:68px;height:68px;font-size:30px}.success-card strong{display:block;margin:18px}.profile-card{padding:22px;background:var(--soft);display:flex;flex-direction:column;margin-bottom:16px}.menu{width:100%;display:flex;justify-content:space-between;background:#fff;border:0;border-bottom:1px solid var(--line);padding:16px 4px;font:inherit}.order{border:1px solid var(--line);padding:15px;margin:12px 0}.order div{display:flex;justify-content:space-between}.order span{color:#9a6c24;font-size:12px}.order .green{color:#24713b}.order p{color:var(--muted);font-size:13px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:6;width:min(520px,100%);height:68px;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{flex:1;border:0;background:none;color:#8b8183;font:12px Vazirmatn;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav button:first-line{font-size:20px}.bottom-nav .selected{color:#181516;font-weight:700}@media(min-width:600px){body{padding:25px 0}.topbar{max-width:520px;margin:auto;border-radius:14px 14px 0 0}.bottom-nav{bottom:25px}.screen{min-height:780px}}

.product-image {
  overflow: hidden;
}
.product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}