/* Deshi Drop — responsive breakpoints & media queries */


  @media (min-width: 760px) {
    .nav-links { display: flex; }
    .nav-row { padding: 8px 20px; }
  }

  @media (min-width: 760px) { .hero-inner { grid-template-columns: 1.1fr 0.9fr; gap: 40px; } }

  @media (min-width: 760px) { .hero h1 { font-size: 52px; } }

  @media (min-width: 760px) {
    .hero-inner { grid-template-columns: 1fr; justify-items: center; text-align: center; max-width: 820px; }
    .hero p { margin-left: auto; margin-right: auto; }
    .hero .btn-ghost { margin-left: 10px; }
    .section .wrap, .wrap { margin-left: auto; margin-right: auto; }
    .section-head { justify-content: center; text-align: center; flex-direction: column; gap: 6px; }
    .section-head a { align-self: center; }
    .cat-scroll { justify-content: center; }
    .promo { text-align: center; justify-items: center; }
    .foot-grid { justify-items: center; text-align: center; }
    footer ul { align-items: center; }
  }


  @media (min-width: 760px) { .wa-wrap { bottom: 28px; } }

  @media (max-width: 480px) { .wa-wrap { right: 8px; padding: 8px; } }

  @media (max-width: 480px) { .wa-float { width: 36px; height: 36px; } }

  @media (min-width: 560px) { .grid { grid-template-columns: repeat(3, 1fr); } }

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

  @media (min-width: 700px) { .promo { grid-template-columns: 1fr auto; padding: 44px 40px; } }

  @media (min-width: 700px) { .foot-grid { grid-template-columns: 2fr 1fr 1fr 1fr; } }

  @media (min-width: 760px) { .mobile-tabbar { display: none; } }

  @media (min-width: 760px) { body { padding-bottom: 0; } }