@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{font-size:16px;height:100%}
body{
  font-family:'Vazirmatn',sans-serif;
  direction:rtl;
  background:#F2F2F7;
  color:#1A1118;
  height:100%;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ── TOKENS ── */
:root{
  --rose:#C8325A;--rose-l:#F5E0E8;--rose-d:#8F1A3A;
  --gold:#C49A2A;--gold-l:#F7EDD8;
  --ink:#1A1118;--ink-60:#6B5A64;--ink-30:#C0B4BB;
  --ivory:#FAF7F4;--white:#fff;
  --bg:#F2F2F7;
  --nav-h:60px;--tab-h:52px;
}

/* ── APP SHELL ── */
#app{display:flex;flex-direction:column;min-height:100vh;max-width:430px;margin:0 auto;background:var(--ivory);position:relative}
#screen-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--tab-h);-webkit-overflow-scrolling:touch}
#screen-container::-webkit-scrollbar{display:none}

/* ── STATUS BAR SPACER (safe area) ── */
.status-spacer{height:env(safe-area-inset-top,0px);background:var(--ink)}

/* ── BOTTOM TAB BAR ── */
.tab-bar{
  display:flex;background:var(--white);
  border-top:0.5px solid rgba(26,17,24,0.1);
  height:var(--tab-h);
  padding-bottom:env(safe-area-inset-bottom,0px);
  position:sticky;bottom:0;z-index:200;
}
.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:4px 0;border:none;background:transparent;transition:transform .1s}
.tab-item:active{transform:scale(.9)}
.tab-item i{font-size:22px;color:var(--ink-30);transition:color .15s}
.tab-item span{font-size:10px;color:var(--ink-30);font-weight:500;font-family:'Vazirmatn',sans-serif;transition:color .15s}
.tab-item.active i,.tab-item.active span{color:var(--rose)}
.tab-cart-wrap{position:relative}
.tab-badge{position:absolute;top:-4px;left:-4px;width:16px;height:16px;background:var(--rose);border-radius:50%;border:2px solid var(--white);display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700;opacity:0;transition:opacity .2s}
.tab-badge.show{opacity:1}

/* ── SCREEN BASE ── */
.screen{display:none;flex-direction:column;min-height:100%}
.screen.active{display:flex}

/* ── TOP APP BAR ── */
.app-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;background:var(--white);
  border-bottom:0.5px solid rgba(26,17,24,0.08);
  position:sticky;top:0;z-index:100;min-height:52px;
}
.app-bar-dark{background:var(--ink);border-bottom:none}
.bar-logo{font-size:18px;font-weight:700;color:var(--ink)}
.bar-logo span{color:var(--rose)}
.bar-logo-white{color:#fff}
.bar-logo-white span{color:var(--rose)}
.bar-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);font-size:18px;transition:background .15s}
.bar-icon.light{background:rgba(26,17,24,0.06);color:var(--ink-60)}
.bar-icon:active{transform:scale(.9)}
.bar-icons{display:flex;gap:8px}
.bar-back{width:34px;height:34px;border-radius:50%;background:var(--ivory);border:none;display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:16px;cursor:pointer}
.bar-title{font-size:15px;font-weight:700;color:var(--ink)}
.bar-title-white{color:#fff}

/* ── TOAST ── */
.toast{
  position:fixed;bottom:calc(var(--tab-h) + 12px);right:50%;transform:translateX(50%);
  background:var(--ink);color:#fff;border-radius:14px;
  padding:10px 20px;font-size:13px;font-weight:500;
  z-index:9999;white-space:nowrap;
  opacity:0;transition:opacity .25s,transform .25s;
  max-width:90%;pointer-events:none;
}
.toast.show{opacity:1;transform:translateX(50%) translateY(-4px)}

/* ── LOADING SPINNER ── */
.spinner-wrap{display:flex;justify-content:center;align-items:center;padding:3rem 0}
.spinner{width:32px;height:32px;border:3px solid var(--rose-l);border-top-color:var(--rose);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── SCREEN 1: HOME ── */
.home-hero{background:var(--ink);padding:16px 16px 20px;position:relative;overflow:hidden}
.home-hero::before{content:'';position:absolute;top:-50px;left:-50px;width:180px;height:180px;border-radius:50%;background:rgba(200,50,90,0.15);pointer-events:none}
.hero-greet{font-size:12.5px;color:rgba(255,255,255,.4);margin-bottom:3px}
.hero-title{font-size:22px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:8px}
.hero-title em{color:var(--rose);font-style:normal}
.hero-sub{font-size:12.5px;color:rgba(255,255,255,.4);line-height:1.6;margin-bottom:14px}
.hero-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:14px;padding:11px 14px;cursor:pointer}
.hero-search span{font-size:13px;color:rgba(255,255,255,.35);flex:1}
.hero-search i{color:rgba(255,255,255,.35);font-size:17px}

.home-section{padding:16px 16px 0}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sec-ttl{font-size:14px;font-weight:700;color:var(--ink)}
.sec-see{font-size:12px;color:var(--rose);font-weight:600;cursor:pointer;border:none;background:transparent;font-family:'Vazirmatn',sans-serif}

/* Categories horizontal scroll */
.cats-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;padding-right:16px;padding-left:16px;margin:0 -16px}
.cats-scroll::-webkit-scrollbar{display:none}
.cat-pill{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;cursor:pointer}
.cat-ico{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;border:1.5px solid transparent;transition:border-color .15s,transform .1s}
.cat-ico:active{transform:scale(.92)}
.cat-ico.active{border-color:var(--rose)}
.cat-lbl{font-size:10.5px;font-weight:500;color:var(--ink-60);white-space:nowrap}

