*{
margin:0;
padding:0;
box-sizing:border-box;
scroll-behavior:smooth;
}

body{
font-family:'Poppins', sans-serif;
background:#fff;
color:#333;
line-height:1.6;
}

/* TOPBAR */
.topbar{
background:#000;
color:#fff;
padding:12px 8%;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:2px solid #d4af37;
}

.topbar a{
color:#fff;
text-decoration:none;
}

.phone-btn{
background:linear-gradient(45deg,#d4af37,#ff4da6);
padding:8px 18px;
border-radius:30px;
color:#fff;
}

.topbar.hide{
transform:translateY(-100%);
opacity:0;
}

/* HEADER */
header{
width:100%;
padding:20px 60px;
display:flex;
justify-content:space-between;
align-items:center;
background:rgba(255,255,255,0.9);
backdrop-filter:blur(10px);
z-index:1000;
}

.logo{
font-family:'Playfair Display', serif;
font-size:28px;
font-weight:700;
background:linear-graİİdient(45deg,#d4af37,#ff4da6);
-webkit-background-clip:text;
color:transparent;
-webkit-text-fill-color:transparent;
}

nav a{
margin-left:30px;
text-decoration:none;
color:#333;
font-weight:500;
}

nav a:hover{
color:#d4af37;
}
.slide{
background-size:cover;
background-position:center;
}

/* HERO */
.hero{
height:100vh;
background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9');
background-size:cover;
background-position:center;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
color:#fff;
}

.hero h1{
font-family:'Playfair Display', serif;
font-size:60px;
}

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

/* BUTTON */
.btn{
display:inline-block;
margin-top:30px;
padding:12px 30px;
border-radius:30px;
background:linear-gradient(45deg,#d4af37,#ff4da6);
color:#fff;
text-decoration:none;
}

.btn:hover{
transform:scale(1.05);
}

/* SECTIONS */
section{
padding:100px 10%;
text-align:center;
}

h2{
font-family:'Playfair Display', serif;
font-size:36px;
margin-bottom:40px;
color:#d4af37;
}

/* CARDS */
.services{
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
}

.card, .price-card{
background:#fff;
padding:30px;
width:280px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
transition:0.3s;
}

.card:hover{
transform:translateY(-10px);
}

/* ABOUT */
.about-section{
padding:100px 8%;
background:#f9f9f9;
}

.about-container{
display:flex;
align-items:center;
gap:60px;
flex-wrap:wrap;
}

.about-image img{
width:100%;
border-radius:10px;
}

.about-content{
flex:1;
}

.about-content h2{
font-size:40px;
color:#d4af37;
margin-bottom:25px;
}

.about-btn{
display:inline-block;
margin-top:10px;
padding:12px 28px;
background:linear-gradient(45deg,#d4af37,#ff4da6);
color:#fff;
border-radius:30px;
text-decoration:none;
}

/* BUSINESS */
.business-section{
padding:100px 8%;
background:#f9f9f9;
}

.business-container{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
}

.hour-row{
display:flex;
justify-content:space-between;
padding:12px 0;
border-bottom:1px solid #ddd;
}

.active-day{
color:#2e7d32;
font-weight:600;
}

/* WHATSAPP */
.whatsapp-btn{
position:fixed;
bottom:25px;
right:25px;
width:65px;
height:65px;
background:#25D366;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
z-index:9999;
}

/* ================= YORUMLAR ================= */

#yorumlar{
padding:100px 10%;
background:#f9f9f9;
overflow:hidden;
}

.rating-box{
margin-bottom:30px;
font-size:20px;
color:#d4af37;
}

.slider-wrapper{
width:100%;
overflow:hidden;
}

.reviews-slider{
display:flex;
gap:25px;
width:max-content;
animation:slideReviews 25s linear infinite;
}

.review-card{
min-width:300px;
background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
text-align:left;
}

.review-card p{
font-size:14px;
margin-bottom:10px;
}

.review-card span{
font-size:13px;
color:#999;
}

@keyframes slideReviews{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

/* RESPONSIVE */
@media(max-width:768px){

header{
padding:20px;
}

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

.services{
flex-direction:column;
align-items:center;
}

.business-container{
grid-template-columns:1fr;
}

.about-container{
flex-direction:column;
text-align:center;
}
}