/* Mobile edition: compact screens, safe areas and touch interaction. */
@media (max-width:767px) {
  html,body{max-width:100%;overflow-x:clip}
  .masthead{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .product-row>div{min-width:0;overflow-wrap:anywhere}
  .product-row img{flex-shrink:0}
  .newsletter form{max-width:100%}
  .cookie-actions{flex-wrap:wrap}
  .cookie-actions button{flex:1 1 100px}
  .hero-content p{overflow-wrap:break-word}
  .product-track,.services-grid{touch-action:pan-x pan-y}
}
@media (max-width:359px) {
  .newsletter form{flex-direction:column;gap:8px}
  .newsletter input{border-right:1px solid #777;width:100%;min-height:48px}
  .newsletter .solid-button{width:100%}
  .hero-content{width:calc(100% - 32px)}
  .hero-content h1,.hero-content h2{font-size:17px}
  .product-row{gap:10px}
  .product-row img{width:64px;height:64px}
}
@media (hover:none) {
  .product-visual:hover .secondary{opacity:0}
  .product-visual:hover img{transform:none}
}
@media (max-width:767px) and (orientation:landscape) and (max-height:500px) {
  .hero,.hero.first{height:100svh;min-height:300px}
  .hero-content{bottom:20px}
  .panel.center{max-height:calc(100dvh - 24px)}
}