/* ROOMNOW v7.6.4 — mobile rhythm + high-shop operating-day notice */

/* Home mobile: remove the last stacked paddings that still looked like empty bands
   on 360px-class Android screens. Keep PC spacing untouched. */
@media(max-width:720px){
  body[data-page-type="home"] .hero-inner{padding-bottom:0!important}
  body[data-page-type="home"] .home-hero{padding-bottom:10px!important}
  body[data-page-type="home"] #categories{padding-bottom:6px!important}
  body[data-page-type="home"] #categories .seo-summary{margin-bottom:4px!important}
  body[data-page-type="home"] .home-quick-directory{padding-top:8px!important;padding-bottom:22px!important}
  body[data-page-type="home"] .home-quick-directory .center-head{margin-bottom:18px!important}
  body[data-page-type="home"] .home-quick-directory .center-head:after{margin-top:10px!important}
  body[data-page-type="home"] .live-home-section{padding-top:20px!important}
}

/* High-shop weekend / holiday guidance. Intentionally compact: this is an
   operational caveat, not another hero/CTA block. */
.high-shop-hours-note{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;
  margin:15px 0 18px;padding:14px 16px;border:1px solid rgba(216,185,119,.22);
  border-radius:14px;background:linear-gradient(135deg,rgba(216,185,119,.075),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.high-shop-hours-note .hours-note-icon{
  display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(216,185,119,.30);
  border-radius:10px;background:rgba(216,185,119,.075);color:#d9bd7e;font-size:12px;font-weight:900
}
.high-shop-hours-note b{display:block;margin:1px 0 4px;color:#ead6aa;font-size:12px;line-height:1.35;letter-spacing:-.015em}
.high-shop-hours-note p{margin:0;color:#a9a39a;font-size:10.5px;line-height:1.65;word-break:keep-all}
.high-shop-hours-note--compact{margin:13px 0 17px}
.high-shop-hours-note--compact p{max-width:900px}
body[data-page-type="live"] .high-shop-hours-note{margin-top:0;margin-bottom:14px}

@media(max-width:720px){
  .high-shop-hours-note{grid-template-columns:28px minmax(0,1fr);gap:9px;margin:10px 0 14px;padding:11px 12px;border-radius:12px}
  .high-shop-hours-note .hours-note-icon{width:27px;height:27px;border-radius:8px;font-size:10px}
  .high-shop-hours-note b{font-size:10.5px;margin-top:0;margin-bottom:3px}
  .high-shop-hours-note p{font-size:9.25px;line-height:1.58}
  body[data-page-type="live"] .high-shop-hours-note{margin-bottom:11px}
}


/* ROOMNOW v7.6.5 — non-Korean mobile whitespace hotfix */
@media(max-width:720px){
  /* EN / ZH / JA mobile pages were not getting the Korean home-density selectors because they lack data-page-type attributes. Tighten section rhythm directly by language. */
  html[lang="en"] .home-hero, html[lang="zh-CN"] .home-hero{padding-bottom:8px!important}
  html[lang="en"] .hero-inner, html[lang="zh-CN"] .hero-inner{padding-bottom:4px!important}
  html[lang="en"] .home-section{padding:28px 0 30px!important}
  html[lang="en"] .home-section.live-home-section{padding:24px 0 26px!important}
  html[lang="en"] .home-section .center-head{margin-bottom:18px!important}
  html[lang="en"] .home-section .center-head:after{margin-top:11px!important}
  html[lang="en"] .home-section .editorial-section{padding-top:2px!important;padding-bottom:16px!important}
  html[lang="en"] .home-section .editorial-panel{padding:18px 16px!important}
  html[lang="en"] .home-section .cta-actions{margin-top:12px!important}
  html[lang="en"] .home-hero + .home-section{padding-top:20px!important}
  html[lang="en"] .home-section + .home-section{margin-top:0!important}
  html[lang="zh-CN"] .section{padding:28px 0 30px!important}
  html[lang="zh-CN"] .section.alt{padding-top:24px!important;padding-bottom:26px!important}
  html[lang="zh-CN"] .section.live-home-section{padding-top:24px!important;padding-bottom:26px!important}
  html[lang="zh-CN"] .section .center-head{margin-bottom:18px!important}
  html[lang="zh-CN"] .section .center-head:after{margin-top:11px!important}
  html[lang="zh-CN"] .editorial-section{padding-top:0!important;padding-bottom:16px!important}
  html[lang="zh-CN"] .editorial-panel{padding:18px 16px!important}
  html[lang="zh-CN"] .cta-actions{margin-top:12px!important}
  html[lang="zh-CN"] .home-hero + .section{padding-top:20px!important}
  html[lang="ja"] .page-hero{padding:40px 0 28px!important}
  html[lang="ja"] .page-hero + .section{padding-top:22px!important}
  html[lang="ja"] .section{padding-bottom:32px!important}
  html[lang="ja"] .fresh-box{margin:0 0 14px!important;padding:16px!important}
  html[lang="ja"] .compare-grid{gap:10px!important}
  html[lang="ja"] .side-card{margin-top:14px!important}
}