/*
Theme Name: GulaGula Wax Blog Fixed
Author: GulaGula Wax
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap');

:root{
 --cream:#FDF8F0;
 --white:#FFFDF9;
 --brown:#3D2518;
 --gold:#A67B5B;
 --text:#5A3825;
}
body{
 margin:0;
 background:var(--cream);
 color:var(--text);
 font-family:Inter,sans-serif;
}
h1,h2,h3{
 font-family:'Playfair Display',serif;
 color:var(--brown);
}
.container{max-width:1200px;margin:auto;padding:40px 20px;}
.site-header{
 background:#fffdf9;
 border-bottom:1px solid #ead8c8;
 position:sticky;top:0;z-index:20;
}
.nav{
 display:flex;align-items:center;justify-content:space-between;
 max-width:1200px;margin:auto;padding:18px 20px;
}
.nav img{width:55px;height:55px;border-radius:50%;}
.menu a{
 margin:0 12px;color:var(--text);text-decoration:none;font-weight:500;
}
.btn-wa{
 background:linear-gradient(90deg,var(--brown),var(--gold));
 color:white!important;padding:12px 22px;border-radius:999px;
}
.hero{
 padding:90px 20px;text-align:center;
 background:linear-gradient(135deg,#efe4d8,var(--cream));
}
.hero h1{font-size:48px;margin:0 0 15px;}
.grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:30px;
}
.card{
 background:#fffdf9;
 border-radius:30px;
 overflow:hidden;
 box-shadow:0 20px 40px rgba(166,123,91,.15);
}
.card img{
 width:100%;height:220px;object-fit:cover;
}
.card-content{padding:25px;}
.card a{color:var(--gold);font-weight:bold;text-decoration:none;}
footer{
 background:var(--brown);color:white;padding:40px;text-align:center;
}
@media(max-width:800px){
 .grid{grid-template-columns:1fr;}
 .menu{display:none;}
}