body{
  background:linear-gradient(180deg,#fafafc 0%,#f5f5f7 100%)!important;
  color:var(--apple-text)!important;
}
.wrap{max-width:520px!important;}
.header{
  background:linear-gradient(180deg,#fff 0%,#f8f8fb 100%)!important;
  color:var(--apple-text)!important;
  border-bottom:1px solid var(--apple-line)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.06)!important;
}
.header::before,.header::after{display:none!important;}
.header h1{color:#111827!important;text-shadow:none!important;letter-spacing:.2px!important;font-size:1.28rem!important;text-transform:none!important;}
.header p{color:var(--apple-muted)!important;font-weight:400!important;}
.lang-toggle,.badge,.small-btn,.search-box,.quick-card,.item,.sheet,.summary-note,.summary-total-row,.beer-section,.service-sheet .btn,.modal,.fb-btn,.cart-note textarea,.cart-footer,.footer-actions,#vipCartMain{
  background:rgba(255,255,255,.84)!important;
  color:var(--apple-text)!important;
  border:1px solid var(--apple-line)!important;
  backdrop-filter:saturate(1.2) blur(14px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.05)!important;
}
.lang-toggle button{color:var(--apple-muted)!important;}
.lang-toggle button.active{background:#fff!important;color:var(--apple-text)!important;}
.badge{color:var(--apple-blue)!important;background:rgba(0,113,227,.06)!important;border-color:rgba(0,113,227,.14)!important;font-weight:700!important;}
.badge::after{display:none!important;}
.top-actions,.search-wrap,.section,.footer-actions{padding-left:18px!important;padding-right:18px!important;}
.small-btn{color:var(--apple-text)!important;background:#fff!important;}
.small-btn.staff{background:rgba(0,113,227,.06)!important;color:var(--apple-blue)!important;border-color:rgba(0,113,227,.14)!important;}
.small-btn.feedback{background:rgba(52,199,89,.08)!important;color:#177d38!important;border-color:rgba(52,199,89,.16)!important;}
.small-btn.summary{background:rgba(255,106,26,.08)!important;color:#b35516!important;border-color:rgba(255,106,26,.16)!important;}
.search-box{background:#fff!important;}
.search-box input{background:transparent!important;border:none!important;box-shadow:none!important;}
.search-icon,#clearSearch{color:#8e8e93!important;}
.section-title h2,.qc-txt b,.item-name,.sheet-head h3,.beer-section-title,.summary-total-row b{color:var(--apple-text)!important;}
.section-title span,.qc-txt span,.item-desc,.item-price,.summary-note,#historyCount,#menuCount{color:var(--apple-muted)!important;}
.quick-card{border-radius:24px!important;}
.qc-ic,.sheet-icon,.icon{background:rgba(0,113,227,.08)!important;color:var(--apple-blue)!important;border:none!important;box-shadow:none!important;}
.list .item,.menu-item,.history-item,.cart-item,.summary-item{background:#fff!important;border:1px solid var(--apple-line)!important;border-radius:22px!important;}
.item{background:#fff!important;}
.item img,.food-img,.preview-img{border-radius:18px!important;}
.more-btn,.btn-clear,.sheet-close{background:#f2f2f7!important;color:var(--apple-text)!important;border:1px solid rgba(0,0,0,.04)!important;box-shadow:none!important;}
.btn-send,.quick-send-btn{background:var(--apple-orange)!important;border:1px solid rgba(255,106,26,.15)!important;color:#fff!important;box-shadow:0 10px 24px rgba(255,106,26,.22)!important;}
#vipCartBar{background:transparent!important;}
#vipCartMain{background:#111827!important;color:#fff!important;border:none!important;box-shadow:0 12px 30px rgba(17,24,39,.2)!important;}
#vipCartMsg{color:var(--apple-green)!important;}
.overlay{background:rgba(10,10,12,.14)!important;backdrop-filter:blur(10px)!important;}
.sheet,.modal,.modal-content{border-radius:28px!important;background:rgba(255,255,255,.92)!important;color:var(--apple-text)!important;}
.fb-btn.gray{background:#f5f5f7!important;color:var(--apple-text)!important;border:1px solid var(--apple-line)!important;}
.fb-btn.red{background:rgba(255,59,48,.08)!important;color:#b42318!important;border:1px solid rgba(255,59,48,.16)!important;}
#feedbackModal,#cartModal,#beerModal,#summaryModal,#serviceModal{backdrop-filter:blur(10px)!important;}
.cart-note label,.summary-note,#txt-fb-later{color:var(--apple-muted)!important;}
#txt-fb-later{background:none!important;border:none!important;}

/* visibility fixes for light theme */
.search-box input,
.search-box input::placeholder,
#menuSearch,
#menuSearch::placeholder,
#clearSearch,
.more-btn,
.empty,
.sheet-close,
#summaryModal .summary-note,
#summaryModal #txtSummaryTotalLabel,
#summaryModal .summary-total-row span,
#summaryModal .summary-total-row b,
#summaryModal .summary-item-left b,
#summaryModal .summary-item-left span,
#summaryModal .summary-item-right,
#serviceModal h3,
#serviceModal p,
#serviceModal .btn,
#serviceModal .btn .label b,
#serviceModal .btn .label span,
#historyList .h-left b,
#historyList .h-left span,
#historyList .history-pill,
#historyList .history-recall-btn,
#historyList .h-pill,
.history-item .h-left b,
.history-item .h-left span,
.history-item .history-pill,
.history-item .history-recall-btn,
.history-item .h-pill,
.cart-item,
.cart-item *,
.summary-item,
.summary-item *,
.item-stepper input.item-qty-input,
.qty input.cart-qty-input,
#beerModal .quick-qty .qtyInput,
#beerModal .quick-qty .qty-unit,
.cart-note textarea,
.cart-note textarea::placeholder,
#feedbackModal h3,
#feedbackModal button,
#feedbackModal #txt-fb-later{
  color:var(--apple-text)!important;
}

#summaryModal .summary-item-right,
.item-price,
#summaryTotal,
#vipCartRight b{
  color:var(--apple-orange)!important;
}

#historyList .h-left span,
.history-item .h-left span,
#summaryModal .summary-item-left span,
#serviceModal p,
#serviceModal .btn .label span,
.empty,
.search-box input::placeholder,
.cart-note textarea::placeholder,
#beerModal .quick-qty .qty-unit{
  color:var(--apple-muted)!important;
}

#historyList .history-item,
.history-item,
#summaryModal .summary-item,
.cart-item,
#serviceModal .btn,
.empty{
  background:#fff!important;
  border:1px solid var(--apple-line)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.05)!important;
}

#historyList .h-pill,
#historyList .history-pill,
.history-item .h-pill,
.history-item .history-pill{
  background:#f2f2f7!important;
  color:var(--apple-muted)!important;
  border:1px solid var(--apple-line)!important;
}

#historyList .p-done,.history-item .p-done{background:rgba(52,199,89,.10)!important;color:#177d38!important;border-color:rgba(52,199,89,.18)!important;}
#historyList .p-doing,.history-item .p-doing{background:rgba(0,113,227,.10)!important;color:var(--apple-blue)!important;border-color:rgba(0,113,227,.18)!important;}
#historyList .p-wait,.history-item .p-wait{background:rgba(255,159,10,.10)!important;color:#b06a00!important;border-color:rgba(255,159,10,.18)!important;}
#historyList .p-cancel,.history-item .p-cancel,
#historyList .p-recall,.history-item .p-recall{background:rgba(255,59,48,.10)!important;color:#b42318!important;border-color:rgba(255,59,48,.18)!important;}

#historyList .history-recall-btn,
.history-item .history-recall-btn{
  background:rgba(255,59,48,.08)!important;
  color:#b42318!important;
  border:1px solid rgba(255,59,48,.14)!important;
  box-shadow:none!important;
}
#historyList .history-recall-btn.is-undo,
.history-item .history-recall-btn.is-undo{
  background:rgba(255,159,10,.10)!important;
  color:#b06a00!important;
  border-color:rgba(255,159,10,.16)!important;
}

#summaryModal .btn-send{
  background:var(--apple-orange)!important;
  color:#fff!important;
  border:1px solid rgba(255,106,26,.15)!important;
}
#summaryModal .btn-clear,
#serviceModal .sheet-close,
#beerModal .sheet-close{
  background:#f2f2f7!important;
  color:var(--apple-text)!important;
  border:1px solid rgba(0,0,0,.05)!important;
}


/* ===== final visibility and layout fixes ===== */
.search-box,
#searchSuggest,
#searchSuggest .sug-item,
#searchSuggest .sug-name,
#searchSuggest .sug-price,
#searchSuggest span,
#searchSuggest mark,
.search-box input,
.search-box input::placeholder,
#clearSearch,
.search-icon{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}

#searchSuggest{
  display:none;
  margin-top:10px;
  background:#fff!important;
  border:1px solid var(--apple-line-strong)!important;
  border-radius:20px!important;
  box-shadow:0 16px 36px rgba(0,0,0,.10)!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
}
#searchSuggest .sug-item{
  background:#fff!important;
  color:var(--apple-text)!important;
  padding:13px 14px!important;
  border-bottom:1px solid rgba(17,17,17,.06)!important;
}
#searchSuggest .sug-item:last-child{border-bottom:none!important;}
#searchSuggest .sug-item:hover{background:#f7f7fa!important;}
#searchSuggest .sug-name,
#searchSuggest .sug-name span{color:var(--apple-text)!important;}
#searchSuggest .sug-price{color:var(--apple-orange)!important;font-weight:800!important;}
#searchSuggest .sug-thumb{background:#f4f4f6!important;border:1px solid var(--apple-line)!important;}
#searchSuggest mark{background:rgba(255,176,32,.22)!important;color:inherit!important;}

.overlay{background:rgba(15,23,42,.16)!important;backdrop-filter:blur(6px)!important;}
.sheet,.modal,.modal-content,.beer-section,.service-sheet .btn,.summary-note,.summary-total-row,.cart-note textarea,.footer-actions,#vipCartMain{
  backdrop-filter:none!important;
}
.sheet,.modal,.modal-content{
  background:#fff!important;
  box-shadow:0 18px 48px rgba(15,23,42,.12)!important;
}

.sheet-head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  margin-bottom:14px!important;
  padding:0 42px 0 42px!important;
}
.sheet-head h3{
  margin:0 auto!important;
  width:100%!important;
  text-align:center!important;
  font-size:1.18rem!important;
  line-height:1.25!important;
}
.sheet-close{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:38px!important;
  height:38px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
#cartModal .sheet-head h3,
#summaryModal .sheet-head h3,
#beerModal .sheet-head h3,
#serviceModal .sheet-head h3{
  padding-inline:0!important;
}

#summaryModal .sheet{
  max-width:470px!important;
}
#summaryModal .summary-note{
  text-align:center!important;
  background:#f7f7fa!important;
  border:1px solid var(--apple-line)!important;
  border-radius:14px!important;
  padding:10px 12px!important;
  margin-bottom:14px!important;
}
#summaryModal .summary-list{
  display:block!important;
  max-height:42vh!important;
  padding:0!important;
  background:#fff!important;
  border:1px dashed rgba(17,17,17,.10)!important;
  border-radius:18px!important;
  overflow:auto!important;
}
#summaryModal .summary-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
  padding:11px 14px!important;
  margin:0!important;
  border:none!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(17,17,17,.07)!important;
  background:transparent!important;
  box-shadow:none!important;
}
#summaryModal .summary-item:last-child{border-bottom:none!important;}
#summaryModal .summary-item-left{min-width:0!important;}
#summaryModal .summary-item-left b{
  display:block!important;
  font-size:.98rem!important;
  color:var(--apple-text)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:none!important;
}
#summaryModal .summary-item-left span{
  display:block!important;
  margin-top:4px!important;
  font-size:.82rem!important;
  color:var(--apple-muted)!important;
}
#summaryModal .summary-item-right{
  align-self:center!important;
  font-size:.98rem!important;
  font-weight:800!important;
  color:var(--apple-text)!important;
  white-space:nowrap!important;
}
#summaryModal .summary-total-row{
  margin-top:14px!important;
  padding:14px 2px 0!important;
  border-top:1px solid rgba(17,17,17,.08)!important;
  background:transparent!important;
  box-shadow:none!important;
}
#summaryModal .summary-total-row span{font-weight:600!important;color:var(--apple-text)!important;}
#summaryModal .summary-total-row b{font-size:1.18rem!important;color:var(--apple-text)!important;}

