/* =============================================================================
   teas.co.uk — Homepage v2.3 · TABLET LANDSCAPE layer  (1024–1180px)
   Additive. Load AFTER teas-homepage-v2.css, BEFORE portrait and mobile.
   Overrides only — never re-declare colour, type family or animation here.
   ========================================================================== */
@media (max-width: 1180px) {

  /* chrome ------------------------------------------------------------- */
  .hp-shell            { padding: 20px 22px 0; }
  .nav__links          { display: none; }          /* live theme behaviour  */
  .nav__burger         { display: inline-flex; }
  .announce            { font-size: 10px; }

  /* hero --------------------------------------------------------------- */
  .hp-hero__in         { gap: 28px 32px; }
  .hp-hero__copy       { flex: 1 1 400px; }
  .hp-hero__side       { flex: 1 1 340px; }
  .hp-hero h1          { font-size: clamp(40px, 5.4vw, 58px); }
  .hp-hero__lede       { font-size: 17px; max-width: 46ch; }
  .hp-hero .asklee__chat { min-height: 470px; }
  .hp-hero__stats      { gap: 14px 20px; }

  /* tea of the day ----------------------------------------------------- */
  .hp-totd__face       { grid-template-columns: 208px 1fr; gap: 28px; }
  .hp-totd__pic        { width: 208px; height: 240px; }
  .hp-totd__title      { font-size: clamp(28px, 4vw, 38px); }
  .hp-totd__note       { font-size: 17.5px; max-width: 60ch; }

  /* ways in ------------------------------------------------------------ */
  .hp-ways__grid       { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .hp-wayhero__body h3 { font-size: 28px; }

  /* picks rail --------------------------------------------------------- */
  .hp-pick             { flex-basis: 268px; width: 268px; }
  .hp-pick--feature    { flex-basis: 300px; width: 300px; }

  /* recipes ------------------------------------------------------------ */
  .hp-recipe-feature   { grid-template-columns: minmax(180px,24%) minmax(300px,1fr); }
  .hp-recipe-cols      { grid-template-columns: minmax(0,.6fr) minmax(0,1fr); gap: 22px; }
  .hp-recipes__grid    { grid-template-columns: repeat(3, minmax(0,1fr)); }

  /* wiki --------------------------------------------------------------- */
  .hp-wiki__top        { grid-template-columns: minmax(0,1fr) 280px; }
  .hp-wiki__families   { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hp-wiki__people     { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .hp-wiki__index      { columns: 2; }

  /* live picks + news -------------------------------------------------- */
  .hp-live, .hp-newsrow { grid-template-columns: minmax(0,1.4fr) minmax(280px,.9fr); }
  .hp-live__grid        { grid-template-columns: repeat(3, minmax(0,1fr)); }

  /* newsletter + footer ------------------------------------------------ */
  .hp-signup__in       { grid-template-columns: 1fr; gap: 18px; }
  .hp-foot__grid       { grid-template-columns: repeat(3, minmax(0,1fr)); }
}