/* ============================================
   LAYOUT & ANIMATIONS
============================================ */

/* Smooth Gravitational Scrolling */
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    overscroll-behavior-y: none;
}

/* Lenis Smooth Scroll akan ditambahkan via JS */
html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* Industrial Typography System */
.typography-art {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.typography-data {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
}

/* Data elements styling */
.data-bar,
.size-table,
.stock-indicator,
.price-tag,
.product-code {
    font-family: 'Courier New', 'Consolas', 'Monaco', monospace;
}

.loading {
    opacity: 0.5;
    pointer-events: none;
}

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

.fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

/* Scroll indicator for cinematic feel */
.scroll-indicator {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--signal-white);
    transform-origin: left;
    transform: scaleX(0);
    z-index: 10000;
    transition: transform 0.1s ease-out;
}