/*
  Albayrak Oto – Mobile Smoothness Layer
  Mobile-only rendering optimizations; desktop appearance remains unchanged.
  Targets: fixed-background repainting and backdrop-filter compositing during touch scroll.
*/
@media (max-width: 899px) {
  html {
    scroll-behavior: auto !important;
    -webkit-text-size-adjust: 100%;
  }

  body {
    /* Fixed gradients can trigger expensive repainting while scrolling on mobile GPUs. */
    background-attachment: scroll !important;
  }

  /* Keep the premium dark glass appearance using solid translucent surfaces,
     without asking the browser to blur every frame behind sticky/fixed bars. */
  .topbar {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background-color: rgba(8, 14, 25, .97) !important;
  }

  .bottom-nav {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background-color: rgba(8, 12, 22, .985) !important;
  }

  .contact-menu-panel,
  .call-fab-panel,
  .cookie-consent {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .contact-menu-panel,
  .call-fab-panel {
    background-color: #08111f !important;
  }

  .cookie-consent {
    background-color: #080f1c !important;
  }

  /* Touch devices do not need hover-only lift/scale effects. */
  @media (hover: none) {
    .service-card:hover,
    .blog-card:hover,
    .gallery-card:hover,
    .branch-card:hover,
    .feature-card:hover {
      transform: none !important;
      filter: none !important;
    }
  }
}

/* Respect the visitor's OS motion preference without changing normal desktop effects. */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}