.dook-glass-left, .dook-frame-left, .dook-glass-right, .dook-frame-right {
    transition: transform 0.5s ease, opacity 0.5s ease;
    transform: translateY(0);
    opacity: 1;
    pointer-events: none; 
}
  
.dook-glass-left.hidden, .dook-frame-left.hidden, 
.dook-glass-right.hidden, .dook-frame-right.hidden {
    transform: translateY(100px);
    opacity: 0;
}

.dook-glass-left:not(.hidden), .dook-glass-right:not(.hidden) {
    opacity: 0.5 !important;
}
  
.dook-glass-left.scale-up, .dook-frame-left.scale-up,
.dook-glass-right.scale-up, .dook-frame-right.scale-up {
    transform: scale(1.0035);
    transition: transform 0.2s ease-out;
}

/* HIDE SVGs by default to prevent pink flash */
.dook-glass-left, .dook-glass-right {
    display: none !important;
}

/* Show SVGs AFTER JavaScript colorization is complete */
.dook-glass-left.colorized, .dook-glass-right.colorized {
    display: block !important;
}

/* Show SVGs for Dook products (always visible) */
#matching-glasses-container[data-is-dook="true"] .dook-glass-left,
#matching-glasses-container[data-is-dook="true"] .dook-glass-right {
    display: block !important;
}

/* Show SVGs when preview is active (JavaScript will add .preview-active-item class) - ONLY for main image */
.glass-item.preview-active-item .dook-glass-left:not(.variation-glass),
.glass-item.preview-active-item .dook-glass-right:not(.variation-glass) {
    display: block !important;
}

/* Spezielle Styles für Dook-Produkte */
.main-product-glasses {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

.main-product-glasses img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

/* Stelle sicher, dass die Gläser für Dook-Produkte immer sichtbar sind */
#matching-glasses-container[data-is-dook="true"] ~ .main-product-glasses .dook-glass-left,
#matching-glasses-container[data-is-dook="true"] ~ .main-product-glasses .dook-frame-left,
#matching-glasses-container[data-is-dook="true"] ~ .main-product-glasses .dook-glass-right,
#matching-glasses-container[data-is-dook="true"] ~ .main-product-glasses .dook-frame-right {
    opacity: 1 !important;
    transform: none !important;
}

.glass-header h4{
    text-transform: uppercase;
}

.variation-preview-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.variation-preview-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.variation-glass, .variation-frame {
    pointer-events: none;
}

.glass-image {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    max-width: 300px;
    margin: -20px 0;
}

/* Deaktiviere Animationen NUR für Variations-Vorschaubilder */
.product-options .variation-preview-container .dook-glass-left,
.product-options .variation-preview-container .dook-frame-left,
.product-options .variation-preview-container .dook-glass-right,
.product-options .variation-preview-container .dook-frame-right {
    transition: none;
    transform: none;
    opacity: 1 !important;
}

.product-options .variation-preview-container .dook-glass-left.hidden,
.product-options .variation-preview-container .dook-frame-left.hidden,
.product-options .variation-preview-container .dook-glass-right.hidden,
.product-options .variation-preview-container .dook-frame-right.hidden {
    transform: none;
    opacity: 1 !important;
}

.product-options .variation-preview-container .scale-up {
    transform: none !important;
}

/* Spezielle Styles für Message-Only Container */
.size-message-only .dook-glass-left,
.size-message-only .dook-frame-left,
.size-message-only .dook-glass-right,
.size-message-only .dook-frame-right {
    transition: opacity 0.5s ease-in-out !important;
    transform: none !important;
    opacity: 1 !important;
}

.size-message-only .dook-glass-left.hidden,
.size-message-only .dook-frame-left.hidden,
.size-message-only .dook-glass-right.hidden,
.size-message-only .dook-frame-right.hidden {
    transform: none !important;
}

/* Deaktiviere scale-up Animation für Message-Only */
.size-message-only .scale-up {
    transform: none !important;
}







.product_cat-dook .glass-image img {
    max-height: 100px;
    align-self: anchor-center;
}