.cart-item,
.cart-item *,
.beer-item,
.beer-item *,
.service-sheet .btn,
.service-sheet .btn *{
  opacity:1!important;
  filter:none!important;
}
.cart-item,
.beer-item,
.service-sheet .btn{
  background:#fff!important;
  box-shadow:none!important;
}
.cart-left b,.beer-name,.service-sheet .label b{color:var(--apple-text)!important;}
.cart-left span,.beer-sub,.service-sheet .label span{color:var(--apple-muted)!important;}
.qty,
.item-stepper{
  background:#f5f5f7!important;
  border:1px solid var(--apple-line)!important;
  box-shadow:none!important;
}
.qty button,
.item-stepper button,
.del-btn{
  background:#fff!important;
  color:var(--apple-text)!important;
  border:1px solid var(--apple-line)!important;
  box-shadow:none!important;
}
.qty input,
.item-stepper input,
.item-stepper span,
.cart-qty-input,
.item-qty-input,
.qtyInput,
.qty-unit{
  color:var(--apple-text)!important;
  opacity:1!important;
}

.item-price{color:#d97706!important;font-weight:800!important;}
.item-right .add-btn,
.item-right button[disabled]{
  background:rgba(255,106,26,.12)!important;
  color:#f29b75!important;
  border:1px solid rgba(255,106,26,.18)!important;
  box-shadow:none!important;
}
.item-right .item-stepper + button,
.item-right > button:not(.item-stepper button):not([disabled]),
.add-btn{
  background:var(--apple-orange)!important;
  color:#fff!important;
  border:1px solid rgba(255,106,26,.15)!important;
}

.footer-actions{
  background:#efeff4!important;
  border-top:1px solid rgba(17,17,17,.06)!important;
}

/* ===== 2026 polish pass ===== */
.wrap{padding-bottom:20px!important;}
.header{
  margin:18px 18px 14px!important;
  padding:26px 22px 22px!important;
  border:1px solid rgba(17,17,17,.06)!important;
  border-radius:32px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.07)!important;
}
.header h1{
  font-size:1.9rem!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
  margin-bottom:10px!important;
}
.header p{
  max-width:360px!important;
  margin:0 auto 16px!important;
  line-height:1.5!important;
}
.lang-toggle{
  top:18px!important;
  right:18px!important;
  padding:5px!important;
  border-radius:999px!important;
}
.lang-toggle button{
  min-width:58px!important;
  border-radius:999px!important;
  font-weight:700!important;
}
.badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
}
.top-actions{padding-top:4px!important;padding-bottom:6px!important;gap:12px!important;}
.small-btn{
  min-height:54px!important;
  border-radius:999px!important;
  font-weight:700!important;
  box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
}
.search-wrap{padding-top:4px!important;padding-bottom:10px!important;}
.search-box{
  min-height:58px!important;
  border-radius:20px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
.search-box input{font-size:1.04rem!important;}
.quick-card,
.item,
.scroll-box.history,
#searchSuggest,
#historyList .history-item,
.history-item,
#summaryModal .summary-list,
.cart-item,
.beer-item{
  border-radius:24px!important;
}
.quick-card{
  padding:16px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}
.qc-txt b{font-size:1.08rem!important;}
.qc-txt span{line-height:1.42!important;}
.section-title{margin-bottom:14px!important;}
.section-title h2{
  font-size:1.55rem!important;
  letter-spacing:-.03em!important;
}
.list .item,
.item{
  min-height:120px!important;
  box-shadow:0 14px 32px rgba(15,23,42,.06)!important;
}
.item img,.food-img,.preview-img{
  width:72px!important;
  height:72px!important;
  object-fit:cover!important;
  box-shadow:0 12px 24px rgba(15,23,42,.10)!important;
}
.item-name{font-size:1.12rem!important;letter-spacing:-.02em!important;}
.item-price{
  color:#d97706!important;
  font-size:1.08rem!important;
  letter-spacing:-.01em!important;
}
.add-btn,
.item-right .item-stepper + button,
.item-right > button:not(.item-stepper button):not([disabled]){
  min-width:96px!important;
  min-height:48px!important;
  border-radius:999px!important;
  font-weight:800!important;
  box-shadow:0 10px 24px rgba(255,106,26,.18)!important;
}
.item-right .add-btn[disabled],
.item-right button[disabled]{
  background:#ffe5d7!important;
  color:#d98c63!important;
}
.more-btn{
  min-height:54px!important;
  border-radius:999px!important;
  font-weight:800!important;
}
.scroll-box.history{
  background:#ffffff!important;
  border:1px solid rgba(17,17,17,.06)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.05)!important;
}
.footer-actions{
  margin-top:18px!important;
  padding:18px 18px 30px!important;
  background:#ececf1!important;
}
.footer-actions .small-btn.feedback{
  min-height:56px!important;
  border-radius:999px!important;
  box-shadow:0 10px 24px rgba(23,125,56,.08)!important;
}
.sheet,.modal,.modal-content{
  padding:24px!important;
  border-radius:30px!important;
}
.sheet-head{min-height:44px!important;margin-bottom:16px!important;}
.sheet-head h3{font-size:1.28rem!important;letter-spacing:-.02em!important;}
.sheet-close,
.summary-x,
.beer-x{
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
}
#serviceModal .sheet,
#beerModal .sheet,
#summaryModal .sheet,
#cartModal .sheet{max-width:480px!important;}
#summaryModal .summary-list{
  background:#fcfcfd!important;
  border-style:solid!important;
}
#summaryModal .summary-item{
  padding:12px 4px 12px 2px!important;
  margin:0 12px!important;
}
#summaryModal .summary-item-left b{
  font-size:1rem!important;
}
#summaryModal .summary-item-right{
  color:#d97706!important;
  font-size:1rem!important;
}
#summaryModal .summary-total-row{
  align-items:center!important;
}
#summaryModal .summary-total-row b{
  font-size:1.32rem!important;
  color:var(--apple-text)!important;
}
.cart-note textarea{
  min-height:88px!important;
  border-radius:18px!important;
}
.cart-footer{gap:12px!important;background:transparent!important;border:none!important;box-shadow:none!important;}
.btn-clear,.btn-send,.quick-send-btn{
  min-height:52px!important;
  border-radius:999px!important;
  font-weight:800!important;
}
.service-sheet .btn{
  min-height:76px!important;
  border-radius:22px!important;
}
#vipCartMain{
  border-radius:24px!important;
  min-height:62px!important;
}


