/* V4.1: scoped mobile corrections. V4 desktop geometry remains unchanged. */
.mobile-reveal{display:none}
.footer a[href^="tel:"]{color:#ccc;text-decoration:none}
.footer a[href^="tel:"]:hover,.footer a[href^="tel:"]:focus-visible{color:#fff;text-decoration:underline}
.designer-email{color:inherit;font-size:.8rem;overflow-wrap:anywhere;text-decoration:none}
.designer-email:hover,.designer-email:focus-visible{color:#fff;text-decoration:underline}
@media (hover:none),(pointer:coarse),(max-width:768px){
 .mobile-reveal{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;border:0;background:transparent;cursor:pointer;touch-action:pan-y}
 .product-image{position:relative}
 .product-image .product-overlay,.product-image:hover .product-overlay,.product-image:focus-within .product-overlay{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;background:rgba(255,255,255,.9)}
 .product-image.is-open .product-overlay,.product-image:has(.product-overlay a:focus-visible) .product-overlay{opacity:1;pointer-events:auto}
 .product-card:hover .product-image img{transform:none}
}
@media(max-width:768px){
 .product-notice h3{align-items:flex-start;gap:.6rem}
 .product-notice h3 i{flex:0 0 1rem;width:1rem;margin-top:.3em}
 .product-notice li{padding-left:1.4rem}
 .product-notice li::before{left:0;width:1rem;text-align:center}
 .feature-item{min-width:0}
 .feature-item h4,.feature-item p{overflow-wrap:break-word}
 .footer{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))}
 .whatsapp-float{bottom:calc(20px + env(safe-area-inset-bottom,0px))}
 .developer-credit{line-height:1.8;overflow-wrap:anywhere}
}
/* Narrow header: remove overlap; expand existing search only when requested. */
@media(max-width:480px){
 .nav-container{display:grid;grid-template-columns:44px minmax(0,1fr) 42px;gap:6px}
 .nav-center{display:none}
 .nav-phone{position:static;min-width:0;justify-self:end}
 .phone-link{white-space:nowrap;font-size:clamp(.82rem,4vw,1rem);gap:6px;padding:8px}
 .search-container{min-width:0;position:static}
 .search-box{width:42px;padding:5px}
 .search-btn{flex:0 0 32px;width:32px;height:32px}
 #search-input{display:none}
 .mobile-search-open .search-box{position:absolute;top:61px;left:10px;right:10px;width:auto;background:#fff;z-index:20}
 .mobile-search-open #search-input{display:block;min-width:0;font-size:16px}
}