/* --- GENEL AYARLAR --- */
#home-scope *{margin: 0; padding: 0; box-sizing: border-box;}
#home-scope{font-family: "Poppins", sans-serif; overflow-x: hidden; background-color: #ffffff; padding-top: 0px; color: #333;}
#home-scope{scroll-behavior: smooth;}

/* RENK PALETİ */
#home-scope{--color-primary: #212b36; 
    --color-accent: #3399FF;
    --color-footer: #171d24;
    --color-light-bg: #f8f9fa;
    --color-navy: #002e5b; /* Lacivert */}

/* TOP BAR */
#home-scope .top-bar{background-color: var(--color-primary); padding: 12px 0; 
    font-size: 13px; color: #e0e0e0;
    position: fixed; top: 0; width: 100%; z-index: 1001;}
#home-scope .top-bar .container{max-width: 1480px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#home-scope .top-bar-left{display: flex; align-items: center; gap: 30px;}
#home-scope .top-bar-item{display: flex; align-items: center; gap: 8px; color: #fff; font-weight: 500;}
#home-scope .top-bar-item i{color: var(--color-accent); font-size: 14px;}

/* MENÜ */
#home-scope .main-nav{background-color: #ffffff; padding: 0; 
    position: sticky; top: 44px; z-index: 1000; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);}
#home-scope .nav-container{max-width: 1480px; margin: 0 auto; padding: 0 20px; 
    display: flex; justify-content: flex-start; gap: 120px; 
    align-items: center; height: 90px;}
#home-scope .logo{display: flex; align-items: center; gap: 10px; padding: 15px 0;}
#home-scope .logo img{height: 50px; width: auto;} 

#home-scope .nav-menu{display: flex; list-style: none; gap: 20px; align-items: center;}
#home-scope .nav-menu li{position: relative; list-style: none;} 

#home-scope .nav-menu li a{color: var(--color-primary); text-decoration: none; padding: 15px 10px;
    display: block; transition: color 0.3s ease; position: relative;
    font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px;}
#home-scope .nav-menu li a:hover, #home-scope .nav-menu li a.active{color: var(--color-accent); background-color: transparent;}

#home-scope .dropdown-menu{position: absolute; top: 100%; left: 0; margin-top: 0;
    background-color: #ffffff; 
    min-width: 300px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-top: 3px solid var(--color-accent);
    display: none; z-index: 9999; padding: 10px 0; border-radius: 0 0 5px 5px;}
#home-scope .dropdown:hover .dropdown-menu{display: block; animation: fadeInUp 0.3s ease;}

#home-scope .dropdown-menu li{list-style: none !important;
    list-style-type: none !important;}

#home-scope .dropdown-menu li a{color: #555 !important; padding: 12px 20px !important; 
    text-transform: none; font-weight: 500; border-bottom: 1px solid #f9f9f9; font-size: 14px;}
#home-scope .dropdown-menu li a:hover{background-color: #f8f9fa; color: var(--color-accent) !important; padding-left: 25px !important;}
#home-scope .dropdown-menu li:last-child a{border-bottom: none;}
@keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
#home-scope .nav-right{display: flex; align-items: center; gap: 20px;}
#home-scope .search-input{padding: 10px 15px; border: 1px solid #e0e0e0; border-radius: 30px; background: #fff; color: #333; outline: none; font-size: 14px; width: 250px; transition: all 0.3s;}
#home-scope .search-input:focus{border-color: var(--color-accent); box-shadow: 0 0 5px rgba(51, 153, 255, 0.2);}
#home-scope .mobile-menu-btn{display: none; color: var(--color-primary); font-size: 24px; cursor: pointer; padding: 10px; margin-left: auto;}

/* HERO */
#home-scope .hero{position: relative; height: 600px; overflow: hidden;}
#home-scope .hero-slide{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out;}
#home-scope .hero-slide.active{opacity: 1;}
#home-scope .hero-slide::before{content: none;} 
#home-scope .hero-slide img{width: 100%; height: 100%; object-fit: cover; animation: kenburnsZoom 6s ease-in-out infinite; transform-origin: center center;}
@keyframes kenburnsZoom { 0% { transform: scale(1); } 100% { transform: scale(1.25); } }

/* DİKEY ORTALAMA */
#home-scope .hero-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 64px; /* daha aşağı (daha tam orta) */
    z-index: 2;
    text-align: center;
    color: white;
    max-width: 1480px;
    width: 90%;
}

