/* ============================================
   RESPONSIVE DESIGN - All Pages
   ============================================ */

/* ---- Mobile CTA & Header hidden on desktop ---- */
.mobile-nav-cta, .mobile-nav-header { display: none !important; }

/* ---- Large Desktop (1400px and below) ---- */
@media (max-width: 1400px) {
    .timeline-container {
        padding-left: 120px;
    }
    .step-number-wrapper {
        left: -120px;
    }
}

/* ---- Desktop (1200px and below) ---- */
@media (max-width: 1200px) {
    .philosophy-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .domains-grid {
        grid-template-columns: 1fr !important;
        max-width: 600px;
    }
    .timeline-container {
        padding-left: 100px;
    }
    .step-number-wrapper {
        left: -100px;
    }
    .step-circle {
        width: 65px;
        height: 65px;
    }
}

/* ---- Tablet (1024px and below) ---- */
@media (max-width: 1024px) {
    .main-nav ul {
        gap: 4px;
    }
    .main-nav a {
        padding: 10px 12px;
        font-size: 0.9rem;
    }
    .btn-get-started {
        padding: 8px 20px;
        font-size: 0.85rem;
    }

    /* Footer Grid */
    footer > div > div:last-child {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 40px !important;
    }
    
    /* Hizmetlerimiz - Process Section */
    .process-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Hizmetlerimiz - Services Grid */
    .services-grid-new {
        grid-template-columns: 1fr !important;
    }
}