/* ===== 2026 bugfix pack: VN/EN + modal contrast ===== */
.header{
  padding-top:calc(82px + var(--safe-top))!important;
}
.header h1{
  max-width:calc(100% - 146px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-right:0!important;
}
.lang-toggle{
  top:12px!important;
  right:16px!important;
  z-index:20!important;
}

#beerModal #txt-beer-close,
#serviceModal #txt-service-close{
  display:none!important;
}
#serviceModal .service-sheet{
  position:relative!important;
}
#serviceModal .service-x{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f2f2f7!important;
  color:var(--apple-text)!important;
  border:1px solid rgba(17,17,17,.06)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
  font-size:24px!important;
  line-height:1!important;
}

#beerModal h3,
#beerModal .beer-name,
#beerModal .quick-qty input,
#beerModal .quick-qty span,
#serviceModal h3,
#serviceModal .btn .label b{
  color:var(--apple-text)!important;
  opacity:1!important;
  text-shadow:none!important;
}
#beerModal p,
#beerModal .beer-section-title,
#beerModal .beer-sub,
#beerModal .quick-qty .qty-unit,
#serviceModal p,
#serviceModal .btn .label span{
  color:var(--apple-muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}
#beerModal .beer-item,
#serviceModal .btn{
  background:#fff!important;
}


