/* Chrome-spezifische Optimierungen - Nur Änderungen */

/* Hardware-Beschleunigung für alle Elemente */
* {
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

/* Chrome Performance Hints */
html {
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    will-change: scroll-position;
    contain: layout style;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    will-change: scroll-position;
    contain: layout style;
    isolation: isolate;
}

/* Chrome Layer Promotion */
.hero {
    will-change: transform;
    transform: translate3d(0, 0, 0);
    /*contain: strict;*/
    isolation: isolate;
}

#picsize {
    will-change: transform, filter;
    transform: translate3d(0, 0, 0);
    -webkit-filter: brightness(0.8) contrast(1.1);
    filter: brightness(0.8) contrast(1.1);
    image-rendering: -webkit-optimize-contrast;
    loading: eager;
    decoding: async;
}

.overlay-text {
    will-change: transform, opacity;
    /*transform: translate3d(0, 0, 0);*/
    contain: layout style;
    -webkit-font-smoothing: subpixel-antialiased;
}

/* Chrome Glass Button Optimierungen */
.glass {
    -webkit-backdrop-filter: blur(15px) saturate(1.8);
    backdrop-filter: blur(15px) saturate(1.8);
    will-change: transform, background-color, box-shadow, border-color;
    transform: translate3d(0, 0, 0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.glass:hover {
    transform: translate3d(0, -3px, 0) scale(1.02);
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}

.glass:active {
    transform: translate3d(0, -1px, 0) scale(1.01);
    transition-duration: 0.1s;
}

/* Chrome Grid Performance */
.button-grid {
    contain: layout style;
    will-change: contents;
}

/* Chrome Footer Optimierungen */
footer {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    will-change: transform;
    transform: translate3d(0, 0, 0);
    contain: layout style;
}

/* Chrome High DPI Support */
@media (-webkit-min-device-pixel-ratio: 2) {
    .overlay-text,
    .glass {
        -webkit-font-smoothing: subpixel-antialiased;
    }

    .glass {
        border-width: 0.5px;
    }
}

/* Chrome Backdrop Filter Fallback */
@supports not (backdrop-filter: blur(15px)) {
    .glass {
        background: rgba(255, 255, 255, 0.4);
    }

    footer {
        background: rgba(0, 0, 0, 0.8);
    }
}

/* Chrome Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .glass:hover {
        transform: none;
    }
}