:root{--orange:#ff5a00;--orange2:#ff7a00;--text:#111;--muted:#747474;--line:#f0f0f0;--green:#12a150;--bg:#f5f5f5}*{box-sizing:border-box}body{margin:0;background:#eee;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;color:var(--text)}button,input,textarea,select{font:inherit}button{border:0;background:none;cursor:pointer}.hidden{display:none!important}.toast{position:fixed;z-index:50;left:50%;bottom:28px;transform:translateX(-50%);background:#111;color:#fff;padding:13px 16px;border-radius:18px;box-shadow:0 12px 30px #0003;max-width:320px;text-align:center}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(160deg,#fff,#fff5ed)}.auth-card{width:min(420px,100%);background:#fff;border-radius:34px;padding:24px;box-shadow:0 22px 60px #0001}.login-logo{display:block;width:170px;height:120px;object-fit:contain;margin:0 auto}.auth-card h1{font-size:28px;margin:8px 0 4px}.auth-card p,.msg,.helper{color:var(--muted)}input,textarea,select{width:100%;border:1px solid #ececec;background:#fff;border-radius:17px;padding:14px 15px;margin:7px 0;outline:none}.primary-btn,.outline-btn{width:100%;border-radius:18px;padding:14px 16px;font-weight:800;margin-top:9px}.primary-btn{color:#fff;background:linear-gradient(135deg,var(--orange),#ff7d00);box-shadow:0 8px 18px #ff5a0033}.outline-btn{border:1px solid #ff5a0033;color:var(--orange);background:#fff}.text-btn,.auth-card footer{display:block;margin:12px auto 0;color:var(--orange);font-weight:700}.modal{position:fixed;inset:0;background:#0004;z-index:40;display:grid;place-items:center;padding:18px}.modal-card{width:min(420px,100%);background:white;border-radius:28px;padding:22px;position:relative}.close-btn{position:absolute;right:16px;top:12px;font-size:28px}.phone{width:min(430px,100%);min-height:100vh;margin:auto;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ddd}.page{display:none;min-height:100vh;background:#fff;padding:0 18px 28px}.page.active{display:block}.top-header{height:96px;display:flex;align-items:center;justify-content:space-between}.hamb{font-size:28px;font-weight:900}.brand-logo{width:124px;height:70px;object-fit:contain}.cart-btn{font-size:26px;position:relative}.cart-btn span{position:absolute;right:-8px;top:-8px;background:var(--orange);color:white;font-size:12px;min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;font-weight:800}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:6px}.hero h1{font-size:28px;line-height:1.07;margin:0 0 16px;font-weight:900}.hero h1 span{color:var(--orange)}.hero p{font-size:14px;line-height:1.55;color:#555;margin:0 0 16px;font-weight:600}.hero button{background:linear-gradient(135deg,var(--orange),#ff7a00);color:#fff;padding:13px 22px;border-radius:14px;font-weight:800;box-shadow:0 8px 18px #ff5a0033}.hero-fox{width:210px;max-width:100%;object-fit:contain;justify-self:end}.search-row{display:grid;grid-template-columns:1fr 52px;gap:10px;margin:24px 0 18px}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee;border-radius:18px;padding:0 13px;box-shadow:0 8px 24px #0000000a}.search-box span{font-size:25px;color:#777}.search-box input{border:0;margin:0;padding:15px 2px;background:transparent}.filter-btn{height:54px;border-radius:16px;background:#f7f7f7;font-size:24px}.cat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.cat{display:grid;justify-items:center;gap:8px;font-weight:800;color:#111}.cat span{width:50px;height:50px;border:1px solid #eee;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 18px #0000000a}.cat.active{color:var(--orange)}.cat.active span{background:var(--orange);color:#fff}.cat.active:after{content:'';width:24px;height:3px;border-radius:10px;background:var(--orange);margin-top:-2px}.block-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 12px}.block-head h2,.vendors-page h2{font-size:18px;margin:0}.block-head button{color:var(--orange);font-weight:700}.vendors-strip,.products-strip{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.vendors-strip::-webkit-scrollbar,.products-strip::-webkit-scrollbar{display:none}.vendor-card,.product-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:10px;text-align:center;box-shadow:0 8px 20px #00000008}.vendor-card img{width:72px;height:72px;border-radius:50%;object-fit:cover}.vendor-card b,.product-card b{display:block;font-size:13px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-card span{font-size:12px;color:#555}.vendor-card em{display:block;color:var(--green);font-style:normal;font-weight:800}.vendor-card em.closed{color:#d33}.product-card{width:112px;text-align:left;border:0;box-shadow:none;padding:0}.product-card img{width:112px;height:92px;border-radius:13px;object-fit:cover}.product-card span{font-weight:800;font-size:13px}.sub-header{height:76px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center}.sub-header h2{text-align:center;margin:0;font-size:18px}.sub-header button{font-size:27px}.vendor-cover{margin:0 -18px;height:145px;overflow:hidden}.vendor-cover img{width:100%;height:100%;object-fit:cover}.vendor-info{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:end;margin-top:-40px}.vendor-info img{width:82px;height:82px;border-radius:50%;border:5px solid white;object-fit:cover}.vendor-info h2{font-size:22px;margin:0}.vendor-info h2 span{font-size:14px;color:var(--green)}.vendor-info h2 span.closed{color:#d33}.vendor-info p{grid-column:2;margin:2px 0 0;color:#555}.vendor-tabs,.chip-row{display:flex;gap:18px;overflow:auto;margin:22px 0 10px}.vendor-tabs button,.chip-row button{padding:9px 3px;font-weight:700}.vendor-tabs button.active{color:var(--orange);border-bottom:2px solid var(--orange)}.menu-row{display:grid;grid-template-columns:82px 1fr 34px;gap:12px;padding:13px 0;border-bottom:1px solid #f3f3f3;align-items:center}.menu-row img{width:82px;height:62px;border-radius:10px;object-fit:cover}.menu-row h3{font-size:15px;margin:0}.menu-row p{font-size:12px;color:#555;margin:3px 0}.menu-row b{font-size:13px}.menu-row button{background:var(--orange);color:#fff;border-radius:50%;height:28px;width:28px;font-size:20px}.floating-cart{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(390px,calc(100% - 36px));padding:14px 16px;background:linear-gradient(135deg,var(--orange),#ff7a00);color:white;border-radius:16px;font-weight:900;display:flex;justify-content:space-between;z-index:10}.vendor-list-row{width:100%;display:grid;grid-template-columns:74px 1fr 54px;gap:12px;text-align:left;align-items:center;padding:15px 0;border-bottom:1px solid #f3f3f3}.vendor-list-row img{width:64px;height:64px;border-radius:50%;object-fit:cover}.vendor-list-row h3{margin:0;font-size:16px}.vendor-list-row p{margin:3px 0;color:#555;font-size:13px}.vendor-list-row em{color:var(--green);font-style:normal;font-weight:800}.vendor-list-row em.closed{color:#d33}.star{color:#f5a400;font-weight:900}.detail-page{padding:0 0 90px}.detail-img{width:100%;height:210px;object-fit:cover}.detail-body{padding:18px}.detail-title{display:flex;justify-content:space-between;align-items:center}.detail-title h2{margin:0;font-size:22px}.detail-title b{font-size:20px}.detail-body p{color:#555;line-height:1.55}.detail-body h3{font-size:15px;margin-top:24px}.size-options{display:flex;gap:10px;flex-wrap:wrap}.size-options label{border:1px solid #eee;border-radius:14px;padding:10px 12px;font-weight:700}.size-options input{width:auto;margin:0 6px 0 0}.detail-bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);background:#fff;display:grid;grid-template-columns:110px 1fr;gap:12px;padding:14px 18px;box-shadow:0 -12px 30px #0000000a}.qty{display:flex;align-items:center;justify-content:space-around;border:1px solid #eee;border-radius:14px}.qty button{font-size:24px}.detail-bottom>button{background:linear-gradient(135deg,var(--orange),#ff7a00);color:#fff;border-radius:14px;font-weight:900}.cart-item{display:grid;grid-template-columns:76px 1fr 90px 32px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #f2f2f2}.cart-item img{width:64px;height:64px;border-radius:12px;object-fit:cover}.cart-item h3{margin:0;font-size:15px}.cart-item p{margin:3px 0;color:#555;font-size:12px}.cart-qty{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee;border-radius:15px;padding:6px 10px}.note-row{display:block;margin:16px 0;color:#333;font-weight:600}.note-row textarea{height:76px}.checkout-options{display:flex;gap:12px;margin:10px 0}.checkout-options label{border:1px solid #eee;border-radius:14px;padding:12px;font-weight:700}.checkout-options input{width:auto;margin:0 8px 0 0}.checkout-summary{padding:10px 0}.checkout-summary div{display:flex;justify-content:space-between;margin:12px 0}.checkout-summary .total{font-size:18px;font-weight:900}.checkout-summary .total b{color:var(--orange)}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cart-actions button{padding:15px;border-radius:14px;font-weight:900}.cart-actions button:first-child{border:1px solid var(--orange);color:var(--orange)}.cart-actions button:last-child{background:var(--orange);color:#fff}.filter-page h3{font-size:14px;margin:22px 0 12px}.chip-row button{background:#f5f5f5;border-radius:14px;padding:11px 18px}.chip-row .active{background:var(--orange);color:white}.checks{display:grid;gap:10px}.checks label{display:flex;align-items:center;gap:8px}.checks input{width:auto;margin:0}.apply-btn{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:min(370px,calc(100% - 40px));background:var(--orange);color:#fff;border-radius:14px;padding:15px;font-weight:900}.profile-box,.panel-card{background:#fff;border:1px solid #f1f1f1;border-radius:20px;padding:16px;margin:12px 0;box-shadow:0 8px 22px #00000008}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-card,.admin-row,.owner-product{border:1px solid #eee;border-radius:16px;padding:12px;margin:10px 0}.order-card h3,.admin-row h3,.owner-product h3{margin:0 0 5px}.order-card p,.admin-row p,.owner-product p{margin:4px 0;color:#555;font-size:13px}.mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini-actions button{background:#f5f5f5;border-radius:12px;padding:9px 10px;font-weight:700}.mini-actions .danger{color:#d33}.drawer-shade{position:fixed;inset:0;background:#0004;z-index:30}.side-drawer{position:fixed;z-index:31;left:0;top:0;bottom:0;width:310px;max-width:84%;background:#fff;padding:22px;border-radius:0 28px 28px 0;box-shadow:20px 0 60px #0002}.drawer-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.drawer-head img{width:70px;height:70px;object-fit:contain}.drawer-head span{display:block;color:#777;font-size:13px}.side-drawer button{display:block;width:100%;text-align:left;padding:14px 10px;border-bottom:1px solid #f3f3f3;font-weight:800}.side-drawer .danger{color:#d33}footer{text-align:center;color:#aaa;font-size:12px;margin:26px 0 0}@media(max-width:380px){.hero h1{font-size:25px}.hero-fox{width:180px}.cat-row{gap:8px}.cat span{width:45px;height:45px}.phone{box-shadow:none}.cart-item{grid-template-columns:64px 1fr 78px 28px}}
/* latest fixes */
.products-strip{grid-auto-columns:120px;gap:18px;padding:2px 6px 14px 2px;margin-bottom:8px;}
.product-card{width:120px;margin-right:4px;}
.product-card img{width:120px;height:96px;}
.order-main{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:start;}
.order-main img{width:62px;height:62px;border-radius:12px;object-fit:cover;}
.done-time{color:#0b8f3a!important;font-weight:800!important;}
.owner-product{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:start;}
.owner-product>img{width:72px;height:72px;border-radius:14px;object-fit:cover;background:#f6f6f6;}
.vendor-admin-page .panel-card{margin-bottom:16px;}
.vendor-admin-page input,.vendor-admin-page textarea,.vendor-admin-page select{margin-bottom:10px;}
#prodSizes::placeholder{font-size:12px;}
/* Vendor tab + filter text fixes */
.admin-tabs{gap:8px;margin:10px 0 14px;padding-bottom:6px;scrollbar-width:none}
.admin-tabs::-webkit-scrollbar{display:none}
.admin-tabs button{white-space:nowrap;background:#f7f7f7;border-radius:999px;padding:9px 12px!important;font-size:12px!important;border:1px solid #eee;color:#333}
.admin-tabs button.active{background:#ff5a00!important;color:#fff!important;border-color:#ff5a00!important}
.file-label{display:block;font-size:13px;font-weight:800;color:#333;margin:10px 0 4px}
.file-label input{margin-top:8px}
.sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.stat-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:14px;text-align:center;box-shadow:0 8px 20px #00000008}
.stat-card b{display:block;font-size:17px;color:#ff5a00;margin-bottom:4px}
.stat-card span{font-size:11px;color:#555;font-weight:700}
#resetFilters{font-size:12px!important;color:#ff5a00!important;font-weight:800!important;padding:0!important;background:transparent!important}
.filter-page .sub-header h2{font-size:17px!important}
.side-drawer button.hidden{display:none!important}
.side-drawer button{font-size:15px}
.vendor-admin-page .sub-header h2{font-size:17px}
.vendor-admin-page .panel-card h3{font-size:16px;margin:0 0 12px}
@media(max-width:380px){.admin-tabs button{font-size:11px!important;padding:8px 10px!important}.sales-grid{grid-template-columns:1fr 1fr}}

/* refined vendor/product fixes */
.variant-builder{margin:10px 0;padding:12px;border:1px solid #eee;border-radius:16px;background:#fffaf6}
.variant-builder label{display:block;font-weight:900;margin-bottom:8px}
.variant-add-row{display:grid;grid-template-columns:1fr 95px 86px;gap:8px;align-items:center}
.variant-add-row input{margin:0!important;min-width:0}
.variant-add-row button,.size-rows button{border:0;background:#ff5a00;color:#fff;border-radius:12px;font-weight:900;padding:10px 8px}
.size-rows{display:grid;gap:8px;margin-top:10px}
.size-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:8px 10px;font-size:13px}
.size-row b{font-weight:900}.size-row span{color:#555}.size-row button{background:#111;padding:7px 10px}.variant-builder small{display:block;color:#777;margin-top:8px;line-height:1.35}
#resetFilters{font-size:11px!important;line-height:1!important;padding:6px 8px!important;border-radius:999px!important;background:#fff3eb!important}
.orders-page .order-card{padding:14px;border-radius:18px}
