/* Globale Schriftarten */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-serif {
    font-family: 'Playfair Display', Georgia, serif;
}

/* Exakte schräge Fläche rechts im Hero-Bereich wie in Bild 1 */
.hero-slanted-box {
    clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%);
    transition: transform 0.5s ease;
}

@media (max-width: 1023px) {
    .hero-slanted-box {
        clip-path: polygon(6% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

/* Edler Scrollbalken für Warenkorb und Modals */
#cart-items-list::-webkit-scrollbar,
#config-modal > div::-webkit-scrollbar,
#checkout-modal > div::-webkit-scrollbar,
#admin-emails-container::-webkit-scrollbar {
    width: 6px;
}

#cart-items-list::-webkit-scrollbar-track,
#config-modal > div::-webkit-scrollbar-track,
#checkout-modal > div::-webkit-scrollbar-track,
#admin-emails-container::-webkit-scrollbar-track {
    background: #FAF7F5;
}

#cart-items-list::-webkit-scrollbar-thumb,
#config-modal > div::-webkit-scrollbar-thumb,
#checkout-modal > div::-webkit-scrollbar-thumb,
#admin-emails-container::-webkit-scrollbar-thumb {
    background: #D6C7BE;
    border-radius: 9999px;
}

/* Toast Einblendung */
.toast-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

/* Sanfte Einblend-Animation für Produktkarten */
.product-card-enter {
    animation: fadeInUp 0.45s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}