/* WayGo: original logo, readable dates, AI preview inside its section. */
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.site-header .brand{display:flex;align-items:center;flex:none}
.site-header .brand-logo{width:clamp(150px,14vw,215px);max-height:73px}
.site-footer>a{flex:none}
.site-footer .footer-logo{width:clamp(175px,17vw,245px)}
.phone-header .brand-logo{width:clamp(65px,6.5vw,92px);height:auto;max-height:32px}
.phone-ai,.phone-search-line>span,.mobile-reservation>span:last-child{color:var(--orange)}
.date-row{display:grid;grid-template-columns:minmax(0,1fr) 43px;gap:7px;width:100%}
.date-input-wrap,.time-input-wrap{font-variant-numeric:tabular-nums}
.date-input-wrap>span,.time-input-wrap>span{display:block;white-space:nowrap}
.time-input-wrap{width:43px}
.ai-section{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) minmax(150px,.7fr);gap:24px;padding-block:24px;min-height:0}
.ai-copy,.ai-benefits{width:auto;min-width:0}
.ai-benefits{position:static;flex-direction:column;gap:18px;align-self:center}
.ai-benefits li{max-width:none}
.phone{position:relative;inset:auto;width:clamp(160px,15vw,220px);max-width:100%;height:auto;aspect-ratio:257/416;align-self:center;justify-self:center;margin:0}
.phone-screen{width:100%}
@media(max-width:1200px){
  .date-row{grid-template-columns:1fr;gap:1px}
  .date-input-wrap,.time-input-wrap{width:100%;font-size:12px;height:18px;line-height:18px}
  .date-field{padding-block:6px}
}
@media(min-width:601px) and (max-width:900px){
  .ai-section{grid-template-columns:minmax(0,1fr) 165px;gap:20px 24px;padding:24px}
  .ai-copy{grid-column:1;grid-row:1;width:100%}
  .ai-benefits{grid-column:1;grid-row:2;width:100%;align-self:start;flex-direction:column;gap:12px}
  .ai-benefits li{font-size:11px;gap:10px;max-width:100%}
  .phone{grid-column:2;grid-row:1 / span 2;width:165px;align-self:center}
}
@media(max-width:600px){
  .site-header .brand-logo{width:150px;max-height:54px}
  .site-footer .footer-logo{width:180px}
  .date-field{gap:6px}
  .date-input-wrap,.time-input-wrap{font-size:11px}
  .ai-section{display:flex;flex-direction:column;padding:22px 17px;gap:0}
  .ai-copy{width:100%}
  .ai-benefits{width:100%;position:static;margin-top:20px;gap:13px;align-self:stretch}
  .ai-benefits li{font-size:11px;max-width:100%}
  .phone{width:185px;height:308px;aspect-ratio:auto;margin:26px 0 8px}
  .phone-header .brand-logo{width:74px;max-height:27px}
}
@media(max-width:350px){.site-header .brand-logo{width:130px}.site-header{padding-inline:16px;gap:10px}.header-actions{gap:13px}}