/* style.css */

@tailwind base;
@tailwind components;
@tailwind utilities;

html {
 
    -webkit-text-size-adjust: 100%; /* Legacy Safari/old Chrome support */
       -moz-text-size-adjust: 100%; /* Older Firefox */
        -ms-text-size-adjust: 100%; /* Legacy IE/Edge */
            text-size-adjust: 100%; /* Modern standard for all current browsers */
  
  
}


/* Overriding some default link color (this is purely optional) */
a {
  text-decoration: none;
}

/* custom class for a bigger product card shadow */
.big-shadow {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}


  @keyframes bounce-badge {
    0% { transform: scale(1); }
    25% { transform: scale(1.9); }
    50% { transform: scale(1); }
  }

  .animate-badge {
    animation: bounce-badge 0.9s ease;
  }

  input[type="range"] {
    touch-action: pan-y; /* helps on touch devices */
    -webkit-appearance: none;
    appearance: none;
  }
  
  input[type="range"]::-webkit-slider-thumb {
    height: 24px;
    width: 24px;
    background: #3b82f6; /* Tailwind blue-500 */
    border-radius: 9999px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px; /* Align thumb vertically */
  }
  
  input[type="range"]::-moz-range-thumb {
    height: 24px;
    width: 24px;
    background: #3b82f6;
    border-radius: 9999px;
    cursor: pointer;
  }