/* Telefonlar */
@media (max-width: 479px) {
  :root { --header-height: 68px; }
  .site-header { padding-inline: .75rem; }
  .brand__logo { height: 42px; width: min(49vw, 180px); }
  .header-actions { gap: .3rem; }
  .header-actions .icon-button { min-width: 40px; }
  #notification-button { display: none; }
  .avatar-button { height: 40px; width: 40px; }
  #main-content { padding-inline: .9rem; }
  .hero { background-image: linear-gradient(90deg, rgb(255 255 255 / 98%) 0%, rgb(248 251 255 / 92%) 72%, rgb(245 250 255 / 72%) 100%), url("/assets/images/hero-buildings.png?v=1"); background-position: center, 82% center; padding: 1.15rem .95rem; }
  [data-theme="dark"] .hero { background-image: linear-gradient(90deg, rgb(12 32 56 / 98%) 0%, rgb(12 32 56 / 90%) 76%, rgb(12 32 56 / 72%) 100%), url("/assets/images/hero-buildings.png?v=1"); }
  .hero .page-title { font-size: 1.72rem; }
  .hero__controls { margin-top: 1rem; }
  .search-box { min-height: 52px; }
  .quick-links { gap: .4rem; grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; padding: 0; }
  .quick-link { font-size: .64rem; line-height: 1.2; min-height: 50px; padding: .4rem .3rem; white-space: normal; }
  .quick-link .ui-icon { flex: 0 0 auto; }
  .section-heading { align-items: flex-start; flex-direction: column; margin-top: 1.75rem; }
  .section-actions { justify-content: space-between; width: 100%; }
  .section-actions .button span { display: none; }
  .tool-card { min-height: 176px; }
}

/* Tablet başlangıcı */
@media (min-width: 600px) {
  #main-content { padding: 1.35rem 1.5rem calc(var(--bottom-nav-height) + 2rem); }
  .site-header { padding-inline: 1.5rem; }
  .tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .field--wide { grid-column: 1 / -1; }
  .settings-grid, .content-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-strip { grid-template-columns: repeat(2, 1fr); }
  .feature-item:nth-child(even) { border-left: 1px solid var(--border); }
  .feature-item:nth-child(2) { border-top: 0; }
}

@media (max-width: 819px) {
  .hero__controls { grid-template-columns: 1fr; }
}

@media (min-width: 480px) and (max-width: 819px) {
  .quick-links { grid-auto-columns: minmax(150px, 1fr); grid-auto-flow: column; grid-template-columns: none; overflow-x: auto; padding: 2px 1px 5px; scrollbar-width: none; }
  .quick-links::-webkit-scrollbar { display: none; }
}

/* Sabit sidebar ve geniş ekran düzeni */
@media (min-width: 992px) {
  .app-shell { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
  .desktop-sidebar { height: 100vh; max-width: none; padding: 1.25rem 1rem 1.1rem; position: sticky; transform: none; width: auto; }
  .sidebar-backdrop, .sidebar-close, .menu-button { display: none; }
  .desktop-sidebar nav { margin-top: 2rem; }
  .bottom-nav { display: none; }
  .site-header { padding-inline: 2rem; position: sticky; }
  #main-content { padding: 1.65rem 2rem 3rem; }
  .site-footer { padding-bottom: 2rem; }
  .tool-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .feature-strip { grid-template-columns: repeat(4, 1fr); }
  .feature-item + .feature-item { border-left: 1px solid var(--border); border-top: 0; }
  .tool-layout { align-items: start; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); }
  .result-card { position: sticky; top: calc(var(--header-height) + 1rem); }
  .toast-region { bottom: 1rem; left: calc(var(--sidebar-width) + 1rem); }
}

@media (min-width: 1280px) {
  .tool-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1500px) {
  #main-content { padding-inline: 2.5rem; }
}

/* Kısa ekranlarda sidebar desteği görünür kalsın */
@media (min-width: 992px) and (max-height: 700px) {
  .desktop-sidebar nav { gap: .2rem; margin-top: 1rem; }
  .desktop-sidebar .nav-link { min-height: 42px; padding-block: .45rem; }
  .support-card { padding: .65rem; }
}