/* ===== DEĞİŞKENLER ===== */
:root {
    --yellow-base: #FFF9C4;
    --yellow-primary: #FFEB3B;
    --yellow-dark: #FBC02D;
    --blue-accent: #4FC3F7;
    --blue-dark: #29B6F6;
    --pink-accent: #F48FB1;
    --green-accent: #81C784;
    --purple-accent: #BA68C8;
    --orange-accent: #FF9800;
    --gray-dark: #424242;
    --gray-light: #F5F5F5;
    --white: #FFFFFF;
    --shadow: 0 10px 30px rgba(0,0,0,0.08);
    --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}

/* ===== RESET ===== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Poppins',system-ui,-apple-system,sans-serif; background:var(--yellow-base); color:var(--gray-dark); line-height:1.7; overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }

/* ===== CONTAINER ===== */
.container { max-width:1400px; margin:0 auto; padding:0 20px; }

/* ===== HEADER ===== */
header {
    background:rgba(255,255,255,0.97);
    position:fixed; width:100%; top:0; z-index:1000;
    border-bottom:3px solid var(--yellow-primary);
    box-shadow:0 5px 20px rgba(251,192,45,0.1);
}
.header-inner {
    display:flex; align-items:center; justify-content:space-between;
    height:80px; gap:20px;
}
.logo { display:flex; align-items:center; gap:18px; }
.logo img { height:60px; width:auto; }
.logo-divider { width:2px; height:50px; background:#1B2A4A; border-radius:2px; flex-shrink:0; }
.logo-tv { height:45px; width:auto; }

/* NAV */
nav ul { display:flex; gap:40px; }
nav ul li a {
    font-weight:400; font-size:1.05rem; padding:8px 0;
    position:relative; color:var(--gray-dark); transition:var(--transition);
}
nav ul li a::after {
    content:''; position:absolute; bottom:0; left:0;
    width:0; height:3px; background:var(--yellow-dark); transition:width 0.3s;
}
nav ul li a:hover,
nav ul li a.active { color:var(--blue-accent); }
nav ul li a:hover::after,
nav ul li a.active::after { width:100%; }

/* RANDEVU BUTONU */
.btn-appointment {
    display:inline-flex; align-items:center; gap:8px;
    background:linear-gradient(135deg,var(--blue-accent),var(--blue-dark));
    color:var(--white); padding:14px 32px; border-radius:50px;
    font-weight:600; font-size:1rem; white-space:nowrap;
    transition:var(--transition); box-shadow:0 8px 25px rgba(79,195,247,0.3);
    position:relative; overflow:hidden; z-index:1;
}
.btn-appointment::before {
    content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);
    transition:left 0.7s; z-index:-1;
}
.btn-appointment:hover::before { left:100%; }
.btn-appointment:hover { transform:translateY(-3px) scale(1.05); box-shadow:0 15px 35px rgba(79,195,247,0.4); }

/* HAMBURGEr */
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:5px; }
.hamburger span { display:block; width:25px; height:3px; background:var(--gray-dark); border-radius:3px; transition:var(--transition); }
.hamburger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,6px); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-6px); }

/* ===== GENEL BUTON ===== */
.btn {
    display:inline-flex; align-items:center; gap:12px;
    background:linear-gradient(135deg,var(--yellow-primary),var(--yellow-dark));
    color:var(--gray-dark); padding:18px 40px; border-radius:50px;
    font-weight:600; font-size:1.1rem; border:none; cursor:pointer;
    transition:var(--transition); box-shadow:0 8px 25px rgba(255,235,59,0.3);
    position:relative; overflow:hidden; z-index:1;
}
.btn::before {
    content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);
    transition:left 0.7s; z-index:-1;
}
.btn:hover::before { left:100%; }
.btn:hover { transform:translateY(-5px) scale(1.05); box-shadow:0 15px 35px rgba(255,235,59,0.4); }
.btn-outline { background:transparent; border:3px solid var(--white); color:var(--white); box-shadow:none; }
.btn-outline:hover { background:rgba(255,255,255,0.15); transform:translateY(-3px); }

