.mobile-discovery,.mobile-bottom-nav,.mobile-section-heading,.mobile-empty{display:none}
@media(max-width:768px){
  html{scroll-padding-bottom:100px}
  body{background:#f7f4ed;padding-bottom:calc(82px + env(safe-area-inset-bottom));color:#292b28}
  body>.container{padding:0;max-width:600px;background:#fff;min-height:100vh}
  header{position:relative;top:auto;display:flex;justify-content:center;background:#fff;border:0;box-shadow:none;padding:24px 16px 20px;animation:none;backdrop-filter:none}
  .logo-container{flex-direction:column;gap:0}
  .logo-img{width:128px!important;max-width:128px!important;height:128px!important;max-height:128px!important;border-radius:0;background:transparent}
  .logo-img img{object-fit:contain}
  .logo{font-size:20px;line-height:1.25;letter-spacing:-.5px;background:none;-webkit-text-fill-color:#292b28;color:#292b28}
  .logo-container::after{content:'STAYCATION';font-size:12px;letter-spacing:3px;color:#a28a44;margin-top:5px}
  header .menu-toggle,header #mainNav,#intro,.home-promo-banner{display:none}
  .mobile-discovery{display:block;padding:0 0 12px}
  .stay-search{display:flex;align-items:center;gap:10px;margin:4px 22px 24px;padding:6px;border:1px solid #eeeae2;border-radius:14px;box-shadow:0 5px 13px #292b2814;background:#fff}
  .stay-search svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}
  .stay-search span{background:#b4974e;color:#fff;border-radius:10px;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}
  .stay-search input{width:100%;min-width:0;border:0;background:none;font:inherit;font-size:15px;color:#38382e;outline:none}
  .stay-search:focus-within{outline:2px solid #b4974e;outline-offset:3px}
  .stay-search input::placeholder{color:#a48e56;opacity:1}
  .stay-hero-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 22px;scroll-padding-inline:22px}
  .stay-hero-track::-webkit-scrollbar,.grid::-webkit-scrollbar{display:none}
  .stay-hero-slide{flex:0 0 94%;scroll-snap-align:center;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1.65;display:block;background:#eee9dc}
  .stay-hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
  .stay-hero-slide span{position:absolute;bottom:0;left:0;right:0;padding:24px 15px 11px;background:linear-gradient(transparent,#0009);color:white;font-size:12px}
  .stay-hero-dots{display:flex;justify-content:center;gap:0;margin-top:4px}
  .stay-hero-dots button{border:0;background:none;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}
  .stay-hero-dots button::before{content:'';height:8px;width:8px;border-radius:50%;background:#c7cac5}
  .stay-hero-dots button[aria-current=true]::before{background:#b4974e}
  #accommodations{padding:0 0 24px;margin:0;scroll-margin-top:18px}
  .mobile-section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 22px 16px;gap:8px}
  .mobile-section-heading h2{font-size:21px;line-height:1.3;margin:0;letter-spacing:-.7px;color:#292b28}
  .mobile-section-heading h2::after{display:none}
  .mobile-section-heading button{background:none;border:0;color:#9a813d;font:inherit;font-size:13px;min-height:44px;cursor:pointer}
  #accommodations .grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 22px 18px;margin:0;scrollbar-width:none;align-items:stretch}
  #accommodations .card{flex:0 0 66%;min-width:0;scroll-snap-align:start;border:1px solid #eeeae3;border-radius:15px;background:#fff;box-shadow:0 5px 12px #292b2819;transform:none;animation:none;overflow:hidden}
  #accommodations .card[hidden]{display:none!important}
  #accommodations .card-img-container{height:auto;aspect-ratio:1.42;display:block;border-radius:0}
  #accommodations .card-img-container img{width:100%;height:100%;object-fit:cover}
  #accommodations .floor-badge{font-size:10px;padding:4px 8px;top:9px;left:9px}
  #accommodations .card-overlay,#accommodations .rating,#accommodations .amenities{display:none}
  #accommodations .card-body{padding:12px}
  #accommodations .card h3{font-size:15px;margin:0 0 5px;line-height:1.4}
  #accommodations .location{font-size:11px;margin:0 0 8px;color:#85857a}
  #accommodations .price{font-size:14px;color:#a58b42;margin:0 0 6px;font-weight:600}
  #accommodations .btn{background:none;box-shadow:none;color:#656353;padding:4px 0;font-size:11px;border:0;text-align:left;min-height:28px}
  #accommodations.is-expanded .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:12px}
  #accommodations.is-expanded .card h3{font-size:13px}
  #accommodations.is-expanded .price{font-size:12px}
  .mobile-empty:not([hidden]){display:block;padding:10px 22px;font-size:14px;color:#777}
  .mobile-bottom-nav{display:flex;flex-direction:row;gap:0;position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;transform:none;margin:0;border-radius:0;z-index:1000;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid #e9e6dd;box-shadow:0 -4px 15px #292b2808;justify-content:space-around}
  .mobile-bottom-nav a{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:3px 0;text-decoration:none;color:#464942;font-size:11px;text-transform:none;letter-spacing:0;border:0;margin:0;font-weight:500;background:none}
  .mobile-bottom-nav a::after{display:none}
  .mobile-bottom-nav svg{height:25px;width:25px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav a[aria-current=page]{color:#b4974e}
  .mobile-bottom-nav a:first-child svg{fill:currentColor;stroke-width:1}
  footer{margin-bottom:0;border-radius:0}
  #platforms{scroll-margin-top:16px}
}