/* ---- Tablet Portrait (768px and below) ---- */
@media (max-width: 768px) {
    /* Header & Navigation */
    /* Kapalıyken tıklamaları geçir (iOS/Safari'de görünmez overlay bug'ı) */
    .main-nav {
        position: fixed;
        top: var(--header-height, 65px);
        left: 0;
        right: 0;
        background-color: rgba(10, 10, 10, 0.98);
        backdrop-filter: blur(10px);
        padding: 20px;
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: all 0.3s ease;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        z-index: 999;
    }
    
    .main-nav.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    
    .main-nav ul {
        flex-direction: column;
        gap: 0;
    }
    
    .main-nav > ul > li > a {
        padding: 15px !important;
        width: 100% !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        display: block !important;
        font-size: 0.93rem !important;
        font-weight: 500 !important;
        color: rgba(255,255,255,0.85) !important;
        background: none !important;
        border-radius: 0 !important;
    }

    .btn-get-started {
        display: none !important;
    }
    
    .mobile-nav-cta, .mobile-nav-header {
        display: none !important;
    }
    
    .mobile-menu-toggle {
        display: flex !important;
    }

    /* Mobile Dropdown - closed by default */
    .has-dropdown > a {
        justify-content: center !important;
    }
    
    .has-dropdown > a::after {
        display: inline-block;
        transition: transform 0.3s ease;
        margin-left: 8px;
    }
    
    .has-dropdown.open > a::after {
        transform: rotate(180deg);
    }
    
    .dropdown-menu {
        position: static !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        min-width: auto !important;
        backdrop-filter: none !important;
        transition: max-height 0.3s ease !important;
    }
    
    .has-dropdown.open .dropdown-menu {
        max-height: 500px !important;
    }
    
    .dropdown-menu li a {
        padding: 12px 15px !important;
        text-align: center !important;
        font-size: 0.85rem !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        color: rgba(255,255,255,0.7) !important;
    }

    /* Mobile subdropdown */
    .dropdown-menu .subdropdown-menu {
        position: static !important;
        left: auto !important;
        top: auto !important;
        display: none !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        min-width: auto !important;
        background: rgba(255, 255, 255, 0.02) !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        backdrop-filter: none !important;
        flex-direction: column !important;
        list-style: none !important;
        margin: 0 !important;
    }

    .dropdown-menu .has-subdropdown.open > .subdropdown-menu {
        display: flex !important;
        flex-direction: column !important;
    }

    .dropdown-menu .has-subdropdown > a::after {
        content: '▾' !important;
    }

    .subdropdown-menu li {
        display: block !important;
        width: 100% !important;
    }

    .subdropdown-menu li a {
        padding: 10px 25px !important;
        font-size: 0.8rem !important;
        display: block !important;
        text-align: center !important;
    }

    /* Hero Section */
    .hero-title {
        font-size: 3rem !important;
    }
    .hero-description {
        font-size: 1.1rem !important;
    }
    .hero-buttons {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    .btn {
        width: 100%;
        max-width: 320px;
        padding: 16px 40px;
    }
    .hero-section {
        padding: 120px 20px 60px !important;
    }

    /* Trusted Logos */
    .trusted-logos {
        gap: 15px;
    }
    .company-logo {
        font-size: 0.7rem;
        padding: 15px 30px;
    }

    /* Two Domains Section */
    .section-title {
        font-size: 2.2rem !important;
    }
    .section-subtitle {
        font-size: 0.95rem !important;
    }
    .domains-grid {
        grid-template-columns: 1fr !important;
    }
    .domain-card {
        padding: 30px !important;
    }
    .domain-features {
        grid-template-columns: 1fr !important;
    }

    /* Principles Section */
    .principles-title {
        font-size: 2rem !important;
    }
    .principle-card {
        padding: 25px 30px !important;
        gap: 20px !important;
        flex-direction: column !important;
    }
    .principle-number {
        min-width: 35px !important;
        height: 35px !important;
        font-size: 1.1rem !important;
    }
    .principle-title {
        font-size: 1.1rem !important;
    }
    .principle-description {
        font-size: 0.85rem !important;
    }

    /* Philosophy Section */
    .philosophy-title {
        font-size: 2.2rem !important;
    }
    .philosophy-subtitle {
        font-size: 1.1rem !important;
    }
    .philosophy-grid {
        grid-template-columns: 1fr !important;
    }

    /* Founder's Vision */
    .vision-title {
        font-size: 2.2rem !important;
    }
    .vision-quote {
        font-size: 1.4rem !important;
    }
    .founder-info {
        flex-direction: column !important;
        gap: 25px !important;
        text-align: center !important;
    }
    .founder-details {
        flex-direction: column !important;
    }
    .founder-actions {
        flex-direction: column !important;
        width: 100% !important;
    }
    .btn-linkedin, .btn-book-meeting {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Implementation / Timeline Section */
    .implementation-title {
        font-size: 2.2rem !important;
    }
    .timeline-container {
        padding-left: 0 !important;
    }
    .step-number-wrapper {
        position: relative !important;
        left: 0 !important;
        flex-direction: row !important;
        margin-bottom: 15px !important;
    }
    .step-circle {
        width: 55px !important;
        height: 55px !important;
    }
    .step-number {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    .timeline-line-gradient {
        display: none !important;
    }
    .step-content {
        padding: 25px !important;
    }
    .step-title {
        font-size: 1.3rem !important;
    }
    .step-header {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .step-duration {
        margin-left: 0 !important;
        align-self: flex-start !important;
    }

    /* GroupBSP Section */
    .groupbsp-title {
        font-size: 1.8rem !important;
    }
    .groupbsp-subtitle {
        font-size: 1.1rem !important;
    }

    /* Footer */
    footer > div > div:first-child {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    footer > div > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    /* ============================================
       HAKKIMIZDA PAGE - Tablet
       ============================================ */
    
    /* About Hero */
    .about-hero-section h1 {
        font-size: 2.8rem !important;
    }
    .about-hero-section p {
        font-size: 1.1rem !important;
    }

    /* Mission & Vision */
    .mission-vision-section > div > div {
        grid-template-columns: 1fr !important;
    }
    .mission-card, .vision-card {
        padding: 35px !important;
    }

    /* Not Agency Section */
    .not-agency-section > div > div {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    .not-agency-section h2 {
        font-size: 2.2rem !important;
    }

    /* Story Section */
    .story-section h2 {
        font-size: 2.2rem !important;
    }

    /* Values Section */
    .values-section h2 {
        font-size: 2.2rem !important;
    }
    .values-section > div > div {
        grid-template-columns: 1fr !important;
    }

    /* ============================================
       ILETISIM PAGE - Tablet
       ============================================ */
    
    /* Contact Hero */
    .contact-hero-section h1 {
        font-size: 2.8rem !important;
    }
    .contact-hero-section p {
        font-size: 1.1rem !important;
    }

    /* Contact Info Cards */
    .contact-info-section > div > div {
        grid-template-columns: 1fr !important;
    }

    /* Contact Form */
    .contact-form-container {
        padding: 35px 25px !important;
    }
    .contact-info-bar {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .contact-info-bar > div:nth-child(2) {
        display: none !important;
    }

    /* ============================================
       HIZMETLERIMIZ PAGE - Tablet
       ============================================ */
    
    /* Services Hero */
    .services-hero h1 {
        font-size: 2.8rem !important;
    }

    /* Process Section - Horizontal boxes */
    [style*="grid-template-columns: repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Services Cards */
    [style*="min-width: 450px"] {
        min-width: 100% !important;
    }

    /* Stats Section */
    [style*="grid-template-columns: repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Technologies Grid */
    [style*="grid-template-columns: repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Why Us Grid */
    [style*="grid-template-columns: repeat(3, 1fr)"] {
        grid-template-columns: 1fr !important;
    }

    /* FAQ Section */
    .faq-section h2 {
        font-size: 2.2rem !important;
    }
}

/* ---- Mobile (480px and below) ---- */
@media (max-width: 480px) {
    /* Hero Section */
    .hero-section {
        padding: 100px 15px 40px !important;
        min-height: auto !important;
    }
    .hero-title {
        font-size: 2rem !important;
    }
    .hero-description {
        font-size: 0.95rem !important;
        margin-bottom: 30px !important;
    }
    .hero-buttons {
        gap: 12px;
    }
    .btn {
        padding: 14px 30px !important;
        font-size: 0.95rem !important;
    }
    .hero-badge {
        margin-bottom: 25px !important;
    }

    /* Trusted Logos */
    .company-logo {
        font-size: 0.65rem;
        padding: 12px 20px;
    }

    /* Section Titles */
    .section-title {
        font-size: 1.8rem !important;
    }
    .section-subtitle {
        font-size: 0.9rem !important;
    }

    /* Two Domains */
    .two-domains-section {
        padding: 60px 15px !important;
    }
    .domain-card {
        padding: 25px !important;
    }
    .domain-title {
        font-size: 1.4rem !important;
    }
    .domain-description {
        font-size: 0.9rem !important;
    }

    /* Principles */
    .principles-section {
        padding: 50px 15px !important;
    }
    .principles-title {
        font-size: 1.6rem !important;
        margin-bottom: 30px !important;
    }
    .principle-card {
        padding: 20px !important;
    }
    .principle-title {
        font-size: 1rem !important;
    }
    .principle-description {
        font-size: 0.8rem !important;
    }

    /* Philosophy */
    .philosophy-section {
        padding: 50px 15px !important;
    }
    .philosophy-title {
        font-size: 1.8rem !important;
    }
    .philosophy-subtitle {
        font-size: 1rem !important;
        margin-bottom: 40px !important;
    }
    .philosophy-card {
        padding: 20px !important;
    }
    .card-title {
        font-size: 1rem !important;
    }
    .card-description {
        font-size: 0.8rem !important;
    }

    /* Founder's Vision */
    .founders-vision-section {
        padding: 60px 15px !important;
    }
    .vision-title {
        font-size: 1.8rem !important;
    }
    .vision-quote {
        font-size: 1.2rem !important;
    }
    .vision-description {
        font-size: 1rem !important;
    }

    /* Implementation */
    .implementation-section {
        padding: 60px 15px !important;
    }
    .implementation-title {
        font-size: 1.8rem !important;
    }
    .step-content {
        padding: 20px !important;
    }
    .step-title {
        font-size: 1.1rem !important;
    }
    .step-description {
        font-size: 0.9rem !important;
    }

    /* GroupBSP */
    .groupbsp-section {
        padding: 60px 15px !important;
    }
    .groupbsp-title {
        font-size: 1.5rem !important;
    }

    /* Footer */
    footer {
        padding: 40px 15px 30px !important;
    }
    footer h3 {
        font-size: 1.1rem !important;
    }
    footer h4 {
        font-size: 1rem !important;
    }

    /* ============================================
       HAKKIMIZDA PAGE - Mobile
       ============================================ */
    
    .about-hero-section {
        padding: 120px 15px 50px !important;
        min-height: auto !important;
    }
    .about-hero-section h1 {
        font-size: 2rem !important;
    }
    .about-hero-section p {
        font-size: 0.95rem !important;
    }

    .mission-vision-section {
        padding: 50px 15px !important;
    }
    .mission-card, .vision-card {
        padding: 25px !important;
    }
    .mission-card h2, .vision-card h2 {
        font-size: 1.5rem !important;
    }

    .not-agency-section {
        padding: 60px 15px !important;
    }
    .not-agency-section h2 {
        font-size: 1.6rem !important;
    }
    .not-agency-section p {
        font-size: 0.95rem !important;
    }

    .story-section {
        padding: 60px 15px !important;
    }
    .story-section h2 {
        font-size: 1.8rem !important;
    }
    .story-section p {
        font-size: 1rem !important;
    }

    .values-section {
        padding: 60px 15px !important;
    }
    .values-section h2 {
        font-size: 1.8rem !important;
        margin-bottom: 40px !important;
    }
    .value-card {
        padding: 25px !important;
    }
    .value-card h3 {
        font-size: 1.2rem !important;
    }

    /* CTA Section */
    .cta-section {
        padding: 60px 15px !important;
    }
    .cta-section h2 {
        font-size: 1.8rem !important;
    }
    .cta-section p {
        font-size: 1rem !important;
    }
    .cta-section > div > div {
        flex-direction: column !important;
    }
    .cta-section a {
        width: 100% !important;
        text-align: center !important;
    }

    /* ============================================
       ILETISIM PAGE - Mobile
       ============================================ */
    
    .contact-hero-section {
        padding: 120px 15px 30px !important;
        min-height: auto !important;
    }
    .contact-hero-section h1 {
        font-size: 2rem !important;
    }
    .contact-hero-section p {
        font-size: 0.95rem !important;
    }

    .contact-info-section {
        padding: 20px 15px 50px !important;
    }
    .info-card {
        padding: 30px 20px !important;
    }
    .info-card h3 {
        font-size: 1.2rem !important;
    }

    .contact-section {
        padding: 60px 15px !important;
    }
    .contact-wrapper h2 {
        font-size: 1.8rem !important;
    }
    .contact-form-container {
        padding: 25px 20px !important;
        transform: scale(1) !important;
    }
    .tab-button {
        padding: 12px 15px !important;
        font-size: 0.85rem !important;
    }
    form > div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* ============================================
       HIZMETLERIMIZ PAGE - Mobile
       ============================================ */
    
    /* Services Hero */
    [class*="services-hero"] h1,
    .main-content > section:first-child h1 {
        font-size: 2rem !important;
    }

    /* Process Section */
    [style*="grid-template-columns: repeat(4, 1fr)"],
    [style*="grid-template-columns: repeat(2, 1fr)"] {
        grid-template-columns: 1fr !important;
    }

    /* Stats */
    [style*="grid-template-columns: repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Technologies */
    [style*="grid-template-columns: repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* FAQ */
    .faq-section h2 {
        font-size: 1.6rem !important;
    }
    .faq-item {
        padding: 15px !important;
    }
}

/* ============================================
   INLINE STYLE OVERRIDES FOR MOBILE
   These target elements with inline styles
   ============================================ */

/* Footer grid override for all pages */
@media (max-width: 768px) {
    [style*="grid-template-columns: 371.8px 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    [style*="grid-template-columns: repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
    [style*="gap: 128.7px"] {
        gap: 40px !important;
    }

    /* Rubiko Digital info section in footer */
    [style*="padding-left: 22px"] {
        padding-left: 0 !important;
    }
    [style*="left: -15px"] {
        display: none !important;
    }
}

@media (max-width: 480px) {
    [style*="grid-template-columns: repeat(4, 1fr)"],
    [style*="grid-template-columns: repeat(2, 1fr)"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Hizmetlerimiz inline grids */
    [style*="display: grid"][style*="gap: 30px"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Stats section - keep 2 columns */
    [style*="grid-template-columns: repeat(4, 1fr)"][style*="text-align: center"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ============================================
   MOBILE MENU BUTTON STYLES
   ============================================ */

.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    z-index: 1001;
}

.mobile-menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: white;
    margin: 3px 0;
    transition: all 0.3s ease;
    border-radius: 2px;
}

/* Hamburger animation */
.mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}
.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* ============================================
   HIZMETLERIMIZ - INLINE STYLE OVERRIDES
   Process boxes, service cards, etc.
   ============================================ */

@media (max-width: 768px) {
    /* Process section horizontal boxes */
    [style*="display: grid"][style*="repeat(4"] {
        grid-template-columns: 1fr 1fr !important;
    }
    
    /* Service cards - force single column */
    [style*="display: flex"][style*="flex-wrap: wrap"][style*="gap"] > div[style*="min-width: 450px"],
    [style*="display: flex"][style*="flex-wrap: wrap"] > div[style*="min-width"] {
        min-width: 100% !important;
        width: 100% !important;
    }
    
    /* Service card inner flex layout */
    [style*="display: flex"][style*="align-items: flex-start"][style*="gap: 25px"] {
        flex-direction: column !important;
    }
    
    /* Hakkimizda - Stats grid */
    [style*="grid-template-columns: 1fr 1fr"][style*="gap: 20px"] {
        grid-template-columns: 1fr 1fr !important;
    }
    
    /* Hakkimizda - Not agency two column */
    [style*="grid-template-columns: 1fr 1fr"][style*="gap: 80px"] {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    /* Mission/Vision grid */
    [style*="minmax(450px, 1fr)"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Values grid */
    [style*="minmax(320px, 1fr)"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Contact info cards */
    [style*="minmax(300px, 1fr)"] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    /* Process boxes - single column on mobile */
    [style*="display: grid"][style*="repeat(4"],
    [style*="display: grid"][style*="repeat(2"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Stats - keep 2 columns */
    [style*="text-align: center"][style*="grid"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Technologies - 2 columns */
    [style*="grid-template-columns: repeat(4, 1fr)"][style*="gap: 20px"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Why us section */
    [style*="grid-template-columns: repeat(3, 1fr)"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Form first/last name grid */
    form [style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================
   FINAL CTA GRADIENT SECTION - Mobile
   ============================================ */

@media (max-width: 768px) {
    section[style*="linear-gradient"][style*="#00d4aa"] h2 {
        font-size: 1.8rem !important;
    }
    section[style*="linear-gradient"][style*="#00d4aa"] p {
        font-size: 1rem !important;
    }
    section[style*="linear-gradient"][style*="#00d4aa"] {
        padding: 60px 20px !important;
    }
}

@media (max-width: 480px) {
    section[style*="linear-gradient"][style*="#00d4aa"] h2 {
        font-size: 1.5rem !important;
    }
    section[style*="linear-gradient"][style*="#00d4aa"] a {
        padding: 14px 30px !important;
        font-size: 1rem !important;
    }
}

/* ============================================
   CRITICAL INLINE STYLE OVERRIDES
   Using !important to override inline styles
   ============================================ */

/* All sections with inline padding */
@media (max-width: 768px) {
    section[style*="padding: 120px"] {
        padding: 60px 20px !important;
    }
    section[style*="padding: 100px"] {
        padding: 60px 20px !important;
    }
    section[style*="padding: 80px"] {
        padding: 50px 20px !important;
    }
    
    /* All h1 with inline font-size */
    h1[style*="font-size: 5rem"],
    h1[style*="font-size: 4.5rem"],
    h1[style*="font-size: 4rem"] {
        font-size: 2.2rem !important;
    }
    
    /* All h2 with inline font-size */
    h2[style*="font-size: 3.5rem"],
    h2[style*="font-size: 3rem"] {
        font-size: 1.8rem !important;
    }
    h2[style*="font-size: 2.5rem"],
    h2[style*="font-size: 2.2rem"] {
        font-size: 1.5rem !important;
    }
    
    /* All h3 with large inline font-size */
    h3[style*="font-size: 2.5rem"] {
        font-size: 2rem !important;
    }
    
    /* All p with inline font-size */
    p[style*="font-size: 1.4rem"],
    p[style*="font-size: 1.3rem"] {
        font-size: 1.05rem !important;
    }
    
    /* Container max-width override */
    .container[style*="max-width: 1400px"],
    .container[style*="max-width: 1200px"],
    .container[style*="max-width: 1000px"] {
        max-width: 100% !important;
        padding: 0 20px !important;
    }
    
    /* Transform scale override for contact form */
    [style*="transform: scale(0.935)"] {
        transform: scale(1) !important;
    }
}

@media (max-width: 480px) {
    section[style*="padding: 120px"],
    section[style*="padding: 100px"] {
        padding: 40px 15px !important;
    }
    section[style*="padding: 80px"] {
        padding: 35px 15px !important;
    }
    section[style*="min-height: 70vh"],
    section[style*="min-height: 60vh"] {
        min-height: auto !important;
    }
    
    h1[style*="font-size: 5rem"],
    h1[style*="font-size: 4.5rem"],
    h1[style*="font-size: 4rem"] {
        font-size: 1.8rem !important;
    }
    
    h2[style*="font-size: 3.5rem"],
    h2[style*="font-size: 3rem"] {
        font-size: 1.5rem !important;
    }
    
    p[style*="font-size: 1.4rem"],
    p[style*="font-size: 1.3rem"],
    p[style*="font-size: 1.2rem"] {
        font-size: 0.95rem !important;
    }
    
    /* Floating circles in CTA - hide on mobile */
    [style*="border-radius: 50%"][style*="animation"] {
        display: none !important;
    }
    
    /* Submit button */
    button[style*="font-size: 1.3rem"] {
        font-size: 1rem !important;
    }
}

/* ============================================
   SMOOTH SCROLLING & TOUCH IMPROVEMENTS
   ============================================ */

@media (max-width: 768px) {
    /* Disable scroll animations on mobile for instant content display */
    .scroll-animate,
    .scroll-animate:nth-child(1),
    .scroll-animate:nth-child(2),
    .scroll-animate:nth-child(3),
    .scroll-animate:nth-child(4),
    .scroll-animate:nth-child(5),
    .scroll-animate:nth-child(6),
    section.scroll-animate,
    div.scroll-animate,
    footer.scroll-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
        transition: none !important;
        transition-delay: 0s !important;
    }
    
    html {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }
    
    body {
        -webkit-text-size-adjust: 100%;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* Prevent horizontal scroll */
    body, html {
        overflow-x: hidden;
    }
}

/* ============================================
   HIZMETLERIMIZ - SERVICE CARDS OVERRIDE
   ============================================ */

@media (max-width: 768px) {
    /* Services grid - override minmax(450px) */
    [style*="minmax(450px, 1fr)"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Service card flex layout - stack vertically */
    .services-grid-section [style*="display: flex"][style*="gap: 30px"] {
        flex-direction: column !important;
    }
    
    /* Service card padding */
    .services-grid-section [style*="padding: 45px"] {
        padding: 30px 25px !important;
    }
    
    /* Service card title */
    .services-grid-section h3[style*="font-size: 1.8rem"] {
        font-size: 1.4rem !important;
    }
    
    /* Process section boxes */
    .process-section [style*="repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Process box padding */
    .process-section [style*="padding: 50px 35px"] {
        padding: 30px 20px !important;
    }
    
    /* Hero section padding */
    .services-hero-section {
        padding: 120px 20px 50px !important;
        min-height: auto !important;
    }
}

@media (max-width: 480px) {
    /* Process section - single column */
    .process-section [style*="repeat(4, 1fr)"],
    .process-section [style*="repeat(2, 1fr)"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Service card icon */
    .services-grid-section [style*="width: 70px"][style*="height: 70px"] {
        width: 55px !important;
        height: 55px !important;
    }
    
    .services-hero-section {
        padding: 100px 15px 40px !important;
    }
}

/* ============================================
   FOOTER - BASE STYLES (moved from inline)
   ============================================ */

.site-footer {
    background: #000000;
    color: white;
    padding: 71.5px 28.6px 42.9px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-inner {
    max-width: 1900px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 371.8px 1fr;
    gap: 128.7px;
    max-width: 1540px;
    margin: 0 auto 50.6px;
}

.footer-left {
    display: flex;
    flex-direction: column;
    gap: 28.6px;
    align-items: flex-start;
}

.footer-columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 57.2px;
    position: relative;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 31.9px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    max-width: 1540px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 22px;
}

/* ============================================
   FOOTER - CRITICAL MOBILE FIXES
   ============================================ */

@media (max-width: 992px) {
    .site-footer {
        padding: 50px 20px 30px !important;
    }
    
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    .footer-columns {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

@media (max-width: 768px) {
    .site-footer {
        padding: 40px 15px 25px !important;
    }
    
    .footer-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    .footer-columns {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px 20px !important;
    }
    
    .footer-bottom {
        flex-direction: column !important;
        gap: 20px !important;
        text-align: center !important;
    }
    
    .footer-bottom > div:last-child {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }
    
    /* Rubiko Digital section */
    .footer-columns > div:last-child {
        padding-left: 0 !important;
    }
    
    .footer-columns > div:last-child > div:first-child {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .site-footer {
        padding: 35px 15px 20px !important;
    }
    
    .footer-columns {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .footer-left > div:first-child {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px !important;
    }
    
    .footer-left img[alt="Rubiko Digital Logo"] {
        margin: 0 auto !important;
    }
    
    .footer-left img[alt*="Trusted"] {
        display: block !important;
        margin: 0 auto !important;
    }
    
    .footer-left > div:last-child {
        justify-content: center !important;
    }
    
    .footer-bottom > div:last-child {
        gap: 10px 15px !important;
    }
    
    .footer-bottom > div:last-child a {
        font-size: 0.85rem !important;
    }
    
    .footer-bottom p {
        font-size: 0.85rem !important;
    }
}

/* ============================================
   HIZMETLERIMIZ - PROCESS BOXES NUMBER BADGE FIX
   ============================================ */

@media (max-width: 768px) {
    .process-box {
        padding: 25px 20px !important;
    }
    
    .process-badge {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 10px !important;
    }
    
    .process-title {
        margin: 5px 0 10px 0 !important;
    }
}

/* ============================================
   KURUMSAL WEB TASARIM PAGE - RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    /* Two-column grids to single column */
    [style*="grid-template-columns: 1fr 1fr"][style*="gap: 60px"] {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    /* Service card flex to column */
    [style*="display: flex"][style*="gap: 40px"][style*="border-radius: 20px"] {
        flex-direction: column !important;
        padding: 35px 25px !important;
    }
}

@media (max-width: 480px) {
    /* Mini stat cards grid */
    [style*="grid-template-columns: 1fr 1fr"][style*="gap: 20px"],
    [style*="grid-template-columns: 1fr 1fr"][style*="gap: 25px"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Span-2 items reset */
    [style*="grid-column: span 2"] {
        grid-column: span 1 !important;
    }
}