/** Boutique hotel theme — calm, editorial and reservation-first. */
:root {
  --hotel-ink: #1f2a24;
  --hotel-ink-soft: #344039;
  --hotel-cream: #f4f0e8;
  --hotel-paper: #fbf9f4;
  --hotel-sand: #d9ccb9;
  --hotel-brass: #a77b4b;
  --hotel-brass-dark: #8e653d;
  --hotel-olive: #66705f;
  --hotel-line: rgba(31, 42, 36, 0.14);
  --hotel-serif: "Cormorant Garamond", Georgia, serif;
  --hotel-sans: "Manrope", Arial, sans-serif;
  --hotel-shadow: 0 28px 80px rgba(24, 31, 27, 0.12);
  --hotel-header-h: 78px;
  --hotel-radius: 0;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
}

html {
  scroll-padding-top: calc(var(--hotel-header-h) + var(--safe-top) + 12px);
  scroll-behavior: smooth;
}

body.theme-hotel {
  background: var(--hotel-paper);
  color: var(--hotel-ink);
  font-family: var(--hotel-sans);
  font-size: clamp(14px, 1.6vw, 15px);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.theme-hotel h1,
.theme-hotel h2,
.theme-hotel h3,
.theme-hotel .logo strong {
  font-family: var(--hotel-serif);
  letter-spacing: -0.025em;
}

.theme-hotel h2 { font-size: clamp(2.65rem, 5.8vw, 5.2rem); line-height: 0.94; font-weight: 500; }
.theme-hotel h2 em { color: var(--hotel-brass); font-weight: 500; }
.theme-hotel .container { width: min(1240px, calc(100% - 48px)); max-width: none; margin-inline: auto; }
.theme-hotel .section { padding: clamp(4rem, 8vw, 8.5rem) 0; }
.theme-hotel .btn {
  border-radius: var(--hotel-radius);
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.95rem 1.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 44px;
  touch-action: manipulation;
}
.theme-hotel .btn-lg { padding: 1.15rem 1.75rem; min-height: 48px; }
.theme-hotel .btn-primary { background: var(--hotel-brass); border-color: var(--hotel-brass); color: #fff; box-shadow: none; }
.theme-hotel .btn-primary:hover { background: var(--hotel-brass-dark); border-color: var(--hotel-brass-dark); transform: translateY(-2px); }
.theme-hotel .btn-outline { color: var(--hotel-ink); border-color: var(--hotel-line); background: transparent; }
.theme-hotel .btn-outline-light { color: #fff; border-color: rgba(255,255,255,.45); }
.theme-hotel .btn-white { background: #fff; color: var(--hotel-ink); border-color: #fff; }

.theme-hotel .site-header {
  background: rgba(251, 249, 244, 0.96);
  border-bottom: 1px solid var(--hotel-line);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.theme-hotel .site-header.scrolled { box-shadow: 0 8px 32px rgba(24, 31, 27, 0.08); }
.theme-hotel .top-bar { background: var(--hotel-ink); font-size: 0.72rem; letter-spacing: 0.035em; }
.theme-hotel .nav-wrap { min-height: 78px; padding: 0.7rem 0; }
.theme-hotel .logo img { width: 44px; height: 44px; box-shadow: none; border-radius: 0; }
.theme-hotel .logo strong { color: var(--hotel-ink); font-size: 1.35rem; font-weight: 600; }
.theme-hotel .logo small { color: #766f64; letter-spacing: 0.04em; }
.theme-hotel .main-nav a { color: var(--hotel-ink-soft); font-size: 0.77rem; text-transform: uppercase; letter-spacing: 0.08em; }
.theme-hotel .main-nav a:hover,
.theme-hotel .main-nav a.active { color: var(--hotel-brass); background: transparent; }

.theme-hotel .menu-toggle span { background: var(--hotel-ink); }

.hotel-hero { min-height: min(760px, 88svh); position: relative; display: flex; align-items: stretch; color: #fff; overflow: hidden; }
.hotel-hero-media { position: absolute; inset: 0; background: url('/assets/images/hotel-hero.svg') center 52% / cover no-repeat; transform: scale(1.01); }
.hotel-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(17, 24, 20, .82) 0%, rgba(17, 24, 20, .61) 34%, rgba(17, 24, 20, .12) 68%, rgba(17, 24, 20, .2) 100%), linear-gradient(0deg, rgba(13, 18, 15, .32), transparent 45%); }
.hotel-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 4rem; align-items: end; padding-top: 8.5rem; padding-bottom: 7.5rem; }
.hotel-hero-copy { max-width: 720px; }
.hotel-eyebrow { display: inline-flex; align-items: center; gap: .8rem; color: rgba(255,255,255,.86); font-size: .68rem; text-transform: uppercase; letter-spacing: .2em; font-weight: 700; }
.hotel-eyebrow::before { content: ""; width: 38px; height: 1px; background: currentColor; opacity: .6; }
.hotel-eyebrow.dark { color: var(--hotel-brass); }
.hotel-hero h1 { max-width: 700px; margin: 1.5rem 0 1.25rem; color: #fff; font-size: clamp(3.8rem, 7.8vw, 7.3rem); line-height: .83; font-weight: 500; }
.hotel-hero h1 em { color: #d5b58e; font-weight: 500; }
.hotel-hero-copy > p { max-width: 570px; color: rgba(255,255,255,.83); line-height: 1.8; font-size: 1rem; }
.hotel-hero-actions { display: flex; align-items: center; gap: 2rem; margin-top: 2rem; }
.hotel-text-link { display: inline-flex; align-items: center; gap: .6rem; color: #fff; padding-bottom: .35rem; border-bottom: 1px solid rgba(255,255,255,.44); font-size: .76rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 700; }
.hotel-text-link.dark { color: var(--hotel-ink); border-color: var(--hotel-line); }
.hotel-text-link:hover { color: #d5b58e; }
.hotel-hero-notes { display: flex; gap: 2rem; margin-top: 3rem; color: rgba(255,255,255,.7); font-size: .72rem; letter-spacing: .03em; }
.hotel-hero-notes span { display: flex; align-items: center; gap: .55rem; }
.hotel-hero-notes span::before { content: "◇"; color: #d5b58e; font-size: .62rem; }
.hotel-hero-card { align-self: end; margin-bottom: .2rem; padding: 1.8rem; background: rgba(31, 42, 36, .72); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(14px); }
.hotel-card-kicker { color: #d5b58e; font-size: .62rem; text-transform: uppercase; letter-spacing: .14em; }
.hotel-hero-card strong { display: block; margin: .8rem 0; font-family: var(--hotel-serif); font-size: 1.7rem; line-height: 1.06; font-weight: 500; }
.hotel-hero-card p { color: rgba(255,255,255,.69); font-size: .78rem; line-height: 1.65; }
.hotel-hero-card a { display: flex; justify-content: space-between; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.18); color: #fff; font-size: .75rem; }

.booking-shell { position: relative; z-index: 5; margin-top: -42px; padding-inline: max(0px, var(--safe-left)); padding-right: max(0px, var(--safe-right)); }
.booking-bar { display: grid; grid-template-columns: 1fr 1fr .8fr auto; align-items: stretch; padding: 1rem; background: var(--hotel-paper); box-shadow: var(--hotel-shadow); gap: 0; }
.booking-field { padding: .65rem 1.3rem; border-right: 1px solid var(--hotel-line); min-width: 0; }
.booking-field label { display: block; margin-bottom: .4rem; color: #847b70; font-size: .62rem; text-transform: uppercase; letter-spacing: .1em; }
.booking-field input,
.booking-field select {
  width: 100%;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hotel-ink);
  font-family: var(--hotel-sans);
  font-weight: 600;
  font-size: max(16px, .9rem);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.booking-bar .btn { min-width: 170px; width: 100%; }

.hotel-intro { background: var(--hotel-paper); }
.hotel-intro-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 4rem 8rem; align-items: start; }
.hotel-intro h2 { margin-top: 1.4rem; }
.hotel-intro-copy { padding-top: 2.4rem; }
.hotel-intro-copy p { margin-bottom: 1.7rem; color: #625d55; line-height: 1.9; font-size: 1rem; }
.hotel-intro-stat { display: flex; align-items: baseline; gap: 1.1rem; padding-top: 1.3rem; border-top: 1px solid var(--hotel-line); }
.hotel-intro-stat strong { color: var(--hotel-brass); font-family: var(--hotel-serif); font-size: 3.3rem; font-weight: 500; }
.hotel-intro-stat span { color: #777066; font-size: .76rem; text-transform: uppercase; letter-spacing: .06em; }

.hotel-rooms-section { background: #e8e1d5; }
.hotel-section-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 3.3rem; }
.hotel-section-head h2 { margin-top: 1.25rem; }
.hotel-section-head.centered { justify-content: center; text-align: center; }
.hotel-room-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; align-items: start; }
.hotel-room-card { background: var(--hotel-paper); }
.hotel-room-card.featured { margin-top: -1.8rem; }
.hotel-room-media { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #c9beae; }
.hotel-room-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.2,.75,.2,1); }
.hotel-room-card:hover .hotel-room-media img { transform: scale(1.045); }
.hotel-room-badge { position: absolute; top: 1rem; left: 1rem; padding: .55rem .7rem; background: var(--hotel-paper); color: var(--hotel-ink); font-size: .58rem; text-transform: uppercase; letter-spacing: .08em; }
.hotel-room-body { padding: 1.45rem; }
.hotel-room-body > div:first-child > span { color: var(--hotel-brass); font-size: .64rem; text-transform: uppercase; letter-spacing: .1em; }
.hotel-room-body h3 { margin-top: .3rem; color: var(--hotel-ink); font-size: 2rem; font-weight: 500; }
.hotel-room-body > p { min-height: 3.2em; margin: .7rem 0 1.2rem; color: #746d64; font-size: .82rem; line-height: 1.65; }
.hotel-room-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; border-top: 1px solid var(--hotel-line); }
.hotel-room-foot strong { color: var(--hotel-ink); font-family: var(--hotel-serif); font-size: 1.18rem; font-weight: 600; }
.hotel-room-foot a { color: var(--hotel-brass); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }

.hotel-amenities { background: var(--hotel-ink); color: #fff; }
.hotel-amenities .hotel-section-head { margin-bottom: 4rem; }
.hotel-amenities h2 { margin-top: 1.4rem; color: #fff; }
.amenity-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.amenity-item { min-height: 260px; padding: 1.8rem; border-right: 1px solid rgba(255,255,255,.16); }
.amenity-item:last-child { border-right: 0; }
.amenity-item > span { color: #cba77f; font-family: var(--hotel-serif); font-size: 1.25rem; }
.amenity-item h3 { margin: 4rem 0 .8rem; color: #fff; font-size: 1.75rem; font-weight: 500; }
.amenity-item p { color: rgba(255,255,255,.62); font-size: .78rem; line-height: 1.7; }

.hotel-experience-section { padding: clamp(4rem, 8vw, 7rem) 0; background: var(--hotel-paper); }
.hotel-experience-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.hotel-experience-visual { position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
.hotel-experience-visual::after { content: ""; position: absolute; inset: 2rem -2rem -2rem 2rem; border: 1px solid var(--hotel-sand); z-index: -1; }
.hotel-experience-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 67% center; }
.hotel-experience-copy h2 { margin: 1.3rem 0 1.7rem; }
.hotel-experience-copy > p { color: #686157; line-height: 1.9; }
.hotel-experience-copy ul { margin: 1.7rem 0 2rem; padding: 0; list-style: none; }
.hotel-experience-copy li { padding: .8rem 0; border-bottom: 1px solid var(--hotel-line); color: var(--hotel-ink-soft); font-size: .82rem; }
.hotel-experience-copy li::before { content: "◇"; margin-right: .8rem; color: var(--hotel-brass); }

.hotel-testimonials { background: #ded4c4; text-align: center; }
.hotel-quote-mark { height: 74px; color: var(--hotel-brass); font-family: var(--hotel-serif); font-size: 7rem; line-height: 1; }
.hotel-review { display: none; margin: 0; }
.hotel-review.active { display: block; animation: hotelFade .45s ease; }
.hotel-review p { max-width: 900px; margin: 0 auto; color: var(--hotel-ink); font-family: var(--hotel-serif); font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.13; font-style: italic; }
.hotel-review footer { display: flex; flex-direction: column; gap: .35rem; margin-top: 2rem; }
.hotel-review footer strong { font-size: .78rem; text-transform: uppercase; letter-spacing: .09em; }
.hotel-review footer span { color: #766e62; font-size: .7rem; }
.hotel-review-nav { display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 2.4rem; }
.hotel-review-nav button { width: 42px; height: 42px; border: 1px solid var(--hotel-line); border-radius: 50%; background: transparent; color: var(--hotel-ink); cursor: pointer; }
.hotel-review-nav span { color: #766e62; font-size: .7rem; }
@keyframes hotelFade { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }

.hotel-faq { background: var(--hotel-paper); }
.hotel-faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 6rem; }
.hotel-faq-grid h2 { margin: 1.3rem 0 1.5rem; }
.hotel-faq-grid > div:first-child p { max-width: 360px; color: #746d64; line-height: 1.8; }
.theme-hotel .faq-item { border: 0; border-bottom: 1px solid var(--hotel-line); border-radius: 0; background: transparent; box-shadow: none; }
.theme-hotel .faq-item summary { padding: 1.45rem 2.5rem 1.45rem 0; font-family: var(--hotel-serif); font-size: 1.45rem; font-weight: 600; }
.theme-hotel .faq-item p { padding: 0 2rem 1.5rem 0; color: #6b645a; }

.hotel-final-cta { position: relative; padding: clamp(6rem, 11vw, 10rem) 0; overflow: hidden; background: linear-gradient(rgba(20,29,24,.77), rgba(20,29,24,.8)), url('/assets/images/hotel-hero.svg') center / cover; color: #fff; }
.hotel-final-cta h2 { margin: 1.5rem 0; color: #fff; }
.hotel-final-cta p { color: rgba(255,255,255,.72); }
.hotel-final-cta .cta-actions { justify-content: center; }

.theme-hotel .page-hero { padding: 6.5rem 0 5rem; background: linear-gradient(90deg, rgba(24,32,28,.9), rgba(24,32,28,.65)), url('/assets/images/hotel-hero.svg') center 42% / cover; }
.theme-hotel .page-hero h1 { font-size: clamp(3rem, 6vw, 5.7rem); font-weight: 500; }
.theme-hotel .page-hero .section-label { color: #d5b58e !important; }
.theme-hotel .product-card,
.theme-hotel .contact-form,
.theme-hotel .info-card { border-radius: 0; box-shadow: none; border-color: var(--hotel-line); }
.theme-hotel .product-card .card-img { height: 260px; padding: 0; background: #ddd3c4; font-size: 0; }
.theme-hotel .product-card .card-img img { width: 100%; height: 100%; object-fit: cover; }
.theme-hotel .card-hover-cta { background: rgba(31,42,36,.76); }
.theme-hotel .card-hover-cta span { color: #fff; }
.theme-hotel .card-body h3 { color: var(--hotel-ink); font-size: 1.75rem; font-weight: 500; }
.theme-hotel .filters .filter { border-radius: 0; }
.theme-hotel .filters .filter.active { background: var(--hotel-ink); border-color: var(--hotel-ink); }
.theme-hotel .contact-form input,
.theme-hotel .contact-form select,
.theme-hotel .contact-form textarea { border-radius: 0; border-color: var(--hotel-line); background: var(--hotel-paper); font-size: max(16px, 1rem); }
.theme-hotel .site-footer { padding-top: clamp(3rem, 8vw, 5rem); padding-bottom: calc(1.5rem + var(--safe-bottom)); background: #18201c; border-top: 0; }
.theme-hotel .site-footer h4 { color: #d5b58e; font-size: .68rem; letter-spacing: .14em; }
.theme-hotel .site-footer a:hover { color: #d5b58e; }
.theme-hotel .footer-area-tags span { border-radius: 0; background: rgba(255,255,255,.06); }
.theme-hotel .footer-grid { gap: clamp(1.5rem, 4vw, 2.5rem); }
.theme-hotel .footer-bottom { flex-wrap: wrap; gap: 0.75rem; justify-content: space-between; padding-bottom: calc(1rem + var(--safe-bottom)); }
.theme-hotel .whatsapp-btn { background: var(--hotel-olive); bottom: calc(1.25rem + var(--safe-bottom)); right: max(1rem, var(--safe-right)); }
.theme-hotel .scroll-top { bottom: calc(5.5rem + var(--safe-bottom)); right: max(1rem, var(--safe-right)); }
.theme-hotel .sticky-contact-bar { border-radius: 0; bottom: calc(6rem + var(--safe-bottom)); right: max(1rem, var(--safe-right)); }

/* Blog & iç sayfa uyumu */
.theme-hotel .blog-cat-chip.active,
.theme-hotel .blog-cat-chip:hover { background: var(--hotel-brass); border-color: var(--hotel-brass); color: #fff; }
.theme-hotel .acs-form { background: var(--hotel-brass); }
.theme-hotel .mobile-cta-bar .btn-contact { background: var(--hotel-brass); border-color: var(--hotel-brass); }
.theme-hotel .local-seo-section { background: var(--hotel-cream); }
.theme-hotel .local-seo-aside { background: var(--hotel-paper); border: 1px solid var(--hotel-line); padding: 1.25rem; }
.theme-hotel .prose a { color: var(--hotel-brass-dark); }
.theme-hotel .prose table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.theme-hotel .prose img { max-width: 100%; height: auto; border-radius: 0; }
.theme-hotel .article-contact-strip { background: var(--hotel-cream); border-color: var(--hotel-line); border-radius: 0; }
.theme-hotel .cta-box { border-radius: 0; border-color: var(--hotel-line); }
.theme-hotel .pagination .btn { min-width: 44px; }

@media (max-width: 991px) {
  :root { --hotel-header-h: 68px; }

  .theme-hotel .container { width: min(100% - 32px, 760px); }
  .theme-hotel .site-header { top: 0; }
  .theme-hotel .site-header .nav-wrap { min-height: 64px; padding: 0.55rem 0; }
  .theme-hotel .logo strong { font-size: 1.05rem; max-width: min(52vw, 220px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .theme-hotel .logo small { display: none; }
  .theme-hotel .nav-actions .btn { display: none; }
  .theme-hotel .menu-toggle { display: flex; }

  .theme-hotel .main-nav {
    background: linear-gradient(180deg, var(--hotel-ink) 0%, #2a3830 100%) !important;
  }
  .theme-hotel .main-nav a {
    color: rgba(255,255,255,.9) !important;
    font-size: 0.95rem;
    text-transform: none;
    letter-spacing: 0.02em;
    border-radius: 8px;
  }
  .theme-hotel .main-nav a:hover,
  .theme-hotel .main-nav a.active {
    color: #fff !important;
    background: rgba(255,255,255,.1) !important;
  }
  .theme-hotel .mobile-nav-cta .btn-primary { background: var(--hotel-brass); border-color: var(--hotel-brass); }

  .hotel-hero { min-height: min(680px, 92svh); }
  .hotel-hero-inner { grid-template-columns: 1fr; gap: 2rem; padding-top: calc(5.5rem + var(--safe-top)); padding-bottom: 5.5rem; }
  .hotel-hero-card { display: none; }
  .hotel-hero-shade { background: linear-gradient(180deg, rgba(17,24,20,.78) 0%, rgba(17,24,20,.42) 55%, rgba(13,18,15,.72) 100%); }
  .hotel-hero h1 { font-size: clamp(2.5rem, 11vw, 4.5rem); line-height: 0.92; max-width: 100%; }
  .hotel-hero-copy > p { max-width: 100%; }
  .hotel-hero-actions { flex-wrap: wrap; gap: 1rem; }
  .hotel-hero-actions .btn { flex: 1 1 auto; min-width: min(100%, 220px); }
  .hotel-hero-notes { flex-wrap: wrap; gap: 0.65rem 1.25rem; }

  .booking-shell { margin-top: -28px; }
  .booking-bar { grid-template-columns: 1fr 1fr; }
  .booking-field:nth-child(2) { border-right: 0; }
  .booking-field:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--hotel-line); border-right: 0; }
  .booking-bar .btn { grid-column: 1 / -1; min-height: 52px; margin-top: 0.35rem; }

  .hotel-intro-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .hotel-intro-grid > div:first-child,
  .hotel-intro-copy { grid-column: 1 / -1; }
  .hotel-intro-copy { padding-top: 0; }
  .hotel-room-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .hotel-room-card.featured { margin-top: 0; }
  .hotel-room-card:last-child { grid-column: 1 / -1; max-width: 100%; width: 100%; }
  .hotel-room-body h3 { font-size: 1.65rem; }
  .amenity-grid { grid-template-columns: 1fr 1fr; }
  .amenity-item:nth-child(2) { border-right: 0; }
  .amenity-item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.16); }
  .hotel-experience-grid { grid-template-columns: 1fr; gap: 2rem; }
  .hotel-experience-visual::after { display: none; }
  .hotel-faq-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .theme-hotel .page-hero { padding: calc(5rem + var(--safe-top)) 0 3.5rem; }
  .theme-hotel .page-hero h1 { font-size: clamp(2.2rem, 8vw, 3.8rem) !important; }
  .theme-hotel .footer-grid { grid-template-columns: 1fr !important; }
  .theme-hotel .local-seo-grid { grid-template-columns: 1fr; }
  .theme-hotel .local-seo-cta { flex-direction: column; }
  .theme-hotel .local-seo-cta .btn { width: 100%; }
  .theme-hotel .contact-grid { grid-template-columns: 1fr !important; }
  .theme-hotel .product-detail-grid { grid-template-columns: 1fr !important; }
  .theme-hotel .grid-3 { grid-template-columns: 1fr !important; gap: 1rem; }
  .theme-hotel .filters-wrap { margin-inline: -0.25rem; }
}

@media (max-width: 680px) {
  :root { --hotel-header-h: 60px; }

  .theme-hotel .container { width: calc(100% - 24px); }
  .theme-hotel .section { padding: 3.25rem 0; }
  .theme-hotel h2 { font-size: clamp(2rem, 10vw, 3rem); line-height: 1; }
  .theme-hotel .top-bar { font-size: 0.68rem; }
  .theme-hotel .top-bar .container { justify-content: center; flex-wrap: wrap; gap: 0.35rem; padding-block: 0.5rem; }
  .theme-hotel .top-bar-item.hide-mobile { display: none; }

  .hotel-hero { min-height: min(620px, 90svh); }
  .hotel-hero-media { background-position: 58% center; }
  .hotel-hero-inner { padding-top: calc(4.5rem + var(--safe-top)); padding-bottom: 4.5rem; }
  .hotel-hero h1 { font-size: clamp(2.15rem, 12vw, 3.4rem); }
  .hotel-hero-copy > p { font-size: 0.92rem; line-height: 1.7; }
  .hotel-hero-actions { flex-direction: column; align-items: stretch; }
  .hotel-hero-actions .btn,
  .hotel-hero-actions .hotel-text-link { width: 100%; justify-content: center; text-align: center; }
  .hotel-eyebrow { font-size: 0.62rem; letter-spacing: 0.14em; max-width: 100%; }

  .booking-shell { margin-top: -22px; }
  .booking-bar { grid-template-columns: 1fr; padding: 0.75rem; }
  .booking-field { padding: 0.8rem 0.75rem; border-right: 0; border-bottom: 1px solid var(--hotel-line); }
  .booking-field:nth-child(3) { border-top: 0; grid-column: auto; }
  .booking-bar .btn { grid-column: auto; min-height: 52px; }

  .hotel-intro-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .hotel-intro-stat { flex-wrap: wrap; }
  .hotel-intro-stat strong { font-size: 2.4rem; }
  .hotel-section-head { flex-direction: column; align-items: flex-start; margin-bottom: 2rem; gap: 1rem; }
  .hotel-section-head .hotel-text-link { align-self: flex-start; }
  .hotel-room-grid { grid-template-columns: 1fr; }
  .hotel-room-body > p { min-height: 0; }
  .hotel-room-foot { flex-wrap: wrap; gap: 0.5rem; }
  .amenity-grid { grid-template-columns: 1fr; }
  .amenity-item { min-height: auto; padding: 1.35rem 1rem; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
  .amenity-item:last-child { border-bottom: 0; }
  .amenity-item h3 { margin-top: 1.5rem; font-size: 1.45rem; }
  .hotel-experience-visual { aspect-ratio: 4 / 3.8; }
  .hotel-review p { font-size: clamp(1.45rem, 7vw, 2rem); padding-inline: 0.25rem; }
  .hotel-quote-mark { font-size: 4.5rem; height: 52px; }
  .theme-hotel .faq-item summary { font-size: 1.15rem; padding: 1.1rem 2rem 1.1rem 0; }
  .hotel-final-cta { padding: 4rem 0; }
  .hotel-final-cta .cta-actions { flex-direction: column; align-items: stretch; width: 100%; max-width: 360px; margin-inline: auto; }
  .hotel-final-cta .cta-actions .btn { width: 100%; }
  .theme-hotel .product-card .card-img { height: 220px; }
  .theme-hotel .article-contact-strip { grid-template-columns: 1fr; }
  .theme-hotel .cta-box-actions { flex-direction: column; }
  .theme-hotel .cta-box-actions .btn { width: 100%; }
  .theme-hotel .blog-search { flex-direction: column; }
  .theme-hotel .blog-search .btn { width: 100%; }
  .theme-hotel .blog-cat-filter { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 0.25rem; }
  .theme-hotel .blog-cat-filter::-webkit-scrollbar { display: none; }
  .theme-hotel .blog-cat-chip { flex-shrink: 0; }
}

@media (max-width: 479px) {
  .theme-hotel .logo img { width: 38px; height: 38px; }
  .theme-hotel .logo strong { font-size: 0.92rem; max-width: 46vw; }
  .hotel-hero-notes span { font-size: 0.68rem; }
  .theme-hotel .mobile-cta-bar { grid-template-columns: repeat(3, 1fr); }
  body.theme-hotel.has-mobile-cta { padding-bottom: calc(72px + var(--safe-bottom)); }
  body.theme-hotel.has-mobile-cta .whatsapp-btn { bottom: calc(78px + var(--safe-bottom)) !important; }
  body.theme-hotel.has-mobile-cta .scroll-top { bottom: calc(138px + var(--safe-bottom)) !important; }
}

@media (hover: none), (pointer: coarse) {
  .hotel-room-card:hover .hotel-room-media img { transform: none; }
  .theme-hotel .btn-primary:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hotel-room-media img,
  .hotel-review.active { transition: none; animation: none; }
}