/* Promo banner */
.promo-card{
  margin:16px;border-radius:20px;background:var(--rose);
  padding:18px;display:flex;align-items:center;justify-content:space-between;
  overflow:hidden;position:relative;cursor:pointer;
}
.promo-deco{position:absolute;left:-8px;top:50%;transform:translateY(-50%);font-size:70px;opacity:.1;pointer-events:none}
.promo-tag{font-size:10px;color:rgba(255,255,255,.6);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}
.promo-ttl{font-size:16px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:10px}
.promo-btn{display:inline-flex;align-items:center;gap:5px;background:#fff;color:var(--rose);border-radius:50px;padding:6px 14px;font-size:11.5px;font-weight:700;font-family:'Vazirmatn',sans-serif;border:none;cursor:pointer}

/* Product grid */
.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}
.prod-card{background:#fff;border-radius:16px;border:0.5px solid rgba(26,17,24,0.08);overflow:hidden;cursor:pointer;transition:transform .1s}
.prod-card:active{transform:scale(.97)}
.prod-img{height:120px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}
.prod-badges{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:3px}
.badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px}
.badge-new{background:var(--rose);color:#fff}
.badge-sale{background:var(--gold);color:#fff}
.badge-hot{background:var(--ink);color:#fff}
.prod-wish{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:#fff;border:0.5px solid rgba(26,17,24,0.1);display:flex;align-items:center;justify-content:center;color:var(--ink-60);font-size:13px;cursor:pointer;border-style:solid;transition:all .15s}
.prod-wish.wishlisted{color:var(--rose);border-color:var(--rose)}
.prod-info{padding:9px 10px 11px}
.prod-brand{font-size:9.5px;color:var(--ink-60);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.prod-name{font-size:12px;font-weight:500;color:var(--ink);margin-bottom:5px;line-height:1.35}
.prod-stars{font-size:11px;color:var(--gold);margin-bottom:4px}
.prod-prices{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.price-cur{font-size:13px;font-weight:700;color:var(--rose)}
.price-old{font-size:10.5px;color:var(--ink-30);text-decoration:line-through}
.prod-add{width:28px;height:28px;border-radius:50%;background:var(--rose);border:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;margin-right:auto;flex-shrink:0;transition:transform .1s}
.prod-add:active{transform:scale(.88)}

/* ── SCREEN 2: SEARCH ── */
.search-bar-wrap{background:#fff;padding:10px 16px;border-bottom:0.5px solid rgba(26,17,24,0.08)}
.search-input-row{display:flex;align-items:center;gap:8px;background:var(--ivory);border-radius:12px;padding:10px 14px;border:0.5px solid rgba(26,17,24,0.12)}
.search-input-row i{color:var(--ink-60);font-size:16px}
.search-inp{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:var(--ink);font-family:'Vazirmatn',sans-serif;direction:rtl}
.search-inp::placeholder{color:var(--ink-30)}
.filter-btn{width:34px;height:34px;border-radius:10px;background:var(--rose-l);border:none;display:flex;align-items:center;justify-content:center;color:var(--rose);font-size:16px;cursor:pointer;flex-shrink:0}

.chips-scroll{display:flex;gap:7px;padding:10px 16px;overflow-x:auto;scrollbar-width:none;border-bottom:0.5px solid rgba(26,17,24,0.06)}
.chips-scroll::-webkit-scrollbar{display:none}
.chip{padding:6px 14px;border-radius:50px;border:0.5px solid rgba(26,17,24,0.12);font-size:12px;color:var(--ink-60);background:#fff;cursor:pointer;white-space:nowrap;font-family:'Vazirmatn',sans-serif;font-weight:500;flex-shrink:0;transition:all .15s}
.chip.active{background:var(--rose);color:#fff;border-color:var(--rose)}
.search-results-body{padding:14px 16px;background:var(--ivory);flex:1}
.results-count{font-size:11.5px;color:var(--ink-60);margin-bottom:12px}
.search-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ── SCREEN 3: PRODUCT DETAIL ── */
.detail-img{position:relative;height:240px;display:flex;align-items:center;justify-content:center;font-size:100px}
.detail-badge{position:absolute;top:14px;right:14px;border-radius:50px;padding:5px 14px;font-size:11px;font-weight:700;background:var(--rose);color:#fff}
.detail-thumbs{display:flex;gap:8px;justify-content:center;padding:10px 16px;background:var(--ivory);border-bottom:0.5px solid rgba(26,17,24,0.07)}
.d-thumb{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1.5px solid transparent;cursor:pointer;transition:border-color .15s}
.d-thumb.active{border-color:var(--rose)}
.detail-body{padding:14px 16px}
.detail-brand{font-size:10.5px;color:var(--rose);font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px}
.detail-name{font-size:18px;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:8px}
.detail-stars-row{display:flex;align-items:center;gap:7px;margin-bottom:12px}
.detail-stars{font-size:14px;color:var(--gold)}
.detail-rct{font-size:12.5px;color:var(--ink-60)}
.detail-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.detail-price{font-size:26px;font-weight:700;color:var(--rose)}
.detail-old{font-size:13px;color:var(--ink-30);text-decoration:line-through}
.detail-save{font-size:10.5px;background:var(--gold-l);color:var(--gold);padding:3px 9px;border-radius:6px;font-weight:700}
.urgency-box{background:var(--rose-l);border-radius:10px;padding:9px 12px;font-size:12px;color:var(--rose-d);margin-bottom:12px;display:flex;align-items:center;gap:7px}
.urgency-box i{flex-shrink:0;font-size:15px;color:var(--rose)}
.section-lbl{font-size:10.5px;font-weight:700;color:var(--ink-60);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.shades-row{display:flex;gap:8px;margin-bottom:12px}
.shade-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .1s}
.shade-dot.active{border-color:var(--ink);transform:scale(1.1)}
.guarantees{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}
.g-item{display:flex;align-items:center;gap:6px;background:var(--ivory);border-radius:10px;padding:8px 10px}
.g-item i{color:var(--rose);font-size:14px;flex-shrink:0}
.g-item span{font-size:11px;color:var(--ink);font-weight:500}
.detail-actions{
  position:sticky;bottom:var(--tab-h);background:#fff;
  border-top:0.5px solid rgba(26,17,24,0.08);
  padding:10px 14px;display:flex;gap:10px;align-items:center;
  padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));
}
.qty-ctrl{display:flex;align-items:center;border:0.5px solid rgba(26,17,24,0.18);border-radius:50px;overflow:hidden}
.qty-btn{width:32px;height:44px;border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--ink);font-family:'Vazirmatn',sans-serif;display:flex;align-items:center;justify-content:center}
.qty-val{width:30px;text-align:center;font-size:14px;font-weight:700}
.add-btn{flex:1;background:var(--rose);color:#fff;border:none;border-radius:50px;height:44px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s}
.add-btn:active{background:var(--rose-d)}
.wl-btn{width:44px;height:44px;border-radius:50%;border:0.5px solid rgba(26,17,24,0.18);background:#fff;color:var(--ink-60);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.wl-btn.wishlisted{border-color:var(--rose);color:var(--rose);background:var(--rose-l)}

/* Reviews section */
.reviews-wrap{padding:16px;border-top:8px solid var(--bg)}
.rev-summary-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.big-rating{font-size:44px;font-weight:700;color:var(--rose);line-height:1}
.rat-bars{flex:1}
.rat-bar-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.rat-bar-row span{font-size:11px;color:var(--ink-60);min-width:10px}
.rat-track{flex:1;height:4px;background:var(--ivory);border-radius:2px;overflow:hidden}
.rat-fill{height:100%;background:var(--gold);border-radius:2px}
.rev-list{display:flex;flex-direction:column;gap:10px}
.rev-card{background:var(--ivory);border-radius:14px;padding:12px}
.rev-hdr{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.rev-av{width:36px;height:36px;border-radius:50%;background:var(--rose-l);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--rose);flex-shrink:0}
.rev-nm{font-size:13px;font-weight:600;color:var(--ink)}
.rev-dt{font-size:11px;color:var(--ink-60)}
.rev-verified{font-size:10px;background:#E8F5E9;color:#2E7D32;padding:2px 7px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:3px;margin-right:auto}
.rev-stars{font-size:12px;color:var(--gold);margin-bottom:5px}
.rev-txt{font-size:12.5px;color:var(--ink);line-height:1.7}

/* ── SCREEN 4: CART ── */
.cart-body{padding:14px 16px;background:var(--bg);flex:1}
.cart-item{background:#fff;border-radius:14px;border:0.5px solid rgba(26,17,24,0.08);padding:12px;display:flex;gap:10px;align-items:center;margin-bottom:10px}
.ci-img{width:58px;height:58px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
.ci-body{flex:1;min-width:0}
.ci-brand{font-size:9.5px;color:var(--ink-60);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:1px}
.ci-name{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:2px;line-height:1.3}
.ci-variant{font-size:11px;color:var(--ink-60)}
.ci-right{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0}
.ci-price{font-size:14px;font-weight:700;color:var(--rose)}
.ci-qty{display:flex;align-items:center;border:0.5px solid rgba(26,17,24,0.15);border-radius:50px}
.ci-qb{width:26px;height:26px;border:none;background:transparent;font-size:16px;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Vazirmatn',sans-serif}
.ci-qv{font-size:12px;font-weight:700;min-width:18px;text-align:center}
.ci-del{color:rgba(26,17,24,.2);font-size:14px;cursor:pointer;transition:color .15s}
.ci-del:active{color:var(--rose)}

.ship-progress{background:#fff;border-radius:14px;padding:12px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.sp-icon{color:var(--gold);font-size:18px;flex-shrink:0}
.sp-body{flex:1}
.sp-text{font-size:12px;color:var(--ink);font-weight:500;margin-bottom:5px}
.sp-track{height:4px;background:rgba(26,17,24,0.08);border-radius:2px;overflow:hidden}
.sp-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s}

.order-summary{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px}
.os-ttl{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px}
.os-row{display:flex;justify-content:space-between;margin-bottom:7px}
.os-row span{font-size:12.5px;color:var(--ink-60)}
.os-row .v{color:var(--ink);font-weight:500}
.os-row.disc .v{color:#4CAF50}
.os-div{height:0.5px;background:rgba(26,17,24,0.08);margin:10px 0}
.os-row.tot span{font-size:14px;font-weight:700;color:var(--ink)}
.os-row.tot .v{color:var(--rose);font-size:17px;font-weight:700}

.promo-row{display:flex;gap:8px;margin-bottom:12px}
.promo-input{flex:1;background:#fff;border:0.5px solid rgba(26,17,24,0.15);border-radius:50px;padding:10px 14px;font-size:12.5px;color:var(--ink);font-family:'Vazirmatn',sans-serif;direction:rtl;outline:none}
.promo-input:focus{border-color:var(--rose)}
.promo-apply{background:var(--ink);color:#fff;border:none;border-radius:50px;padding:10px 16px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;white-space:nowrap;transition:background .15s}
.promo-apply:active{background:var(--rose)}

.checkout-btn{
  width:100%;background:var(--rose);color:#fff;border:none;border-radius:16px;
  padding:15px;font-size:14px;font-weight:700;cursor:pointer;
  font-family:'Vazirmatn',sans-serif;display:flex;align-items:center;
  justify-content:center;gap:8px;margin-bottom:10px;transition:background .15s;
}
.checkout-btn:active{background:var(--rose-d)}
.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;color:var(--ink-60);margin-bottom:10px}
.pay-icons{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.pay-ico{background:var(--ivory);border-radius:7px;padding:4px 10px;font-size:11px;color:var(--ink-60);font-weight:600;border:0.5px solid rgba(26,17,24,0.1)}

.empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:3rem 2rem;text-align:center}
.empty-cart i{font-size:48px;color:var(--ink-30)}
.empty-cart h3{font-size:16px;font-weight:700;color:var(--ink)}
.empty-cart p{font-size:13px;color:var(--ink-60);line-height:1.6}
.empty-btn{background:var(--rose);color:#fff;border:none;border-radius:50px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;margin-top:4px}

/* ── SCREEN 5: PROFILE ── */
.profile-hero{background:var(--ink);padding:20px 16px 24px;position:relative;overflow:hidden}
.profile-hero::before{content:'';position:absolute;bottom:-30px;left:-30px;width:120px;height:120px;border-radius:50%;background:rgba(200,50,90,0.15)}
.p-avatar{width:68px;height:68px;border-radius:50%;background:var(--rose);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;margin:0 auto 10px;border:3px solid rgba(255,255,255,.2)}
.p-name{font-size:17px;font-weight:700;color:#fff;text-align:center;margin-bottom:2px}
.p-email{font-size:11.5px;color:rgba(255,255,255,.4);text-align:center;margin-bottom:16px}
.p-stats{display:grid;grid-template-columns:repeat(3,1fr);border-radius:14px;overflow:hidden;border:0.5px solid rgba(255,255,255,.1)}
.p-stat{background:rgba(255,255,255,.07);padding:10px 6px;text-align:center;border-left:0.5px solid rgba(255,255,255,.08)}
.p-stat:last-child{border-left:none}
.p-sn{font-size:16px;font-weight:700;color:#fff}
.p-sl{font-size:10px;color:rgba(255,255,255,.4);margin-top:1px}
.p-orders{padding:14px 16px}
.p-orders-ttl{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px}
.p-order-card{background:#fff;border-radius:14px;border:0.5px solid rgba(26,17,24,0.08);padding:12px;margin-bottom:10px;cursor:pointer}
.p-oh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.p-oid{font-size:11.5px;color:var(--ink-60);font-weight:600}
.p-ostatus{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px}
.status-sent{background:#E8F5E9;color:#2E7D32}
.status-processing{background:#FFF3E0;color:#E65100}
.status-pending{background:#EDE7F6;color:#512DA8}
.p-oitems{display:flex;gap:6px;margin-bottom:8px}
.p-oitem{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}
.p-omore{width:42px;height:42px;border-radius:10px;background:var(--ivory);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink-60)}
.p-of{display:flex;justify-content:space-between;align-items:center}
.p-odate{font-size:11px;color:var(--ink-60)}
.p-oprice{font-size:14px;font-weight:700;color:var(--rose)}
.p-menu{padding:0 16px 16px}
.p-menu-item{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:0.5px solid rgba(26,17,24,0.07);cursor:pointer}
.p-menu-item:last-child{border-bottom:none}
.p-menu-r{display:flex;align-items:center;gap:10px}
.p-menu-ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.p-menu-ico.rose{background:var(--rose-l);color:var(--rose)}
.p-menu-ico.gold{background:var(--gold-l);color:var(--gold)}
.p-menu-ico.blue{background:#DAE8F5;color:#1A5F9A}
.p-menu-ico.green{background:#E0F0E3;color:#2A7D3A}
.p-menu-lbl{font-size:13.5px;font-weight:500;color:var(--ink)}
.p-menu-sub{font-size:11px;color:var(--ink-60);margin-top:1px}
.p-menu-arr{color:var(--ink-30);font-size:16px}

/* ── WISHLIST SCREEN ── */
.wishlist-body{padding:14px 16px;background:var(--bg);flex:1}
.wishlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.empty-wish{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:3rem 2rem;text-align:center}
.empty-wish i{font-size:48px;color:var(--ink-30)}
.empty-wish h3{font-size:16px;font-weight:700;color:var(--ink)}

/* ── SETUP SCREEN ── */
.setup-screen{padding:24px 20px;display:flex;flex-direction:column;gap:16px;background:var(--ivory);flex:1}
.setup-header{text-align:center;margin-bottom:8px}
.setup-header h2{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:6px}
.setup-header p{font-size:13px;color:var(--ink-60);line-height:1.7}
.setup-card{background:#fff;border-radius:16px;border:0.5px solid rgba(26,17,24,0.1);padding:16px}
.setup-card h3{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:7px}
.setup-card h3 i{color:var(--rose);font-size:16px}
.setup-field{margin-bottom:10px}
.setup-field label{display:block;font-size:11.5px;font-weight:600;color:var(--ink-60);margin-bottom:5px}
.setup-field input{width:100%;background:var(--ivory);border:0.5px solid rgba(26,17,24,0.12);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--ink);font-family:'Vazirmatn',sans-serif;direction:ltr;outline:none;transition:border-color .15s}
.setup-field input:focus{border-color:var(--rose)}
.setup-save{width:100%;background:var(--rose);color:#fff;border:none;border-radius:50px;padding:13px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:background .15s;margin-top:4px}
.setup-save:active{background:var(--rose-d)}
.setup-hint{font-size:11px;color:var(--ink-60);line-height:1.6;background:var(--gold-l);border-radius:10px;padding:10px 12px}
.setup-hint code{font-family:monospace;font-size:10.5px;background:rgba(0,0,0,0.06);padding:1px 4px;border-radius:3px}