/** * Ana sayfa — mobil akış (vh/absolute yerleşim kaldırılır) */ @media (max-width: 991px) { .page-content { display: flex; flex-direction: column; gap: 0; padding-top: calc(60px + env(safe-area-inset-top, 0px)) !important; padding-left: max(12px, env(safe-area-inset-left, 0px)) !important; padding-right: max(12px, env(safe-area-inset-right, 0px)) !important; padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important; } /* Ana sayfa mobil açılış */ .page-content:has(.hero-slider), .page-content:has(.mh), .page-content:has(.mobile-home-hero) { padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* hex-grid: styles.css — fare ile turkuaz parıltı */ .page-content > * { position: relative; z-index: 1; flex-shrink: 0; } /* Mobil açılış: mobile-home-hero.css (eski tam ekran slayt kaldırıldı) */ .page-content:has(.mobile-home-hero) > .middle5 { margin-top: 8px !important; } .page-content:has(.hero-slider) > .middle3, .page-content:has(.hero-slider) > .middle4, .page-content:has(.hero-slider) > .middle5 { width: calc(100% - 24px) !important; max-width: calc(100% - 24px) !important; margin-left: max(12px, env(safe-area-inset-left, 0px)) !important; margin-right: max(12px, env(safe-area-inset-right, 0px)) !important; } .middle3:not(.middle3--legacy), .middle4:not(.middle4--legacy), .middle5:not(.middle5--legacy) { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: calc(100% - 8px) !important; max-width: 100% !important; height: auto !important; min-height: 120px !important; aspect-ratio: 16 / 9; margin: 10px auto 0 !important; padding: 0 !important; border-radius: 16px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; overflow: hidden; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35); } /* Eski vh sayaç kutuları — mobil vitrin kullanılır (.mh-after içinde dahil) */ .page-content:has(.mh) .middle3--legacy, .page-content:has(.mh) .middle4--legacy, .page-content:has(.mh) .middle5--legacy, .page-content:has(.mobile-home-hero) .middle3--legacy, .page-content:has(.mobile-home-hero) .middle4--legacy, .page-content:has(.mobile-home-hero) .middle5--legacy, .mh-after .middle3--legacy, .mh-after .middle4--legacy, .mh-after .middle5--legacy { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; overflow: hidden !important; pointer-events: none !important; position: absolute !important; top: -9999px !important; left: -9999px !important; width: 0 !important; opacity: 0 !important; aspect-ratio: auto !important; } /* Masaüstü slayt mobilde akışı bozmasın */ .page-content:has(.mh) > .hero-slider--desktop, .page-content:has(.mh) > .slidings.hero-slider--desktop { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; } .page-content:has(.mh) .middle8, .page-content:has(.mobile-home-hero) .middle8 { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 20px 0 6px !important; padding: 8px 18px 4px !important; background: transparent !important; box-shadow: none !important; } .page-content:has(.mh) .landing-page3.partner-marquee, .page-content:has(.mobile-home-hero) .landing-page3.partner-marquee { margin: 0 !important; padding: 0 12px !important; background: transparent !important; border: none !important; box-shadow: none !important; } .page-content:has(.mh) .partner-marquee__glass, .page-content:has(.mobile-home-hero) .partner-marquee__glass { background: rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(20px) saturate(1.35) !important; -webkit-backdrop-filter: blur(20px) saturate(1.35) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 0, 0, 0.22) !important; } .middle3 .counter-container, .middle4 .counter-container, .middle5 .counter-container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; } .middle3 .counter, .middle4 .counter, .middle5 .counter { padding: 16px; text-align: center; position: relative; z-index: 2; } .middle3::before, .middle4::before, .middle5::before { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 0.72) 100% ); } .middle3 .counter h3, .middle4 .counter h3, .middle5 .counter h3 { font-size: clamp(1.75rem, 8vw, 2.5rem) !important; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9), 0 1px 4px rgba(0, 0, 0, 0.85); } .middle3 .counter h6, .middle4 .counter h6, .middle5 .counter h6 { font-size: 0.8rem !important; line-height: 1.35; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85), 0 1px 3px rgba(0, 0, 0, 0.8); } /* TSE / ortaklar başlık: mobile-home-premium.css */ /* Logo şeridi: partner-slider.css */ /* ---- Çözümler ---- */ .service-wrapper { margin-top: 0 !important; padding: 0 4px 24px !important; } .solutions-section { padding: 0 4px 32px !important; } .solutions-header { margin-bottom: 1.5rem !important; padding: 0 4px; } .solutions-lead { font-size: 0.95rem; } /* Süreç bloğu — vitrin ile aynı arka plan tonu */ .page-content:has(.mh) > .mh-process.mobile-tech-spotlight { margin-top: 4px; } } @media (max-width: 576px) { .middle3:not(.middle3--legacy), .middle4:not(.middle4--legacy), .middle5:not(.middle5--legacy) { min-height: 100px !important; aspect-ratio: 2 / 1; } }