/* =================================================================
   KAPSAMLI MOBİL DÜZELTMELERİ - TÜM SAYFALARA
   ================================================================= */

/* ============================================================
   GENEL DÜZENLEMELERİ
   ============================================================ */

/* Container ve genel düzenlemeler */
@media (max-width: 768px) {
    
    /* Container padding */
    .container {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        width: 100% !important;
    }
    
    /* Body overflow fix */
    body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
        font-size: 16px !important;
    }
    
    html {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    /* Tüm section'lar */
    section {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
        width: 100% !important;
    }

    /* ============================================================
       NAVBAR DÜZELTMELERİ
       ============================================================ */
    
    .navbar .container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        padding: 0.75rem 1.25rem !important;
    }
    
    .navbar .logo {
        flex-shrink: 0 !important;
        z-index: 1001 !important;
    }
    
    .navbar .nav-menu {
        position: fixed !important;
        z-index: 1000 !important;
    }
    
    .navbar .nav-actions {
        flex-shrink: 0 !important;
        margin-left: auto !important;
    }

    /* ============================================================
       HERO SECTION - ANASAYFA
       ============================================================ */
    
    /* Hero genel düzenlemeler */
    .hero {
        padding: 120px 0 60px !important;
        min-height: auto !important;
    }
    
    .hero-layout {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .hero-content {
        padding: 0 1.25rem !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Hero logo ve büyüteç */
    .hero-logo-container {
        margin-bottom: 2rem !important;
        margin-top: 1rem !important;
        gap: 0.6rem !important;
    }
    
    .hero-logo-container img {
        width: 45px !important;
        height: 45px !important;
    }
    
    .hero-logo-text {
        font-size: 45px !important;
    }
    
    /* Hero başlık - "Doğru Konu İyi Başlangıç" */
    .hero-title {
        font-size: 1.6rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.25rem !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    
    /* Hero alt başlık */
    .hero-subtitle {
        font-size: 1.15rem !important;
        line-height: 1.5 !important;
        margin-bottom: 1.75rem !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        padding: 0 0.5rem !important;
    }
    
    /* Hero butonlar */
    .hero-actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
        align-items: center !important;
        padding: 0 1rem !important;
    }
    
    .hero-actions .btn {
        width: 100% !important;
        max-width: 320px !important;
    }

    /* ============================================================
       QUICK NAVIGATION CARDS
       ============================================================ */
    
    .quick-nav {
        padding: 2rem 0 !important;
    }
    
    .nav-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        padding: 0 1.25rem !important;
    }
    
    .nav-card {
        width: 100% !important;
        padding: 1.25rem !important;
    }
    
    .nav-card h3 {
        font-size: 1.1rem !important;
    }

    /* ============================================================
       FEATURES SECTION
       ============================================================ */
    
    .features {
        padding: 3rem 0 !important;
    }
    
    .features .section-header {
        text-align: center !important;
        padding: 0 1.25rem !important;
        margin-bottom: 2rem !important;
    }
    
    .features .section-title {
        font-size: 1.5rem !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }
    
    .features-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1.25rem !important;
    }
    
    .feature-card {
        padding: 1.75rem !important;
        text-align: center !important;
    }
    
    .feature-card h3 {
        font-size: 1.15rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .feature-card p {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
    }

    /* ============================================================
       WHY SECTION - "Neden Varız?"
       ============================================================ */
    
    .why-section {
        padding: 3rem 0 !important;
    }
    
    .why-section > .container > div {
        padding: 0 1.25rem !important;
    }
    
    .why-section h2 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.5rem !important;
        padding: 0 1rem !important;
    }
    
    .why-section p {
        font-size: 1rem !important;
        line-height: 1.8 !important;
        margin-bottom: 1.25rem !important;
    }
    
    /* Alt beyaz kutu - "KONUBUL, size zaman kazandırır..." */
    .why-section > .container > div:last-child {
        margin-top: 2.5rem !important;
        padding: 0 1rem !important;
    }
    
    .why-section > .container > div:last-child > div {
        padding: 1.25rem 1.5rem !important;
    }
    
    .why-section > .container > div:last-child p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }

    /* ============================================================
       COMPARISON SECTION
       ============================================================ */
    
    .comparison {
        padding: 3rem 0 !important;
    }
    
    .comparison .section-header {
        padding: 0 1.25rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    .comparison .section-title {
        font-size: 1.5rem !important;
        line-height: 1.4 !important;
    }
    
    .comparison .section-subtitle {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }
    
    .comparison-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
        padding: 0 1.25rem !important;
    }
    
    .risk-column,
    .solution-column {
        width: 100% !important;
    }
    
    .divider-column {
        display: none !important;
    }
    
    .risk-card {
        padding: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .risk-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .risk-card p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    .solution-header {
        padding: 1.5rem !important;
        text-align: center !important;
        margin-bottom: 1.5rem !important;
    }
    
    .solution-header h3 {
        font-size: 1.3rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .solution-header p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    .solution-item {
        padding: 1.25rem !important;
        margin-bottom: 1rem !important;
    }
    
    .solution-item h4 {
        font-size: 1.05rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .solution-item p {
        font-size: 0.93rem !important;
        line-height: 1.6 !important;
    }

    /* ============================================================
       HOW IT WORKS - STEPS
       ============================================================ */
    
    .how-it-works {
        padding: 3rem 0 !important;
    }
    
    .how-it-works .section-header {
        padding: 0 1.25rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    .steps-timeline {
        padding: 0 1.25rem !important;
    }
    
    .step-item {
        padding-left: 3rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    .step-marker {
        width: 40px !important;
        height: 40px !important;
        left: 0 !important;
    }
    
    .step-marker span {
        font-size: 1.1rem !important;
    }
    
    .step-content h3 {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .step-content p {
        font-size: 0.98rem !important;
        line-height: 1.7 !important;
    }
    
    .timeline-line {
        left: 19px !important;
    }

    /* ============================================================
       SUMMARY SECTION
       ============================================================ */
    
    .summary {
        padding: 3rem 0 !important;
    }
    
    .summary-card {
        padding: 2rem 1.5rem !important;
        margin: 0 1.25rem !important;
    }
    
    .summary-header {
        text-align: center !important;
        margin-bottom: 2rem !important;
    }
    
    .summary-header h2 {
        font-size: 1.75rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .summary-tagline {
        font-size: 1rem !important;
    }
    
    .summary-feature {
        padding: 0.75rem 0 !important;
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    /* ============================================================
       HAKKIMIZDA SAYFASI
       ============================================================ */
    
    .about-intro {
        padding: 120px 0 3rem !important;
    }
    
    .about-intro > .container > div {
        padding: 0 1.25rem !important;
    }
    
    .about-intro h2 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.5rem !important;
    }
    
    .about-intro p {
        font-size: 1rem !important;
        line-height: 1.8 !important;
        margin-bottom: 1.25rem !important;
    }
    
    /* Core Values */
    .core-values {
        padding: 3rem 0 !important;
    }
    
    .values-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1.25rem !important;
    }
    
    .value-card {
        padding: 1.75rem !important;
        text-align: center !important;
    }
    
    .value-card h3 {
        font-size: 1.15rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .value-card p {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
    }
    
    /* Compliance Section */
    .compliance-section {
        padding: 3rem 0 !important;
    }
    
    .compliance-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
        padding: 0 1.25rem !important;
    }
    
    .compliance-content {
        text-align: center !important;
    }
    
    .compliance-content h2 {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .compliance-text {
        font-size: 0.98rem !important;
        line-height: 1.7 !important;
    }
    
    .compliance-badges {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
    }
    
    .compliance-badge {
        width: 100% !important;
        max-width: 280px !important;
        padding: 1rem !important;
    }
    
    /* Vision Section */
    .vision-section {
        padding: 3rem 0 !important;
    }
    
    .vision-card {
        margin: 0 1.25rem !important;
        padding: 2rem 1.5rem !important;
    }
    
    .vision-header h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.5rem !important;
    }
    
    .vision-content p {
        font-size: 0.98rem !important;
        line-height: 1.7 !important;
    }
    
    .vision-highlight {
        padding: 1rem !important;
        font-size: 0.95rem !important;
    }
    
    /* Mission Section */
    .mission-section {
        padding: 3rem 0 !important;
    }
    
    .mission-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
        padding: 0 1.25rem !important;
    }
    
    .mission-icon-area {
        text-align: center !important;
    }
    
    .mission-content h2 {
        font-size: 1.5rem !important;
        text-align: center !important;
        margin-bottom: 1rem !important;
    }
    
    .mission-content p {
        font-size: 0.98rem !important;
        line-height: 1.7 !important;
        text-align: center !important;
    }
    
    .mission-features {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important;
        margin-top: 1.5rem !important;
    }
    
    .mission-feature {
        font-size: 0.9rem !important;
    }

    /* ============================================================
       PAKETLER SAYFASI
       ============================================================ */
    
    .page-hero {
        padding: 120px 0 3rem !important;
    }
    
    .page-hero-content {
        padding: 0 1.25rem !important;
    }
    
    .page-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
    }
    
    .page-subtitle {
        font-size: 1rem !important;
        line-height: 1.7 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    
    .packages-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        padding: 0 1.25rem !important;
    }
    
    .package-card {
        padding: 2rem 1.5rem !important;
    }
    
    .package-header h3 {
        font-size: 1.3rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .package-price {
        font-size: 2rem !important;
        margin-bottom: 1rem !important;
    }
    
    .package-features li {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        padding: 0.75rem 0 !important;
    }

    /* ============================================================
       BLOG SAYFASI
       ============================================================ */
    
    .blog-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        padding: 0 1.25rem !important;
    }
    
    .blog-card {
        padding: 0 !important;
    }
    
    .blog-image {
        height: 200px !important;
    }
    
    .blog-content {
        padding: 1.5rem !important;
    }
    
    .blog-title {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .blog-excerpt {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    /* Blog Detail */
    .article-header {
        padding: 120px 1.25rem 2rem !important;
    }
    
    .article-title {
        font-size: 1.6rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
    }
    
    .article-meta {
        flex-direction: column !important;
        gap: 0.5rem !important;
        font-size: 0.9rem !important;
    }
    
    .article-layout {
        display: block !important;
    }
    
    .article-content {
        padding: 0 1.25rem !important;
    }
    
    .article-sidebar {
        display: none !important;
    }
    
    .content-section h2 {
        font-size: 1.3rem !important;
        margin-bottom: 1rem !important;
    }
    
    .content-section h3 {
        font-size: 1.15rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .content-section p {
        font-size: 0.98rem !important;
        line-height: 1.7 !important;
        margin-bottom: 1rem !important;
    }

    /* ============================================================
       SSS SAYFASI
       ============================================================ */
    
    .faq-section {
        padding: 3rem 0 !important;
    }
    
    .faq-grid {
        padding: 0 1.25rem !important;
    }
    
    .faq-item {
        padding: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .faq-question {
        font-size: 1.05rem !important;
        line-height: 1.4 !important;
    }
    
    .faq-answer {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
    }

    /* ============================================================
       İLETİŞİM SAYFASI
       ============================================================ */
    
    .contact-layout,
    .contact-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        padding: 0 1.25rem !important;
    }
    
    .contact-form,
    .contact-info {
        padding: 2rem 1.5rem !important;
    }
    
    .contact-form h3,
    .contact-info h3 {
        font-size: 1.3rem !important;
        text-align: center !important;
        margin-bottom: 1.5rem !important;
    }
    
    .form-group label {
        font-size: 0.95rem !important;
    }
    
    .form-control {
        font-size: 0.95rem !important;
        padding: 0.75rem !important;
    }
    
    .contact-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 1rem 0 !important;
    }
    
    .contact-item svg {
        margin-bottom: 0.5rem !important;
    }

    /* ============================================================
       KVKK VE LEGAL SAYFALAR
       ============================================================ */
    
    .legal-content {
        padding: 0 1.25rem !important;
    }
    
    .legal-section {
        padding: 1.75rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .legal-section h3 {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
        margin-bottom: 1rem !important;
    }
    
    .legal-section p {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
        margin-bottom: 1rem !important;
    }
    
    .legal-section ul li {
        font-size: 0.93rem !important;
        line-height: 1.6 !important;
        padding-left: 1.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .contact-box {
        padding: 1.25rem !important;
        margin: 1.5rem 0 !important;
    }
    
    .contact-box p {
        font-size: 0.95rem !important;
    }

    /* ============================================================
       BUTONLAR VE CTA
       ============================================================ */
    
    .btn,
    .btn-primary,
    .btn-secondary {
        width: 100% !important;
        max-width: 320px !important;
        padding: 0.875rem 1.5rem !important;
        font-size: 0.98rem !important;
    }
    
    .btn-nav {
        padding: 0.6rem 1rem !important;
        font-size: 0.9rem !important;
    }
    
    .cta-card,
    .about-cta .cta-card {
        padding: 2.5rem 1.75rem !important;
        margin: 0 1.25rem !important;
        text-align: center !important;
    }
    
    .cta-card h2 {
        font-size: 1.6rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
    }
    
    .cta-card p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1.5rem !important;
    }

    /* ============================================================
       FOOTER
       ============================================================ */
    
    .footer {
        padding: 3rem 1.25rem 1.5rem !important;
    }
    
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        text-align: center !important;
    }
    
    .footer-brand,
    .footer-links,
    .footer-contact {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .footer-logo {
        margin-bottom: 1rem !important;
    }
    
    .footer-desc {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
    }
    
    .footer-links h4,
    .footer-contact h4 {
        font-size: 1.1rem !important;
        margin-bottom: 1rem !important;
    }
    
    .footer-links ul {
        text-align: center !important;
    }
    
    .footer-links ul li {
        margin-bottom: 0.5rem !important;
    }
    
    .footer-links ul li a {
        font-size: 0.95rem !important;
    }
    
    .contact-mail {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
        font-size: 0.95rem !important;
    }
    
    .contact-mail span {
        word-break: break-word !important;
    }
    
    .footer-bottom {
        text-align: center !important;
        margin-top: 2rem !important;
        padding-top: 2rem !important;
    }
    
    .footer-bottom p {
        display: inline !important;
        font-size: 0.875rem !important;
        line-height: 1.6 !important;
        margin-bottom: 0 !important;
    }
    
    .footer-bottom p::after {
        content: " • " !important;
        margin: 0 0.5rem !important;
    }
    
    .footer-bottom .copyright {
        display: inline !important;
        font-size: 0.875rem !important;
        margin-bottom: 0 !important;
    }
    
    .footer-bottom .copyright::after {
        content: none !important;
    }
    
    .social-links {
        justify-content: center !important;
        gap: 1rem !important;
        margin-top: 1rem !important;
    }

    /* ============================================================
       DİĞER ELEMENTLER
       ============================================================ */
    
    /* Section başlıkları */
    .section-header {
        text-align: center !important;
        padding: 0 1.25rem !important;
        margin-bottom: 2rem !important;
    }
    
    .section-title {
        font-size: 1.6rem !important;
        line-height: 1.3 !important;
        text-align: center !important;
        margin-bottom: 3rem !important;
    }
    
    /* Badge'ler */
    .hero-badge,
    .section-tag,
    .blog-category {
        font-size: 0.85rem !important;
        padding: 0.5rem 1rem !important;
    }
    
    /* İkonlar */
    .value-icon,
    .feature-icon,
    .badge-icon {
        width: 55px !important;
        height: 55px !important;
    }
    
    .value-icon svg,
    .feature-icon svg,
    .badge-icon svg {
        width: 26px !important;
        height: 26px !important;
    }
    
    /* Tablolar */
    table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        font-size: 0.9rem !important;
    }
    
    /* Resimler */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Back to top button */
    .back-to-top {
        right: 1rem !important;
        bottom: 1rem !important;
        width: 45px !important;
        height: 45px !important;
    }
}

/* ============================================================
   ÇOK KÜÇÜK EKRANLAR (480px ve altı)
   ============================================================ */
@media (max-width: 480px) {
    
    /* Container */
    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Hero başlıklar daha küçük */
    .hero-title {
        font-size: 1.4rem !important;
    }
    
    .hero-subtitle {
        font-size: 1.05rem !important;
    }
    
    .hero-logo-container img {
        width: 40px !important;
        height: 40px !important;
    }
    
    .hero-logo-text {
        font-size: 40px !important;
    }
    
    /* Section başlıkları */
    .section-title {
        font-size: 1.4rem !important;
    }
    
    .features .section-title {
        font-size: 1.3rem !important;
    }
    
    /* Genel başlıklar */
    h1 {
        font-size: 1.4rem !important;
    }
    
    h2 {
        font-size: 1.25rem !important;
    }
    
    h3 {
        font-size: 1.1rem !important;
    }
    
    /* Butonlar */
    .btn {
        padding: 0.75rem 1.25rem !important;
        font-size: 0.93rem !important;
    }
    
    /* Package price */
    .package-price {
        font-size: 1.75rem !important;
    }
    
    /* Mission features - tek sütun */
    .mission-features {
        grid-template-columns: 1fr !important;
    }
    
    /* CTA cards */
    .cta-card {
        padding: 2rem 1.25rem !important;
    }
    
    .cta-card h2 {
        font-size: 1.4rem !important;
    }
    
    /* Step content */
    .step-content h3 {
        font-size: 1.1rem !important;
    }
    
    .step-content p {
        font-size: 0.93rem !important;
    }
    
    /* Beyaz kutu - why section */
    .why-section > .container > div:last-child p {
        font-size: 0.93rem !important;
    }
}

/* ============================================================
   YATAY MOD (Landscape) - 896px ve altı
   ============================================================ */
@media (max-width: 896px) and (orientation: landscape) {
    
    /* Font boyutları landscape'de normal kalsin */
    h1 {
        font-size: 1.75rem !important;
    }
    
    h2 {
        font-size: 1.5rem !important;
    }
    
    h3 {
        font-size: 1.25rem !important;
    }
    
    p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }
    
    .hero-title {
        font-size: 2rem !important;
    }
    
    .hero-subtitle {
        font-size: 1.125rem !important;
    }
    
    .section-title {
        font-size: 1.75rem !important;
    }
    
    .page-subtitle {
        font-size: 1rem !important;
    }
    
    /* Card ve kutucuk yazıları */
    .card h3,
    .package-card h3,
    .pricing-title {
        font-size: 1.25rem !important;
    }
    
    .card p,
    .package-card p,
    .pricing-subtitle {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    /* Blog ve içerik yazıları */
    .article-title {
        font-size: 1.75rem !important;
    }
    
    .content-section h2 {
        font-size: 1.5rem !important;
    }
    
    .content-section p {
        font-size: 1rem !important;
    }
    
    /* Ana sayfa - beyaz kutucuk yazıları */
    .value-card p,
    .feature-card p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .value-card h3,
    .feature-card h3 {
        font-size: 1.1rem !important;
    }
    
    /* Inline styled kutucuk - "KONUBUL, size zaman..." */
    div[style*="white-space: nowrap"] {
        white-space: normal !important;
    }
    
    div[style*="border-left: 4px solid"] p {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* Solution items - tüm maddeler aynı boyut */
    .solution-item h4 {
        font-size: 1.1rem !important;
    }
    
    .solution-item p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    /* Solution list içindeki tüm h4 ve p */
    .solution-list h4 {
        font-size: 1.1rem !important;
    }
    
    .solution-list p {
        font-size: 0.95rem !important;
    }
    
    /* Özel olarak "Sadece Size Özel" için */
    .solution-item div h4,
    .solution-list .solution-item h4 {
        font-size: 1.1rem !important;
        font-weight: 600 !important;
    }
    
    .solution-item div p,
    .solution-list .solution-item p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    /* Listeler - punto normal */
    ul li,
    ol li {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    .mission-features li,
    .features-list li {
        font-size: 0.95rem !important;
    }
    
    /* Summary features - yol haritası maddeleri */
    .summary-feature {
        font-size: 0.95rem !important;
    }
    
    .summary-feature span {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    /* Features icon yanındaki yazılar */
    .feature-content p {
        font-size: 0.95rem !important;
    }
    
    /* Footer - sabit font boyutu */
    .footer-bottom p {
        font-size: 0.875rem !important;
        line-height: 1.5 !important;
    }
    
    .copyright {
        font-size: 0.875rem !important;
    }
    
    /* Hero bölümü daha kompakt */
    .hero {
        padding: 100px 0 40px !important;
        min-height: auto !important;
    }
    
    .page-hero,
    .about-intro {
        padding: 100px 0 2rem !important;
    }
    
    .article-header {
        padding: 100px 1.25rem 2rem !important;
    }
    
    /* Navbar yüksekliği azaltıldı */
    .navbar {
        padding: 0.5rem 0 !important;
    }
    
    .navbar .container {
        padding: 0.5rem 1.25rem !important;
    }
    
    .navbar .logo-img {
        max-height: 35px !important;
    }
    
    .navbar .logo-text {
        font-size: 1.1rem !important;
    }
    
    /* Hero elements */
    .hero-logo-container {
        margin-top: 0.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .hero-title {
        margin-bottom: 1rem !important;
    }
    
    .hero-subtitle {
        margin-bottom: 1.25rem !important;
    }
    
    /* Section padding azaltıldı */
    section {
        padding: 2rem 0 !important;
    }
    
    .features,
    .why-section,
    .comparison,
    .how-it-works,
    .summary {
        padding: 2rem 0 !important;
    }
}

/* ============================================================
   ÇOK KISA EKRANLAR (Landscape, max-height: 500px)
   ============================================================ */
@media (max-width: 896px) and (max-height: 500px) {
    
    /* Font boyutları cok kisa ekranlarda da normal */
    h1 {
        font-size: 1.5rem !important;
    }
    
    h2 {
        font-size: 1.3rem !important;
    }
    
    h3 {
        font-size: 1.1rem !important;
    }
    
    p {
        font-size: 0.95rem !important;
    }
    
    .hero-title {
        font-size: 1.75rem !important;
    }
    
    .hero-subtitle {
        font-size: 1rem !important;
    }
    
    .section-title {
        font-size: 1.5rem !important;
    }
    
    /* Navbar en küçük hali */
    .navbar {
        padding: 0.4rem 0 !important;
    }
    
    .navbar .container {
        min-height: auto !important;
        padding: 0.4rem 1rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    .navbar .logo-img {
        max-height: 30px !important;
    }
    
    .logo-text {
        font-size: 0.95rem !important;
    }
    
    /* Nav actions - butonları yan yana düzgün hizala */
    .navbar .nav-actions {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        flex-shrink: 0 !important;
    }
    
    /* Giriş Yap butonu - landscape için kompakt */
    .btn-nav {
        padding: 0.4rem 0.7rem !important;
        font-size: 0.8rem !important;
        white-space: nowrap !important;
        min-width: auto !important;
        height: auto !important;
        line-height: 1.2 !important;
    }
    
    /* Theme toggle butonu */
    .theme-toggle {
        width: 36px !important;
        height: 36px !important;
        padding: 0.5rem !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .theme-toggle svg {
        width: 20px !important;
        height: 20px !important;
    }
    
    .mobile-menu-btn {
        width: 30px !important;
        height: 30px !important;
    }
    
    /* Hero ultra kompakt */
    .hero {
        padding: 80px 0 30px !important;
    }
    
    .hero-logo-container {
        margin-top: 0.25rem !important;
        margin-bottom: 1rem !important;
    }
    
    .hero-logo-container img {
        width: 35px !important;
        height: 35px !important;
    }
    
    .hero-logo-text {
        font-size: 35px !important;
    }
    
    .hero-title {
        font-size: 1.3rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .hero-subtitle {
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

/* ============================================================
   TABLET MODU (768px - 1024px)
   ============================================================ */
@media (min-width: 769px) and (max-width: 1024px) {
    
    .container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .hero-title {
        font-size: 2rem !important;
    }
    
    .hero-subtitle {
        font-size: 1.3rem !important;
    }
    
    .section-title {
        font-size: 1.75rem !important;
    }
    
    .features-grid,
    .values-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .packages-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ============================================================
   HERO FEATURES - 4 MADDE (SADECE MOBIL ICIN)
   ============================================================ */
@media screen and (max-width: 768px) {
    .hero-features {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding: 0 1rem !important;
        max-width: 100% !important;
        margin: 0 auto 2.5rem !important;
    }

    .hero-feature {
        font-size: 0.95rem !important;
        gap: 0 !important;
        text-align: center !important;
        width: 100% !important;
        max-width: none !important;
        justify-content: center !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .hero-feature span {
        text-align: center !important;
        width: 100% !important;
    }

    /* Tick ikonlarini gizle - mobilde */
    .feature-tick {
        display: none !important;
    }
    
    /* Uyarı mesajı - mobil */
    .hero-features > div[style*="justify-content: center"] {
        flex-wrap: wrap !important;
        gap: 6px !important;
        padding: 0 1rem !important;
    }
    
    .hero-features > div[style*="justify-content: center"] svg {
        flex-shrink: 0 !important;
        width: 18px !important;
        height: 18px !important;
    }
    
    .hero-features > div[style*="justify-content: center"] span {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 380px) {
    .hero-feature {
        font-size: 0.9rem !important;
    }
    
    /* Uyarı mesajı - çok küçük ekranlar */
    .hero-features > div[style*="justify-content: center"] span {
        font-size: 0.85rem !important;
    }
    
    .hero-features > div[style*="justify-content: center"] svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* ============================================================
   YENİ DEĞİŞİKLİKLER İÇİN MOBİL UYUMLULUK
   ============================================================ */

/* NEDEN VARIZ - Daraltılmış satır aralıkları mobilde de */
@media (max-width: 768px) {
    .why-section div[style*="border-left: 4px solid"] p {
        margin-bottom: 0.75rem !important;
    }
    
    .why-section div[style*="border-left: 4px solid"] p[style*="margin-bottom: 0.25rem"] {
        margin-bottom: 0.25rem !important;
    }
    
    .why-section div[style*="border-left: 4px solid"] p[style*="margin-bottom: 0"] {
        margin-bottom: 0 !important;
    }
}

/* HAKKIMIZDA - Konubul Nedir metni mobilde */
@media (max-width: 768px) {
    .about-intro div[style*="max-width: 900px"] p {
        text-align: center !important;
        margin-bottom: 1rem !important;
    }
    
    .about-intro div[style*="max-width: 900px"] p:last-child {
        margin-bottom: 0 !important;
    }
}

/* AKADEMİK DÜRÜSTLÜK - Ortalanmış başlık mobilde */
@media (max-width: 768px) {
    .core-values .section-header[style*="text-align: center"] {
        text-align: center !important;
    }
    
    .core-values .section-title[style*="text-align: center"] {
        text-align: center !important;
    }
}

/* Landscape (Yatay) mod */
@media (max-width: 896px) and (orientation: landscape) {
    /* Neden Varız - yatay modda */
    .why-section div[style*="border-left: 4px solid"] {
        padding: 2rem 2.5rem !important;
    }
    
    .why-section div[style*="border-left: 4px solid"] h2 {
        font-size: 2rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .why-section div[style*="border-left: 4px solid"] p {
        font-size: 1rem !important;
        line-height: 1.7 !important;
    }
    
    /* Hakkımızda - yatay modda */
    .about-intro div[style*="max-width: 900px"] {
        padding: 0 2rem !important;
    }
    
    .about-intro div[style*="max-width: 900px"] h2 {
        font-size: 2rem !important;
    }
    
    .about-intro div[style*="max-width: 900px"] p {
        font-size: 1rem !important;
        line-height: 1.7 !important;
    }
    
    /* Akademik Dürüstlük - yatay modda ortalı */
    .core-values .section-title {
        font-size: 1.75rem !important;
    }
    
    /* Uyarı mesajı - yatay mod */
    .hero-features > div[style*="justify-content: center"] {
        gap: 8px !important;
    }
    
    .hero-features > div[style*="justify-content: center"] svg {
        width: 20px !important;
        height: 20px !important;
    }
    
    .hero-features > div[style*="justify-content: center"] span {
        font-size: 0.95rem !important;
    }
}

/* Çok küçük ekranlar */
@media (max-width: 480px) {
    /* Neden Varız - çok küçük ekranlarda */
    .why-section div[style*="border-left: 4px solid"] {
        padding: 1.5rem 1.25rem !important;
    }
    
    .why-section div[style*="border-left: 4px solid"] h2 {
        font-size: 1.5rem !important;
    }
    
    .why-section div[style*="border-left: 4px solid"] p {
        font-size: 0.93rem !important;
    }
    
    /* Hakkımızda - çok küçük ekranlarda */
    .about-intro div[style*="max-width: 900px"] h2 {
        font-size: 1.5rem !important;
    }
    
    .about-intro div[style*="max-width: 900px"] p {
        font-size: 0.93rem !important;
    }
    
    /* Akademik Dürüstlük - çok küçük ekranlarda */
    .core-values .section-title {
        font-size: 1.4rem !important;
    }
}

/* ============================================================
   GECE MODU DÜZELTMELERİ - UYARI YAZILARI
   ============================================================ */

/* Gece modunda uyarı yazısı beyaz - tüm ekranlar */
[data-theme="dark"] div[style*="justify-content: center"] span[style*="color: #000000"],
[data-theme="dark"] .hero-features > div span[style*="color: #000000"] {
    color: #ffffff !important;
}

/* Mobil dikey modda gece modu uyarı */
@media (max-width: 768px) {
    [data-theme="dark"] div[style*="justify-content: center"] span[style*="color: #000000"] {
        color: #ffffff !important;
    }
}

/* Mobil yatay modda gece modu uyarı */
@media (max-width: 896px) and (orientation: landscape) {
    [data-theme="dark"] div[style*="justify-content: center"] span[style*="color: #000000"] {
        color: #ffffff !important;
    }
    
    /* Theme toggle gece modunda görünür ve çalışır */
    [data-theme="dark"] .theme-toggle {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    [data-theme="dark"] .theme-toggle svg {
        display: block !important;
        opacity: 1 !important;
    }
}