/* Purely Cane WordPress theme fixes.
   Additive only. The v4 build in clients/purely-cane/v4 stays the design source of truth;
   fold anything here back into v4/src/site.css on the next design pass. */

/* 2026-09-16, measured: on a 390px phone the flavor pages scrolled sideways by 7px.
   Cause is .related__row ("Pours well next to"), which keeps three columns at every
   width, and the tile price line plus the Order button cannot shrink below their
   min content. Present on the approved v4 preview too, so it predates this port.
   Two columns on phones removes the sideways scroll and makes the box art bigger. */
@media (max-width: 560px) {
  .related__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .related__row .tile__price small { display: block; }
  .related__row .tile__ctas .btn { padding: 0 10px; font-size: 0.64rem; }
}