/* Mobile usability enhancements; desktop layouts remain unchanged. */
@media (max-width: 767px) {
 html,body{max-width:100%;overflow-x:hidden}
 img,video{max-width:100%;height:auto}
 button,select,input,textarea{max-width:100%}
 input,select,textarea{font-size:16px!important}
 button,a,select{touch-action:manipulation}
 #skully-global-nav .nav-inner{display:flex!important;flex-wrap:wrap!important;gap:3px 9px!important;padding:10px 8px!important;justify-content:center!important}
 #skully-global-nav a,#skully-global-nav button{font-size:13px!important;padding:10px 5px!important;min-height:40px}
 #skully-global-nav .menu{position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%);min-width:230px;max-width:95vw;z-index:999999}
 .wrap,.container,.shell,.page{max-width:100%!important}
 .wrap{padding-left:14px!important;padding-right:14px!important}
 .wrap:has(.hero img){grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 .product{max-width:100%}
 .gallery,.panel{min-width:0}
 .gallery img,.hero img{max-width:100%;object-fit:contain}
 .thumbs{flex-wrap:wrap}
 .thumb{max-width:19vw}
 .field select,.field input{max-width:100%}
 .skullet-tee-link{white-space:normal!important;max-width:100%;overflow-wrap:anywhere;text-align:center}
}