/* ===== SECTION BAŞLIK ===== */
.section-title { text-align:center; margin-bottom:60px; }
.section-title h2 {
    font-size:clamp(1.8rem,4vw,3rem); color:var(--gray-dark);
    position:relative; display:inline-block; margin-bottom:15px;
}
.section-title h2::after {
    content:''; position:absolute; width:100px; height:5px;
    background:linear-gradient(90deg,var(--blue-accent),var(--pink-accent));
    bottom:-10px; left:50%; transform:translateX(-50%); border-radius:5px;
}
.section-title p { color:#777; font-size:1.05rem; margin-top:22px; }

/* ===== HERO SLIDER ===== */
.hero-slider {
    height:90vh; min-height:500px;
    margin-top:80px; position:relative;
    overflow:hidden; border-radius:0 0 40px 40px;
}
.slider-track { display:flex; height:100%; transition:transform 0.6s cubic-bezier(0.4,0,0.2,1); }
.slide { min-width:100vw; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; }
.slide-1 { background:linear-gradient(rgba(79,195,247,0.82),rgba(79,195,247,0.88)),url('https://images.unsplash.com/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=800&q=60') center/cover no-repeat; }
.slide-2 { background:linear-gradient(rgba(255,235,59,0.82),rgba(255,235,59,0.88)),url('https://images.unsplash.com/photo-1596464716127-f2a82984de30?auto=format&fit=crop&w=800&q=60') center/cover no-repeat; }
.slide-3 { background:linear-gradient(rgba(244,143,177,0.82),rgba(244,143,177,0.88)),url('https://images.unsplash.com/photo-1490818387583-1baba5e638af?auto=format&fit=crop&w=800&q=60') center/cover no-repeat; }
.slide-content { color:var(--white); padding:20px; max-width:800px; }
.slide-content h1 { font-size:clamp(1.8rem,5vw,3.8rem); margin-bottom:20px; text-shadow:2px 2px 10px rgba(0,0,0,0.3); animation:fadeInUp 1s ease-out; }
.slide-content p { font-size:clamp(1rem,2vw,1.3rem); margin-bottom:30px; animation:fadeInUp 1s ease-out 0.3s both; }
.slide-2 .slide-content h1,
.slide-2 .slide-content p { color:var(--gray-dark); }
@keyframes slide {
    0%,28%{transform:translateX(0)}
    33%,61%{transform:translateX(-100vw)}
    66%,94%{transform:translateX(-200vw)}
    100%{transform:translateX(0)}
}
@keyframes fadeInUp {
    from{opacity:0;transform:translateY(30px)}
    to{opacity:1;transform:translateY(0)}
}

/* ===== HİZMETLER ===== */
.services-section {
    padding:100px 0; background:var(--white);
    border-radius:40px; margin:-40px 20px 0;
    position:relative; z-index:2; box-shadow:var(--shadow);
}
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(350px,1fr)); gap:40px; margin-top:50px; }
.service-card {
    background:var(--white); padding:40px; border-radius:25px;
    box-shadow:var(--shadow); transition:var(--transition);
    border:3px solid transparent;
}
.service-card:hover { transform:translateY(-20px) scale(1.03); box-shadow:0 25px 50px rgba(0,0,0,0.15); }
.service-1 { border-color:var(--blue-accent); }
.service-2 { border-color:var(--pink-accent); }
.service-3 { border-color:var(--green-accent); }
.service-4 { border-color:var(--purple-accent); }
.service-5 { border-color:var(--orange-accent); }
.service-icon {
    width:90px; height:90px; border-radius:25px;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:30px; color:var(--white); font-size:40px; transition:var(--transition);
}
.service-1 .service-icon { background:linear-gradient(135deg,var(--blue-accent),var(--blue-dark)); box-shadow:0 10px 20px rgba(79,195,247,0.3); }
.service-2 .service-icon { background:linear-gradient(135deg,var(--pink-accent),#F06292); box-shadow:0 10px 20px rgba(244,143,177,0.3); }
.service-3 .service-icon { background:linear-gradient(135deg,var(--green-accent),#66BB6A); box-shadow:0 10px 20px rgba(129,199,132,0.3); }
.service-4 .service-icon { background:linear-gradient(135deg,var(--purple-accent),#AB47BC); box-shadow:0 10px 20px rgba(186,104,200,0.3); }
.service-5 .service-icon { background:linear-gradient(135deg,var(--orange-accent),#FFA726); box-shadow:0 10px 20px rgba(255,152,0,0.3); }
.service-card:hover .service-icon { transform:rotateY(180deg) scale(1.1); }
.service-card h3 { font-size:1.8rem; margin-bottom:15px; }
.service-card p { color:#666; margin-bottom:20px; }
.service-features li { padding:8px 0 8px 30px; position:relative; color:#555; }
.service-features li::before { content:'✓'; position:absolute; left:0; color:var(--yellow-dark); font-weight:700; }

/* ===== GALERİ ===== */
.kids-gallery {
    padding:100px 0;
    background:linear-gradient(135deg,var(--yellow-base),#FFFDE7);
    position:relative; overflow:hidden;
}
.gallery-container { position:relative; width:100%; overflow:hidden; margin-top:50px; }
.gallery-track { display:flex; gap:25px; animation:scrollGallery 40s linear infinite; width:max-content; }
.gallery-track:hover { animation-play-state:paused; }
.gallery-item { width:300px; height:400px; border-radius:25px; overflow:hidden; flex-shrink:0; position:relative; box-shadow:var(--shadow); }
.gallery-item img { width:100%; height:100%; object-fit:cover; transition:var(--transition); }
.gallery-item:hover img { transform:scale(1.1); }
.gallery-overlay {
    position:absolute; bottom:0; left:0; right:0;
    background:linear-gradient(transparent,rgba(0,0,0,0.7));
    color:var(--white); padding:30px 20px 20px;
    transform:translateY(100%); transition:var(--transition);
}
.gallery-item:hover .gallery-overlay { transform:translateY(0); }
@keyframes scrollGallery { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ===== NEDEN BİZ ===== */
.why-us { padding:100px 0; background:var(--white); }
.why-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px; margin-top:50px; }
.why-card { text-align:center; padding:40px 30px; border-radius:20px; background:var(--gray-light); transition:var(--transition); }
.why-card:hover { background:linear-gradient(135deg,var(--yellow-primary),var(--yellow-dark)); transform:translateY(-10px); color:var(--white); }
.why-card:hover .why-icon { color:var(--white); }
.why-icon { font-size:50px; color:var(--blue-accent); margin-bottom:20px; transition:var(--transition); }
.why-card h3 { font-size:1.2rem; margin-bottom:10px; }
.why-card p { font-size:0.95rem; }

/* ===== HARİTA ===== */
.map-section { padding:80px 0; background:var(--white); }
.map-container { border-radius:25px; overflow:hidden; box-shadow:var(--shadow); height:500px; margin-top:40px; }
.map-container iframe { width:100%; height:100%; border:none; display:block; }

/* ===== İLETİŞİM ===== */
.contact-section {
    padding:100px 0;
    background:linear-gradient(135deg,var(--blue-accent),#81D4FA);
    color:var(--white); text-align:center;
    border-radius:40px; margin:0 20px;
}
.contact-info { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:50px; }
.contact-item {
    background:rgba(255,255,255,0.1); padding:25px 15px; border-radius:20px;
    backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.2);
    text-align:center;
}
.contact-item i { font-size:32px; margin-bottom:14px; color:var(--yellow-primary); display:block; }
.contact-item h3 { font-size:1rem; margin-bottom:10px; }
.contact-item p { opacity:0.9; margin-bottom:10px; font-size:0.9rem; }
.contact-item a { color:var(--yellow-primary); font-weight:600; font-size:0.9rem; }

@media(max-width:768px) {
    .contact-info { grid-template-columns:1fr; gap:10px; margin-top:30px; }
    .contact-item {
        display:flex; align-items:center; gap:16px;
        padding:16px 20px; border-radius:14px; text-align:left;
    }
    .contact-item i { font-size:24px; margin-bottom:0; min-width:24px; }
    .contact-item h3 { font-size:0.9rem; margin-bottom:3px; }
    .contact-item p { font-size:0.82rem; margin-bottom:3px; opacity:0.85; }
    .contact-item a { font-size:0.82rem; }
}

/* ===== FOOTER ===== */
footer { background:var(--gray-dark); color:var(--white); padding:80px 0 40px; margin-top:80px; }
.footer-content { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:50px; margin-bottom:50px; }
.footer-logo { height:50px; width:auto; }
.footer-social { display:flex; gap:15px; margin-top:20px; }
.footer-social a { color:var(--yellow-primary); font-size:24px; transition:var(--transition); }
.footer-social a:hover { transform:translateY(-3px); }
.footer-content h4 { color:var(--yellow-primary); margin-bottom:20px; font-size:1rem; }
.footer-content ul li { margin-bottom:10px; font-size:0.9rem; opacity:0.8; }
.footer-content ul li a { color:#bbb; transition:var(--transition); }
.footer-content ul li a:hover { color:var(--yellow-primary); padding-left:5px; }
.copyright { text-align:center; padding-top:40px; border-top:1px solid rgba(255,255,255,0.1); color:#bbb; font-size:0.9rem; }

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float { position:fixed; bottom:30px; right:30px; z-index:999; }
.whatsapp-float a {
    background:#25D366; color:var(--white);
    width:60px; height:60px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:30px; box-shadow:0 5px 15px rgba(37,211,102,0.3);
    transition:var(--transition);
}
.whatsapp-float a:hover { transform:scale(1.1); }

/* ===== BACK TO HOME ===== */
.back-to-home { margin-top:40px; text-align:center; }

/* ===== HAKKIMIZDA ===== */
.about-section { padding:120px 0 80px; background:var(--white); margin-top:80px; }
.about-content { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.about-image { border-radius:30px; overflow:hidden; box-shadow:var(--shadow); }
.about-image img { width:100%; height:auto; display:block; }
.about-text h2 { font-size:2.5rem; margin-bottom:20px; }
.about-text p { margin-bottom:20px; font-size:1.1rem; }
.mission-vision { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:40px; }
.mission, .vision { padding:30px; border-radius:20px; background:var(--gray-light); }
.mission { border-left:5px solid var(--blue-accent); }
.vision { border-left:5px solid var(--pink-accent); }
.mission h3, .vision h3 { font-size:1.1rem; margin-bottom:12px; }
.mission h3 i, .vision h3 i { margin-right:8px; }

/* ===== BLOG LİSTE ===== */
.blog-section { padding:120px 0 80px; background:var(--white); margin-top:80px; }
.blog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(350px,1fr)); gap:40px; margin-top:50px; }
.blog-card { background:var(--white); border-radius:25px; overflow:hidden; box-shadow:var(--shadow); transition:var(--transition); }
.blog-card:hover { transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,0.15); }
.blog-card a { display:block; color:inherit; }
.blog-image { height:250px; overflow:hidden; }
.blog-image img { width:100%; height:100%; object-fit:cover; transition:var(--transition); }
.blog-card:hover .blog-image img { transform:scale(1.1); }
.blog-content { padding:30px; }
.blog-date { color:var(--blue-accent); font-size:0.9rem; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.blog-content h3 { font-size:1.5rem; margin-bottom:15px; color:var(--gray-dark); }
.blog-content p { color:#666; margin-bottom:15px; }
.read-more { color:var(--blue-accent); font-weight:600; display:inline-flex; align-items:center; gap:8px; margin-top:5px; }

/* ===== BLOG DETAY ===== */
.blog-detail-page { padding:120px 0 80px; background:var(--yellow-base); margin-top:80px; }
.blog-detail-inner { max-width:820px; margin:0 auto; }
.blog-hero-img { height:400px; border-radius:25px; overflow:hidden; margin-bottom:35px; box-shadow:var(--shadow); }
.blog-hero-img img { width:100%; height:100%; object-fit:cover; }
.blog-tag { display:inline-block; background:var(--blue-accent); color:var(--white); padding:6px 18px; border-radius:50px; font-size:0.9rem; margin-bottom:15px; }
.blog-detail-inner h1 { font-size:clamp(1.6rem,4vw,2.5rem); margin-bottom:12px; }
.blog-meta { font-size:0.9rem; color:#999; margin-bottom:35px; }
.blog-body { background:var(--white); border-radius:25px; padding:50px; box-shadow:var(--shadow); }
.blog-body p { color:#555; margin-bottom:20px; line-height:1.9; font-size:1.05rem; }
.blog-body h2 { font-size:1.6rem; margin:40px 0 15px; padding-left:15px; border-left:4px solid var(--blue-accent); }
.blog-body ul { margin:12px 0 22px 20px; }
.blog-body ul li { margin-bottom:10px; color:#555; font-size:1.05rem; }
.info-box { background:#E3F2FD; border-left:5px solid var(--blue-accent); border-radius:12px; padding:22px 28px; margin:28px 0; }
.info-box p { margin:0; color:#1565C0; font-weight:400; }
.blog-cta { background:linear-gradient(135deg,var(--blue-accent),var(--blue-dark)); border-radius:20px; padding:40px; text-align:center; margin-top:40px; }
.blog-cta a { display:inline-flex; align-items:center; gap:10px; background:var(--white); color:var(--blue-accent); padding:14px 35px; border-radius:50px; font-weight:700; font-size:1rem; transition:var(--transition); }
.blog-cta a:hover { transform:translateY(-3px); box-shadow:0 10px 25px rgba(0,0,0,0.15); }

/* ===== MOBİL ===== */
@media(max-width:1200px) {
    nav ul { gap:25px; }
    .btn-appointment { padding:12px 24px; }
}

@media(max-width:992px) {
    nav { display:none; position:absolute; top:80px; left:0; width:100%; background:rgba(255,255,255,0.98); padding:15px 20px; box-shadow:0 10px 25px rgba(0,0,0,0.1); }
    nav.open { display:block; }
    nav ul { flex-direction:column; gap:0; }
    nav ul li a { display:block; padding:14px 10px; border-bottom:1px solid #f0f0f0; font-size:1rem; }
    /* Masaüstü randevu butonu gizle, hamburger göster */
    .btn-appointment { display:none; }
    .hamburger { display:flex; }
    /* Mobil randevu butonu göster */
    .btn-appointment-mobile { display:inline-flex !important; }
    .about-content { grid-template-columns:1fr; gap:40px; }
    .mission-vision { grid-template-columns:1fr; }
    /* Neden biz - 2 sütun tablet */
    .why-grid { grid-template-columns:1fr 1fr; gap:20px; }
}

@media(max-width:768px) {
    .hero-slider { height:70vh; }
    .services-section { margin:-20px 10px 0; padding:50px 15px; }
    /* Hizmet kartları 2 sütun */
    .services-grid { grid-template-columns:1fr 1fr; gap:15px; }
    .service-card { padding:22px 15px; border-radius:18px; border-width:2px; }
    .service-icon { width:55px; height:55px; font-size:24px; border-radius:15px; margin-bottom:14px; }
    .service-card h3 { font-size:1rem; margin-bottom:8px; }
    .service-card p { font-size:0.82rem; margin-bottom:12px; }
    .service-features li { font-size:0.8rem; padding:4px 0 4px 20px; }
    .gallery-item { width:250px; height:350px; }
    .map-container { height:350px; }
    .contact-section { margin:0 10px; border-radius:25px; padding:40px 0; }
    .contact-section .section-title { margin-bottom:0; }
    .contact-info { margin-top:20px; }
    .contact-item {
        display:flex; flex-direction:column; align-items:center;
        text-align:center; gap:6px; padding:16px 12px;
    }
    .contact-item i { font-size:24px; margin-bottom:4px; }
    .contact-item h3 { font-size:0.9rem; margin-bottom:4px; }
    .contact-item p { font-size:0.82rem; margin-bottom:4px; }
    .contact-item a { font-size:0.82rem; }
    .blog-grid { grid-template-columns:1fr; }
    .blog-body { padding:30px 25px; }
    .blog-hero-img { height:250px; }
    /* Neden biz - 2 sütun mobil */
    .why-grid { grid-template-columns:1fr 1fr; gap:15px; }
    .why-card { padding:25px 15px; }
    .why-icon { font-size:35px; margin-bottom:12px; }
    .why-card h3 { font-size:1rem; }
    .why-card p { font-size:0.85rem; }
}

@media(max-width:480px) {
    .container { padding:0 12px; }
    .hero-slider { height:65vh; border-radius:0 0 25px 25px; }
    .slide-content h1 { font-size:1.5rem; }
    .btn { padding:14px 24px; font-size:0.95rem; }
    .services-section { margin:-15px 8px 0; border-radius:25px; padding:40px 12px; }
    /* Hizmet kartları 2 sütun küçük ekran */
    .services-grid { grid-template-columns:1fr 1fr; gap:10px; }
    .service-card { padding:16px 10px; border-radius:15px; }
    .service-icon { width:45px; height:45px; font-size:20px; border-radius:12px; margin-bottom:10px; }
    .service-card h3 { font-size:0.88rem; margin-bottom:6px; }
    .service-card p { font-size:0.78rem; margin-bottom:8px; }
    .service-features li { font-size:0.75rem; padding:3px 0 3px 16px; }
    /* Neden biz - 2 sütun */
    .why-grid { grid-template-columns:1fr 1fr; gap:12px; }
    .why-card { padding:20px 12px; border-radius:15px; }
    .why-icon { font-size:30px; margin-bottom:10px; }
    .why-card h3 { font-size:0.9rem; margin-bottom:6px; }
    .why-card p { font-size:0.8rem; line-height:1.5; }
    .footer-content { grid-template-columns:1fr; }
    .whatsapp-float { bottom:20px; right:18px; }
    .whatsapp-float a { width:52px; height:52px; font-size:26px; }
    .blog-detail-inner { padding:0 5px; }
}

/* ===== MOBİL RANDEVU BUTONU (varsayılan gizli, mobilde görünür) ===== */
.btn-appointment-mobile {
    display:none;
    align-items:center;
    background:linear-gradient(135deg,var(--yellow-primary),var(--yellow-dark));
    color:var(--gray-dark);
    padding:11px 22px;
    border-radius:50px;
    font-weight:600;
    font-size:0.9rem;
    white-space:nowrap;
    transition:var(--transition);
    box-shadow:0 5px 15px rgba(255,235,59,0.3);
}
.btn-appointment-mobile:hover { transform:translateY(-2px); }

/* Mobilde logo küçült */
@media(max-width:992px) {
    .logo img { height:44px; }
    .logo-divider { height:38px; }
    .logo-tv { height:32px; }
    .logo { gap:12px; }
}

@media(max-width:480px) {
    .logo img { height:36px; }
    .logo-divider { height:30px; width:1.5px; }
    .logo-tv { height:26px; }
    .logo { gap:9px; }
}

/* Hakkımızda yeni stiller */
.about-text h3 { font-size:1.1rem; color:var(--blue-accent); margin:28px 0 10px; }
.about-text h3 i { margin-right:8px; }
.about-list { margin:8px 0 16px 20px; }
.about-list li { padding:5px 0 5px 25px; position:relative; color:#555; font-size:1rem; }
.about-list li::before { content:'✓'; position:absolute; left:0; color:var(--yellow-dark); font-weight:700; }

/* ===== MOBİL HİZMET ACCORDION ===== */
@media(max-width:768px) {
    /* Grid'i tek sütuna al, accordion için */
    .services-grid { grid-template-columns:1fr; gap:12px; }

    .service-card {
        padding:0; border-radius:18px; border-width:2px;
        overflow:hidden; cursor:pointer;
    }

    /* Başlık satırı - her zaman görünür */
    .service-card-header {
        display:flex; align-items:center; gap:14px;
        padding:18px 20px;
        background:var(--white);
    }
    .service-card-header .service-icon {
        width:48px; height:48px; min-width:48px;
        font-size:22px; border-radius:14px; margin:0;
    }
    .service-card-header h3 { font-size:1rem; margin:0; flex:1; }
    .service-card-chevron {
        font-size:14px; color:#aaa;
        transition:transform 0.3s ease;
        flex-shrink:0;
    }
    .service-card.open .service-card-chevron { transform:rotate(180deg); }

    /* İçerik - gizli, açılınca görünür */
    .service-card-body {
        max-height:0; overflow:hidden;
        transition:max-height 0.4s ease, padding 0.3s ease;
        padding:0 20px;
        background:var(--white);
        border-top:0px solid #f0f0f0;
    }
    .service-card.open .service-card-body {
        max-height:500px;
        padding:0 20px 20px;
        border-top:1px solid #f0f0f0;
    }
    .service-card-body p { font-size:0.88rem; color:#666; margin:14px 0 12px; }
    .service-card-body .service-features li { font-size:0.85rem; padding:5px 0 5px 22px; }

    /* Masaüstünde accordion header gizli, normal kart görünür */
    .service-card-header { display:flex; }
    .service-card > .service-icon,
    .service-card > h3,
    .service-card > p,
    .service-card > .service-features { display:none !important; }
}

@media(min-width:769px) {
    .service-card-header { display:none; }
    .service-card-chevron { display:none; }
    .service-card-body { max-height:none !important; padding:0 !important; border:none !important; background:transparent !important; overflow:visible !important; }
}

/* ===== SLIDER BUTONLARI ===== */
.slider-btn {
    position:absolute; top:50%; transform:translateY(-50%);
    z-index:10; background:rgba(255,255,255,0.25);
    border:2px solid rgba(255,255,255,0.6);
    color:var(--white); width:48px; height:48px;
    border-radius:50%; font-size:18px; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:all 0.3s ease; backdrop-filter:blur(4px);
}
.slider-btn:hover { background:rgba(255,255,255,0.45); transform:translateY(-50%) scale(1.1); }
.slider-prev { left:20px; }
.slider-next { right:20px; }

/* Mobilde ok butonları gizle */
@media(max-width:768px) {
    .slider-btn { display:none; }
}

/* Slider noktaları */
.slider-dots {
    position:absolute; bottom:22px; left:50%; transform:translateX(-50%);
    display:flex; gap:10px; z-index:10;
}
.slider-dot {
    width:10px; height:10px; border-radius:50%;
    background:rgba(255,255,255,0.5); cursor:pointer;
    transition:all 0.3s ease;
}
.slider-dot.active { background:var(--white); transform:scale(1.3); }



/* ===== MOBİL PERFORMANS OPTİMİZASYONU ===== */
@media(max-width:768px) {
    /* Gereksiz hover animasyonlarını kaldır */
    .service-card:hover { transform:none; box-shadow:var(--shadow); }
    .service-card:hover .service-icon { transform:none; }
    .btn:hover { transform:none; }
    .btn-appointment:hover { transform:none; }
    /* Transition'ları basitleştir */
    .service-card, .btn, .btn-appointment, nav ul li a { transition:none; }
}

/* Reduced motion tercihi */
@media(prefers-reduced-motion:reduce) {
    *, *::before, *::after { animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
    .slider-track { animation:none !important; }
    .gallery-track { animation:none !important; }
}

/* Görsel optimizasyonu */
.blog-hero-img img, .blog-image img, .gallery-item img {
    content-visibility:auto;
}