/* Product Gallery Thumbnail Scrolling */
.product_image_nav {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.product_image_nav li {
    display: inline-block; /* Make list items sit side-by-side */
    flex-shrink: 0; /* Prevent items from shrinking */
    margin-right: 10px;
}

/* Hide scrollbar for a cleaner look, but still allow scrolling */
.product_image_nav::-webkit-scrollbar {
    display: none;
}
.product_image_nav {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.shop_details .details_image .tab-content {
    width: 100%;
}

.product_image_nav li img {
    max-width: 100px; /* Or any other size that fits your design */
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

/* Styles for Thumbnail Labels */
.product_image_nav li a {
    text-decoration: none;
    color: #212529;
    display: block;
    text-align: center;
}

.product_image_nav li a:hover {
    color: #007bff;
}

.thumbnail-label {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.product_image_nav li a.active .thumbnail-label {
    color: #007bff; /* Bootstrap primary blue */
}

/* OVERRIDE: Ensure thumbnail navigation is always visible */
@media screen and (max-width: 1310px) {
  .shop_details .details_image .nav {
    display: block !important;
  }
}

/* Category Page Product Title Styles */
.product_card .item_title a {
    font-family: "Poppins", sans-serif;
    color: #333333; /* A dark grey for better readability */
    font-weight: 600; /* Bolder font for emphasis */
}

.product_card .item_title a:hover {
    color: #007bff; /* Keep the hover effect consistent */
}

/* Override 'Hind' font from main stylesheet */
body,
button,
strong,
span,
small,
label,
i {
    font-family: "Poppins", sans-serif;
} 