/* t1361 (Kip 2026-11-11): touch targets on phones/tablets. Desktop look unchanged (all rules are inside the
   max-width:860px breakpoint the shop already uses for its mobile layout, or pointer:coarse). */
@media (max-width:860px){
 .burger{width:44px!important;height:44px!important;display:block}
 .burger i{margin:7px 8px!important}
 .bag{min-height:44px;min-width:44px;justify-content:center}
 a.logo{display:inline-flex;align-items:center;min-height:44px}
 .cust{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}
 .chip,.sortsel{min-height:44px}
 .famchips button,.textbtn{height:auto!important;min-height:44px;padding:0 14px}
 .sw button{width:44px;height:44px}
 .sw.gridish{grid-template-columns:repeat(auto-fill,minmax(44px,44px))!important;gap:8px}
 .more{display:inline-flex;align-items:center;min-height:44px;padding-bottom:0;box-sizing:border-box}
 .crumbs a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
 .lbl a,.guideSource a{display:inline-flex;align-items:center;min-height:44px}
 footer a{display:inline-flex;align-items:center;min-height:44px}
 .drawer .x{width:44px;height:44px}
 .qty button{min-height:44px}
}
/* Narrow phones: the demo strip wrapped to two lines and slid under the header; keep it on one line. */
@media (max-width:400px){
 .topbar{font-size:9px!important;letter-spacing:.06em!important;line-height:14px;padding:7px 8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:860px){
 html body .fgrid a{min-height:46px!important;display:flex!important;align-items:center}
 html body .crumbs a{padding:0 8px!important;min-width:44px;justify-content:center}
 html body .rm{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px}
 html body button[data-q]{min-width:44px;min-height:44px}
}