/* ŞERİTSİZ OKUNURLUK (resme dokunmadan) */
#home-scope .hero-content h1,
#home-scope .hero-content p{
    display: inline-block;
    background: transparent;
    border-radius: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-box-decoration-break: initial;
    box-decoration-break: initial;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#home-scope .hero-content h1{
    font-size: 48px; 
    font-weight: bold; 
    margin-bottom: 20px; 
    line-height: 1.2; 
    animation: slideInLeft 1s ease-out;

    /* şerit yerine: stroke + multi-shadow */
    -webkit-text-stroke: 1px rgba(0,0,0,0.45);
    text-shadow:
        0 2px 4px rgba(0,0,0,0.45),
        0 8px 18px rgba(0,0,0,0.40),
        0 18px 36px rgba(0,0,0,0.22);

    padding: 0;
}

#home-scope .hero-content p{
    font-size: 18px; 
    margin-bottom: 30px; 
    max-width: 760px; 
    line-height: 1.6; 
    margin-left: auto; margin-right: auto;
    animation: slideInLeft 1s ease-out 0.2s backwards;

    /* şerit yerine: stroke + multi-shadow */
    -webkit-text-stroke: 0.6px rgba(0,0,0,0.35);
    text-shadow:
        0 2px 4px rgba(0,0,0,0.45),
        0 10px 22px rgba(0,0,0,0.28);

    padding: 0;
}

#home-scope .slider-nav{position: absolute; bottom: 30px; right: 30px; z-index: 3; display: flex; gap: 15px;}
#home-scope .slider-btn{width: 50px; height: 50px; border: 2px solid white; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); color: white; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
#home-scope .slider-btn:hover{background: var(--color-accent); border-color: var(--color-accent); transform: scale(1.1);}
#home-scope .hero-decoration{position: absolute; bottom: -50px; right: -50px; z-index: 2; width: 300px; height: 300px; pointer-events: none;}

/* HİZMETLER */
#home-scope .services-section{padding: 60px 0; background-color: #f9f9f9; overflow: hidden;}
#home-scope .section-header{max-width: 1280px; margin: 0 auto 30px auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center;}
#home-scope .section-header h2{font-size: 32px; font-weight: 700; color: var(--color-primary);}
#home-scope .carousel-controls{display: flex; gap: 10px;}
#home-scope .carousel-controls button{background: var(--color-primary); border: 1px solid var(--color-primary); color: white; width: 45px; height: 45px; border-radius: 4px; cursor: pointer; transition: all 0.3s; font-size: 16px; display: flex; align-items: center; justify-content: center;}
#home-scope .carousel-controls button:hover{background: var(--color-accent); color: white; border-color: var(--color-accent);}
#home-scope .carousel-container{max-width: 1280px; margin: 0 auto; padding: 0 15px; overflow: hidden;}
#home-scope .carousel-track{display: flex; transition: transform 0.5s ease-in-out; gap: 30px; padding-bottom: 20px;}

/* KARTLAR */
#home-scope .service-card{flex: 0 0 calc(33.333% - 20px); 
    height: 500px; 
    position: relative; 
    overflow: hidden; 
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);}
#home-scope .card-background{width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    transition: transform 0.6s ease-in-out;}
#home-scope .service-card:hover .card-background{transform: scale(1.1);}
#home-scope .card-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 100%); 
    transition: background 0.3s ease; z-index: 1;}
#home-scope .service-card:hover .card-overlay{background: linear-gradient(to top, rgba(51, 153, 255, 0.7) 0%, rgba(0,0,0,0.2) 100%);}
#home-scope .card-content{position: absolute; bottom: 0; left: 0; padding: 30px; z-index: 2; width: 100%;
    display: flex; flex-direction: column; align-items: flex-start;}
#home-scope .card-title{font-size: 16px; font-weight: 700; color: white; text-shadow: 1px 1px 5px rgba(0,0,0,0.5); 
    text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; transition: color 0.3s;
    min-height: 54px; display: flex; align-items: center; line-height: 1.35; overflow: hidden;}
#home-scope .arrow-btn{background: var(--color-accent); color: white; display: inline-flex; 
    align-items: center; justify-content: center; width: 40px; height: 40px;
    border-radius: 50%; transition: transform 0.3s;}
#home-scope .service-card:hover .arrow-btn{transform: translateX(10px);}

