/* Mobile Responsive - Ankara Vidanjör Servisi */
@media (max-width: 900px) {
  /* Nav: hide desktop, show call button only */
  header nav { display: none !important; }
  header > div { height: 56px !important; }
  
  /* Topbar */
  body > div:first-child > div { 
    flex-direction: column !important; 
    text-align: center !important; 
    gap: 4px !important; 
  }
  
  /* Typography scaling */
  h1, [style*="font-size: 52px"], [style*="font-size: 48px"], [style*="font-size: 44px"], [style*="font-size: 42px"] {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  h2, [style*="font-size: 40px"], [style*="font-size: 38px"], [style*="font-size: 32px"], [style*="font-size: 30px"] {
    font-size: 24px !important;
  }
  h3, [style*="font-size: 24px"], [style*="font-size: 22px"] {
    font-size: 18px !important;
  }
  
  /* Sections padding */
  section { padding: 40px 0 !important; }
  
  /* All grids to single column */
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  
  /* Flex wrapping */
  [style*="display: flex"][style*="gap"] {
    flex-wrap: wrap !important;
  }
  
  /* Hero buttons stack */
  section:first-of-type [style*="display: flex"][style*="gap: 16px"] {
    flex-direction: column !important;
    width: 100% !important;
  }
  section:first-of-type [style*="display: flex"][style*="gap: 16px"] a {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  
  /* Max-width containers */
  [style*="max-width: 1280px"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  
  /* Stats grid */
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  /* Hero section padding */
  [style*="padding: 80px 0"],
  [style*="padding: 100px 0"] {
    padding: 48px 0 !important;
  }
  
  /* Footer grid */
  footer [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  
  /* Floating buttons - adjust position */
  [style*="position: fixed"][style*="bottom: 24px"][style*="right: 24px"] {
    bottom: 16px !important;
    right: 16px !important;
    width: 50px !important;
    height: 50px !important;
  }
  [style*="position: fixed"][style*="bottom: 24px"][style*="left: 24px"] {
    bottom: 16px !important;
    left: 16px !important;
    width: 50px !important;
    height: 50px !important;
  }
  
  /* Add mobile call bar at top */
  header::after {
    content: '';
    display: block;
  }
}

@media (max-width: 480px) {
  h1 { font-size: 24px !important; }
  h2 { font-size: 20px !important; }
  
  [style*="padding: 36px 28px"] {
    padding: 20px 16px !important;
  }
  [style*="padding: 32px 24px"] {
    padding: 20px 16px !important;
  }
  [style*="padding: 28px 24px"],
  [style*="padding: 24px"] {
    padding: 16px !important;
  }
}