/* Iyi Tercih v32 — mobile header, announcement and readable category chips */
.announcement {max-width:100%; box-sizing:border-box; overflow-wrap:normal; word-break:normal}
.bv-nav {
  display:flex!important; flex-wrap:nowrap!important; align-items:center!important;
  gap:8px!important; width:100%; max-width:100%; min-width:0;
  overflow-x:auto!important; overflow-y:hidden!important;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain; scroll-snap-type:x proximity; scroll-padding-inline:7px;
}
.bv-nav::-webkit-scrollbar{display:none}
.bv-nav > button,.bv-nav > a {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  flex:0 0 auto!important; flex-shrink:0!important;
  box-sizing:border-box!important; width:max-content!important; min-width:max-content!important; max-width:none!important;
  min-height:38px; height:auto!important; padding:10px 13px!important;
  white-space:nowrap!important; word-break:normal!important;
  text-overflow:clip!important; overflow:visible!important;
  line-height:1.25!important; scroll-snap-align:start;
}
@media(max-width:800px){
 .announcement{font-size:10px!important;letter-spacing:.025em!important;line-height:1.45!important;padding:8px 9px!important;min-height:34px;text-align:center;white-space:normal!important}
 .navbar {width:100%;min-width:0;height:auto!important;min-height:68px!important;gap:8px!important;align-items:center!important;flex-wrap:nowrap!important}
 .nav-logo {flex:1 1 auto!important;min-width:0!important}
 .nav-logo img {width:clamp(122px,40vw,168px)!important;max-width:100%!important;height:auto!important;object-fit:contain}
 .nav-actions {gap:7px!important;flex:0 0 auto!important;min-width:0!important}
 .nav-actions #cartNav {
   display:inline-flex!important;align-items:center!important;gap:6px!important;
   padding:10px 11px!important;min-width:0!important;width:auto!important;
   font-size:11px!important;line-height:1.3!important;border-radius:12px!important;white-space:nowrap!important
 }
 #cartNav .cart-count {flex:0 0 auto!important;width:20px;height:20px}
 .nav-actions #menuBtn {width:42px!important;min-width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important;padding:0!important;place-items:center}
 .bv-nav{gap:7px!important;padding:3px 0 12px!important;margin-bottom:2px}
 .bv-nav>button,.bv-nav>a {font-size:10.5px!important;letter-spacing:0!important;padding:10px 12px!important;min-height:39px!important;border-radius:11px!important}
}
@media(max-width:380px){
 .announcement {font-size:9px!important;letter-spacing:.015em!important;padding:8px 8px!important}
 .navbar{gap:6px!important}
 .nav-logo img{width:clamp(108px,36vw,145px)!important}
 .nav-actions{gap:5px!important}
 .nav-actions #cartNav{gap:4px!important;padding:9px 8px!important;font-size:10px!important}
 .nav-actions #menuBtn{width:38px!important;min-width:38px!important;height:40px!important;flex-basis:38px!important}
 .bv-nav>button,.bv-nav>a{font-size:10px!important;padding:9px 11px!important}
}
@media(max-width:330px){
 .nav-logo img{width:106px!important}
 .nav-actions #cartNav{padding:8px 6px!important;font-size:9px!important}
 .nav-actions #menuBtn{width:36px!important;min-width:36px!important;flex-basis:36px!important}
}