/* PARALLAX */
#home-scope .parallax-section{background-image: url("img/anasayfa-slider/anasayfaparalax.webp"); 
    min-height: 400px;
    background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;
    position: relative; display: flex; align-items: center; justify-content: center; color: white; text-align: center;}
#home-scope .parallax-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(33, 43, 54, 0.5); z-index: 1;}
#home-scope .parallax-content{position: relative; z-index: 2; width: 100%; max-width: 1200px; padding: 0 20px;}
#home-scope .stats-grid{display: flex; justify-content: space-around; flex-wrap: wrap; gap: 40px;}
#home-scope .stat-item h3{font-size: 50px; font-weight: 700; color: var(--color-accent); margin-bottom: 10px;}
#home-scope .stat-item p{font-size: 18px; font-weight: 500; color: #e0e0e0; text-transform: uppercase; letter-spacing: 1px;}

/* PORTFOLYO */
#home-scope .portfolio-section{padding: 80px 0; background-color: #ffffff;}
#home-scope .portfolio-header{text-align: center; margin-bottom: 50px;}
#home-scope .portfolio-header h2{font-size: 36px; font-weight: 700; color: var(--color-primary); margin-bottom: 15px;}
#home-scope .filter-menu{display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px;}
#home-scope .filter-btn{padding: 10px 25px; border: 2px solid #e0e0e0; background: white; color: #666; font-weight: 600; font-size: 14px; text-transform: uppercase; cursor: pointer; transition: all 0.3s;}
#home-scope .filter-btn:hover, #home-scope .filter-btn.active{background: var(--color-accent); color: white; border-color: var(--color-accent);}
#home-scope .portfolio-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1480px; margin: 0 auto; padding: 0 20px;}
#home-scope .portfolio-item{position: relative; height: 300px; overflow: hidden; cursor: pointer;}
@supports (aspect-ratio: 1 / 1){
    #home-scope .portfolio-item{aspect-ratio: 1 / 1; height: auto;}
}
#home-scope .portfolio-item img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s;}
#home-scope .portfolio-item:hover img{transform: scale(1.1);}
#home-scope .portfolio-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(33, 43, 54, 0.85); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s;}
#home-scope .portfolio-item:hover .portfolio-overlay{opacity: 1;}
#home-scope .portfolio-overlay h4{color: white; font-size: 18px; margin-bottom: 10px; transform: translateY(20px); transition: transform 0.3s; text-align: center; padding: 0 10px;}
#home-scope .portfolio-item:hover .portfolio-overlay h4{transform: translateY(0);}
#home-scope .portfolio-icon{width: 40px; height: 40px; background: var(--color-accent); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: translateY(20px); transition: transform 0.3s 0.1s;}
#home-scope .portfolio-item:hover .portfolio-icon{transform: translateY(0);}

/* LOGO BAND */
#home-scope .logo-band-slider{padding: 15px 0; background-color: #ffffff; overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#home-scope .logo-band-header{text-align: center; margin-bottom: 30px;}
#home-scope .logo-band-header h2{font-size: 26px; font-weight: 700; color: var(--color-primary); text-transform: uppercase; letter-spacing: 1px;}
#home-scope .logo-band-container{max-width: 100%; margin: 0 auto; white-space: nowrap;}
#home-scope .logo-track{display: inline-block; animation: slide-logos 35s linear infinite;}
#home-scope .logo-track:hover{animation-play-state: paused;}
#home-scope .logo-track img{height: 60px; width: auto; margin: 0 40px; opacity: 1; transition: all 0.3s; display: inline-block; vertical-align: middle; object-fit: contain;}
#home-scope .logo-track img:hover{opacity: 0.8;}
@keyframes slide-logos { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* --- YENİ EKLENEN ÖZELLİK KUTULARI (BLOG YERİNE - MAKYAJLI) --- */
#home-scope .features-section{padding: 80px 0; background-color: #f8f9fa;}
#home-scope .features-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1280px; margin: 0 auto; padding: 0 20px;}

/* Başlık */
#home-scope .features-section .section-header h2{position: relative; display: inline-block; padding-bottom: 15px; color: var(--color-navy);}
#home-scope .features-section .section-header h2::after{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background-color: var(--color-accent);}

/* Kutular */
#home-scope .feature-box{text-align: center; padding: 40px 30px; background: #fff; 
    border: 1px solid #d1d1d1; border-top: 4px solid var(--color-accent);
    border-radius: 6px; transition: all 0.3s ease; cursor: default;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);}
