*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6f8;color:#202124;font-size:14px}
header{background:#171717;color:#fff;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;gap:6px;position:sticky;top:0;z-index:30}
header h1{font-size:18px;margin:0}.container{max-width:1050px;margin:7px auto;padding:0 7px}.card{background:#fff;border-radius:9px;padding:9px;box-shadow:0 1px 6px #0001;margin:6px 0}
h1,h2,h3{margin:2px 0 6px}p{margin:3px 0}.muted{color:#68707a;font-size:12px}.error{color:#b42318;font-weight:600}.success{color:#137333;font-weight:600}
button,.btn{border:0;border-radius:7px;padding:8px 10px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;font:inherit}
.primary{background:#1677ff;color:#fff}.secondary{background:#e8edf3;color:#222}.danger{background:#d93025;color:#fff}.green{background:#188038;color:#fff}.orange{background:#ff7a00;color:#fff}
.actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.full{grid-column:1/-1}
label{display:block;font-weight:700;font-size:12px;margin:4px 0 2px}input,select,textarea{width:100%;padding:7px;border:1px solid #ccd2d9;border-radius:7px;font:inherit}textarea{min-height:60px;resize:vertical}
.hidden{display:none!important}.top-links{display:flex;gap:4px;flex-wrap:wrap}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:6px}.product{border:1px solid #e3e6e8;border-radius:8px;padding:8px}.product img{width:100%;height:125px;object-fit:cover;border-radius:7px;background:#eee}
.price{font-size:17px;font-weight:800}.stock{font-size:12px}.qty{display:flex;gap:4px;align-items:center}.qty input{width:60px}.cart-row{display:grid;grid-template-columns:1fr 66px 92px auto;gap:4px;align-items:center;padding:5px 0;border-bottom:1px solid #eee}.total{font-size:17px;font-weight:800;text-align:right}
.mode-row{display:flex;gap:10px;flex-wrap:wrap}.mode-row label,.claim-row{display:flex;align-items:center;gap:6px;font-size:13px}.mode-row input,.claim-row input{width:auto}
.map{height:235px;border-radius:8px;margin-top:5px}.status-pill{padding:3px 7px;border-radius:999px;background:#eef2f7;font-size:11px;font-weight:700}.live{background:#e6f4ea;color:#137333}.offline{background:#f1f3f4;color:#5f6368}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:6px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}th{font-size:11px;color:#666}
.tabs{display:flex;gap:4px;margin-bottom:6px}.tab.active{background:#1677ff;color:#fff}.summary{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.summary div{background:#fff;border:1px solid #e2e5e9;border-radius:7px;text-align:center;padding:6px 2px}.summary b{font-size:17px;display:block}.summary span{font-size:10px}
.next-box{background:#fff7e8;border:1px solid #ffcf8a;border-radius:8px;padding:7px;margin:6px 0}.rider-card{border:1px solid #e1e4e8;border-radius:8px;padding:8px;margin:6px 0}.distance{font-weight:700;font-size:12px}.browser-btn{margin-top:6px;padding:10px 13px;background:#ff7a00;color:#fff;font-size:14px;font-weight:800}
.order-items{font-size:12px;white-space:normal}.compact{font-size:12px}.tracking{font-weight:800;letter-spacing:.2px}
@media(max-width:700px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.summary{grid-template-columns:repeat(3,1fr)}.cart-row{grid-template-columns:1fr 58px 78px auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product img{height:105px}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr 58px}.cart-row .line-total,.cart-row .remove{grid-column:auto}}

/* Cute + playful Hicban Farm theme */
:root{--cream:#fff8ed;--brown:#5b3828;--tan:#f3dfc2;--peach:#ffd7b5;--mint:#dff3df;--pink:#ffe1e8;--ink:#3e302a}
body{background:linear-gradient(180deg,#fffaf2,#f7f1e8);color:var(--ink)}
header{background:linear-gradient(135deg,#6b432f,#4d3024);border-bottom:3px solid #efc995}
header h1:before{content:"🐹 ";}.card{border:1px solid #eadac7;box-shadow:0 2px 9px #6b432f12}
.product{background:#fffdf9;border:1px solid #ead8c1;transition:.15s transform,.15s box-shadow}.product:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5b382817}
.product h3:before{content:"🐹 ";}.primary{background:#9a5d3b}.green{background:#4d8a59}.orange,.browser-btn{background:#e77734}.secondary{background:#f4e7d5;color:#4b3529}
.price{color:#9a4e2e}.stock{display:inline-block;background:#eef6e9;border-radius:999px;padding:3px 7px;margin:3px 0}
h2{color:#603c2c}.total{color:#85482e}.next-box{background:#fff2d9}.map{border:1px solid #e5d1b9}

/* v3.2 compact product catalog */
.catalog-toolbar{display:flex;gap:4px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}
.filter-btn{white-space:nowrap;padding:6px 9px}.filter-btn.active{background:#9a5d3b;color:#fff}
.product-grid.compact-products{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:5px}
.compact-product{display:grid;grid-template-columns:82px 1fr;gap:7px;padding:6px;min-height:94px}
.compact-product img{width:82px;height:82px;object-fit:cover;border-radius:8px;cursor:zoom-in}
.compact-product .pbody{min-width:0}.compact-product h3{font-size:14px;margin:0 0 2px}.compact-product .muted{font-size:11px}
.compact-product .price{font-size:15px;display:inline-block;margin-right:5px}.compact-product .qty{margin-top:3px}
.compact-product .qty input{width:52px;padding:5px}.compact-product .qty button{padding:6px 8px}
.photo-hint{font-size:9px;color:#777;text-align:center;margin-top:2px}
.cart-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.cart-toggle{padding:6px 9px}
#cartBody.collapsed{display:none}
.show-more-wrap{text-align:center;margin-top:6px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:flex;align-items:center;justify-content:center;padding:42px 14px 18px}
.lightbox img{max-width:96vw;max-height:88vh;object-fit:contain;border-radius:10px;box-shadow:0 8px 35px #000}
.lightbox-close{position:absolute;right:14px;top:10px;width:38px;height:38px;border-radius:50%;font-size:25px;line-height:30px;padding:0;background:#fff;color:#222}
@media(max-width:600px){
 .product-grid.compact-products{grid-template-columns:1fr}
 .compact-product{grid-template-columns:76px 1fr;min-height:87px}
 .compact-product img{width:76px;height:76px}
}

.browser-order-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:2px solid #e77734;background:#fff6e9}
.browser-order-banner .browser-btn{white-space:nowrap;margin:0}
.browser-order-text{min-width:0}
@media(max-width:560px){.browser-order-banner{align-items:stretch;flex-direction:column}.browser-order-banner .browser-btn{width:100%}}

.free-delivery-banner{border:2px solid #4d8a59;background:#eef8ef;text-align:center}
.free-delivery-banner b{font-size:15px;color:#2f6f3c}

.free-delivery-mini{
  display:flex;align-items:center;justify-content:space-between;gap:7px;
  padding:5px 7px;margin:4px 0;border:1px solid #7db987;border-radius:7px;
  background:#f0f8f1
}
.free-delivery-mini b{font-size:12px;color:#2f6f3c}
.free-delivery-mini span{display:block;font-size:10px;color:#68707a}
.free-delivery-mini button{padding:5px 8px;font-size:11px;white-space:nowrap}
.pickup-schedule{background:#fffaf2;border:1px solid #ead8c1}

.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:#222;font-size:28px;padding:0}
.lightbox-prev{left:12px}.lightbox-next{right:12px}

.tracking-order-box{margin:10px 0;padding:10px;border:1px solid #ead8c1;border-radius:10px;background:#fffaf2}
.tracking-item{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 0;border-bottom:1px solid #eee}
.tracking-item small{grid-column:1/-1;color:#6b7280}
.tracking-total{display:flex;justify-content:space-between;font-size:17px;padding-top:9px}

/* v3.7.23 simplified ordering */
.order-step-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.order-step-head h2,.order-step-head h3{margin:0}
.step-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#9a5d3b;color:#fff;font-weight:800}
.compact-step{margin-bottom:5px}.compact-step .step-number{width:26px;height:26px;flex-basis:26px;font-size:13px}
.quick-qty{flex-wrap:wrap}.qty-step{width:31px;padding:5px 0;font-weight:800}.add-product-btn{min-width:54px}
.added-indicator{margin-top:4px;padding:4px 7px;border-radius:7px;background:#e8f5e9;color:#28743a;font-size:12px;font-weight:800;border:1px solid #b9dfbf}
.floating-order-bar{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:80;width:min(560px,calc(100% - 20px));background:#fff;border:1px solid #d8c1a7;border-radius:14px;box-shadow:0 8px 28px #0003;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.floating-order-bar>div{display:flex;flex-direction:column}.floating-order-bar #floatingTotal{font-size:18px;font-weight:800;color:#6b3f2a}.floating-order-bar button{min-width:120px}
.review-box{margin-top:8px;padding:9px;border:1px solid #ead8c1;border-radius:10px;background:#fffaf2}
.review-line,.review-total{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #eee}.review-total{font-size:17px;border-bottom:0;border-top:1px solid #dcc5aa;margin-top:3px}.review-method{padding-top:5px}
.place-order-actions{justify-content:flex-end}
body{padding-bottom:76px}
@media(max-width:430px){.floating-order-bar{bottom:7px}.floating-order-bar button{min-width:105px}.quick-qty input{width:45px}.quick-qty .add-product-btn{flex:1}}

/* v3.7.26 safe UI refinements — does not alter product or GPS logic */
.admin-search-safe{margin:8px 0}
.admin-search-safe input{width:100%;box-sizing:border-box}

/* v3.7.27 recommended safe UX upgrades */
.order-flow-strip{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 auto 10px;padding:7px 10px;border:1px solid #ead8c1;border-radius:10px;background:#fffaf2;font-size:12px}
.order-flow-strip b{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#9a5d3b;color:#fff}
.review-compact{padding:5px 0;font-size:16px}
.review-toggle{border:0;background:transparent;color:#6b3f2a;text-decoration:underline;padding:3px 0;cursor:pointer;font-weight:700}
.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.admin-status-guide,.tracking-help{margin:7px 0;padding:7px 9px;border-radius:8px;background:#fffaf2;border:1px solid #ead8c1;font-size:12px}
@media(max-width:520px){.order-flow-strip{gap:5px;font-size:11px}.review-compact{font-size:15px}}

/* v3.7.28 browser warning gate */
.browser-gate-overlay{position:fixed;inset:0;z-index:9999;background:rgba(34,24,18,.68);display:grid;place-items:center;padding:18px}
.browser-gate-overlay.hidden{display:none}
.browser-gate-card{position:relative;width:min(430px,100%);box-sizing:border-box;background:#fffaf2;border:1px solid #dfc7a9;border-radius:18px;padding:22px 18px 18px;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.browser-gate-card h2{margin:5px 0 8px}.browser-gate-card p{margin:0 0 14px;line-height:1.45}
.browser-gate-icon{font-size:34px}.browser-gate-x{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}
.browser-gate-open,.browser-gate-copy{width:100%;margin-top:7px}.browser-gate-card #browserGateMsg{margin-top:9px}

/* v3.7.29 strict in-app ordering lock */
.ordering-browser-locked #checkoutStep{
  position:relative;
}
.ordering-browser-locked .add-product-btn:disabled,
.ordering-browser-locked #floatingCheckoutBtn:disabled,
.ordering-browser-locked #submitBtn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.browser-inline-warning{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;padding:9px 10px;border:1px solid #e5b7a0;border-radius:10px;background:#fff1ea;color:#8a3f25;font-size:12px;font-weight:800}
.browser-inline-warning.hidden{display:none}
.browser-inline-warning button{flex:0 0 auto;padding:7px 10px;font-size:11px}
@media(max-width:430px){.browser-inline-warning{align-items:stretch;flex-direction:column}.browser-inline-warning button{width:100%}}

.browser-inline-warning #browserInlineOpen{font-weight:800}

/* v3.7.34 warning button is an exact copy of the working top browser button */
.browser-inline-warning #browserInlineOpen{font-weight:800}

.browser-inline-warning .browser-btn{flex:0 0 auto;padding:7px 10px;font-size:11px;font-weight:800}
@media(max-width:430px){.browser-inline-warning .browser-btn{width:100%}}

#province,#municipality{width:100%;box-sizing:border-box}

/* v3.7.41 barangay cascading dropdown */
#province,#municipality,#barangay{width:100%;box-sizing:border-box}
#barangayMsg{margin-top:3px;font-size:11px}

/* v3.7.42 GPS-first address */
#gpsDeliverySection{margin-bottom:8px!important}
#gpsAddressMsg.success{font-weight:700}
#barangay:not(:disabled){cursor:pointer}