@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#e8315a;--pink-l:#fdf0f3;--pink-m:#f9cdd8;--pink-d:#b8204a;--cream:#fffbf7;--dark:#1a1a2e;--muted:#6b7280;--border:#f0e0e6;--green:#16a34a;--green-l:#f0fdf4;--amber:#d97706;--red:#dc2626;--blue:#3b82f6;--blue-l:#eff6ff;--white:#ffffff;--gray:#f9fafb;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow:0 2px 16px rgba(232,49,90,.08),0 1px 4px rgba(0,0,0,.04);--shadow-h:0 8px 32px rgba(232,49,90,.16);--font:"Tajawal",system-ui,sans-serif;--t:.18s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}body{font-family:var(--font);direction:rtl;background:var(--cream);color:var(--dark);-webkit-font-smoothing:antialiased;min-height:100vh}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,a,.cat-btn,.add-btn,.btn,.nav-btn,.prod-card,.ftab,.sbtn,.chip,.panel-link,.tab-switch button,.vendor-chip,.delivery-chip{touch-action:manipulation;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--pink-m);border-radius:3px}.page-wrap{max-width:640px;margin:0 auto;min-height:100vh;padding-bottom:90px}.wide-wrap{max-width:1100px;margin:0 auto;padding:0 16px}.p16{padding:0 16px}.navbar{position:sticky;top:0;z-index:100;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--pink-m);height:58px;display:flex;align-items:center}.navbar-inner{width:100%;max-width:640px;margin:0 auto;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.nav-logo{display:flex;align-items:center;gap:5px;font-size:19px;font-weight:900;color:var(--pink);text-decoration:none}.nav-actions{display:flex;align-items:center;gap:7px}.nav-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;border:none;border-radius:10px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--t)}.nav-btn-cart{background:var(--pink-l);color:var(--pink);position:relative}.nav-btn-cart:hover{background:var(--pink-m)}.nav-btn-user{background:var(--blue-l);color:var(--blue)}.nav-btn-user:hover{background:#dbeafe}.cart-badge{position:absolute;top:-6px;left:-6px;min-width:19px;height:19px;background:var(--pink);color:#fff;border-radius:999px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:popIn .3s ease}.hero{background:linear-gradient(135deg,var(--pink-l),#fff5f7,var(--cream));padding:28px 14px 22px;text-align:center;overflow:hidden;position:relative}.hero-emoji{font-size:44px;margin-bottom:8px;animation:float 3s ease-in-out infinite;display:block}.hero h1{font-size:23px;font-weight:900;line-height:1.3;margin-bottom:6px}.hero h1 span{color:var(--pink)}.hero p{font-size:13px;color:var(--muted);margin-bottom:14px}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.chip{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#ffffffd9;border-radius:999px;font-size:11px;font-weight:600;color:var(--dark);box-shadow:0 1px 4px #0000000f}.cats{display:flex;gap:7px;overflow-x:auto;padding:12px 14px 4px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat-btn{flex-shrink:0;padding:7px 13px;border:1.5px solid var(--border);border-radius:999px;background:var(--white);color:var(--dark);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--t);white-space:nowrap}.cat-btn.active{background:var(--pink);border-color:var(--pink);color:#fff}.sec-head{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 10px}.sec-title{font-size:18px;font-weight:800}.sec-count{font-size:12px;color:var(--muted)}.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px}@media (min-width:580px){.prod-grid{grid-template-columns:repeat(3,1fr)}}.prod-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .25s,box-shadow .25s;text-decoration:none;color:inherit;display:block}.prod-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}.delivery-chip{position:absolute;bottom:6px;right:6px;background:#ffffffed;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:3px}.vendor-chip{position:absolute;top:6px;right:6px;background:#1a1a2eb3;color:#fff;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700}.unavail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center}.unavail-overlay span{background:#0009;color:#fff;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800}.card-body{padding:10px}.card-name{font-size:13px;font-weight:800;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:11px;color:var(--muted);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:4px}.card-price{font-size:13px;font-weight:900;color:var(--pink)}.add-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--pink);color:#fff;border:none;border-radius:8px;font-family:var(--font);font-size:11px;font-weight:800;cursor:pointer;transition:all var(--t)}.add-btn:hover{background:var(--pink-d)}.add-btn:active{transform:scale(.92)}.add-btn.in-cart{background:var(--green)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;font-weight:700;margin-bottom:5px;color:var(--dark)}.form-label span{color:var(--red);margin-right:2px}.form-input{width:100%;padding:11px 13px;background:var(--white);border:1.5px solid var(--border);border-radius:10px;font-family:var(--font);font-size:14px;color:var(--dark);text-align:right;outline:none;transition:border-color var(--t),box-shadow var(--t)}.form-input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #e8315a1a}.form-input.err{border-color:var(--red)}.form-input::placeholder{color:#aaa}textarea.form-input{resize:vertical;min-height:80px}.form-err{font-size:11px;color:var(--red);margin-top:3px}.form-hint{font-size:11px;color:var(--muted);margin-top:3px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:32px}.btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 22px;border-radius:12px;font-family:var(--font);font-size:14px;font-weight:800;cursor:pointer;border:none;transition:all var(--t);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-sm{padding:8px 16px;font-size:12px;border-radius:9px}.btn-lg{padding:15px 24px;font-size:16px}.btn-primary{background:var(--pink);color:#fff}.btn-primary:hover:not(:disabled){background:var(--pink-d);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--pink);border:2px solid var(--pink)}.btn-outline:hover:not(:disabled){background:var(--pink-l)}.btn-green{background:var(--green);color:#fff}.btn-green:hover:not(:disabled){background:#15803d}.btn-ghost{background:var(--pink-l);color:var(--pink)}.btn-ghost:hover:not(:disabled){background:var(--pink-m)}.btn-gray{background:#f3f4f6;color:var(--dark)}.btn-gray:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:var(--red);color:#fff}.btn-row{display:flex;gap:8px}.spin{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spin-dark{border-color:#00000026;border-top-color:var(--dark)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.badge-new{background:#dbeafe;color:#1d4ed8}.badge-confirmed{background:#fef3c7;color:#b45309}.badge-preparing{background:#ede9fe;color:#6d28d9}.badge-out{background:#fed7aa;color:#c2410c}.badge-delivered{background:#dcfce7;color:#15803d}.badge-cancelled{background:#fee2e2;color:#b91c1c}.badge-returned{background:#fce7f3;color:#be185d}.badge-active{background:#dcfce7;color:#15803d}.badge-inactive{background:#f3f4f6;color:var(--muted)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-title{font-size:15px;font-weight:800;margin-bottom:12px}.divider{height:1px;background:var(--border);margin:12px 0}.sum-card{background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.sum-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.sum-row .l{color:var(--muted)}.sum-total{display:flex;justify-content:space-between;font-size:15px;font-weight:900}.cod-tag{display:flex;align-items:center;gap:6px;background:var(--green-l);border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700;color:var(--green);margin-top:12px}.promo-tag{display:flex;align-items:center;gap:6px;background:#fefce8;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;color:#854d0e;margin-top:8px}.cart-item{display:flex;align-items:center;gap:10px;background:var(--white);border-radius:var(--radius);padding:10px;margin-bottom:8px;box-shadow:var(--shadow)}.ci-img{width:66px;height:66px;border-radius:10px;object-fit:cover;background:var(--pink-l);flex-shrink:0}.ci-info{flex:1;min-width:0}.ci-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-vendor{font-size:10px;color:var(--muted);margin-top:1px}.ci-price{font-size:12px;font-weight:900;color:var(--pink);margin-top:2px}.qty-btns{display:flex;align-items:center;gap:8px}.qbtn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;font-size:15px;font-weight:700;transition:transform var(--t)}.qbtn:active{transform:scale(.88)}.qbtn-m{background:var(--pink-l);color:var(--pink)}.qbtn-p{background:var(--pink);color:#fff}.qnum{font-size:15px;font-weight:900;min-width:17px;text-align:center}.prod-detail-img{width:100%;height:0;padding-top:100%;position:relative;background:var(--pink-l);overflow:hidden;display:block}.prod-detail-body{padding:16px 14px}.pd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.pd-name{font-size:21px;font-weight:900;flex:1;line-height:1.2}.pd-price{font-size:18px;font-weight:900;color:var(--pink);flex-shrink:0}.pd-vendor{font-size:12px;color:var(--muted);margin-bottom:6px}.pd-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:10px}.pd-desc{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:16px}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.trust-item{display:flex;align-items:center;gap:6px;background:var(--pink-l);border-radius:10px;padding:9px 10px;font-size:12px;font-weight:600;color:#be185d}.qty-row{display:flex;align-items:center;justify-content:space-between;background:var(--white);border:1.5px solid var(--border);border-radius:10px;padding:9px 12px;margin-bottom:14px}.progress{display:flex;align-items:center;padding:10px 14px 14px}.pstep{display:flex;align-items:center;gap:5px;flex:1}.pdot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex-shrink:0}.pdot-done,.pdot-active{background:var(--pink);color:#fff}.pdot-todo{background:#e5e7eb;color:var(--muted)}.pline{flex:1;height:2px;background:#e5e7eb;margin:0 3px}.pline-done{background:var(--pink)}.plbl{font-size:11px;font-weight:600;color:var(--muted)}.plbl-active{color:var(--pink)}.success-icon{width:72px;height:72px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;animation:popIn .5s ease;font-size:32px}.panel-shell{background:#f8fafc;min-height:100vh}.panel-nav{height:54px;display:flex;align-items:center;position:sticky;top:0;z-index:100}.panel-nav-dark{background:var(--dark)}.panel-nav-pink{background:var(--pink)}.panel-nav-inner{width:100%;max-width:1100px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-logo{display:flex;align-items:center;gap:7px;color:#fff;font-weight:900;font-size:17px}.panel-badge{font-size:10px;background:#ffffff26;color:#ffffffb3;padding:2px 9px;border-radius:999px}.panel-links{display:flex;gap:3px}.panel-link{padding:6px 12px;border-radius:8px;color:#ffffff8c;font-size:12px;font-weight:700;background:none;border:none;font-family:var(--font);cursor:pointer;transition:all var(--t)}.panel-link:hover,.panel-link.active{background:#ffffff1f;color:#fff}.panel-content{max-width:1100px;margin:0 auto;padding:20px 16px}.panel-title{font-size:20px;font-weight:900;color:var(--dark);margin-bottom:18px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{border-radius:var(--radius);padding:16px;color:#fff}.stat-icon{font-size:22px;margin-bottom:8px;opacity:.85}.stat-num{font-size:22px;font-weight:900}.stat-lbl{font-size:11px;opacity:.75;margin-top:2px}.sc-pink{background:linear-gradient(135deg,#e8315a,#b8204a)}.sc-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sc-green{background:linear-gradient(135deg,#22c55e,#15803d)}.sc-amber{background:linear-gradient(135deg,#f59e0b,#b45309)}.sc-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.table-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.table-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.table-head h2{font-size:15px;font-weight:800}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:right;font-size:12px;font-weight:700;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:12px 14px;font-size:13px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#fafafa}.filter-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.ftab{flex-shrink:0;padding:6px 14px;border:1.5px solid var(--border);border-radius:999px;background:var(--white);color:var(--dark);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--t)}.ftab:hover{border-color:var(--pink-m)}.ftab.active{background:var(--pink);border-color:var(--pink);color:#fff}.order-row{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:8px}.order-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;gap:10px;transition:background var(--t)}.order-head:hover{background:#fafafa}.o-name{font-size:13px;font-weight:800}.o-sub{font-size:11px;color:var(--muted);margin-top:2px}.o-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.o-total{font-size:13px;font-weight:900;color:var(--pink)}.order-detail{padding:0 14px 14px;border-top:1px solid var(--border)}.od-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:10px}.od-items{background:#f9fafb;border-radius:8px;padding:10px 12px;margin:10px 0}.od-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.od-row .l{color:var(--muted)}.od-footer{display:flex;justify-content:space-between;font-size:13px;font-weight:900;border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.status-btns{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.sbtn{padding:5px 12px;border-radius:999px;border:1.5px solid var(--border);background:var(--white);color:var(--dark);font-family:var(--font);font-size:11px;font-weight:700;cursor:pointer;transition:all var(--t)}.sbtn:hover{border-color:var(--pink);color:var(--pink)}.sbtn.cur{background:var(--dark);border-color:var(--dark);color:#fff}.prod-admin-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.pac-img{width:100%;height:130px;object-fit:cover;background:var(--pink-l)}.pac-body{padding:10px}.pac-name{font-size:13px;font-weight:800;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pac-price{font-size:12px;font-weight:900;color:var(--pink);margin-bottom:8px}.pac-actions{display:flex;gap:5px}.pac-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;border-radius:8px;border:none;font-family:var(--font);font-size:11px;font-weight:700;cursor:pointer;transition:all var(--t)}.pac-edit{background:#f3f4f6;color:var(--dark)}.pac-edit:hover{background:#e5e7eb}.pac-toggle{background:#fef3c7;color:#b45309}.pac-del{background:#fee2e2;color:var(--red);width:30px;flex:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center}@media (min-width:500px){.modal-overlay{align-items:center}}.modal{background:var(--white);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:92vh;overflow-y:auto}@media (min-width:500px){.modal{border-radius:20px}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--white);z-index:1}.modal-title{font-size:15px;font-weight:800}.modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;font-size:16px;color:var(--muted)}.modal-body{padding:16px}.promo-banner{background:linear-gradient(135deg,var(--pink),var(--pink-d));color:#fff;padding:12px 16px;margin:0 14px 10px;border-radius:var(--radius);display:flex;align-items:center;gap:10px}.promo-banner-text{flex:1;font-size:13px;font-weight:700}.promo-banner-badge{background:#ffffff40;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:900}.bottom-bar{position:sticky;bottom:0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:10px 14px;z-index:90}.bottom-bar-inner{max-width:640px;margin:0 auto;display:flex;gap:8px}.back-btn{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);padding:12px 14px 4px;background:none;border:none;cursor:pointer;font-family:var(--font);transition:color var(--t)}.back-btn:hover{color:var(--pink)}.empty-state{text-align:center;padding:50px 16px}.empty-state .emo{font-size:48px;margin-bottom:10px}.empty-state h2{font-size:17px;font-weight:800;margin-bottom:6px}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:16px}.wa-float{position:sticky;bottom:80px;left:14px;float:left;display:flex;align-items:center;gap:6px;padding:10px 14px;background:#25d366;color:#fff;border-radius:14px;font-size:12px;font-weight:800;border:none;cursor:pointer;font-family:var(--font);box-shadow:0 4px 16px #25d3664d;margin:0 0 -46px 14px;clear:left;transition:transform var(--t)}.wa-float:hover{transform:translateY(-2px)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.tag-pink{background:var(--pink-l);color:var(--pink-d)}.tag-green{background:var(--green-l);color:var(--green)}.delivery-time-options{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px}.dt-opt{padding:9px;border:1.5px solid var(--border);border-radius:9px;background:var(--white);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;text-align:center;transition:all var(--t)}.dt-opt:hover{border-color:var(--pink-m)}.dt-opt.selected{background:var(--pink);border-color:var(--pink);color:#fff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#1a1a2e,#16213e)}.login-card{background:var(--white);border-radius:20px;padding:28px 22px;width:100%;max-width:360px;text-align:center}.login-card h1{font-size:22px;font-weight:900;margin:10px 0 4px}.login-card p{font-size:13px;color:var(--muted);margin-bottom:20px}.tab-switch{display:flex;background:#f3f4f6;border-radius:10px;padding:3px;margin-bottom:20px}.tab-switch button{flex:1;padding:8px;border:none;border-radius:8px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--t);background:none;color:var(--muted)}.tab-switch button.active{background:var(--white);color:var(--dark);box-shadow:0 1px 4px #0000001a}.hint-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:10px;font-size:11px;color:#0369a1;margin-bottom:14px;text-align:right;line-height:1.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes popIn{0%{transform:scale(.7);opacity:0}65%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-fade{animation:fadeUp .35s ease both}.city-bar{display:flex;align-items:center;gap:8px;padding:10px 14px 0;overflow:hidden}.city-bar-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}.city-bar-scroll::-webkit-scrollbar{display:none}.stock-section{background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.badge-pending{background:#fef3c7;color:#b45309}.vendor-reg-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:10px 14px;font-size:12px;color:#92400e;line-height:1.6;margin-bottom:14px}.prod-card{display:flex;flex-direction:column}.prod-card-img{position:relative;width:100%;padding-top:100%;background:var(--pink-l);overflow:hidden;flex-shrink:0}.prod-card-img img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .4s}.prod-card:hover .prod-card-img img{transform:scale(1.05)}.ci-img{width:72px;height:72px;border-radius:10px;object-fit:cover;object-position:center;background:var(--pink-l);flex-shrink:0}.shop-header{text-align:center;padding:20px 14px;background:linear-gradient(135deg,var(--pink-l),#fff5f7)}@media (min-width:768px){.page-wrap{max-width:960px;padding-bottom:40px}.prod-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 20px}.hero{padding:40px 20px 32px}.hero h1{font-size:32px}.cats{padding:14px 20px 6px;gap:10px}.sec-head{padding:12px 20px}.navbar-inner{max-width:900px;padding:0 20px}.bottom-bar-inner{max-width:900px}.prod-detail-img{height:400px}.prod-detail-body{padding:20px}.pd-name{font-size:26px}}@media (min-width:1024px){.page-wrap{max-width:1100px}.prod-grid{grid-template-columns:repeat(4,1fr)}.navbar-inner{max-width:1100px}}@media (max-width:640px){.panel-nav{height:auto;flex-direction:column;padding:6px 0}.panel-nav-inner{flex-wrap:wrap;padding:0 10px;gap:6px}.panel-logo{font-size:14px}.panel-links{display:flex;overflow-x:auto;gap:2px;scrollbar-width:none;width:100%;padding:4px 10px 6px}.panel-links::-webkit-scrollbar{display:none}.panel-link{padding:5px 8px;font-size:11px;white-space:nowrap;flex-shrink:0}.tbl{font-size:11px}.tbl th,.tbl td{padding:8px}}@media (min-width:641px){.panel-links{display:flex;flex-wrap:wrap;gap:3px}}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}.order-row{border-radius:12px}.modal{max-width:520px}}@media (min-width:768px){.trust-row{gap:10px}.chip{font-size:13px;padding:6px 14px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width:640px){.panel-content{padding:12px 10px}.panel-title{font-size:16px;margin-bottom:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.stat-card{padding:12px 10px;border-radius:10px}.stat-icon{font-size:18px}.stat-num{font-size:15px}.stat-lbl{font-size:10px}.table-card{border-radius:10px}.table-head h2{font-size:13px}.filter-tabs{padding-bottom:8px;gap:4px}.ftab{padding:5px 10px;font-size:11px}.card{padding:12px 10px}.card-title{font-size:13px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.page-wrap{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}