/* HENORA-SITE-V131: very small, tidy phone type. Phones only. Loaded last. */
@media (max-width: 640px) {
  html body :is(p, li, dd, blockquote, figcaption, label, td, th, summary, address):not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10),
  html body :is([class*="lead"], [class*="lede"], [class*="intro"], [class*="desc"], [class*="copy"], [class*="text"], [class*="body"], [class*="sub"], [class*="para"]):not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10),
  html body :is(section, article, main, .container) p:not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) {
    font-size: 12.5px !important; line-height: 1.6 !important; letter-spacing: 0 !important; font-weight: 400;
  }
  html body :is(p, li) :is(b, strong, em, a, span):not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) { font-size: inherit !important; line-height: inherit !important; }
  html body h1:not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) { font-size: 22px !important; line-height: 1.22 !important; }
  html body h2:not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) { font-size: 18px !important; line-height: 1.26 !important; }
  html body h3:not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) { font-size: 15px !important; line-height: 1.3 !important; }
  html body :is(h4, h5, h6):not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) { font-size: 13px !important; line-height: 1.35 !important; }
  html body :is(small, [class*="eyebrow"], [class*="kicker"], [class*="pill"], [class*="badge"], [class*="caption"], [class*="note"]):not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) { font-size: 10.5px !important; line-height: 1.5 !important; }
  html body :is(.btn, button, a.btn):not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) { font-size: 12.5px !important; line-height: 1.2 !important; }
  html body :is(input, select, textarea):not(#x1):not(#x2):not(#x3):not(#x4):not(#x5):not(#x6):not(#x7):not(#x8):not(#x9):not(#x10) { font-size: 16px !important; }
}
/* HENORA-SITE-V133: call-to-action buttons and links tidy on phones */
@media (max-width: 640px) {
  html body .hero-actions:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8) {
    display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important;
    gap: 12px 18px !important; width: 100% !important; margin: 20px auto 0 !important; padding: 0 !important; text-align: center !important;
  }
  html body .hero-actions > .btn:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8) {
    flex: 1 1 100% !important; width: 100% !important; max-width: 280px !important; margin: 0 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    min-height: 46px !important; padding: 12px 20px !important; font-size: 13px !important; line-height: 1.2 !important; text-align: center !important;
  }
  html body .hero-actions > a:not(.btn):not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8) {
    flex: 0 0 auto !important; margin: 4px 0 0 !important; padding: 6px 4px !important;
    font-size: 12.5px !important; line-height: 1.3 !important; text-align: center !important;
    text-decoration: underline !important; text-underline-offset: 3px !important;
  }
}
/* HENORA-SITE-V134: more even spacing between the buttons and the two links under them (phones only) */
@media (max-width: 640px) {
  html body .hero-actions:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8) { row-gap: 14px !important; column-gap: 28px !important; }
  html body .hero-actions > .btn:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8) { max-width: 300px !important; }
  html body .hero-actions > a:not(.btn):not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8) {
    margin-top: 16px !important;
    padding: 8px 6px !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
  }
}
/* HENORA-SITE-V135: smaller hero headings and text on phones (phones only) */
@media (max-width: 640px) {
  html body :is([class*="hero"], [class*="page-head"], [class*="banner"]) :is(h1, h2):not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9):not(#h10),
  html body :is([class*="hero"], [class*="page-head"], [class*="banner"]) :is(h1, h2) *:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9):not(#h10) {
    font-size: 19px !important; line-height: 1.25 !important; letter-spacing: -0.005em !important;
    margin-top: 0 !important; margin-bottom: 12px !important;
  }
  html body :is([class*="hero"], [class*="page-head"], [class*="banner"]) :is(p, li):not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9):not(#h10) {
    font-size: 12px !important; line-height: 1.65 !important; letter-spacing: 0 !important;
    margin-top: 0 !important; margin-bottom: 14px !important;
  }
  /* the green callout box inside the hero */
  html body :is([class*="hero"], [class*="page-head"], [class*="banner"]) :is([class*="callout"], [class*="note"], [class*="proof"], [class*="highlight"], [class*="quote"], [class*="point"]) :is(p, span, strong, b, div):not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9):not(#h10) {
    font-size: 12px !important; line-height: 1.6 !important; font-weight: 500;
  }
  /* the orange label pill */
  html body :is([class*="hero"], [class*="page-head"], [class*="banner"]) :is([class*="eyebrow"], [class*="kicker"], [class*="pill"], [class*="badge"], [class*="tag"]):not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9):not(#h10) {
    font-size: 10px !important; line-height: 1.4 !important; padding: 6px 14px !important; letter-spacing: .12em !important;
  }
}

