/* Existing md/lg boundaries; desktop rules stay in the original stylesheet. */
@media (max-width: 767px) {
    body > main :is(h1, h2, h3, p, li, a), footer :is(p, li, a) { overflow-wrap: anywhere; }
    body > main :is(.grid, .flex) > *, footer .grid > *, footer .flex > a { min-width: 0; }
    header nav > div:first-child { min-width: 0; max-width: calc(100% - 56px); }
    header nav > div:first-child img { max-width: 100%; }
    #menuBtn { min-width: 44px; min-height: 44px; flex-shrink: 0; align-items: center; justify-content: center; }
    #mobileMenu { top: 70px; max-height: calc(100vh - 70px); max-height: calc(100dvh - 70px); overflow-y: auto; }
    #mobileMenu a { display: flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
    main a[href^="https://wa.me/"] {
        max-width: 100%; min-width: 0; min-height: 44px;
        padding-left: 16px; padding-right: 16px; line-height: 1.5; text-align: center;
    }
    main a[href^="https://wa.me/"] .material-symbols-outlined { flex-shrink: 0; }
    main button[data-load-more] { min-height: 44px; max-width: 100%; }
    main nav a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; }
    main nav li { min-width: 0; }
    #product-grid > a { min-width: 0; max-width: 100%; }
    #product-grid h3 { overflow-wrap: anywhere; }
    #product-grid .mt-auto > span { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }
    #productImageZoom { min-width: 0; max-width: 100%; }
    footer a, footer button { min-height: 44px; max-width: 100%; }
    footer a { display: inline-flex; align-items: center; overflow-wrap: anywhere; }
    footer .flex > :is(svg, .material-symbols-outlined) { flex-shrink: 0; }
    #footer-city-content a { width: 100%; }
    body .whatsapp-float {
        width: 52px; height: 52px;
        right: calc(16px + env(safe-area-inset-right, 0px));
        bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    }
    body .whatsapp-float::before { display: none; }
    .whatsapp-float[data-inline-cta-visible="true"], body.lb-open .whatsapp-float { visibility: hidden; pointer-events: none; }
    :is(a, button):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
}
@media (max-width: 767px) and (hover: none) {
    #product-grid .absolute.inset-0 { opacity: 1; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    body > main :is(h1, h2, h3, p, li, a) { overflow-wrap: anywhere; }
    body > main :is(.grid, .flex) > * { min-width: 0; }
    header nav > div:first-child { min-width: 0; flex-shrink: 0; }
    header nav > div:first-child img { max-width: 128px; height: auto; }
    header nav .space-x-10 { column-gap: 12px; min-width: 0; }
    header nav .space-x-10 > :not([hidden]) ~ :not([hidden]) { margin-left: 0; margin-right: 0; }
    header nav .space-x-10 a { font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; }
}