:root{--blue:#0754b8;--navy:#082c65;--red:#ec3c4e;--ink:#172033;--muted:#687386;--line:#e2e7ef;--soft:#f4f7fb;--white:#fff;--green:#188553;--shadow:0 16px 45px rgba(25,48,84,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:var(--ink);font:15px/1.5 Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.hidden{display:none!important}
.market-header{position:sticky;z-index:500;top:0;min-height:76px;padding:10px max(18px,calc((100% - 1240px)/2));display:grid;grid-template-columns:175px minmax(260px,620px) auto;gap:22px;align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.market-brand img{display:block;width:150px;height:50px;object-fit:contain}.market-search{display:flex;align-items:center;gap:9px;padding:0 15px;border:1px solid var(--line);background:var(--soft);height:48px}.market-search span{font-size:25px;color:var(--blue)}.market-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.market-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.link-button,.cart-button{border:0;background:transparent;color:var(--ink);font-weight:800;white-space:nowrap}.link-button{padding:11px}.cart-button{display:flex;gap:9px;align-items:center;padding:11px 14px;color:#fff;background:var(--blue)}.cart-button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;background:#fff;color:var(--blue);font-size:11px;border-radius:50%}
main{max-width:1240px;margin:auto;padding:24px 18px 90px}.market-hero{min-height:245px;padding:44px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(110deg,rgba(5,45,104,.96),rgba(7,84,184,.8)),url(images/lokalgo-delivery-hero.webp) center 47%/cover}.market-hero h1{max-width:700px;margin:8px 0;font-size:clamp(37px,5vw,64px);line-height:1.01;letter-spacing:-2.5px}.market-hero p{margin:0;color:#e2edff;font-size:17px}.kicker{color:var(--red);font-size:10px;font-weight:950;letter-spacing:1.3px}.market-hero .kicker{color:#ffd3d8}.address-chip{display:flex;align-items:center;gap:10px;min-width:270px;max-width:390px;padding:14px 16px;background:rgba(7,32,72,.84);border:1px solid rgba(255,255,255,.2)}.address-chip span{font-size:23px}.address-chip div{display:grid;min-width:0}.address-chip small{color:#bad3fa}.address-chip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-switcher{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 26px}.service-tab{min-height:78px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:850;transition:.18s}.service-tab span{display:block;margin-bottom:3px;font-size:23px}.service-tab:hover,.service-tab.active{border-color:var(--blue);background:#eaf3ff;color:var(--blue);transform:translateY(-2px)}
.alert{margin:18px 0;padding:13px 15px;border:1px solid #ffc3c9;background:#fff0f2;color:#9b1927;font-weight:750}.alert.success{border-color:#b8e5cc;background:#ecfaf3;color:#11663e}.home-banner{height:min(30vw,310px);min-height:175px;margin-bottom:30px;overflow:hidden;background:#e8eef7}.home-banner img{width:100%;height:100%;object-fit:cover}.market-section{margin-top:35px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2,.request-copy h2,.modal-card h2{margin:5px 0 0;font-size:32px;line-height:1.08;letter-spacing:-1px}.section-heading>span{color:var(--muted);font-size:12px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.store-card{overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 7px 20px rgba(25,48,84,.05)}.store-top{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:16px;border-bottom:1px solid var(--line)}.store-image{width:82px;height:82px;object-fit:cover;background:#eaf2fd}.store-fallback{display:grid;place-items:center;font-size:37px}.store-meta{min-width:0}.store-meta h3{margin:4px 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-meta p{margin:0;color:var(--muted);font-size:12px}.store-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.badge{padding:3px 7px;background:#edf4ff;color:var(--blue);font-size:10px;font-weight:850}.badge.closed{background:#f2f2f2;color:#777}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.product{position:relative;padding:12px;background:#fff}.product img,.product-photo{display:grid;place-items:center;width:100%;aspect-ratio:1/1;object-fit:cover;background:#f1f4f8;font-size:38px}.product h4{margin:9px 0 2px;font-size:13px;line-height:1.25}.product p{height:34px;margin:0;color:var(--muted);font-size:10px;overflow:hidden}.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.price-row b{color:var(--blue);font-size:13px}.add-button{width:30px;height:30px;border:0;background:var(--blue);color:#fff;font-size:19px;font-weight:900}.add-button:disabled{background:#b7bfca;cursor:not-allowed}.regular-price{display:block;color:#8993a2;font-size:9px;text-decoration:line-through}.more-products{grid-column:1/-1;padding:10px;border:0;border-top:1px solid var(--line);background:#f7faff;color:var(--blue);font-weight:800}.empty-state{padding:60px 20px;text-align:center;border:1px dashed #c7d1df;background:#fff}.empty-state span{font-size:36px}.empty-state h3{margin:8px 0 2px}.empty-state p{margin:0;color:var(--muted)}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skeleton-grid i{height:310px;background:linear-gradient(90deg,#edf1f6,#f8fafc,#edf1f6);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}
.request-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;padding:38px;background:#fff;border:1px solid var(--line)}.request-copy p{color:var(--muted);font-size:16px}.request-form,.auth-form{display:grid;gap:14px}.request-form{grid-template-columns:1fr 1fr}.request-form label,.auth-form label{display:grid;gap:6px;color:#30394a;font-size:12px;font-weight:800}.request-form input,.request-form textarea,.request-form select,.auth-form input,.auth-form textarea,.auth-form select{width:100%;padding:12px 13px;border:1px solid #ccd5e1;background:#fff;color:var(--ink);outline:0}.request-form input:focus,.request-form textarea:focus,.request-form select:focus,.auth-form input:focus,.auth-form textarea:focus,.auth-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,84,184,.1)}.wide{grid-column:1/-1}.primary-action,.secondary-action{padding:12px 17px;border:0;font-weight:850}.primary-action{background:var(--blue);color:#fff}.primary-action:disabled{opacity:.55;cursor:wait}.secondary-action{border:1px solid #aac4e7;background:#fff;color:var(--blue)}.pin-row{display:flex;align-items:center;gap:12px}.pin-row small{color:var(--muted)}
.order-tabs,.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.order-tabs button,.auth-tabs button{padding:12px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:850}.order-tabs button.active,.auth-tabs button.active{border-color:var(--blue);color:var(--blue)}.orders-list{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px;background:#fff;border:1px solid var(--line)}.order-card h3{margin:3px 0}.order-card p{margin:2px 0;color:var(--muted);font-size:12px}.order-card .order-price{font-size:17px;color:var(--blue)}.order-actions{display:flex;gap:8px;align-items:center}.order-actions button{padding:9px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px;font-weight:800}.order-actions .danger{border-color:#f3b8bd;color:#c12837}.status{display:inline-block;padding:4px 8px;background:#fff3d7;color:#8c5a00;font-size:10px;font-weight:900;text-transform:uppercase}.status.delivered{background:#e9f9f0;color:#147345}.status.cancelled,.status.rejected{background:#f2f3f5;color:#667}.status.accepted,.status.preparing,.status.ready_for_pickup,.status.rider_assigned,.status.on_the_way,.status.submitted,.status.quoted{background:#e9f2ff;color:#0754b8}
.drawer,.modal{position:fixed;inset:0;z-index:1000;visibility:hidden;pointer-events:none}.drawer.open,.modal.open{visibility:visible;pointer-events:auto}.drawer-backdrop,.modal-backdrop{position:absolute;inset:0;background:rgba(8,19,38,.57);opacity:0;transition:.2s}.drawer.open .drawer-backdrop,.modal.open .modal-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;right:0;width:min(460px,100%);height:100%;display:grid;grid-template-rows:auto 1fr auto;background:#fff;transform:translateX(100%);transition:.25s}.drawer.open .drawer-panel{transform:none}.drawer-panel>header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.drawer-panel h2{margin:2px 0}.icon-close{width:38px;height:38px;border:0;background:#eef2f7;color:var(--ink);font-size:25px}.cart-items{overflow:auto;padding:8px 20px}.cart-row{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row img,.cart-row .product-photo{width:58px;height:58px;object-fit:cover;font-size:25px}.cart-row h4{margin:0;font-size:13px}.cart-row p{margin:2px 0;color:var(--blue);font-weight:850}.quantity{display:flex;align-items:center;gap:7px}.quantity button{width:27px;height:27px;border:1px solid var(--line);background:#fff}.cart-summary{padding:20px;border-top:1px solid var(--line);background:#f8fafc}.cart-summary>div{display:flex;justify-content:space-between;font-size:17px}.cart-summary small{display:block;margin:4px 0 14px;color:var(--muted)}.cart-summary .primary-action{width:100%}.empty-cart{text-align:center;padding:70px 20px;color:var(--muted)}
.modal{display:grid;place-items:center;padding:18px;overflow:auto}.modal-card{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:28px;background:#fff;box-shadow:var(--shadow);transform:translateY(15px);opacity:0;transition:.2s}.modal.open .modal-card{transform:none;opacity:1}.modal-card>.icon-close{position:absolute;right:17px;top:17px}.modal-intro{padding-right:45px}.modal-intro p,.muted,.form-note{color:var(--muted)}.form-note{margin:0;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checkout-card{width:min(510px,100%)}.edit-card{width:min(760px,100%)}.edit-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.edit-row h4{margin:0}.edit-row p{margin:2px 0;color:var(--blue);font-size:12px}.edit-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.edit-product{padding:10px;border:1px solid var(--line);background:#fff;text-align:left}.edit-product b,.edit-product small{display:block}.edit-product small{color:var(--blue)}.pin-card{width:min(720px,100%)}#pinMap{height:390px;margin:14px 0;background:#e9edf2}.locate-button{margin-top:12px}.toast{position:fixed;z-index:2000;right:20px;bottom:20px;max-width:390px;padding:13px 16px;background:#172033;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#a5212f}
@media(max-width:930px){.market-header{grid-template-columns:135px 1fr}.market-brand img{width:125px}.market-actions{grid-column:1/-1;justify-content:stretch}.market-actions>*{flex:1}.store-grid{grid-template-columns:repeat(2,1fr)}.request-section{grid-template-columns:1fr}.market-hero{align-items:flex-start;flex-direction:column}.address-chip{min-width:0;width:100%}}
@media(max-width:620px){.market-header{position:relative;grid-template-columns:1fr auto;gap:8px}.market-search{grid-column:1/-1;grid-row:2}.market-actions{position:fixed;z-index:600;left:0;right:0;bottom:0;padding:8px;background:#fff;border-top:1px solid var(--line)}.link-button,.cart-button{font-size:12px}.market-hero{min-height:280px;padding:28px 22px}.market-hero h1{font-size:39px}.service-switcher{grid-template-columns:repeat(5,82px);overflow:auto;margin-left:-18px;margin-right:-18px;padding:2px 18px}.service-tab{min-height:70px}.store-grid{grid-template-columns:1fr}.skeleton-grid{grid-template-columns:1fr 1fr}.skeleton-grid i{height:220px}.request-section{padding:22px}.request-form,.form-grid{grid-template-columns:1fr}.request-form .wide,.form-grid .wide{grid-column:auto}.order-card{grid-template-columns:1fr}.order-actions{flex-wrap:wrap}.modal{padding:8px}.modal-card{padding:22px;max-height:calc(100vh - 16px)}#pinMap{height:310px}.edit-products{grid-template-columns:1fr 1fr}.home-banner{margin-left:-18px;margin-right:-18px}.section-heading h2,.request-copy h2,.modal-card h2{font-size:27px}}

[hidden]{display:none!important}
