.alco-view-cart-btn{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:9999;padding:10px 16px;border-radius:999px;border:none;background:#222;color:#fff;cursor:pointer;font-weight:600}
.alco-cart-modal[aria-hidden="true"]{display:none}
.alco-cart-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998;display:flex;align-items:center;justify-content:center}
.alco-cart-box{width:min(780px,92vw);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.alco-cart-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f6f6f6}
.alco-cart-head .alco-close{background:transparent;border:none;font-size:24px;cursor:pointer}
.alco-items-list{max-height:40vh;overflow:auto;padding:12px 16px}
.alco-item{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px dashed #eee;padding:8px 0}
.alco-item .name{font-weight:600}
.alco-item .addons{font-size:12px;opacity:.8}
.alco-summary{padding:12px 16px;border-top:1px solid #eee;display:grid;gap:10px}
.alco-summary .alco-coupon-row{display:flex;gap:8px;align-items:center}
.alco-summary .alco-coupon{padding:8px;border:1px solid #ddd;border-radius:8px;min-width:160px}
.alco-summary .alco-apply-coupon{padding:8px 12px;border:0;border-radius:8px;background:#0a7;color:#fff;cursor:pointer}
.alco-summary .alco-totals{display:flex;gap:20px;justify-content:flex-end;font-weight:700}
.alco-pickup{padding:12px 16px;border-top:1px solid #eee;display:grid;gap:8px}
.alco-pickup-choice label{margin-right:12px}
.alco-pickup-select{padding:8px;border:1px solid #ddd;border-radius:8px;min-width:220px}
.alco-verify{padding:12px 16px;border-top:1px solid #eee;display:grid;gap:8px}
.alco-contact{display:flex;gap:8px;align-items:center}
.alco-contact input{padding:8px;border:1px solid #ddd;border-radius:8px}
.alco-actions-verify{display:flex;gap:8px;align-items:center}
.alco-send-code,.alco-confirm{padding:8px 12px;border:0;border-radius:8px;background:#0a7;cursor:pointer;color:#fff}
/* kitchen */
.alco-kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}
.alco-card{border-radius:12px;padding:12px;color:#111;background:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.alco-card .alco-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.alco-badge{background:#fff;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(0,0,0,.08)}
.alco-actions .button{margin-right:6px}
.alco-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#111;color:#fff;padding:8px 12px;border-radius:8px;opacity:0;transition:.2s;z-index:99999}
.alco-toast.show{opacity:1;transform:translate(-50%,0)}
.alco-order-badge{margin-top:6px;padding:6px 10px;border-radius:999px;border:0;background:#0a7;color:#fff;cursor:pointer}
/* rotating colors */
.alco-color-0{background:hsl(0,90%,92%)}
.alco-color-1{background:hsl(30,90%,92%)}
.alco-color-2{background:hsl(60,90%,92%)}
.alco-color-3{background:hsl(90,90%,92%)}
.alco-color-4{background:hsl(120,90%,92%)}
.alco-color-5{background:hsl(150,90%,92%)}
.alco-color-6{background:hsl(180,90%,92%)}
.alco-color-7{background:hsl(210,90%,92%)}
.alco-color-8{background:hsl(240,90%,92%)}
.alco-color-9{background:hsl(270,90%,92%)}
.alco-color-10{background:hsl(300,90%,92%)}
.alco-color-11{background:hsl(330,90%,92%)}

.alco-items-list{max-height:28vh;overflow:auto;scroll-behavior:smooth}
.alco-ver-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.alco-ver-line select,.alco-ver-line input{padding:8px;border:1px solid #ddd;border-radius:8px}
.alco-pick-line{display:flex;gap:12px;align-items:center}


/* === Mobile Bottom Cart (Brsk-like) === */
/*@media removed for global bottom bar*/

  .alco-basket-bar{position:fixed;inset-inline:0;bottom:0;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;z-index:9998;box-shadow:0 -4px 14px rgba(0,0,0,.12)}
  .alco-basket-bar .sum{font-weight:700}
  .alco-basket-bar .btn{background:#10b981;border:0;color:#fff;padding:10px 14px;border-radius:999px}
  .alco-basket-sheet{position:fixed;left:0;right:0;bottom:0;transform:translateY(100%);transition:transform .28s ease;z-index:9999;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 20px rgba(0,0,0,.16);max-height:80vh;display:flex;flex-direction:column}
  .alco-basket-sheet.open{transform:translateY(0)}
  .alco-basket-sheet .hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}
  .alco-basket-sheet .body{padding:10px 16px;overflow:auto}
  .alco-basket-sheet .ftr{padding:10px 16px;border-top:1px solid #eee}
  /* hide old top "عرض الطلب" on mobile when bottom cart is enabled */
  .alco-mobile-bottom-enabled .alco-cart-toggle-top{display:none !important}
  /* avoid overlap */
  body.alco-mobile-bottom-enabled{padding-bottom:70px}
}



.alco-pill-group{display:flex;gap:8px;margin:8px 0}
.alco-pill{border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;background:#fff;cursor:pointer}
.alco-pill.active{background:#111;color:#fff;border-color:#111}


/* === Verify Modal === */
.alco-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:10000}
.alco-modal.open{display:flex}
.alco-modal .box{background:#fff;border-radius:12px;min-width:300px;max-width:92vw;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.alco-modal .box h3{margin:0 0 10px}
.alco-modal .box .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.alco-code{display:flex;gap:8px}
.alco-code input{width:42px;height:48px;text-align:center;font-size:20px;border:1px solid #e5e7eb;border-radius:8px}


/* === Mobile Bottom Cart (scoped to mobile) === */
@media (max-width: 768px){
  /* Hide any top cart toggle/link on mobile when bottom cart is enabled */
  .alco-mobile-bottom-enabled .alco-cart-toggle-top,
  .alco-mobile-bottom-enabled .alco-cart-toggle,
  .alco-mobile-bottom-enabled .alco-cart-open,
  .alco-mobile-bottom-enabled .alco-cart-bar-top { display:none !important; }
  .alco-basket-bar{position:fixed;inset-inline:0;bottom:0;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;z-index:9998;box-shadow:0 -4px 14px rgba(0,0,0,.12)}
  .alco-basket-bar .sum{font-weight:700}
  .alco-basket-bar .btn{background:#10b981;border:0;color:#fff;padding:10px 14px;border-radius:999px}
  .alco-basket-sheet{position:fixed;left:0;right:0;bottom:0;transform:translateY(100%);transition:transform .28s ease;z-index:9999;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 20px rgba(0,0,0,.16);max-height:80vh;display:flex;flex-direction:column}
  .alco-basket-sheet.open{transform:translateY(0)}
  .alco-basket-sheet .hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}
  .alco-basket-sheet .body{padding:10px 16px;overflow:auto}
  .alco-basket-sheet .ftr{padding:10px 16px;border-top:1px solid #eee}
  /* Only hide the top cart toggle (not other buttons) */
  .alco-mobile-bottom-enabled .alco-cart-toggle-top{display:none !important}
  body.alco-mobile-bottom-enabled{padding-bottom:70px}
  /* Pills */
  .alco-pill-group{display:flex;gap:8px;margin:8px 0}
  .alco-pill{border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;background:#fff;cursor:pointer}
  .alco-pill.active{background:#111;color:#fff;border-color:#111}
}