body { margin:0; font-family:Arial, sans-serif; background:#f9f9f9; color:#333; scroll-behavior:smooth; }

/* Menü */
nav { background:#333; padding:10px 20px; position:sticky; top:0; z-index:1000; }
nav ul { margin:0; padding:0; list-style:none; display:flex; justify-content:center; flex-wrap:wrap; }
nav ul li { margin:5px 15px; }
nav ul li a { color:white; text-decoration:none; font-weight:bold; transition:.3s; }
nav ul li a:hover { color:#ffcc00; }

/* Hero */
header { background:#0073e6; color:white; padding:50px 20px; text-align:center; }
header h1 { font-size:36px; margin:0; }
.cta-button { display:inline-block; margin-top:20px; background:#ffcc00; color:#333; padding:12px 25px; border-radius:30px; font-size:18px; font-weight:bold; text-decoration:none; transition:.3s; }
.cta-button:hover { background:#ffaa00; transform:scale(1.05); }

main { max-width:1100px; margin:auto; padding:40px 20px; }
section { margin-bottom:60px; }
h2 { text-align:center; color:#0073e6; margin-bottom:20px; }

/* Hakkımızda */
.about { background:white; padding:25px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }

/* Hizmetler */
.services { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; list-style:none; padding:0; }
.services li { background:white; padding:20px; border-radius:10px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.1); font-size:18px; font-weight:bold; transition:.3s; }
.services li:hover { transform:translateY(-5px); }

/* Yorumlar */
.reviews { text-align:center; }
.slider { position:relative; max-width:700px; margin:auto; overflow:hidden; }
.slides { display:flex; transition:transform .5s ease-in-out; }
.review { min-width:100%; box-sizing:border-box; background:white; padding:25px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.review strong { display:block; margin-top:15px; text-align:right; }
.slider-btn { position:absolute; top:50%; transform:translateY(-50%); background:#0073e6; color:white; border:none; padding:10px 15px; cursor:pointer; border-radius:50%; }
.prev { left:10px; } .next { right:10px; }

/* Markalar */
.brands ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:15px; list-style:none; padding:0; text-align:center; }
.brands li { background:white; padding:15px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); font-weight:bold; }

/* SSS */
.faq-item { background:white; padding:15px; border-radius:10px; margin-bottom:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); cursor:pointer; }
.faq-question { font-weight:bold; }
.faq-answer { display:none; margin-top:10px; color:#555; }

/* İletişim */
#map { margin-top:15px; width:100%; height:300px; border:none; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }

footer { background:#333; color:white; text-align:center; padding:15px; }

/* Sabit Butonlar */
#fixed-buttons { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 999; }
.whatsapp-btn img { width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: transform 0.3s ease; }
.whatsapp-btn img:hover { transform: scale(1.1); }
.cta-fixed { background: #ffcc00; color: #333; padding: 12px 20px; border-radius: 30px; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: 0.3s; }
.cta-fixed:hover { background:#ffaa00; transform:scale(1.05); }