/*
Theme Name: Vadi Alüminyum
*/

:root{
--gold:#c9a24d;
--dark:#171717;
--gray:#222;
}

*{
box-sizing:border-box;
}

body{
margin:0;
font-family:Arial, sans-serif;
background:#f5f5f5;
color:#333;
}

.container{
max-width:1200px;
margin:auto;
padding:30px;
}


.hero{
background:
linear-gradient(rgba(20,20,20,.75),rgba(20,20,20,.75)),
url("<?php echo get_template_directory_uri(); ?>/assets/img/dolap.png");
background-size:cover;
background-position:center;
padding:120px 0;
color:white;
}


.hero h1{
font-size:55px;
color:var(--gold);
}


.hero h2{
font-size:35px;
}


.hero p{
font-size:20px;
}


.btn{
display:inline-block;
background:var(--gold);
color:white;
padding:15px 30px;
border-radius:30px;
text-decoration:none;
font-weight:bold;
}


.section{
padding:70px 0;
}


.section h2{
text-align:center;
font-size:38px;
margin-bottom:40px;
}


.cards{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}


.card{
background:white;
padding:30px;
border-radius:15px;
box-shadow:0 10px 30px #ddd;
text-align:center;
}


.card h3{
color:#111;
}


.dark{
background:#171717;
color:white;
}


.dark h2{
color:var(--gold);
}


footer{
background:#111;
color:white;
padding:30px;
text-align:center;
}


@media(max-width:800px){

.cards{
grid-template-columns:1fr;
}

.hero h1{
font-size:35px;
}

}