/* Tablet View: 620px bis 899px */

@media (min-width: 620px) and (max-width: 899px) {
  .wrap {
    width: min(100% - 34px, 1180px);
  }

  .nav {
    padding: 10px 0;
  }

  .brand small {
    display: none;
  }

  .hero {
    padding-top: 40px;
  }

  h1 {
    font-size: clamp(44px, 7vw, 58px);
  }

  .toolbar {
    grid-template-columns: 1fr auto;
  }

  .filters {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 5px;
  }

  .chip {
    flex: 0 0 auto;
  }

  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .thumb {
    height: 122px;
  }
}

@media (min-width: 620px) and (max-width: 899px) {
  .sponsor-wall-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}


/* AWARD TABLET */
@media (min-width:620px) and (max-width:899px) {
  :root { --header-h:70px; }
  body { padding-bottom:max(12px,var(--safe-bottom)); }
  .nav { min-height:70px; }
  .nav-actions { flex-wrap:nowrap; }
  .nav-actions .btn { min-width:44px; padding-inline:11px; }
  .nav-actions .btn span { display:none; }
  .hero { padding-top:34px; }
  .hero-actions { gap:9px; }
  .grid { gap:14px; }
  .sponsor-wall-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .sponsor-slot-placeholder { aspect-ratio:16/10; }
  dialog { max-height:calc(100dvh - 30px); }
}