/* Tee Time Social V228 - launch/mobile corrections */
.auth-mobile-logo,.customer-mobile-brand{display:none}

/* Voucher amount heading needed breathing room. */
.public-site .voucher-purchase-card>.eyebrow:first-child{display:block;margin-bottom:18px!important}

/* Four public simulator cards now match the "Four bays" copy. */
.public-site .bay-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Contact page deliberately starts with the enquiry form. */
.public-site .contact-page-v228{display:grid;gap:46px}
.public-site .contact-page-v228 .contact-enquiry-wrap{margin-top:0!important}
.public-site .contact-page-v228 .contact-details-v228{margin-top:0!important}

@media(max-width:1050px){
  .public-site .bay-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  /* Home hero: old global 500px hero rule clipped the second CTA. */
  .public-site .hero-section{
    height:auto!important;
    min-height:0!important;
    padding:42px 20px 38px!important;
    overflow:visible!important;
    display:block!important;
  }
  .public-site .hero-stage{display:none!important}
  .public-site .hero-copy{max-width:none!important}
  .public-site .hero-actions{margin:28px 0 0!important;gap:12px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .public-site .hero-actions .btn{width:auto!important;max-width:100%!important;box-sizing:border-box!important;min-height:48px!important}

  /* Voucher hero: remove the decorative card on phones; it was forcing a second column off-screen. */
  .public-site .page-hero.vouchers-hero-v226{
    height:auto!important;
    min-height:0!important;
    display:block!important;
    padding:44px 20px 40px!important;
    overflow:hidden!important;
  }
  .public-site .page-hero.vouchers-hero-v226>div:first-child{width:100%!important;max-width:none!important;min-width:0!important}
  .public-site .page-hero.vouchers-hero-v226 .voucher-hero-card{display:none!important}
  .public-site .voucher-purchase-section{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;padding-left:20px!important;padding-right:20px!important}
  .public-site .voucher-purchase-card,.public-site .voucher-purchase-intro{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .public-site .voucher-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .public-site .voucher-amount-grid button{min-width:0!important;width:100%!important}
  .public-site .voucher-form-grid>*{min-width:0!important;max-width:100%!important}

  /* Signed-in customer area: admin mobile CSS was overriding the customer drawer's .open state. */
  .tts-page.dashboard-shell .sidebar.open,
  .tts-page.dashboard-shell .sidebar.admin-live-open{transform:translate3d(0,0,0)!important}
  .tts-page.dashboard-shell .sidebar.open .side-logo,
  .tts-page.dashboard-shell .sidebar.admin-live-open .side-logo{display:block!important;width:128px!important;height:auto!important;margin:10px 0 12px!important;padding:8px!important;background:#fbf6ea!important;border-radius:14px!important}
  .tts-page.dashboard-shell .sidebar.open .side-nav,
  .tts-page.dashboard-shell .sidebar.admin-live-open .side-nav{margin-top:16px!important}
  .customer-mobile-brand{display:flex!important;position:fixed;left:16px;top:14px;z-index:10001;width:112px;height:50px;align-items:center;justify-content:flex-start;padding:3px 8px;border-radius:12px;background:#fbf6ea;text-decoration:none;box-shadow:0 8px 24px rgba(0,63,53,.08)}
  .customer-mobile-brand img{display:block;width:94px;height:42px;object-fit:contain}
  .tts-page.dashboard-shell .mobile-menu-button{top:15px!important;right:16px!important}

  /* Sign-in/create-account logo is visible on mobile even though the desktop brand panel is hidden. */
  .auth-form-side{position:relative!important;padding-top:22px!important}
  .auth-mobile-logo{display:flex!important;width:132px;height:68px;margin:0 auto 20px;align-items:center;justify-content:center;border-radius:14px;background:#fbf6ea;text-decoration:none}
  .auth-mobile-logo img{display:block;width:116px;height:58px;object-fit:contain}

  .public-site .bay-grid{grid-template-columns:1fr!important}
  .public-site .contact-page-v228{gap:32px}
}