/* GENERATED by app/stall_tests_fa/rtl_build.py from assets/dt-shop.css. Do not edit here. */
/* Public pages: shop, checkout, payment, order tracking. */
body.pub.narrow .pmain{max-width:520px}body.pub.narrow .ptop-in,body.pub.narrow .pfoot-in{max-width:520px}
body.narrow .ptop-r .langsel{border:0;padding:0}body.narrow .ptop-r .langsel .ic{display:none}
.pay-who{display:flex;align-items:center;gap:14px;padding:6px 2px 16px;border-bottom:1.5px solid var(--line);margin-bottom:16px}.pay-who b{display:block;color:var(--ink);font-size:1.15rem}.pay-who span{color:var(--text)}.pay-who strong{font-size:1.3rem;color:var(--ink);font-weight:800}
.av.sq{border-radius:12px;width:56px;height:56px;font-size:1.2rem}
.st-screen{text-align:center;padding:6px 0 18px}.st-screen h1{font-size:1.9rem;margin:14px 0 8px}.st-screen p{font-size:1.1rem;color:var(--text);margin-bottom:8px}.st-screen .pill{font-size:1rem;margin-top:6px;font-weight:500}
.st-ic{width:84px;height:84px;border-radius:50%;display:grid;place-content:center;margin:0 auto}.st-ic .ic{width:44px;height:44px}.st-ic.red{background:#FBDCDC;color:#D92D20}.st-ic.amber{background:#FDEBC6;color:#D97706}.st-ic.gray{background:#E3E6EA;color:#465163}
.btn.loading{position:relative;color:transparent!important}.btn.loading::after{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* ---- order tracking ---- */
.ok-banner{display:flex;align-items:center;gap:28px;background:#D3F0E1;border-radius:16px;padding:22px 28px}.ok-banner h1{font-size:2.4rem}.ok-banner p{font-size:1.25rem;color:var(--ink)}
.ok-banner .grow{border-right:1.5px solid #A9D9C1;padding-right:28px}.ok-amt{display:flex;align-items:center;gap:18px;border-right:1.5px solid #A9D9C1;padding-right:34px}.ok-amt strong{font-size:2.4rem;font-weight:800;color:var(--ink);white-space:nowrap}.ok-amt .pill{font-size:.95rem}
.ord-h{margin:20px 0 14px}.ord-h h1{font-size:2.3rem}.ord-h p{font-size:1.1rem;color:var(--text)}
.ord{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr)}.ord h2{font-size:1.45rem}
.live{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}.live i{width:11px;height:11px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 0 rgba(18,183,106,.5);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
.status-big{font-size:1.4rem;padding:9px 22px;gap:12px;font-weight:700;margin-bottom:8px}.status-big .ic{width:30px;height:30px}
.ord .hsteps>div{font-size:1rem}
.pick-box{display:flex;align-items:center;gap:22px;background:#DDF3E7;border-radius:12px;padding:14px 22px;margin-top:14px}.pick-box>.ic{width:34px;height:34px;color:var(--g-d);fill:var(--g-d);stroke:#DDF3E7}.pick-box div{border-right:1.5px solid #A9D9C1;padding-right:22px}.pick-box b{display:block;color:var(--ink);font-size:1.08rem}.pick-box span{color:var(--text)}
.pn-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:16px}.pn-card{display:flex;align-items:center;gap:26px;border:1.5px solid var(--line);border-radius:12px;padding:10px 28px}.pn-card .ic{width:62px;height:62px;color:var(--g-d);stroke-width:1.6}
.pn-card div{border-right:1.5px solid var(--line);padding-right:26px}.pn-card small{display:block;font-weight:800;color:var(--ink);letter-spacing:.03em}.pn-card b{font-size:3.3rem;font-weight:800;color:var(--ink);line-height:1}
.ready-box{display:flex;gap:26px;align-items:center;background:#D3F0E1;border-radius:14px;padding:18px 26px;margin-bottom:10px}.rb-ic{width:74px;height:74px;border-radius:16px;background:var(--g);color:#fff;display:grid;place-content:center;flex:none}.rb-ic .ic{width:44px;height:44px}
.ready-box h2{font-size:1.7rem}.pn-big{font-size:4rem;font-weight:800;color:var(--g-dd);line-height:1.05}
.oi{display:flex;align-items:center;gap:22px;padding:8px 0;border-top:1px solid var(--line2)}.oi:first-of-type{border-top:0}.oi b{display:block;color:var(--ink);font-size:1.15rem}.oi small{display:block;color:var(--text);font-size:.98rem}.oi>span{color:var(--ink);font-size:1.1rem;white-space:nowrap}
.oi .th.lg{width:118px;height:64px}
.helpl{display:flex;align-items:center;gap:14px;padding:7px 0;background:none;border:0;cursor:pointer;font-size:1.08rem;width:100%;text-align:right}.helpl .ic{color:var(--g-d);width:26px;height:26px}

@media(max-width:900px){
  .ok-banner{gap:14px;padding:14px 16px;flex-wrap:wrap}.ok-banner .bigok{width:44px;height:44px}.ok-banner .bigok .ic{width:26px;height:26px}.ok-banner h1{font-size:1.25rem}.ok-banner p{font-size:.95rem}.ok-banner .grow{border:0;padding:0}
  .ok-amt{border:0;padding:0;width:100%;justify-content:space-between}.ok-amt strong{font-size:1.5rem}
  .ord-h h1{font-size:1.6rem}.ord-h p{font-size:1rem}.status-big{font-size:1.1rem}.status-big .ic{width:22px;height:22px}
  .pn-row{grid-template-columns:1fr;gap:12px}.pn-card{padding:10px 18px}.pn-card b{font-size:2.6rem}.pick-box{gap:14px;padding:12px 14px}.pick-box div{padding-right:14px}
  .ready-box{flex-direction:column;text-align:center;gap:10px}.oi{gap:12px}.oi .th.lg{width:70px;height:56px}.oi b{font-size:1rem}.oi>span{font-size:1rem}
  .ord .hsteps>div{font-size:.84rem}
}