/* Readable mobile type and comfortable touch targets. */
@media(max-width:700px){
 body{font-size:17px;line-height:1.65}
 .topline .wrap{font-size:11px;letter-spacing:.5px}
 .brand{font-size:15px}.brand small{font-size:9px;letter-spacing:2.5px}
 .menu-toggle,.theme-toggle{font-size:14px;min-height:44px}
 .theme-toggle{padding:9px 12px}.theme-icon{font-size:18px}
 .nav #navigation{font-size:16px;gap:22px}
 .eyebrow,.hero .eyebrow{font-size:12px;letter-spacing:1.1px}
 .intro,.about-copy,.section-head>p,.contact-layout>div>p:not(.eyebrow){font-size:17px;line-height:1.75}
 .button,.text-link{font-size:16px}.button{min-height:48px;padding:14px 20px}
 .hero-note{font-size:14px}.image-label span{font-size:11px}
 .hero-visual .image-label strong{font-size:18px}.swatch-strip span{font-size:12px}
 .range-strip .wrap{font-size:11px;line-height:1.7;gap:12px}
 .filters button{font-size:14px;min-height:44px;padding:10px 15px}
 .search input{font-size:16px;min-height:48px;padding:12px 17px}
 .result-count{font-size:14px;margin:20px 0}
 .product-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .product-body{padding:22px}.product h3{font-size:23px;line-height:1.35;min-height:0;margin-bottom:18px}
 .category{font-size:12px;letter-spacing:1px;margin-bottom:10px}
 summary{font-size:16px;line-height:1.5;padding:15px 0;min-height:52px}
 summary span{font-size:24px}.directions{font-size:16px;line-height:1.8}
 .enquire{font-size:16px;line-height:1.5;padding-top:16px;min-height:48px;gap:12px}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .gallery span{font-size:14px;line-height:1.5;padding:13px}
 .contact-panel h3{font-size:24px}.contact-panel p,.contact-bottom p{font-size:16px;line-height:1.75;overflow-wrap:anywhere}
 .contact-bottom a{font-size:20px;line-height:2.2}
 footer p{font-size:14px;line-height:1.7}footer p small{font-size:13px}
 footer>a:last-child{font-size:15px;min-height:44px;display:flex;align-items:center}
 dialog p{font-size:17px}.close-viewer{width:44px;height:44px;font-size:30px}
}
@media(max-width:390px){
 .brand{font-size:12px;gap:6px}.brand small{font-size:8px;letter-spacing:2px}.brand img{width:38px}
 .theme-toggle{margin-right:6px;padding:9px}.menu-toggle{padding:9px 11px}
 .theme-toggle .theme-label{display:none}
}