/* ============================================================
   Toby's Estate — responsive
   ============================================================ */

/* Nav has 7 items — collapse to the menu earlier so the wordmark never wraps */
@media (max-width:1180px){
  .te-nav__inner{gap:16px}
  .te-nav__links{gap:20px}
}

/* Tablet & down: stack two-column layouts, collapse nav to a menu */
@media (max-width:1080px){
  .te-nav__links{
    display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;gap:0;background:var(--cream);
    border-bottom:1px solid var(--border);box-shadow:0 12px 24px rgba(22,19,16,0.08);
  }
  .te-nav--open .te-nav__links{display:flex}
  .te-nav__links .te-nav__link{padding:16px 32px;width:100%}
  .te-nav__link::after{display:none}
  .te-nav__burger{display:flex}

  .te-hero,
  .te-feature,
  .te-pdp,
  .te-sub__grid,
  .te-evtd,
  .te-rsvp__grid,
  .te-checkout__grid{grid-template-columns:1fr;gap:40px}
  .te-checkout__summary{position:static}

  .te-pdp__info,
  .te-sub__aside,
  .te-evtd__side,
  .te-rsvp__summary{position:static}

  .te-hero__media,
  .te-feature__media,
  .te-sub__preview{max-width:480px;width:100%}

  .te-grid-3{grid-template-columns:repeat(2,1fr)}
  .te-lineup{padding-top:56px}
}

/* Phone: single column, tighter spacing */
@media (max-width:600px){
  .te-wrap{padding:0 20px}
  .te-section{padding:48px 0}

  .te-grid-3,
  .te-grid-2,
  .te-evt__grid{grid-template-columns:1fr}
  .te-evtd__facts{grid-template-columns:1fr}

  .te-hero{padding:40px 20px 48px}
  .te-hero__stats{gap:24px;flex-wrap:wrap}
  .te-nav__sub{display:none}

  .te-form__row2{grid-template-columns:1fr}
  .te-pdp__buy{flex-wrap:wrap}
  .te-pdp__cta{flex:1 1 100%}

  .te-evt-catering,
  .te-evt-popup{flex-direction:column;align-items:flex-start;text-align:left}
  .te-evt-hero{padding:64px 20px}

  .te-footer__cols{grid-template-columns:1fr 1fr;gap:28px}
  .te-footer__brand{grid-column:1 / -1}

  .te-drawer__panel{width:100%;max-width:100%}
}

@media (max-width:400px){
  .te-footer__cols{grid-template-columns:1fr}
}