/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 09 2026 | 09:59:46 */
.gallery-container {
            max-width: 800px;
            text-align: center;
        }
img#mainImage {
    width: 800px;
    height: 600px;
    border-radius: 15px;
}
img.thumbnail {
    height: 100px;
    object-fit: cover;
    background: azure;
    padding: 5px;
    border-radius: 10px;
    margin-top: 5px;
}
.thumbnail-grid {
    display: flex;
    justify-content: space-evenly;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    flex-direction: row;
    height: 150px;
}

        .main-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 10px;
            margin-bottom: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .thumbnail {
            width: 100px;
            height: 100px;
            object-fit: cover;
            border-radius: 5px;
            cursor: pointer;
            opacity: 0.7;
            transition: opacity 0.3s ease, transform 0.3s ease;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
		.thumbnail.active {
			opacity: 1;
			border: 2px solid #d4a373;
			height: 127px;
		}

.chon-mau {
    display: none;
}

.chon-mau-09 {
    display: none;
}