/* Disable the blue highlight on touch in mobile browsers */
* {
    -webkit-tap-highlight-color: transparent;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Toast Notification Animations */
@keyframes keyframes-fade-in-down {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-down {
    animation: keyframes-fade-in-down 0.5s ease-out forwards;
}

@keyframes keyframes-fade-out-up {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-20px); }
}
.animate-fade-out-up {
    animation: keyframes-fade-out-up 0.5s ease-in forwards;
}

/* --- Product Image ko 1:1 (Square) Karna --- */
.product-image-container {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    overflow: hidden;
    border-radius: 0.375rem; /* rounded-md */
    background-color: #f3f4f6; /* bg-gray-100 */
}

.product-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Category Image ko poora fit karna --- */
.category-image-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* *** YEH LINE BADLI GAYI HAI *** */
    /* Pehle: border-radius: 0.5rem; (rounded-lg) */
    /* Ab:    */ border-radius: 0.75rem; /* equivalent to rounded-xl */
    background-color: #FEF2EE; /* bg-orange-50 */
}

.category-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}