/* Desktop stays at desktop width; only detected mobile devices use mobile rules. */
html.desktop-device,html.desktop-device body{min-width:1280px}
html.mobile-device,html.mobile-device body{min-width:0}
html.mobile-device body{overflow-wrap:break-word}
html.mobile-device input:not([type=checkbox]):not([type=radio]),html.mobile-device select,html.mobile-device textarea{font-size:16px!important;min-width:0}
html.mobile-device button,html.mobile-device a{touch-action:manipulation}
html.mobile-device .admin-main,html.mobile-device .admin-content,html.mobile-device .service-card,html.mobile-device .checkout-fields{min-width:0}
@media(max-width:640px){
html.mobile-device .wrap{width:calc(100% - 32px)}
html.mobile-device .hero-copy h1{font-size:clamp(34px,10vw,44px);line-height:1.25}
html.mobile-device .products{gap:26px 12px}
html.mobile-device .product-image{height:auto;aspect-ratio:1;padding:0;border:0;border-radius:2px;background:#fff}
html.mobile-device .product-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;mix-blend-mode:normal}
html.mobile-device .product h3{font-size:13px;line-height:1.6}
html.mobile-device .price{font-size:17px}
html.mobile-device .finder-method-tabs{gap:6px}
html.mobile-device .finder-method-tabs button{padding:12px 8px;font-size:12px;min-height:44px}
html.mobile-device .size-example{gap:12px;font-size:38px}
html.mobile-device .header-actions{gap:10px!important}
html.mobile-device .auth-card{padding:24px 18px}
html.mobile-device .mobile-contact{padding-bottom:env(safe-area-inset-bottom)}
html.mobile-device body:not(.admin-body){padding-bottom:calc(57px + env(safe-area-inset-bottom))}
html.mobile-device .admin-sidebar{gap:10px;padding:14px 16px}
html.mobile-device .admin-sidebar>a:not(.admin-brand){min-height:40px;display:flex;align-items:center}
html.mobile-device .admin-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}
html.mobile-device .admin-filters{grid-template-columns:1fr 1fr}
html.mobile-device .admin-filters .search-field{grid-column:1/-1}
html.mobile-device .panel-heading{flex-wrap:wrap;gap:12px}
html.mobile-device .panel-actions{justify-content:flex-start}
html.mobile-device .editor-fields .field-pair{grid-template-columns:1fr}
html.mobile-device .ops-fields{grid-template-columns:1fr}
html.mobile-device .operations-editor{width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:20px 16px}
html.mobile-device .service-pair{grid-template-columns:1fr}
html.mobile-device .auth-main{padding:24px 16px 36px}
}