@media(max-width:900px){
html,body{overflow-x:hidden!important;max-width:100%!important}
img,video,iframe{max-width:100%}
[class*="grid"]>*,[class*="Grid"]>*{min-width:0}
html.bdzfs body .header,body .header{position:relative!important;top:0!important;height:auto!important;z-index:20!important}
.header-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 10px!important;padding:8px 12px!important;height:auto!important}
.header-inner>a:first-child{order:1;flex:0 0 auto;display:flex;align-items:center}
.header-logo-img{height:34px!important}
.header-actions{order:2;margin-left:auto!important;gap:2px!important;flex-wrap:nowrap!important}
.search-wrap{order:3;flex:1 1 100%!important;width:100%!important;max-width:100%!important;margin:0!important}
.search-box{width:100%!important}
html.bdzfs body .navbar,body .navbar{position:sticky!important;top:32px!important;z-index:800!important;margin:0!important}
.header-actions a,.header-actions button{min-width:40px;min-height:40px}
.whatsapp-float{width:44px!important;height:44px!important;bottom:14px!important;right:12px!important;font-size:22px!important;opacity:.95}
.back-to-top{width:34px!important;height:34px!important;bottom:68px!important;right:16px!important;opacity:.85}
#bdzFsFloat{bottom:14px!important;left:10px!important;max-width:calc(100vw - 80px)!important;font-size:11px!important;padding:6px 8px 6px 10px!important}
input,select,textarea{font-size:16px!important}
.form-input,.co-group input,.co-group textarea,.co-group select,.coupon-inp{min-height:44px}
button,.btn,.next-step-btn,.co-next-btn,.place-order-btn{min-height:44px}
.container{padding-left:12px!important;padding-right:12px!important}
body{padding-bottom:70px}
}
@media(max-width:400px){.header-logo-img{height:30px!important}.header-actions{gap:0!important}}

/* --- Mobile Professional UX & Frictionless Fixes --- */
@media (max-width: 768px) {
  /* Prevent auto-zoom on iOS Safari */
  input[type=text], input[type=tel], input[type=number], select, textarea {
    font-size: 16px !important;
  }
  
  /* Tap Target Optimization */
  button, .btn, a.btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Compact Sticky Header on Mobile */
  .header, .navbar {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  }

  /* Clean spacing for product grid */
  .product-card, .card {
    border-radius: 8px;
    overflow: hidden;
  }
}