body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f8f8;
}
/* Custom ratios for images */
.main-image {
    aspect-ratio: 1 / 1.15;
    object-fit: cover;
}
.thumbnail-image {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: border-color 0.2s;
}
.strike-through {
    text-decoration: line-through;
}
/* Custom spinner button styles for quantity */
.quantity-button {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    transition: background-color 0.1s;
}
.quantity-button:hover {
    background-color: #f0f0f0;
}
/* Active Tab Styling */
.tab-active {
    font-weight: 600;
    color: #000;
    border-bottom: 2px solid #000;
}
/* Checkmark Icon Color */
.check-icon {
    color: #38a169; /* Tailwind green-600 */
}
/* Related Product Card Hover Effect */
.product-card {
    transition: transform 0.2s;
}
.product-card:hover {
    transform: translateY(-2px);
}
#zoomResult img {
    position: absolute;
    width: auto;
    height: 200%;
}