/* ============================================
   THEME/VARIABLES_V2.CSS
   CSS Variables — colors, sizes, fonts (SMACSS theme)
   AD LASER WON — SMACSS Modular V2
   Generated: 18 Mei 2026
   PATENT RULE Compliance
   ============================================ */

:root {
    --lebar-konten: 600px; 
    --bg-halaman: #f5f1eb; /* Krem Hangat - POLISHED */
    --bg-luar: #ffffff;    /* Putih Murni Card - POLISHED */ 
    --ad-merah-soft: #70373b; /* Marun brand - POLISHED */ 
    --won-dark: #004d40; 
    --wa-green: #25D366;
    --shadow: 6px 6px 14px #e8e0d4, -6px -6px 14px #ffffff; /* Coklat soft - POLISHED */
    --inner-shadow: inset 3px 3px 6px #e8e0d4, inset -3px -3px 6px #ffffff; /* POLISHED */

    /* PENGATURAN LOGO AD LASER (PC) */
    --ad-tinggi-pc: 60px;
    --ad-x-pc: 0px;     /* FIX 18 Mei: 0 (no translate geser) */
    --ad-y-pc: 0px;

    /* PENGATURAN LOGO WON (PC) */
    --won-tinggi-pc: 43px;     
    --won-x-pc: 0px;    /* FIX 18 Mei: 0 (no translate geser) */         
    --won-y-pc: 0px;         
    
    --header-gap-pc: 2mm;    

    --rt-speed: 8s; /* Dynamic speed - POLISHED */        
    --rt-font-size: 22px; /* Fit PC screen proportional - POLISHED */
    --rt-height: 55px;
    --h-mesin: 200px; /* POLISHED: foto utuh dengan breathing room */
    --h-material: 200px; /* POLISHED: balance equal */
    --h-produk: 200px; /* POLISHED: balance equal */
    --h-gallery: 200px;

    /* PANAH ALUR PC (Antara Kotak) */
    --panah-size: 22px;
    --panah-kanan-pc: -28px; 
    --panah-atas-pc: 50%;
    --panah-rotasi-pc: 0deg; 
}

:root { --lebar-konten: 420px !important; }

@keyframes pulse-online {
    0%, 100% { box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.3); }
    50% { box-shadow: 0 0 0 6px rgba(37, 211, 102, 0); }
}

@keyframes zoomIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }