/* Hawaiian Palette */
:root {
    --lava: #2d1b0f;
    --ocean: #0a3d62;
    --sunset: #f4a261;
    --leaf: #2a9d8f;
    --sand: #e9c46a;
    --wood: #8d5524;
    --smoke: #264653;
}

/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Georgia', serif; background:#000; color:#fff; line-height:1.7; }
.container { max-width:1200px; margin:auto; padding:0 20px; }

/* Header */
.site-header { background:var(--lava); padding:1rem 0; position:sticky; top:0; z-index:100; }
.logo img { height:50px; }
.main-nav a { color:#fff; margin:0 15px; text-decoration:none; font-weight:bold; }
.main-nav a.active, .main-nav a:hover { color:var(--sunset); }

/* Hero */
.hero-section { background:url('../img/hero.jpg') center/cover no-repeat; min-height:80vh; display:flex; align-items:center; }
.hero-content h1 { font-size:4rem; color:var(--sunset); text-shadow:2px 2px 8px rgba(0,0,0,0.8); }
.btn-right { background:var(--sunset); color:#000; padding:12px 30px; border-radius:50px; font-weight:bold; }

/* Values */
.values { padding:60px 0; background:var(--smoke); text-align:center; }
.value-card { background:rgba(255,255,255,0.1); padding:20px; border-radius:15px; margin:15px; }

/* Product */
.product-showcase { padding:80px 0; background:#111; }
.product-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.price { font-size:2.5rem; color:var(--sunset); font-weight:bold; }
.btn-cart { background:var(--leaf); color:#fff; padding:15px 40px; font-size:1.2rem; border-radius:50px; }

/* Footer */
.site-footer { background:var(--lava); padding:60px 0 20px; font-size:0.9rem; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:30px; }
.copyright { text-align:center; margin-top:40px; font-size:0.8rem; color:#aaa; }

/* Responsive */
@media (max-width:768px) {
    .product-grid { grid-template-columns:1fr; }
    .hero-content h1 { font-size:2.5rem; }
}