/* Image zoom styles */
                        .img-zoom-container {
                            position: relative;
                            border-radius: 10px;
                            overflow: hidden;
                            margin-bottom: 1rem;
                        }

                        .img-zoom-main {
                            width: 100%;
                            height: 400px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            overflow: hidden;
                            position: relative;
                            border-radius: 10px;
                            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
                            cursor: crosshair;
                        }

                        .img-zoom-main img {
                            max-width: 100%;
                            max-height: 100%;
                            object-fit: contain;
                            display: block;
                        }

                        .img-zoom-lens {
                            position: absolute;
                            border: 2px solid #dc3545;
                            width: 100px;
                            height: 100px;
                            opacity: 0;
                            background-color: rgba(255, 255, 255, 0.2);
                            pointer-events: none;
                            transition: opacity 0.2s;
                            z-index: 10;
                        }

                        .img-zoom-result {
                            position: absolute;
                            top: 0;
                            left: 105%;
                            width: 300px;
                            height: 300px;
                            border: 1px solid #d9d9d9;
                            background-color: white;
                            opacity: 0;
                            pointer-events: none;
                            z-index: 999;
                            border-radius: 5px;
                            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
                            transition: opacity 0.2s;
                            background-repeat: no-repeat;
                            background-position: center;
                            overflow: hidden;
                        }

                        /* Thumbnail styles */
                        .thumbnails-container {
                            display: flex;
                            flex-wrap: wrap;
                            gap: 10px;
                            justify-content: center;
                            margin-top: 15px;
                        }

                        .thumbnail {
                            width: 70px;
                            height: 70px;
                            border: 2px solid #e9e9e9;
                            border-radius: 5px;
                            cursor: pointer;
                            overflow: hidden;
                            transition: all 0.2s;
                            padding: 2px;
                        }

                        .thumbnail img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }

                        .thumbnail:hover {
                            border-color: #dc3545;
                        }

                        .thumbnail.active {
                            border-color: #dc3545;
                        }

                        /* Navigation arrow buttons */
                        .img-nav-btn {
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 40px;
                            height: 40px;
                            border-radius: 50%;
                            background-color: rgba(0, 0, 0, 0.5);
                            color: white;
                            border: none;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            cursor: pointer;
                            z-index: 20;
                            /* Increased z-index to appear above lens */
                            opacity: 0.7;
                            transition: opacity 0.2s;
                        }

                        .img-nav-btn:hover {
                            opacity: 1;
                        }

                        .img-nav-btn.prev {
                            left: 10px;
                        }

                        .img-nav-btn.next {
                            right: 10px;
                        }

                        /* Media queries */
                        @media (max-width: 992px) {
                            .img-zoom-result {
                                display: none !important;
                            }
                        }