/* ============================================
   REMOVER ZOOM DA PÁGINA NO MOBILE
   Previne qualquer tipo de zoom
   ============================================ */

/* Prevenir zoom em toda a página */
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    touch-action: manipulation;
}

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    touch-action: manipulation;
}

/* Prevenir zoom em inputs (causa comum de zoom no mobile) */
input,
textarea,
select,
button {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

/* Garantir que inputs não causem zoom em mobile */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    input[type="password"],
    textarea,
    select {
        font-size: 16px !important; /* 16px ou mais previne zoom automático no iOS */
    }
}

/* Prevenir zoom ao dar double tap */
* {
    touch-action: manipulation;
}

/* Remover highlight azul ao tocar em elementos no mobile */
a,
button,
input,
textarea,
select {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

/* Prevenir zoom em imagens */
img {
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Prevenir zoom nos produtos */
.product-card {
    touch-action: manipulation;
}

.product-card * {
    touch-action: manipulation;
}

/* Prevenir zoom ao tocar rapidamente */
.product-image {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
}