@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

@keyframes slideLeft {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.animate-fadeIn { animation: fadeIn 0.3s ease-out forwards; }
.animate-slideIn { animation: slideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-slideLeft { animation: slideLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

body.storefront {
    background-color: #FDFBF7;
    color: #1C1917;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

body.storefront h1,
body.storefront h2,
body.storefront h3,
body.storefront h4 {
    font-family: "Space Grotesk", sans-serif;
    letter-spacing: -0.025em;
}

body.storefront button,
body.storefront a,
body.storefront input,
body.storefront select,
body.storefront textarea {
    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.font-heading { font-family: "Space Grotesk", sans-serif; }

[data-cart-drawer][hidden] { display: none !important; }
[data-mobile-menu][hidden] { display: none !important; }
[data-customizer][hidden] { display: none !important; }

.z-55 { z-index: 55; }