/* ==========================================================================
   RESPONSIVE DESIGN SYSTEM - LASTIK SERVISI 724
   High-Impact Typography & Flawless Mobile UI (320px - 1920px)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TABLET & SMALL DESKTOP (<= 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .nav-links {
    display: none;
  }
  .hamburger-btn {
    display: flex;
  }
  .hero-section {
    max-height: none;
    min-height: 520px;
  }
  .hero-inner {
    width: 65%;
  }
  .hero-overlay-fade {
    width: 80%;
  }
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .trust-item:nth-child(2) {
    border-right: none;
  }
  .card-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .why-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  /* Home Page Grids */
  .home-why-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .home-equip-grid-6 {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .home-services-grid-3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .home-areas-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .emergency-banner-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }


  /* About Page */
  .about-story-grid,
  .about-map-section-grid,
  .about-pillars-faq-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  /* Services & Locations */
  .services-main-grid,
  .locations-cards-grid,
  .location-detail-grid,
  .service-detail-grid,
  .contact-split-grid,
  .blog-main-grid,
  .blog-detail-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
}

/* --------------------------------------------------------------------------
   1.5. HIGH-PERFORMANCE 60/120 FPS MOBILE SCROLL ENGINE (<= 991px)
   Eliminates GPU Layer Eviction, Blur Reflows & Touch-Lag
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  /* 1. Prevent Layer Memory Explosion & Eliminate Gaussian Blurs on Mobile GPU */
  *, *::before, *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
  }

  /* 3. Solid High-Performance Surfaces for Sticky/Fixed UI */
  .site-header {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobile-sticky-bar {
    background: #0B0D11 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .home-hero-trust-bar {
    background: #090D14 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .home-hero-rating-strip-exact {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .hero-eyebrow-badge,
  .script-badge-pulse,
  .footer-luxury-call-card,
  .footer-credit-pill {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* 4. Disable Infinite GPU/CPU Animations on Mobile (Frees Main Thread & Compositor) */
  .hero-laser-line::after,
  .hero-title-shimmer,
  .script-badge-pulse::after,
  .script-badge-pulse .fa-bolt,
  .floating-badge,
  .hero-floating-card,
  .btn-primary::after,
  .btn-hero-call::after,
  .btn-cta-red::after,
  .btn-hero-call::before,
  .btn-home-call-exact::before,
  .btn-home-wa-exact::before,
  .btn-whatsapp::before,
  .mobile-sticky-call::before,
  .mobile-sticky-wa::before,
  .mobile-sticky-call i,
  .target-pin-dot::before {
    animation: none !important;
  }
}

/* --------------------------------------------------------------------------
   2. MOBILE & PHONES (<= 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  :root {
    --header-height: 64px;
    --section-pad-mobile: 40px;
  }

  /* Global Layout & Native Compositor Smooth Scrolling */
  html {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
    -webkit-text-size-adjust: 100%;
  }

  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 78px !important; /* Space for sticky mobile CTA dock */
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Hide Desktop Topbar & Floating Action Dock on Mobile */
  .site-topbar {
    display: none !important;
  }

  .floating-actions-dock {
    display: none !important;
  }

  /* Sticky Mobile Bottom Bar */
  .mobile-sticky-bar {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #0B0D11 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.35);
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  }

  .mobile-sticky-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 10px;
  }

  .mobile-sticky-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 12px;
    text-decoration: none;
    transition: transform 0.15s ease;
  }

  .mobile-sticky-call {
    background: linear-gradient(135deg, #EF252B 0%, #B91C1C 100%);
    color: #FFFFFF !important;
    box-shadow: 0 3px 12px rgba(239, 37, 43, 0.4);
  }

  .mobile-sticky-wa {
    background: #00A859;
    color: #FFFFFF !important;
    box-shadow: 0 3px 12px rgba(0, 168, 89, 0.35);
  }

  .mobile-btn-icon-wrap {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
  }

  .mobile-btn-text-wrap {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    text-align: left;
  }

  .mobile-btn-sub {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.5px;
    opacity: 0.85;
    text-transform: uppercase;
  }

  .mobile-btn-main {
    font-size: 0.92rem;
    font-weight: 900;
  }

  /* Header & Navigation */
  .site-header {
    height: 64px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }

  .header-cta .btn-phone {
    display: none !important;
  }

  .hamburger-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    color: #0F172A;
    cursor: pointer;
    flex-shrink: 0;
  }

  .site-logo-img {
    height: 40px;
    width: auto;
    max-height: 40px;
  }

  /* --------------------------------------------------------------------------
     HERO SECTIONS (HOMEPAGE & ALL SUBPAGES) - CINEMATIC BACKGROUND BEHIND TEXT
     -------------------------------------------------------------------------- */
  .home-hero-clean,
  .page-hero-luxury,
  .hero-section {
    position: relative !important;
    overflow: hidden !important;
    padding: 24px 0 28px !important;
    min-height: auto !important;
    background: #0B0F19 !important;
    color: #FFFFFF !important;
  }

  .home-hero-bg-panoramic,
  .page-hero-bg-panoramic {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background-size: cover !important;
    background-position: 80% bottom !important;
    opacity: 0.38 !important;
    z-index: 1 !important;
    display: block !important;
    pointer-events: none !important;
  }

  .home-hero-bg-overlay-fade,
  .page-hero-bg-overlay-fade {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgba(11, 15, 25, 0.68) 0%, rgba(11, 15, 25, 0.82) 40%, rgba(11, 15, 25, 0.96) 85%, #0B0F19 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  .home-hero-inner,
  .page-hero-inner {
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .hero-eyebrow-badge,
  .page-hero-eyebrow,
  .page-hero-eyebrow-red {
    font-size: 0.72rem !important;
    padding: 5px 12px !important;
    margin-bottom: 12px !important;
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }

  .home-hero-title,
  .page-hero-title {
    font-size: clamp(26px, 7.8vw, 36px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.6px !important;
    margin-bottom: 12px !important;
    word-break: normal !important;
    color: #FFFFFF !important;
  }

  .home-hero-desc,
  .page-hero-desc {
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
    color: #CBD5E1 !important;
  }

  .page-hero-desc .hero-desc-highlight,
  .page-hero-desc .hero-desc-pill {
    color: #FFFFFF !important;
  }

  .breadcrumb-luxury {
    margin-bottom: 10px !important;
  }

  .breadcrumb-luxury a {
    color: #94A3B8 !important;
  }

  .breadcrumb-luxury .current {
    color: #F1F5F9 !important;
  }

  /* Script Accent (Her Zaman Yanınızda!) Positioning on Mobile */
  .hero-script-accent {
    position: relative !important;
    display: inline-flex !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
    transform: none !important;
  }

  .hero-script-accent .script-text {
    font-size: 1.35rem !important;
  }

  .hero-script-accent .script-arrow {
    display: none !important;
  }

  /* Hero Dual Action Buttons */
  .home-hero-buttons,
  .page-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .btn-home-call-exact,
  .btn-home-wa-exact,
  .btn-hero-call,
  .btn-hero-wa {
    width: 100% !important;
    min-height: 52px !important;
    padding: 12px 18px !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    border-radius: 12px !important;
  }

  .home-hero-rating-strip-exact {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 16px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    margin-bottom: 18px !important;
  }

  .rating-divider {
    display: none !important;
  }

  /* Hero Trust Bar Full-Width */
  .home-hero-trust-bar {
    width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
    border-radius: 0 !important;
  }

  .trust-bar {
    margin-top: 18px !important;
    margin-bottom: 14px !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
  }

  .home-trust-grid,
  .trust-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px 8px !important;
  }

  .home-trust-chevron {
    display: none !important;
  }

  .home-trust-item,
  .trust-item {
    padding: 4px 6px !important;
    gap: 8px !important;
    border-right: none !important;
  }

  .home-trust-icon-circle,
  .trust-icon {
    width: 36px !important;
    height: 36px !important;
    font-size: 0.95rem !important;
  }

  .home-trust-text strong,
  .trust-text strong {
    font-size: 0.86rem !important;
  }

  .home-trust-text span,
  .trust-text span {
    font-size: 0.72rem !important;
  }

  /* --------------------------------------------------------------------------
     HOMEPAGE SERVICES SECTION
     -------------------------------------------------------------------------- */
  .home-services-clean,
  .home-why-section,
  .home-equipment-section,
  .home-areas-section,
  .home-reviews-section,
  .home-emergency-banner-section,
  .home-faq-section,
  .section {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  .home-section-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
  }

  .home-section-title {
    font-size: clamp(22px, 6.8vw, 30px) !important;
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
  }

  .home-services-grid-3 {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .home-service-card {
    border-radius: 16px !important;
  }

  .home-card-media {
    height: 190px !important;
  }

  .home-card-body {
    padding: 18px 16px !important;
  }

  .home-card-title {
    font-size: 1.1rem !important;
  }

  /* Why Us / Neden Biz */
  .home-why-features-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .why-pro-card {
    padding: 16px !important;
    border-radius: 14px !important;
  }

  .home-why-media-wrap {
    border-radius: 16px !important;
    min-height: 280px !important;
  }

  .home-why-main-img {
    height: 280px !important;
    object-fit: cover !important;
  }

  .home-why-floating-card {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin-top: 12px !important;
    border-radius: 14px !important;
    padding: 14px !important;
  }

  .why-v2-stage {
    grid-template-columns: 1fr !important;
    border-radius: 20px !important;
  }

  .why-v2-content {
    padding: 28px 20px 24px !important;
  }

  .why-v2-title {
    font-size: 2.1rem !important;
  }

  .why-v2-visual {
    height: 260px !important;
    min-height: 260px !important;
  }

  .why-v2-bottom-bar {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px 18px !important;
    border-radius: 16px !important;
  }

  .why-v2-bar-item {
    border-right: none !important;
    border-bottom: 1px solid #F1F5F9 !important;
    padding-bottom: 10px !important;
    padding-right: 0 !important;
  }

  /* Equipment 6-Cards */
  .home-equip-grid-6 {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .home-equip-card {
    padding: 18px 16px !important;
    border-radius: 14px !important;
  }

  .equip-card-media {
    height: 110px !important;
  }

  .district-ops-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* Istanbul 3D Map Section */
  .areas-content-col {
    width: 100% !important;
  }

  .areas-card-title {
    font-size: clamp(22px, 6.8vw, 28px) !important;
    line-height: 1.2 !important;
  }

  .areas-quick-select {
    margin-top: 14px !important;
    margin-bottom: 18px !important;
  }

  .quick-district-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .q-pill {
    padding: 5px 10px !important;
    font-size: 0.78rem !important;
    border-radius: 8px !important;
  }

  .btn-areas-primary {
    width: 100% !important;
    justify-content: center !important;
    padding: 13px 18px !important;
    border-radius: 12px !important;
  }

  .areas-interactive-col {
    position: relative !important;
    height: 380px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-top: 16px !important;
  }

  .areas-top-header-row {
    flex-direction: column !important;
    gap: 8px !important;
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
  }

  .areas-top-tabs {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .areas-tab-pill {
    padding: 6px 10px !important;
    font-size: 0.75rem !important;
    flex: 1 !important;
    text-align: center !important;
  }

  .areas-stat-glass-bar {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    gap: 8px !important;
  }

  .glass-stat-info strong {
    font-size: 0.8rem !important;
  }

  .glass-stat-info span {
    font-size: 0.68rem !important;
  }

  /* Customer Reviews */
  .home-reviews-header {
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
  }

  .home-reviews-stats-strip {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .rev-stat-box {
    padding: 10px 6px !important;
    border-radius: 10px !important;
    text-align: center !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .rev-stat-box strong {
    font-size: 0.95rem !important;
  }

  .rev-stat-box span {
    font-size: 0.68rem !important;
  }

  .home-reviews-header-right {
    width: 100% !important;
    gap: 12px !important;
  }

  .home-reviews-controls-cluster {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .btn-rate-google {
    flex: 1 !important;
    justify-content: space-between !important;
    padding: 6px 12px 6px 8px !important;
  }

  .home-reviews-cta-card {
    padding: 20px 18px !important;
    margin-top: 24px !important;
    border-radius: 16px !important;
  }

  .reviews-cta-card-content {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .reviews-cta-card-brand {
    gap: 12px !important;
  }

  .reviews-cta-title {
    font-size: 1.1rem !important;
  }

  .reviews-cta-desc {
    font-size: 0.82rem !important;
  }

  .btn-google-rate-primary {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px 16px !important;
  }

  .home-reviews-grid-3 {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .home-review-card {
    padding: 18px 16px !important;
    border-radius: 14px !important;
  }

  /* Emergency Full-Width Banner */
  .home-emergency-banner-section {
    padding: 40px 0 !important;
  }

  .emergency-banner-title {
    font-size: clamp(22px, 6.8vw, 30px) !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
  }

  .emergency-banner-desc {
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
  }

  .emergency-banner-actions {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .btn-emergency-call,
  .btn-emergency-wa {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
  }

  .emergency-banner-features-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .emergency-feat-card {
    padding: 12px 10px !important;
    border-radius: 12px !important;
  }

  .feat-stat-number {
    font-size: 0.95rem !important;
  }

  .feat-stat-label {
    font-size: 0.74rem !important;
  }

  /* FAQ Accordion */
  .home-faq-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .home-faq-item summary {
    padding: 14px 16px !important;
  }

  .faq-q-text {
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
  }

  .home-faq-answer {
    padding: 0 16px 14px !important;
    font-size: 0.88rem !important;
  }

  /* --------------------------------------------------------------------------
     HAKKIMIZDA / ABOUT PAGE MOBILE REFINEMENTS
     -------------------------------------------------------------------------- */
  .about-story-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .about-collage-container {
    width: 100% !important;
  }

  .about-collage-main img {
    height: 220px !important;
    border-radius: 14px !important;
  }

  .collage-badge {
    left: 10px !important;
    bottom: 10px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    max-width: calc(100% - 20px) !important;
  }

  .about-collage-row {
    gap: 8px !important;
    margin-top: 8px !important;
  }

  .collage-thumb img {
    height: 75px !important;
    border-radius: 10px !important;
  }

  .pledge-box-luxury {
    padding: 16px 14px !important;
    border-radius: 12px !important;
    margin-top: 18px !important;
  }

  .about-pillars-faq-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .pillar-card-luxury {
    padding: 18px 16px !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
  }

  .about-values-panoramic-section {
    padding: 55px 0 60px !important;
    background-position: center right !important;
  }

  .about-values-overlay-fade {
    background: rgba(255, 255, 255, 0.94) !important;
  }

  .about-values-grid-3 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .about-value-card {
    padding: 26px 22px 22px !important;
    border-radius: 20px !important;
  }

  .about-values-title {
    font-size: 1.9rem !important;
  }

  /* --------------------------------------------------------------------------
     HİZMETLER & DETAIL MOBILE REFINEMENTS
     -------------------------------------------------------------------------- */
  .services-filters-scroll {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-bottom: 6px !important;
    gap: 8px !important;
  }

  .services-filters-scroll::-webkit-scrollbar {
    display: none !important;
  }

  .srv-filter-pill {
    white-space: nowrap !important;
    padding: 7px 14px !important;
    font-size: 0.82rem !important;
    flex-shrink: 0 !important;
  }

  .services-main-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .service-card-clean {
    border-radius: 16px !important;
  }

  .service-detail-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .service-detail-sidebar {
    order: 2 !important;
  }

  .service-detail-content {
    order: 1 !important;
  }

  /* --------------------------------------------------------------------------
     HİZMET BÖLGELERİ & DETAIL MOBILE REFINEMENTS
     -------------------------------------------------------------------------- */
  .locations-search-wrap {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .locations-search-input {
    width: 100% !important;
    font-size: 16px !important; /* Prevents iOS Safari auto-zoom */
    padding: 12px 16px !important;
  }

  .locations-cards-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .location-card-luxury {
    border-radius: 14px !important;
    padding: 16px !important;
  }

  .location-detail-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* --------------------------------------------------------------------------
     GALERİ MOBILE REFINEMENTS
     -------------------------------------------------------------------------- */
  .gallery-filter-tabs {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 8px !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
  }

  .gallery-filter-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .gallery-tab-btn {
    white-space: nowrap !important;
    padding: 7px 14px !important;
    font-size: 0.82rem !important;
    flex-shrink: 0 !important;
  }

  .gallery-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .gallery-card {
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .gallery-img-wrap img {
    height: 200px !important;
    object-fit: cover !important;
  }

  /* --------------------------------------------------------------------------
     BLOG & DETAIL MOBILE REFINEMENTS
     -------------------------------------------------------------------------- */
  .blog-featured-card {
    grid-template-columns: 1fr !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
  }

  .blog-featured-img img {
    height: 200px !important;
    object-fit: cover !important;
  }

  .blog-featured-body {
    padding: 20px 16px !important;
  }

  .blog-main-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .blog-card-luxury {
    border-radius: 14px !important;
  }

  .blog-detail-layout {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .blog-article-body {
    font-size: 1rem !important;
    line-height: 1.68 !important;
  }

  /* --------------------------------------------------------------------------
     İLETİŞİM / CONTACT MOBILE REFINEMENTS
     -------------------------------------------------------------------------- */
  .contact-split-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .contact-card-dark,
  .contact-card-wa,
  .contact-card-info,
  .contact-form-luxury-card {
    border-radius: 16px !important;
    padding: 20px 16px !important;
  }

  .contact-dark-title {
    font-size: 1.25rem !important;
  }

  .btn-contact-dark-call {
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
  }

  .btn-contact-dark-call .main {
    font-size: 1.15rem !important;
  }

  .contact-card-wa {
    flex-direction: column !important;
    gap: 14px !important;
    align-items: flex-start !important;
  }

  .btn-contact-wa-pill {
    width: 100% !important;
    justify-content: center !important;
  }

  .form-control,
  .form-select {
    font-size: 16px !important; /* CRITICAL: Prevents iOS Safari auto-zoom on input focus */
    padding: 12px 14px !important;
    border-radius: 10px !important;
  }

  .btn-submit-luxury {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 1rem !important;
  }

  /* --------------------------------------------------------------------------
     FOOTER GUARANTEE STRIP & CORPORATE FOOTER MOBILE REFINEMENTS
     -------------------------------------------------------------------------- */
  .footer-guarantee-strip {
    padding: 28px 0 !important;
  }

  .footer-guarantee-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px 10px !important;
  }

  .guarantee-item {
    padding: 6px !important;
    gap: 10px !important;
  }

  .guarantee-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    font-size: 1rem !important;
  }

  .guarantee-text strong {
    font-size: 0.84rem !important;
    line-height: 1.2 !important;
  }

  .guarantee-text span {
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
  }

  .site-footer {
    padding-top: 36px !important;
  }

  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    margin-bottom: 30px !important;
  }

  .footer-trust-boxes {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
  }

  .footer-trust-box {
    padding: 8px 4px !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 4px !important;
  }

  .footer-trust-box i {
    font-size: 0.95rem !important;
  }

  .footer-trust-box strong {
    font-size: 0.74rem !important;
  }

  .footer-trust-box span {
    font-size: 0.68rem !important;
  }

  .footer-phone-huge {
    font-size: clamp(1.15rem, 5vw, 1.35rem) !important;
    white-space: nowrap !important;
  }

  .footer-phone-huge span {
    white-space: nowrap !important;
  }

  .footer-wa-btn-full {
    white-space: nowrap !important;
    padding: 11px 14px !important;
  }

  .footer-wa-btn-full .f-wa-text {
    white-space: nowrap !important;
    font-size: clamp(0.74rem, 3.2vw, 0.82rem) !important;
  }

  .footer-bottom-dark-bar {
    padding: 20px 0 30px !important;
  }

  .footer-bottom-flex {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .footer-credit-pill {
    font-size: 0.76rem !important;
    padding: 5px 12px !important;
    justify-content: center !important;
    max-width: 100% !important;
  }

  .footer-bottom-ssl {
    font-size: 0.75rem !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .footer-bottom-legal {
    flex-wrap: wrap !important;
    justify-content: center !important;
    font-size: 0.75rem !important;
    gap: 6px !important;
  }
}

/* --------------------------------------------------------------------------
   3. EXTRA SMALL PHONES (<= 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  .home-trust-grid,
  .trust-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .home-hero-title,
  .page-hero-title {
    font-size: clamp(24px, 8vw, 30px) !important;
  }

  .emergency-banner-features-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .footer-guarantee-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .home-reviews-stats-strip {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* --------------------------------------------------------------------------
   4. ULTRA-SLIM PHONES (<= 360px)
   -------------------------------------------------------------------------- */
@media (max-width: 360px) {
  .footer-guarantee-grid {
    grid-template-columns: 1fr !important;
  }

  .home-trust-grid,
  .trust-grid {
    grid-template-columns: 1fr !important;
  }

  .emergency-banner-features-grid {
    grid-template-columns: 1fr !important;
  }
}