/* ===== 2026-04-05 hotfix: quick drink modal controls ===== */
#beerModal .beer-head{
  position:relative!important;
}
#beerModal .beer-x{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:40px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#f2f2f7!important;
  color:var(--apple-text)!important;
  border:1px solid rgba(17,17,17,.08)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.10)!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
  z-index:30!important;
}
#beerModal .beer-x:hover{
  background:#e9e9ee!important;
}
#beerModal .beer-footer{
  justify-content:center!important;
}
#beerModal .beer-total{
  display:none!important;
}
#beerModal .quick-send-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:200px!important;
  margin:0 auto!important;
}
#beerModal .quick-qty{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px!important;
  background:#f5f5f7!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:999px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}
#beerModal .quick-qty button{
  width:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:var(--apple-text)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:999px!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 4px 10px rgba(15,23,42,.06)!important;
}
#beerModal .quick-qty .qtyInput{
  width:48px!important;
  color:var(--apple-text)!important;
  font-size:1.05rem!important;
  font-weight:800!important;
}
#beerModal .case-row{
  gap:8px!important;
}
#beerModal .case-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:58px!important;
  padding:8px 12px!important;
  background:#f5f5f7!important;
  color:var(--apple-text)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:999px!important;
  box-shadow:0 6px 14px rgba(15,23,42,.05)!important;
}
#beerModal .case-btn.active,
#beerModal .case-btn:hover{
  background:#fff1eb!important;
  color:#c2410c!important;
  border-color:rgba(255,106,26,.20)!important;
}