/* Shared feature-band height and responsive category navigation. */
:root{--feature-band-height:490px}
body .top,.store-page .top,.villa-page .top,body:not(.store-page) .top{background:#fff9f6;color:#71394a;border-bottom:1px solid #e8dddc}
.top .category-nav,.store-page .top .category-nav,.villa-page .category-nav{color:#71394a}
.store-hero .store-shell,.villa-hero .villa-shell,.villa-page .detail-hero{min-height:var(--feature-band-height)}
.villa-page .detail-photo{min-height:var(--feature-band-height)}
.category-nav{flex-wrap:nowrap;white-space:nowrap}
@media(max-width:900px){.store-hero .store-shell,.villa-hero .villa-shell,.villa-page .detail-hero{min-height:0}.villa-page .detail-photo{min-height:350px}}
@media(max-width:700px){
  .top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:16px 16px 20px;min-height:0}
  .top .logo{width:180px;max-width:45vw}
  .top .category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;width:100%;max-width:none;white-space:nowrap;font-size:clamp(.65rem,2.7vw,.78rem);letter-spacing:.02em;text-align:center}
  .top .category-nav a{display:block;padding:10px 1px;line-height:1.2}
  .category-nav .dot{display:none}
}
@media(max-width:520px){.villa-page .detail-photo{min-height:265px}}