/* Phone page shell (CRO audit 2026-11-06). Loaded last so it wins over every earlier rule.
   Phone browsers hide and show their toolbars while the DOCUMENT scrolls, and that makes fixed bars bounce:
   on phones the document never scrolls, the body does. Text boxes under 16px make an iPhone zoom in on focus. */
@media(max-width:959px){
  html,body{overscroll-behavior-y:none}
  html{height:100%;overflow:hidden;scroll-behavior:auto}
  body{position:relative;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}
  table{display:block;overflow-x:auto}
  :is(input,textarea,select),input.lic,select.currency,.checkout-form select.currency,#order-box select.currency{font-size:16px}
}
/* the open menu sits above the WhatsApp button and scrolls inside itself when it is taller than the screen */
.top{z-index:65}
.nav.open{overflow-y:auto;overscroll-behavior:contain}
/* a computer gets the sample form in the header, a phone gets WhatsApp (the CPHI crowd); the open menu between 960 and 1239 is a computer too */
@media(max-width:959px){.desk-only{display:none!important}}
@media(min-width:960px){.phone-only{display:none!important}}
.nav a.btn{color:#fff}.nav a.btn::after{display:none}