/* ---------------------------------------------------------------------------
   Header "Schedule Consultation" tab placement.

   .online-block-wrap holds three pieces: the green quote button + cart (in
   flow), and two absolutely-positioned strips that hang below the header --
   the orange "Call Us Today" bar and this green tab.

   The tab was authored with a negative offset (left:-238px; right:382px) so it
   would sit in the empty space to the LEFT of the orange bar. There is room for
   that at 1600px+, but on narrower desktops the wrap is smaller, so the tab slid
   left underneath the main nav and floated loose over the hero.

   Right-aligning it alone was not enough: it then landed ON the orange bar and
   hid the phone number. So it is stacked directly beneath that bar.

   The offset must equal the orange bar's height, which is not constant (35px
   below ~1440, 40px above). Rather than chase those breakpoints: the two strips
   are always rendered at the SAME height, and translateY percentages resolve
   against the element's own box -- so translateY(100%) shifts the tab down by
   exactly one bar-height at every width. top:100% puts it at the wrap's bottom
   edge, where the orange bar starts; the transform then clears it.
   Added 2026-09-10.
--------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  header .online-block-wrap .schedule-header {
    left: auto;
    right: 0;
    bottom: auto;
    width: auto;
    min-width: 238px;
    top: calc(100% + 2px);
    transform: translateY(100%);
  }
}