#home-scope .feature-box:hover{transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.08); border-color: var(--color-accent);}

/* İkonlar */
#home-scope .feature-icon-wrapper{display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px;
    background: rgba(51, 153, 255, 0.08); border-radius: 50%; margin-bottom: 25px; transition: all 0.3s ease;}
#home-scope .feature-box:hover .feature-icon-wrapper{background: var(--color-accent); transform: scale(1.1);}
#home-scope .feature-icon-wrapper i{font-size: 32px; color: var(--color-accent); transition: all 0.3s ease;}
#home-scope .feature-box:hover .feature-icon-wrapper i{color: #fff;}

/* --- CTA ve FOOTER (PREMIUM - 4 KOLONLU) --- */
#home-scope .cta-section{background-color: var(--color-footer); color: white; padding: 15px 0; border-bottom: none;}
#home-scope .cta-container{max-width: 1480px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;}
#home-scope .cta-content{max-width: 700px; display: flex; flex-direction: column; justify-content: center; transform: translateY(-2px);}
#home-scope .cta-content h2{font-size: 28px; font-weight: 700; color: #ffffff; margin-bottom: 5px; line-height: 1.1; transition: color 0.3s ease; cursor: default; margin-top: 0;}
#home-scope .cta-content h2:hover{color: var(--color-accent);}
#home-scope .cta-content p{font-size: 14px; margin-bottom: 0; line-height: 1.5; color: #ddd;}

#home-scope .cta-buttons{display: flex; gap: 15px;}
#home-scope .cta-button-light{padding: 10px 20px; border: 1px solid white; background: transparent; color: white; text-decoration: none; font-weight: 600; border-radius: 4px; font-size: 14px; transition: all 0.3s; cursor: pointer;}
#home-scope .cta-button-light:hover{background: white; color: var(--color-primary);}
#home-scope .cta-button-accent{padding: 10px 20px; border: none; background: var(--color-accent); color: white; text-decoration: none; font-weight: 600; border-radius: 4px; font-size: 14px; transition: all 0.3s; cursor: pointer; display: flex; align-items: center; gap: 8px;}
#home-scope .cta-button-accent:hover{background: #5cafff; transform: translateY(-2px);}

/* PREMIUM FOOTER */
#home-scope .main-footer{background-color: #171d24; /* Koyu Zemin */
    color: #b0b0b0;
    font-size: 14px;
    padding: 0;
    border-top: 1px solid rgba(255,255,255,0.05);}
#home-scope .footer-top{padding: 70px 0 50px 0;}
#home-scope .footer-container{max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px;}
#home-scope .footer-row{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;}
#home-scope .footer-col{flex: 1;
    min-width: 250px;}
#home-scope .footer-col h4{color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;}
#home-scope .footer-col h4::after{content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background-color: var(--color-accent);}

/* 1. Kolon: Logo & Açıklama */
#home-scope .footer-logo{max-height: 50px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    display: inline-block;}
#home-scope .footer-desc{line-height: 1.6;
    margin-bottom: 20px;
    /* YENİ EKLENEN HİZALAMA VE STİL AYARLARI */
    font-size: 15px; 
    color: var(--color-accent); /* Mavi Renk */
    font-weight: 600; 
    font-style: italic;
    margin-top: -5px; /* Logoya yaklaştırma */
    padding-left: 2px; /* Hafif hizalama düzeltmesi */}
#home-scope .footer-social{display: flex;
    gap: 10px;}
#home-scope .social-link{width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.08); /* Default gri yedek */
    color: #fff;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-decoration: none;}
#home-scope .social-link:hover{opacity: 0.8;
    transform: translateY(-3px);}

/* MARKA RENKLERİ (BRAND COLORS) */
#home-scope .social-link.facebook{background-color: #3b5998; color: white;}
#home-scope .social-link.twitter{background-color: #1DA1F2; color: white;}
#home-scope .social-link.instagram{background-color: #E1306C; color: white;}
#home-scope .social-link.linkedin{background-color: #0077b5; color: white;}
#home-scope .social-link.youtube{background-color: #FF0000; color: white;}

/* 2. & 3. Kolon: Linkler */
#home-scope .footer-col ul{list-style: none;
    padding: 0;
    margin: 0;}
