:root{--page-title-display:none;}/* Start custom CSS *//* ===================================================
   GROW GREEN PACKAGING - FORCE STYLE DI ELEMENTOR
   Taruh di: Elementor → Site Settings → Custom CSS
   =================================================== */

/* --- RESET ELEMENTOR WRAPPER --- */
.elementor-widget-html { padding: 0 !important; margin: 0 !important; }
.elementor-widget-html .elementor-widget-container { padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important; }

/* --- FORCE FONT --- */
*, *::before, *::after { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; }
h1, h2, h3, h4, h5, h6, .font-heading, .elementor-widget-html h1, .elementor-widget-html h2, .elementor-widget-html h3, .elementor-widget-html h4 { font-family: 'Oswald', 'Impact', sans-serif !important; }

/* --- FORCE COLORS --- */
.text-white { color: #ffffff !important; }
.text-gray-400 { color: #9ca3af !important; }
.text-gray-500 { color: #6b7280 !important; }
.text-gray-600 { color: #4b5563 !important; }
.text-green-500 { color: #22c55e !important; }
.text-green-400 { color: #4ade80 !important; }
.text-green-600 { color: #16a34a !important; }
.text-yellow-500 { color: #eab308 !important; }
.text-blue-500 { color: #3b82f6 !important; }

/* --- FORCE BACKGROUNDS --- */
.bg-black { background-color: #000000 !important; }
.bg-neutral-900 { background-color: #171717 !important; }
.bg-neutral-950 { background-color: #0a0a0a !important; }
.bg-neutral-800 { background-color: #262626 !important; }
.bg-green-600 { background-color: #16a34a !important; }
.bg-green-500 { background-color: #22c55e !important; }
.bg-green-600\/10 { background-color: rgba(22,163,74,0.1) !important; }
.bg-green-600\/20 { background-color: rgba(22,163,74,0.2) !important; }

/* --- FORCE IMAGES --- */
#hero img, #about img, .product-card img, #gallery img { width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: none !important; }
#about img { height: 400px !important; }
@media (min-width: 768px) { #about img { height: 500px !important; } }
#navbar img { height: 40px !important; width: auto !important; max-width: none !important; }

/* --- FORCE BORDERS --- */
.border-white\/5 { border-color: rgba(255,255,255,0.05) !important; }
.border-white\/10 { border-color: rgba(255,255,255,0.1) !important; }
.border-white\/20 { border-color: rgba(255,255,255,0.2) !important; }
.border-green-600\/30 { border-color: rgba(22,163,74,0.3) !important; }
.border-green-600\/50 { border-color: rgba(22,163,74,0.5) !important; }

/* --- FORCE SPACING --- */
.py-24 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.py-32 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
.px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.gap-8 { gap: 2rem !important; }
.gap-16 { gap: 4rem !important; }
.mb-6 { margin-bottom: 1.5rem !important; }

/* --- CEGAH ELEMENTOR OVERRIDES --- */
.elementor-element .elementor-widget-html img { border-radius: inherit !important; box-shadow: none !important; }
body.elementor-page { overflow-x: hidden !important; }/* End custom CSS */