*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
.container{padding-left:16px;padding-right:16px}
@media (max-width: 360px){
  .container{padding-left:12px;padding-right:12px}
  h1{font-size:28px}
  h2{font-size:22px}
}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.modal-dialog{max-width:calc(100% - 24px);margin:12px auto}
@media (min-width: 576px){.modal-dialog{max-width:500px;margin:28px auto}}
.modal-body{padding:16px}
@media (min-width: 768px){.modal-body{padding:24px}}
.admin-content,.superadmin-content,.ba-content,.canvasser-content{padding:16px}
@media (min-width: 768px){.admin-content,.superadmin-content,.ba-content,.canvasser-content{padding:30px}}
.admin-sidebar-overlay,.superadmin-sidebar-overlay,.ba-sidebar-overlay,.canvasser-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:950}
.admin-sidebar-overlay.open,.superadmin-sidebar-overlay.open,.ba-sidebar-overlay.open,.canvasser-sidebar-overlay.open{display:block}
@media (min-width: 992px){.sidebar-toggle{display:none!important}}
@media (max-width: 991px){
  .cart-summary{position:static!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}
  .checkout-summary{position:static!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;margin-top:20px}
  .checkout-items{max-height:400px;overflow-y:auto}
}
@media (max-width: 767px){
  .checkout-header h1{font-size:28px}
  .checkout-card{padding:18px}
  .cart-page{padding-top:110px}
  .help-hero h1{font-size:28px}
  .faq-question{padding:14px;font-size:13px}
  .admin-table{font-size:10px}
}
@media (max-width: 360px){
  .order-filter-wrapper{flex-direction:column;align-items:stretch}
  .order-search{min-width:unset;width:100%}
  .admin-filter-select{width:100%;min-width:unset}
  .page-heading{flex-direction:column;align-items:flex-start}
  .hero-title{font-size:32px}
  .menu-card .menu-content{padding:14px}
  .checkout-card{padding:18px}
  .cart-item{flex-direction:column}
  .cart-item img{width:100%;height:180px}
  .custom-navbar{height:64px}
  .brand-logo{width:36px;height:36px;border-radius:10px;font-size:16px}
  .hero-section{padding-top:90px}
  .login-card{padding:22px}
  .admin-panel-card{padding:14px}
}
@media (max-width: 360px){
  .admin-table thead{display:none}
  .admin-table tbody tr{border:1px solid #fde6c8;border-radius:12px;margin-bottom:12px;display:block;overflow:hidden;background:white}
  .admin-table tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right!important;padding:10px 12px;border-bottom:1px solid #fde6c8}
  .admin-table tbody td:last-child{border-bottom:none}
  .ba-table thead{display:none}
  .ba-table tbody tr{border:1px solid #fde6c8;border-radius:12px;margin-bottom:12px;display:block;overflow:hidden;background:white}
  .ba-table tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right!important;padding:10px 12px;border-bottom:1px solid #fde6c8}
  .ba-table tbody td:last-child{border-bottom:none}
}