#home-scope .footer-col ul li{margin-bottom: 12px;}
#home-scope .footer-col ul li a{color: #b0b0b0;
    text-decoration: none;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;}
#home-scope .footer-col ul li a i{font-size: 12px;
    color: var(--color-accent);
    opacity: 0.7;}
#home-scope .footer-col ul li a:hover{color: #fff;
    padding-left: 5px;}
#home-scope .footer-col ul li a:hover i{opacity: 1;}

/* 4. Kolon: İletişim */
#home-scope .contact-item{display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;}
#home-scope .contact-item i{color: var(--color-accent);
    font-size: 16px;
    margin-top: 4px;}
#home-scope .contact-item span{color: #b0b0b0;
    line-height: 1.5;}
#home-scope .whatsapp-btn-footer{display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #25d366;
    color: #fff;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 15px;
    transition: all 0.3s;
    width: 100%;}
#home-scope .whatsapp-btn-footer i{font-size: 18px;
    margin-right: 8px;}
#home-scope .whatsapp-btn-footer:hover{background-color: #128c7e;
    transform: translateY(-2px);
    color: #fff;}

/* ALT TELİF & YASAL LİNKLER - MERKEZ HİZALAMA */
#home-scope .footer-bottom{background-color: #12171d;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.05);
    font-size: 13px;
    text-align: center;}
#home-scope .footer-bottom .container{display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;}
#home-scope .copyright-text strong{color: #fff;}
#home-scope .footer-legal-links{display: flex;
    gap: 20px;
    margin-top: 5px;}
#home-scope .footer-legal-links a{color: #888;
    text-decoration: none;
    transition: color 0.3s;}
#home-scope .footer-legal-links a:hover{color: var(--color-accent);}

@media (max-width: 1024px){
    #home-scope .top-bar{display: none;}
    #home-scope .main-nav{top: 0;}
    #home-scope .hero{height: 520px;}
    #home-scope .parallax-section{background-attachment: scroll;}
    #home-scope .nav-menu{display: none; position: absolute; top: 90px; left: 0; right: 0; background: #ffffff; flex-direction: column; padding: 20px; gap: 0;}
    #home-scope .nav-menu.active{display: flex;}
    #home-scope .nav-menu li a{padding: 15px;}
    #home-scope .hero-content h1{font-size: 36px;}
    #home-scope .portfolio-grid{grid-template-columns: repeat(2, 1fr);}
    #home-scope .features-grid{grid-template-columns: repeat(2, 1fr);} 
    #home-scope .search-input{display: none;}
    #home-scope{padding-top: 90px;}
}
@media (max-width: 768px){
    #home-scope .hero{height: 460px;}
    #home-scope .slider-nav{bottom: 15px; right: 15px; gap: 10px;}
    #home-scope .slider-btn{width: 44px; height: 44px; font-size: 18px;}
    #home-scope .hero-content h1{font-size: 30px; padding: 0;}
    #home-scope .hero-content p{font-size: 16px; padding: 0;}
    #home-scope .services-section{padding: 40px 0;}
    #home-scope .section-header{flex-direction: column; align-items: flex-start; gap: 12px;}
    #home-scope .section-header h2{font-size: 24px; line-height: 1.25;}
    #home-scope .carousel-controls{align-self: flex-end;}
    #home-scope .carousel-track{gap: 20px;}
    #home-scope .service-card{flex: 0 0 100%; height: 360px;}
    #home-scope .stats-grid{flex-direction: column; gap: 30px;}
    #home-scope .footer-col{min-width: 100%; margin-bottom: 30px;}
    #home-scope .footer-row{gap: 20px;}
    #home-scope .portfolio-grid{grid-template-columns: 1fr;}
    #home-scope .filter-btn{padding: 10px 14px; font-size: 12px;}
    #home-scope .features-grid{grid-template-columns: 1fr;} 
    #home-scope .cta-container{justify-content: center; text-align: center;}
    #home-scope .footer-bottom .container{flex-direction: column; text-align: center; justify-content: center;}
    #home-scope .footer-legal-links{justify-content: center;}
}

/* =========================================================
   ALT SAYFA DÜZELTME KODU (CEPHE SAYFASI İÇİN ACİL)
   ========================================================= */
@media (max-width: 768px){
    #home-scope h1[style*="font-size: 54px"]{font-size: 28px !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;}
    #home-scope .page-header p{font-size: 16px !important;
        padding: 0 15px !important;}
}