.product-image-carousel{position:relative;width:100%;max-width:400px;margin:0 auto;z-index:10}.carousel-error{padding:40px;text-align:center;color:var(--text-secondary,rgba(255,255,255,0.85));background:var(--card-bg,rgba(255,255,255,0.08));border-radius:15px}.carousel-container{position:relative;width:100%;overflow:hidden;border-radius:15px;background:linear-gradient(45deg,rgb(0 212 255 / 10%),rgb(0 255 136 / 10%));aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;z-index:10}.carousel-slides{display:flex;transition:transform 0.5s ease-in-out;width:100%;height:100%}.carousel-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;position:relative;z-index:10}.carousel-slide picture,.carousel-slide img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.6);border:none;color:white;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all 0.3s ease;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.carousel-nav:hover{background:rgba(0,212,255,0.8);transform:translateY(-50%) scale(1.1)}.carousel-nav:active{transform:translateY(-50%) scale(0.95)}.carousel-nav.prev{left:15px}.carousel-nav.next{right:15px}.carousel-nav:disabled{opacity:0.3;cursor:not-allowed}.carousel-nav:disabled:hover{transform:translateY(-50%);background:rgba(0,0,0,0.6)}.carousel-thumbnails{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.carousel-thumbnail{width:70px;height:70px;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all 0.3s ease;opacity:0.6;background:var(--card-bg,rgba(255,255,255,0.08))}.carousel-thumbnail:hover{opacity:1;transform:scale(1.1)}.carousel-thumbnail.active{border-color:var(--primary-color,#00d4ff);opacity:1;box-shadow:0 0 15px rgb(0 212 255 / 50%)}.carousel-thumbnail img{width:100%;height:100%;object-fit:cover}.carousel-counter{position:absolute;bottom:15px;right:15px;background:rgba(0,0,0,0.7);color:white;padding:8px 15px;border-radius:20px;font-size:0.9rem;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10}.product-image-carousel:has(.carousel-slides .carousel-slide:only-child) .carousel-nav,.product-image-carousel:has(.carousel-slides .carousel-slide:only-child) .carousel-counter,.product-image-carousel:has(.carousel-slides .carousel-slide:only-child) .carousel-thumbnails{display:none}.carousel-nav:focus,.carousel-thumbnail:focus{outline:2px solid var(--primary-color,#00d4ff);outline-offset:2px}.carousel-thumbnail[aria-current="true"]{border-color:var(--primary-color,#00d4ff);opacity:1}.carousel-slide img{opacity:0;transition:opacity 0.3s ease}.carousel-slide img[loading="eager"],.carousel-slide img.loaded{opacity:1}@media (max-width:768px){.product-image-carousel{max-width:280px}.carousel-container{aspect-ratio:1 / 1}.carousel-nav{width:40px;height:40px;font-size:1.2rem}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}.carousel-thumbnail{width:50px;height:50px}.carousel-counter{bottom:10px;right:10px;padding:6px 12px;font-size:0.8rem}}.carousel-container{touch-action:pan-y pinch-zoom}.carousel-slides{will-change:transform}.product-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.product-image-modal.active{display:flex;opacity:1;pointer-events:auto}.product-image-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.product-image-modal-content{position:relative;z-index:100001;max-width:90vw;max-height:90vh;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 20px 20px;box-sizing:border-box}.product-image-modal-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.product-image-modal-picture{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.product-image-modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.product-image-modal-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:rgba(0,0,0,0.7);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:100002;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.product-image-modal-close:hover{background:rgba(255,0,0,0.8);transform:scale(1.1)}.product-image-modal-close:active{transform:scale(0.95)}.product-image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(0,0,0,0.7);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:100002;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.product-image-modal-nav:hover{background:rgba(0,212,255,0.8);transform:translateY(-50%) scale(1.1)}.product-image-modal-nav:active{transform:translateY(-50%) scale(0.95)}.product-image-modal-prev{left:20px}.product-image-modal-next{right:20px}.product-image-modal-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:white;padding:10px 20px;border-radius:25px;font-size:1rem;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100002}@media (max-width:768px){.product-image-modal-content{padding:50px 10px 10px}.product-image-modal-close{top:10px;right:10px;width:40px;height:40px}.product-image-modal-nav{width:40px;height:40px}.product-image-modal-prev{left:10px}.product-image-modal-next{right:10px}.product-image-modal-counter{bottom:10px;padding:8px 16px;font-size:0.9rem}}