/* Svitena — shared stylesheet */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#1A1917;font-family:'Jost',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#B4894E;text-decoration:none}
a:hover{color:#8E6A38;text-decoration:underline}
input,select,textarea,button{font-family:'Jost',system-ui,sans-serif}
input[type=range]{accent-color:#B4894E}
img{max-width:100%}
::selection{background:#E7D3B4}
button{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}

/* elements standing in for the original clickable <span onClick> triggers.
   color:inherit keeps every converted link exactly as styled by its own
   inline `style`/parent context, instead of falling back to the global
   gold `a` color. */
.ui-link,.ui-link:hover{text-decoration:none;color:inherit}
.ui-link{display:inline-block}

/* hover utility classes (replace the design's non-standard style-hover attribute) */
.hv-gold:hover{color:#B4894E}
.hv-cream:hover{color:#E7D3B4}
.hv-bg-gold:hover{background:#B4894E}
.hv-border-gold:hover{border-color:#B4894E}
.hv-bg-dark:hover{background:#1A1917;color:#FFFFFF}
.hv-dark:hover{color:#1A1917}
.hv-border-gold-text:hover{border-color:#B4894E;color:#B4894E}
.hv-border-dark-text:hover{border-color:#1A1917;color:#1A1917}
.hv-bg-cream:hover{background:#E7D3B4;color:#1A1917}

/* form fields */
.field{padding:14px;border:1px solid #DDD8CE;font-size:15px;background:#FFFFFF;width:100%}
.field:focus{outline:2px solid #B4894E;outline-offset:1px}
textarea.field{resize:vertical}

/* faq */
details.faq-item{border-bottom:1px solid #E9E6E0}
details.faq-item summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:24px 0;align-items:baseline;list-style:none;font-size:19px;color:#1A1917}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:'+';font-size:20px;color:#B4894E}
details.faq-item[open] summary::after{content:'\2212'}
details.faq-item p{font-size:15px;line-height:1.85;color:#5F5C56;margin:0;padding:0 60px 26px 0}

/* header / nav */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #E9E6E0}
.nav-toggle{display:none}
@media (max-width:900px){
  .primary-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#FFFFFF;border-bottom:1px solid #E9E6E0;flex-direction:column !important;align-items:flex-start !important;padding:18px 32px !important;gap:16px !important}
  .primary-nav.open{display:flex}
  .nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #DDD8CE;cursor:pointer}
  .room-submenu{overflow-x:auto;white-space:nowrap}
}

/* responsive grid collapses */
@media (max-width:960px){
  .g-2{grid-template-columns:1fr !important}
  .g-3{grid-template-columns:1fr !important}
  .g-4{grid-template-columns:repeat(2,1fr) !important}
  .hero-grid{grid-template-columns:1fr !important;min-height:auto !important}
  .hero-grid > div{padding:40px 0 !important}
  h1{font-size:38px !important}
}
@media (max-width:640px){
  .g-4{grid-template-columns:1fr !important}
  .container{padding-left:20px !important;padding-right:20px !important}
  .stat-row{flex-wrap:wrap;gap:22px !important}
}

.skip-link{position:absolute;left:-999px;top:0;background:#1A1917;color:#fff;padding:12px 20px;z-index:100}
.skip-link:focus{left:12px;top:12px}

.container{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}