/* HENORA-SITE-V137: page never wider than the phone screen */
@media (max-width: 640px) {
  html:not(#o1):not(#o2):not(#o3) { overflow-x: hidden !important; }
  html body:not(#o1):not(#o2):not(#o3) { overflow-x: clip !important; max-width: 100% !important; }
  html body :is(section, main, header, footer, form, article):not(#o1):not(#o2):not(#o3) { max-width: 100% !important; box-sizing: border-box !important; }
  html body :is(img, svg, video, iframe, table, input, select, textarea):not(#o1):not(#o2):not(#o3) { max-width: 100% !important; }
}

@media (max-width: 640px) {
  html body .abtx-contact-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .abtx-kicker:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .bu-kicker:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .center:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .ctx-kicker:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .ev-kicker:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .eyebrow:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .hn-gate-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .hs-kicker:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .hs-si-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .hw-kicker:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .inv-label:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .iq-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .iq-pills:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .lock-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .mm-kicker:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .mob-hide-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .rx-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .sl-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .spots-eyebrow:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .tour-eyebrow:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8),
  html body .urgency-pill:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8) {
  display: table !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
}

/* HENORA-SITE-V138: contact card and message form sized for phones (phones only) */
@media (max-width: 640px) {
  html body .abtx-contact-box:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10) { box-sizing: border-box !important; max-width: 100% !important; padding: 20px 14px 16px !important; border-radius: 18px !important; margin-left: auto !important; margin-right: auto !important; }
  html body .abtx-contact-box :is(h2, h3):not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10) { font-size: 15px !important; line-height: 1.3 !important; margin: 12px 0 6px !important; }
  html body .abtx-contact-box p:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10) { font-size: 12px !important; line-height: 1.6 !important; margin: 0 0 14px !important; }
  html body .abtx-contact-box :is([class*="eyebrow"], [class*="kicker"], [class*="pill"], [class*="badge"]):not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10) { font-size: 10px !important; padding: 6px 14px !important; line-height: 1.4 !important; }
  html body .abtx-contact-box a:not(.btn):not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10) { box-sizing: border-box !important; max-width: 100% !important; min-height: 40px !important; padding: 9px 12px !important; border-radius: 12px !important; font-size: 12.5px !important; line-height: 1.3 !important; margin: 0 0 9px !important; gap: 10px !important; }
  html body .abtx-contact-box svg:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10) { width: 16px !important; height: 16px !important; flex: 0 0 auto !important; }
  html body .abtx-contact-box .btn:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10) { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-height: 42px !important; padding: 10px 16px !important; font-size: 12.5px !important; margin: 6px 0 0 !important; border-radius: 12px !important; }}

/* HENORA-SITE-V141: Owner / Manager / Cashier pills stay on one line on phones */
@media (max-width: 640px) {
  html body .hp-roles:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; max-width: 100% !important; }
  html body .hp-roles > *:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) { flex: 0 1 auto !important; min-width: 0 !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 3px 9px 3px 3px !important; font-size: 11px !important; line-height: 1.2 !important; margin: 0 !important; }
  html body .hp-roles .hp-av:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; }
  html body .hp-roles .hp-av svg:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) { width: 20px !important; height: 20px !important; }
}

/* HENORA-SITE-V142: Owner / Manager / Cashier pills centred on phones */
@media (max-width: 640px) {
  html body .hp-roles:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8) { justify-content: center !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; }
}

/* HENORA-SITE-V143: About contact card compact and even on phones */
@media (max-width: 640px) {
  html body .abtx-contact:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { padding: 0 0 36px !important; }
  html body .abtx-contact-box:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; align-items: start !important; padding: 18px 16px 18px !important; border-radius: 18px !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; }
  html body .abtx-contact-box > div:first-child:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { margin: 0 !important; }
  html body .abtx-contact-box .abtx-contact-pill:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { display: inline-block !important; margin: 0 0 10px !important; padding: 5px 12px !important; font-size: 9.5px !important; letter-spacing: .06em !important; }
  html body .abtx-contact-box h3:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { font-size: 15px !important; line-height: 1.3 !important; margin: 0 0 6px !important; }
  html body .abtx-contact-box p:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { font-size: 12px !important; line-height: 1.55 !important; margin: 0 !important; max-width: none !important; }
  html body .abtx-contact-box .abtx-contact-pill:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { margin: 0 0 10px !important; }
  html body .abtx-contact-box .abtx-contact-links:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; min-width: 0 !important; width: 100% !important; margin: 0 !important; }
  html body .abtx-contact-box .abtx-contact-links a:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-sizing: border-box !important; width: 100% !important; min-height: 38px !important; margin: 0 !important; padding: 8px 12px !important; border-radius: 11px !important; font-size: 12.5px !important; line-height: 1.2 !important; }
  html body .abtx-contact-box .abtx-contact-links a svg:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { width: 15px !important; height: 15px !important; flex: 0 0 15px !important; }
  html body .abtx-contact-box .abtx-contact-links a.go:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12):not(#k13):not(#k14) { min-height: 40px !important; margin-top: 2px !important; font-size: 12.5px !important; }
}
/* HENORA-GATE-V154: larger Welcome word on the sign-in gate (phones only) */
@media (max-width: 759px) {
  html body #hn-gate .hn-gate-card #hn-gate-greet:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14) { font-size: clamp(52px, 15vw, 68px) !important; line-height: 1.05 !important; }
}