/* Casas da Ribeira Quente 1.4 - visual direction */
:root {
  --crq14-ink: #10263f;
  --crq14-sea: #165bac;
  --crq14-sea-dark: #0d4385;
  --crq14-earth: #efb849;
  --crq14-earth-dark: #d49a28;
  --crq14-earth-text: #765509;
  --crq14-paper: #f8f5ef;
  --crq14-radius: 22px;
  --crq14-shadow: 0 28px 80px rgba(21, 39, 40, .12);
  --crq-v2-earth: var(--crq14-earth);
  --crq-v2-earth-dark: var(--crq14-earth-dark);
  --crq-v2-sea: var(--crq14-sea);
  --crq-v2-sea-dark: var(--crq14-sea-dark);
  --crq-accent: var(--crq14-earth);
}

/* ================================================================
   1.4.22 TYPE SCALE, BOOKING SUMMARY AND FOOTER
   ================================================================ */
.crq-v2-section-heading h2 {
  max-width: 900px;
  font-size: clamp(2.85rem, 3.7vw, 4.25rem);
  line-height: .98;
}

.crq-v2-intro h2 {
  max-width: 720px;
  font-size: clamp(3rem, 3.9vw, 4.5rem);
}

.crq-v14-pool-copy h2 {
  font-size: clamp(3.15rem, 4.6vw, 5.25rem);
}

.crq-v14-contact-copy h2 {
  max-width: 560px;
  font-size: clamp(2.8rem, 3.8vw, 4.25rem);
  line-height: .96;
}

.crq-book-header-wrap h1 {
  max-width: 900px;
  margin-inline: auto;
  font-size: clamp(3rem, 4.2vw, 4.75rem);
  line-height: .98;
}

.crq-aside-amenities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 22px;
}

.crq-aside-amenities span {
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(22,91,172,.13);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(22,91,172,.04);
  color: var(--crq14-ink);
  font-size: 12px;
  line-height: 1.25;
}

.crq-aside-amenities svg { flex: 0 0 17px; width: 17px; height: 17px; color: var(--crq14-sea); }
.crq-aside-amenities i {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(22,91,172,.1);
  color: var(--crq14-sea);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.crq-aside-total { border-top-color: rgba(22,91,172,.15); }
.crq-aside-total-value {
  color: var(--crq14-sea) !important;
  font-family: 'Jost', sans-serif;
  font-size: 34px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: -.035em;
  text-decoration: none !important;
}

.crq-footer {
  background: #071722 !important;
  border-top: 4px solid var(--crq14-earth);
}

.crq-footer-top {
  min-height: 0 !important;
  grid-template-columns: 1.25fr .9fr 1fr !important;
  gap: clamp(38px, 6vw, 90px) !important;
  align-items: start !important;
  padding-top: 64px !important;
  padding-bottom: 54px !important;
}

.crq-footer-logo { max-width: 225px !important; height: 62px !important; margin-bottom: 20px !important; }
.crq-footer-brand p { max-width: 410px !important; color: rgba(255,255,255,.68) !important; font-size: 14px !important; line-height: 1.7 !important; }
.crq-footer-center { align-items: flex-start !important; gap: 22px !important; }
.crq-footer-heading { color: var(--crq14-earth); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.crq-footer-links { display: grid !important; grid-template-columns: repeat(2, auto) !important; justify-content: start !important; gap: 13px 30px !important; }
.crq-footer-links a { color: rgba(255,255,255,.82) !important; font-size: 13px !important; }
.crq-footer-links a:hover { color: var(--crq14-earth) !important; }
.crq-footer-note { grid-column: auto !important; gap: 13px !important; font-size: 13px !important; }
.crq-footer-note > a,
.crq-footer-location { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.72) !important; }
.crq-footer-note svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--crq14-earth); }
.crq-social a { border-color: rgba(255,255,255,.16) !important; background: rgba(255,255,255,.05); }
.crq-footer-bottom {
  min-height: 62px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-top-color: rgba(255,255,255,.12) !important;
}
.crq-footer-bottom p { color: rgba(255,255,255,.52) !important; font-size: 11px !important; }
.crq-footer-credit { width: auto !important; padding-top: 0 !important; border-top: 0 !important; text-align: right !important; }
.crq-footer-credit a { color: rgba(255,255,255,.82) !important; }
.crq-footer-credit a:hover { color: var(--crq14-earth) !important; }

@media (max-width: 980px) {
  .crq-footer-top { grid-template-columns: 1fr 1fr !important; }
  .crq-footer-brand { grid-column: 1 / -1 !important; }
}

@media (max-width: 700px) {
  .crq-v2-section-heading h2 { font-size: clamp(2.35rem, 10.5vw, 3.2rem); }
  .crq-v2-intro h2 { font-size: clamp(2.6rem, 11.5vw, 3.4rem); }
  .crq-v14-pool-copy h2 { font-size: clamp(2.75rem, 12vw, 3.65rem); }
  .crq-v14-contact-copy h2 { max-width: 390px; font-size: clamp(2.45rem, 10.8vw, 3.25rem); }
  .crq-book-header-wrap h1 { font-size: clamp(2.55rem, 10.8vw, 3.4rem); }
  .crq-footer-top { grid-template-columns: 1fr !important; gap: 34px !important; padding: 48px 24px 42px !important; }
  .crq-footer-brand { grid-column: auto !important; }
  .crq-footer-links { gap: 12px 26px !important; }
  .crq-footer-bottom { align-items: flex-start !important; gap: 8px !important; padding: 18px 24px 22px !important; }
  .crq-footer-credit { text-align: left !important; }
}

@media (max-width: 420px) {
  .crq-aside-amenities { grid-template-columns: 1fr; }
  .crq-footer-links { grid-template-columns: 1fr 1fr !important; }
}

body { color: var(--crq14-ink); }
.crq-front-v2 { background: var(--crq14-paper); }

@media (min-width: 981px) {
  .crq-container { max-width: 1540px; padding-inline: 46px; }
  .crq-v2-section { padding-block: 96px; }

  .crq-header-shell,
  .crq-header.is-scrolled .crq-header-shell { width: min(1520px, calc(100% - 54px)); }
  .crq-header-inner { min-height: 74px; }
  .crq-menu a { font-size: 14px; letter-spacing: .005em; }

  .crq-v2-hero { height: min(900px, 94vh); min-height: 760px; max-height: 900px; }
  .crq-v2-hero-shade {
    background:
      radial-gradient(circle at 68% 43%, rgba(7, 21, 24, .42), transparent 36%),
      linear-gradient(90deg, rgba(8, 20, 22, .34), transparent 42%),
      linear-gradient(0deg, rgba(8, 17, 19, .36), transparent 42%);
  }
  .crq-v2-hero-copy { width: min(690px, 46vw); margin-left: 50%; }
  .crq-v2-hero-copy h1 { max-width: 680px; font-size: clamp(4.6rem, 5.4vw, 6.5rem); text-shadow: 0 4px 30px rgba(0,0,0,.22); }
  .crq-v2-hero-copy p { font-size: 18px; }
  .crq-v2-booking-shell { width: min(1220px, calc(100% - 100px)); }
  .crq-v2-booking { border: 1px solid rgba(255,255,255,.74); border-radius: 14px; box-shadow: 0 24px 70px rgba(8,24,27,.28); }
  .crq-v2-booking label { min-height: 78px; }

  .crq-v2-intro { padding-block: 105px; background: #fbfaf7; }
  .crq-v2-intro-grid { grid-template-columns: minmax(420px, .82fr) minmax(650px, 1.18fr); gap: clamp(72px, 6vw, 118px); }
  .crq-v2-intro-grid > :first-child { max-width: 590px; }
  .crq-v2-intro h2 { font-size: clamp(3.45rem, 4vw, 4.8rem); }
  .crq-v2-intro p { max-width: 555px; font-size: 17px; }
  .crq-v2-intro-visual { grid-template-columns: minmax(0, 1fr) 245px; min-height: 435px; border-radius: var(--crq14-radius); overflow: hidden; box-shadow: var(--crq14-shadow); }
  .crq-v2-place-card { padding: 42px 34px; background: #eee7db; }
  .crq-v2-place-card strong { font-size: 30px; }
  .crq-v2-place-card span { font-size: 16px; }
  .crq-v2-place-card em { font-size: 21px; }

  .crq-v2-properties { background: #eeebe4; }
  .crq-v2-property-grid { gap: 32px; }
  .crq-v2-property-card { border: 0; border-radius: var(--crq14-radius); background: rgba(255,255,255,.88); box-shadow: 0 20px 65px rgba(27,40,39,.08); }
  .crq-v2-property-card:nth-child(2) { background: linear-gradient(180deg, #fff 0%, #fff9e8 100%); box-shadow: 0 22px 68px rgba(120,90,0,.11); }
  .crq-v2-property-card:nth-child(2) .crq-v2-property-image::after { content: ''; position: absolute; inset: auto 0 0; height: 5px; background: linear-gradient(90deg, #ffe18a, var(--crq14-earth)); z-index: 4; }
  .crq-v2-property-image { height: 380px; }
  .crq-v2-property-body { padding: 28px 30px 30px; }
  .crq-v2-property-body h3 { font-size: 2.75rem; }
  .crq-v2-property-tagline { font-size: 20px; }
  .crq-v2-property-body > p { min-height: 74px; font-size: 16px; }
  .crq-v2-unit-card { padding: 13px; border: 0; border-radius: 14px; background: #f5f1e9; }
  .crq-v2-unit-image { border-radius: 10px; }
  .crq-v2-unit-image img { height: 150px; }
  .crq-v2-unit-meta strong { font-size: 16px; }
  .crq-v2-unit-button { min-height: 38px; padding-inline: 16px; font-size: 13px; }

  .crq-v2-experience { background: #fbfaf7; }
  .crq-v2-experience-grid { gap: 10px; }
  .crq-v2-experience-item { min-height: 178px; border-radius: 16px; background: #f3efe7; transition: transform .25s ease, background .25s ease; }
  .crq-v2-experience-item:hover { transform: translateY(-5px); background: #fff; }
  .crq-v2-experience-item strong { font-size: 21px; }
  .crq-v2-experience-item small { font-size: 14px; }

  .crq-v2-gallery { padding-bottom: 96px; background: #fbfaf7; }
  .crq-v2-gallery-grid {
    width: min(1450px, calc(100% - 92px));
    height: 620px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 8px;
    border-radius: var(--crq14-radius);
    overflow: hidden;
    background: #e6e0d6;
  }
  .crq-v2-gallery-item { display: none !important; width: 100%; height: 100% !important; }
  .crq-v2-gallery-item.is-gallery-visible { display: block !important; }
  .crq-v2-gallery-item.gallery-slot-1 { grid-column: 1; grid-row: 1 / 3; }
  .crq-v2-gallery-item.gallery-slot-2 { grid-column: 2; grid-row: 1; }
  .crq-v2-gallery-item.gallery-slot-3 { grid-column: 3; grid-row: 1; }
  .crq-v2-gallery-item.gallery-slot-4 { grid-column: 2; grid-row: 2; }
  .crq-v2-gallery-item.gallery-slot-5 { grid-column: 3; grid-row: 2; }
  .crq-v2-gallery-item img { height: 100% !important; }

  .crq-v2-location { background: #ede9e1; }
  .crq-v2-map-layout { grid-template-columns: minmax(0, 1.58fr) minmax(390px, .72fr); gap: 0; }
  .crq-v2-map { min-height: 590px; border: 8px solid #fff; border-radius: var(--crq14-radius); box-shadow: var(--crq14-shadow); }
  .crq-v2-reviews { padding-block: 112px; background: var(--crq14-sea); color: #fff; }
  .crq-v2-reviews .crq-v2-kicker.dark,
  .crq-v2-reviews .crq-v2-section-heading > p { color: rgba(255,255,255,.7); }
  .crq-v2-reviews .crq-v2-section-heading h2 { color: #fff; font-size: clamp(3.4rem, 4vw, 4.7rem); }
  .crq-v2-review-grid { grid-template-columns: .72fr .72fr 1.45fr 1.45fr; gap: 16px; align-items: stretch; }
  .crq-v2-score,
  .crq-v2-quote { min-height: 230px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; box-shadow: 0 22px 65px rgba(4,19,22,.2); }
  .crq-v2-score { padding: 28px; background: #fff; color: var(--crq14-ink); }
  .crq-v2-score strong { font-size: 4rem; }
  .crq-v2-score small { font-size: 13px; }
  .crq-v2-quote { padding: 30px; background: rgba(255,255,255,.075); color: #fff; backdrop-filter: blur(8px); }
  .crq-v2-quote p { font-size: 22px; line-height: 1.45; }
  .crq-v2-quote cite { color: rgba(255,255,255,.76); font-size: 11px; }
  .crq-v2-stars { color: #eab64d; letter-spacing: .09em; }
  .crq-v2-review-status { color: rgba(255,255,255,.66); }
  .crq-v2-review-prev,
  .crq-v2-review-next { border-color: rgba(255,255,255,.3); background: transparent; color: #fff; }
  .crq-v2-practical { padding-top: 42px; background: #ece8df; }
}

.crq-v14-gallery-controls { margin-top: 27px; display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
.crq-v14-gallery-controls button { width: 48px; height: 48px; padding: 0; border: 1px solid rgba(22,91,172,.28); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--crq14-sea); cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
.crq-v14-gallery-controls button:hover { border-color: var(--crq14-sea); background: var(--crq14-sea); color: #fff; transform: translateY(-2px); }
.crq-v14-gallery-controls span { min-width: 58px; color: #647078; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-align: center; }

.crq-v14-map-panel { position: relative; z-index: 2; margin: 34px 0 34px -18px; overflow: hidden; border-radius: 0 var(--crq14-radius) var(--crq14-radius) 0; background: #fff; box-shadow: 0 28px 75px rgba(21,39,40,.14); }
.crq-v14-map-panel-image { position: relative; height: 235px; overflow: hidden; background: #ddd4c7; }
.crq-v14-map-panel-image img { width: 100%; height: 100%; object-fit: cover; transition: opacity .2s ease, transform .5s ease; }
.crq-v14-map-panel:hover .crq-v14-map-panel-image img { transform: scale(1.025); }
.crq-v14-map-panel-image > span { position: absolute; top: 18px; left: 18px; padding: 7px 10px; border-radius: 999px; background: rgba(20,35,39,.82); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .08em; backdrop-filter: blur(8px); }
.crq-v14-map-panel-body { padding: 29px 30px 27px; }
.crq-v14-map-panel h3 { margin: 8px 0 7px; font-size: 2.7rem; line-height: 1; }
.crq-v14-map-panel-body > p { min-height: 46px; margin: 0; color: #687276; font-size: 14px; line-height: 1.6; }
.crq-v14-map-panel-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 22px; }
.crq-v14-map-panel-actions a { min-height: 43px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 999px; font-size: 12px; font-weight: 600; text-align: center; }
.crq-v14-map-panel-actions a:first-child { background: var(--crq-v2-sea); color: #fff; }
.crq-v14-map-panel-actions a:nth-child(2) { border: 1px solid #d9d7d1; color: var(--crq14-ink); }
.crq-v14-map-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 22px; padding-top: 20px; border-top: 1px solid #ece8e0; }
.crq-v14-map-switch button { min-width: 0; min-height: 57px; padding: 9px 12px; border: 1px solid transparent; border-radius: 11px; display: flex; align-items: center; gap: 9px; background: #f3f0ea; color: var(--crq14-ink); font: inherit; text-align: left; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.crq-v14-map-switch button:hover { transform: translateY(-2px); }
.crq-v14-map-switch button.is-active { border-color: rgba(22,91,172,.42); background: #eaf2fc; }
.crq-v14-map-switch button[data-map-select="lado"].is-active { border-color: rgba(239,184,73,.72); background: #fff8e9; }
.crq-v14-map-switch small { color: #8b9597; font-size: 10px; }
.crq-v14-map-switch span { overflow: hidden; font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }

.crq-v14-pool {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  background-color: var(--crq14-sea);
  background-position: center;
  background-size: cover;
  color: #fff;
}

/* The warm house accent is deliberately paired with dark ink for accessible contrast. */
.crq-header-book,
.crq-v2-booking button,
.crq-v2-unit-button:hover,
.crq-book-submit,
.crq-book-page .btn-dark,
.crq-v2-map-card-lado .crq-v2-map-primary,
.crq-map-pin.lado { color: var(--crq14-ink); }
.crq-header-book:hover,
.crq-v2-booking button:hover,
.crq-book-submit:hover,
.crq-book-page .btn-dark:hover { color: var(--crq14-ink); }
.crq-v2-kicker.dark,
.crq-v2-gallery-open,
.crq-v2-map-card-lado h3,
.crq-v2-practical-grid > a span,
.crq-aside-total-value { color: var(--crq14-earth-text); }
.crq-v2-kicker.dark { color: var(--crq14-sea); }
.crq-v2-property-tagline { color: var(--crq14-earth-text); }
.crq-v2-unit-button { border-color: rgba(239,184,73,.9); color: var(--crq14-sea); }
.crq-v2-unit-button svg { color: currentColor; stroke: currentColor; }
.crq-v2-unit-button:hover { border-color: var(--crq14-earth); background: var(--crq14-earth); color: var(--crq14-ink); }
.crq-v2-unit-card,
.crq-house-pick { border-color: rgba(22,91,172,.14); }
.crq-v2-property-card:nth-child(2) .crq-v2-unit-card { border-color: rgba(239,184,73,.32); }
.crq-map-pin.pedra { background: var(--crq14-sea); }
.crq-map-pin.lado { background: var(--crq14-earth); }
.crq-v2-stars { color: var(--crq14-earth); }
.crq-v14-pool-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,27,31,.78) 0%, rgba(8,27,31,.45) 40%, rgba(8,27,31,.06) 72%),
    linear-gradient(0deg, rgba(8,23,27,.44), transparent 55%);
}
.crq-v14-pool-inner { position: relative; z-index: 1; min-height: 720px; display: flex; align-items: flex-end; justify-content: space-between; gap: 70px; padding-block: 82px; }
.crq-v14-pool-copy { width: min(650px, 52vw); }
.crq-v14-pool-copy h2 { margin: 13px 0 20px; font-size: clamp(4rem, 5.4vw, 6.3rem); font-weight: 500; line-height: .9; letter-spacing: -.035em; }
.crq-v14-pool-copy p { max-width: 570px; margin: 0; color: rgba(255,255,255,.86); font-size: 17px; line-height: 1.7; }
.crq-v14-pool-button { min-height: 50px; margin-top: 30px; padding: 0 23px; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 14px; font-weight: 600; transition: color .2s ease, background .2s ease; }
.crq-v14-pool-button:hover { color: var(--crq14-ink); background: #fff; }
.crq-v14-pool-facts { display: grid; grid-template-columns: repeat(3, auto); gap: 1px; align-self: flex-end; border-radius: 16px; overflow: hidden; box-shadow: 0 18px 50px rgba(4,18,21,.2); }
.crq-v14-pool-facts span { min-width: 150px; padding: 20px; display: flex; flex-direction: column; background: rgba(255,255,255,.91); color: var(--crq14-ink); backdrop-filter: blur(10px); }
.crq-v14-pool-facts strong { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 22px; }
.crq-v14-pool-facts small { margin-top: 2px; color: #657074; font-size: 13px; }

@media (max-width: 1179px) {
  .crq-v14-pool,
  .crq-v14-pool-inner { min-height: 640px; }
  .crq-v14-pool-inner { flex-direction: column; align-items: flex-start; justify-content: flex-end; padding-block: 64px; }
  .crq-v14-pool-copy { width: min(650px, 100%); }
  .crq-v14-pool-facts { align-self: flex-start; }
  .crq-v2-map-layout { grid-template-columns: 1fr; gap: 0; }
  .crq-v14-map-panel { width: calc(100% - 54px); margin: -35px auto 0; border-radius: var(--crq14-radius); }
  .crq-v14-map-panel-image { height: 260px; }
  .crq-v2-reviews { background: var(--crq14-sea); color: #fff; }
  .crq-v2-reviews .crq-v2-kicker.dark,
  .crq-v2-reviews .crq-v2-section-heading > p { color: rgba(255,255,255,.7); }
  .crq-v2-reviews .crq-v2-section-heading h2 { color: #fff; }
  .crq-v2-reviews .crq-v2-quote { background: rgba(255,255,255,.08); color: #fff; }
}

@media (max-width: 700px) {
  .crq-v2-section { padding-block: 72px; }
  .crq-v2-property-card { border-radius: 16px; overflow: hidden; }
  .crq-v2-property-image { height: 280px; }
  .crq-v2-property-body { padding: 24px 20px; }
  .crq-v2-gallery { padding-bottom: 72px; }
  .crq-v14-gallery-controls { margin-top: 22px; }
  .crq-v14-gallery-controls button { width: 46px; height: 46px; background: #fff; }
  .crq-v14-pool,
  .crq-v14-pool-inner { min-height: 650px; }
  .crq-v14-pool { background-position: 62% center; }
  .crq-v14-pool-shade { background: linear-gradient(0deg, rgba(7,25,29,.86) 0%, rgba(7,25,29,.22) 72%); }
  .crq-v14-pool-inner { padding: 54px 20px; gap: 28px; }
  .crq-v14-pool-copy h2 { font-size: clamp(3.25rem, 14vw, 4.6rem); }
  .crq-v14-pool-copy p { font-size: 15px; }
  .crq-v14-pool-facts { width: 100%; grid-template-columns: 1fr; }
  .crq-v14-pool-facts span { min-width: 0; padding: 13px 17px; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 14px; }
  .crq-v14-pool-facts strong { font-size: 19px; }
  .crq-v14-pool-facts small { font-size: 12px; }
  .crq-v2-map { min-height: 410px; border-width: 5px; }
  .crq-v14-map-panel { width: calc(100% - 24px); margin-top: -24px; }
  .crq-v14-map-panel-image { height: 200px; }
  .crq-v14-map-panel-body { padding: 24px 19px 20px; }
  .crq-v14-map-panel h3 { font-size: 2.25rem; }
  .crq-v14-map-panel-actions { grid-template-columns: 1fr; }
  .crq-v14-map-switch { grid-template-columns: 1fr; }
  .crq-v2-reviews { padding-block: 74px; }
  .crq-v2-reviews .crq-v2-score { background: #fff; color: var(--crq14-ink); }
  .crq-v2-reviews .crq-v2-quote { min-height: 210px; }
  .crq-v2-reviews .crq-v2-quote p { font-size: 19px; }
  .crq-v2-reviews .crq-v2-review-prev,
  .crq-v2-reviews .crq-v2-review-next { border-color: rgba(255,255,255,.32); background: transparent; color: #fff; }
  .crq-v2-reviews .crq-v2-review-status { color: rgba(255,255,255,.7); }
  .crq-v2-review-viewport { overflow: hidden; }
  .crq-v2-review-track { display: flex; gap: 0; }
  .crq-v2-review-track .crq-v2-quote { flex: 0 0 100%; min-width: 100%; min-height: 310px; }
  .crq-v2-review-controls { margin-top: 22px; }
}

@media (max-width: 820px) {
  .crq-v2-booking button {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin: 8px !important;
    align-self: center !important;
  }
}

.crq-house-pick {
  justify-content: flex-start;
}

.crq-house-pick .crq-pick-title {
  padding-right: 24px;
  font-size: 21px;
  line-height: 1.08;
}

.crq-pick-subtitle {
  color: #687276;
  font-size: 12px;
  line-height: 1.4;
}

.crq-house-pick .crq-pick-price {
  margin-top: auto;
  padding-top: 3px;
}

@media (max-width: 700px) {
  .crq-house-pick .crq-pick-title {
    font-size: 20px;
  }
}

/* ================================================================
   1.4.7 MOBILE MENU POLISH
   ================================================================ */
@media (max-width: 980px) {
  /* The menu backdrop is a full rectangle. This removes the exposed
     bottom-left corner caused by the rounded full-screen nav panel. */
  .crq-nav,
  .crq-header.is-open .crq-nav {
    border-radius: 0 !important;
    clip-path: none !important;
    overflow-x: hidden;
  }

  /* Keep the header visually independent from the open navigation. */
  .crq-header-shell,
  .crq-header.is-scrolled .crq-header-shell {
    position: relative;
    z-index: 6;
  }
  .crq-header.is-open .crq-header-shell {
    background: rgba(255,255,255,.985) !important;
    border: 1px solid rgba(16,38,63,.055);
    box-shadow:
      0 1px 0 rgba(16,38,63,.06),
      0 14px 32px rgba(16,38,63,.13) !important;
  }
  .crq-header.is-open .crq-header-shell::after {
    content: '';
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: -14px;
    height: 14px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(16,38,63,.075), rgba(16,38,63,0));
    opacity: .72;
  }

  /* Draw the close icon independently instead of transforming the
     hamburger bars. This keeps the X perfectly centred and symmetric. */
  .crq-header.is-open .crq-burger {
    position: relative;
    color: var(--crq14-ink) !important;
  }
  .crq-header.is-open .crq-burger span {
    opacity: 0 !important;
    transform: none !important;
  }
  .crq-header.is-open .crq-burger::before,
  .crq-header.is-open .crq-burger::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform-origin: center;
  }
  .crq-header.is-open .crq-burger::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .crq-header.is-open .crq-burger::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  /* Give the open menu a deliberate breathing space under the header. */
  .crq-header.is-open .crq-nav {
    padding-top: calc(var(--crq-header-mobile-h) + 72px) !important;
  }
}

@media (max-width: 520px) {
  .crq-header.is-open .crq-burger::before,
  .crq-header.is-open .crq-burger::after {
    width: 22px;
  }
  .crq-header.is-open .crq-header-shell::after {
    left: 18px;
    right: 18px;
  }
  .crq-header.is-open .crq-nav {
    padding-top: calc(var(--crq-header-mobile-h) + 64px) !important;
  }
}

/* ================================================================
   1.4.13 MOBILE MENU FINAL STRUCTURE
   ================================================================ */
@media (max-width: 980px) {
  .crq-header.is-open,
  .crq-header.is-open.is-front,
  .crq-header.is-open.is-scrolled {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .crq-header.is-open .crq-nav {
    inset: var(--crq-admin-offset, 0px) 0 0 !important;
    width: 100% !important;
    min-height: calc(100dvh - var(--crq-admin-offset, 0px));
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    clip-path: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    box-shadow: none !important;
    background: #f8f6f1 !important;
  }

  .crq-header.is-open .crq-nav::after {
    content: none !important;
    display: none !important;
  }

  /* A fine brand-colour rule creates a deliberate gap below the floating header. */
  .crq-header.is-open .crq-nav::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: calc(var(--crq-header-mobile-h) + 30px);
    left: max(28px, env(safe-area-inset-left));
    right: max(28px, env(safe-area-inset-right));
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(22,91,172,.28) 18%, rgba(239,184,73,.72) 50%, rgba(22,91,172,.28) 82%, transparent);
    pointer-events: none;
  }

  .crq-header.is-open .crq-header-shell {
    border: 1px solid rgba(22,91,172,.1) !important;
    box-shadow: 0 16px 42px rgba(16,38,63,.18) !important;
  }

  .crq-header.is-open .crq-header-shell::after {
    content: none !important;
    display: none !important;
  }

  .crq-header.is-open .crq-burger {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border: 1px solid rgba(22,91,172,.13);
    border-radius: 50%;
    background: rgba(22,91,172,.065);
  }

  .crq-header.is-open .crq-burger span {
    display: none !important;
  }

  .crq-header.is-open .crq-burger::before,
  .crq-header.is-open .crq-burger::after {
    top: 50% !important;
    left: 50% !important;
    width: 19px !important;
    height: 2px !important;
    margin: 0 !important;
    background: var(--crq14-ink) !important;
  }
}

@media (max-width: 520px) {
  .crq-header.is-open .crq-nav::before {
    top: calc(var(--crq-header-mobile-h) + 23px);
    left: 20px;
    right: 20px;
  }
  .crq-header.is-open .crq-burger {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
}

/* ================================================================
   1.4.12 MOBILE REVIEW CARD REFINEMENT
   ================================================================ */
@media (max-width: 700px) {
  .crq-v2-review-track .crq-v2-quote {
    min-height: 360px;
    padding: 26px 24px;
  }

  .crq-v2-quote {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .crq-v2-quote p {
    margin: 0;
    max-width: 24ch;
    font-size: 22px;
    line-height: 1.34;
  }

  .crq-v2-quote-footer {
    width: 100%;
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .crq-v2-quote cite {
    font-size: 13px;
    letter-spacing: .12em;
    text-align: center;
  }

  .crq-v2-stars {
    font-size: 18px;
    letter-spacing: .16em;
    line-height: 1;
  }

  .crq-v2-review-controls {
    margin-top: 20px;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }

  .crq-v2-review-status {
    min-width: 64px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
  }
}

@media (max-width: 430px) {
  .crq-v2-review-track .crq-v2-quote {
    min-height: 330px;
    padding: 24px 20px;
  }

  .crq-v2-quote p {
    font-size: 20px;
    max-width: 23ch;
  }

  .crq-v2-quote cite {
    font-size: 12px;
  }

  .crq-v2-stars {
    font-size: 16px;
  }
}

/* ================================================================
   1.4.16 GALLERY LIGHTBOX CONTROLS
   ================================================================ */
.crq-lightbox .crq-lightbox-close {
  top: max(18px, env(safe-area-inset-top));
  right: 18px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15,27,29,.62);
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.crq-lightbox .crq-lightbox-close:hover,
.crq-lightbox .crq-lightbox-close:focus-visible {
  background: #fff;
  color: var(--crq14-ink);
  border-color: #fff;
}

.crq-v2-gallery-item.is-lightbox-only {
  display: none !important;
}

@media (max-width: 700px) {
  .crq-lightbox { padding: 72px 18px 82px; }
  .crq-lightbox .crq-lightbox-close {
    top: max(14px, env(safe-area-inset-top));
    right: 14px;
    width: 38px;
    height: 38px;
    font-size: 18px;
  }
}

/* ================================================================
   1.4.19 COMPACT MAP WITH FLOATING PROPERTY CARD
   ================================================================ */
@media (min-width: 1180px) {
  .crq-v2-location .crq-v2-section-heading,
  .crq-v2-location .crq-v2-map-layout {
    width: min(1180px, 100%);
    margin-inline: auto;
  }

  .crq-v2-location .crq-v2-map-layout {
    position: relative;
    display: block;
  }

  .crq-v2-location .crq-v2-map {
    width: 100%;
    min-height: 520px;
    border-width: 7px;
  }

  .crq-v2-location .crq-v14-map-panel {
    position: absolute;
    z-index: 500;
    top: 50%;
    right: 26px;
    width: 350px;
    margin: 0;
    border: 1px solid rgba(16,38,63,.08);
    border-radius: 18px;
    transform: translateY(-50%);
    box-shadow: 0 24px 68px rgba(13,34,42,.2);
  }

  .crq-v2-location .crq-v14-map-panel-image {
    height: 150px;
  }

  .crq-v2-location .crq-v14-map-panel-image > span {
    top: 13px;
    left: 13px;
    padding: 6px 9px;
    font-size: 10px;
  }

  .crq-v2-location .crq-v14-map-panel-body {
    padding: 19px 20px 18px;
  }

  .crq-v2-location .crq-v14-map-panel h3 {
    margin: 6px 0 5px;
    font-size: 2.15rem;
  }

  .crq-v2-location .crq-v14-map-panel-body > p {
    min-height: 0;
    font-size: 12px;
    line-height: 1.45;
  }

  .crq-v2-location .crq-v14-map-panel-actions {
    margin-top: 15px;
  }

  .crq-v2-location .crq-v14-map-panel-actions a {
    min-height: 38px;
    padding-inline: 10px;
    font-size: 10px;
  }

  .crq-v2-location .crq-v14-map-switch {
    gap: 6px;
    margin-top: 15px;
    padding-top: 14px;
  }

  .crq-v2-location .crq-v14-map-switch button {
    min-height: 44px;
    padding: 7px 9px;
  }

  .crq-v2-location .crq-v14-map-switch span {
    font-size: 10px;
  }
}

@media (min-width: 701px) and (max-width: 1179px) {
  .crq-v2-location .crq-v2-map-layout {
    width: min(920px, 100%);
    margin-inline: auto;
  }

  .crq-v2-location .crq-v2-map {
    min-height: 470px;
  }

  .crq-v2-location .crq-v14-map-panel {
    max-width: 720px;
  }
}

/* ================================================================
   1.4.20 BOOKING HEADER PHOTO
   ================================================================ */
.crq-book-header-wrap {
  background-color: #7a5a16;
  background-image:
    linear-gradient(118deg, rgba(47,36,12,.84) 0%, rgba(105,75,13,.72) 48%, rgba(137,96,14,.64) 100%),
    var(--crq-book-header-image);
  background-position: center 48%;
  background-repeat: no-repeat;
  background-size: cover;
}

.crq-book-header-wrap::after {
  background:
    radial-gradient(circle at 76% 24%, rgba(239,184,73,.2), transparent 32%),
    linear-gradient(180deg, rgba(16,25,27,.08), rgba(16,25,27,.22));
}

.crq-book-header-wrap .section-label,
.crq-book-header-wrap > div > p,
.crq-book-benefits span {
  text-shadow: 0 2px 18px rgba(0,0,0,.3);
}

.crq-book-header-wrap h1 {
  text-shadow: 0 4px 32px rgba(0,0,0,.38);
}

/* ================================================================
   1.4.21 LANGUAGE SWITCHER
   ================================================================ */
@media (min-width: 981px) {
  .crq-language-switch {
    min-height: 38px;
    padding: 3px;
    border: 1px solid rgba(16,38,63,.1);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: rgba(16,38,63,.055);
    color: var(--crq14-ink);
    letter-spacing: .03em;
  }

  .crq-language-switch > span {
    display: none;
  }

  .crq-language-switch a {
    min-width: 36px;
    min-height: 30px;
    padding: 0 9px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--crq14-ink);
    font-size: 12px;
    font-weight: 650;
    opacity: .68;
    transition: color .2s ease, background .2s ease, opacity .2s ease;
  }

  .crq-language-switch a:hover {
    background: rgba(22,91,172,.1);
    color: var(--crq14-sea);
    opacity: 1;
  }

  .crq-language-switch a.current-lang {
    background: var(--crq14-earth);
    color: var(--crq14-ink);
    opacity: 1;
    box-shadow: 0 5px 15px rgba(86,63,10,.16);
  }

  .crq-header.is-front:not(.is-scrolled) .crq-language-switch,
  .crq-header.is-transparent .crq-language-switch {
    border-color: rgba(255,255,255,.3);
    background: rgba(9,23,25,.36);
    color: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .crq-header.is-front:not(.is-scrolled) .crq-language-switch a,
  .crq-header.is-transparent .crq-language-switch a {
    color: #fff;
    opacity: .8;
  }

  .crq-header.is-front:not(.is-scrolled) .crq-language-switch a:hover,
  .crq-header.is-transparent .crq-language-switch a:hover {
    background: rgba(255,255,255,.13);
    color: #fff;
    opacity: 1;
  }

  .crq-header.is-front:not(.is-scrolled) .crq-language-switch a.current-lang,
  .crq-header.is-transparent .crq-language-switch a.current-lang {
    background: var(--crq14-earth);
    color: var(--crq14-ink);
    opacity: 1;
  }
}

/* Final cascade for the 1.4.22 editorial scale. */
.crq-v2-section-heading h2 { max-width: 900px; font-size: clamp(2.85rem,3.7vw,4.25rem); line-height: .98; }
.crq-v2-intro h2 { max-width: 720px; font-size: clamp(3rem,3.9vw,4.5rem); }
.crq-v14-pool-copy h2 { font-size: clamp(3.15rem,4.6vw,5.25rem); }
.crq-v14-contact-copy h2 { max-width: 560px; font-size: clamp(2.8rem,3.8vw,4.25rem); line-height: .96; }
.crq-book-header-wrap h1 { max-width: 900px; margin-inline: auto; font-size: clamp(3rem,4.2vw,4.75rem); line-height: .98; }

@media (max-width: 700px) {
  .crq-v2-section-heading h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
  .crq-v2-intro h2 { font-size: clamp(2.6rem,11.5vw,3.4rem); }
  .crq-v14-pool-copy h2 { font-size: clamp(2.75rem,12vw,3.65rem); }
  .crq-v14-contact-copy h2 { max-width: 390px; font-size: clamp(2.45rem,10.8vw,3.25rem); }
  .crq-book-header-wrap h1 { font-size: clamp(2.55rem,10.8vw,3.4rem); }
}

/* 1.4.23: clearer property labels on the closer map view. */
.crq-v2-location .crq-map-pin {
  width: 148px;
  height: 42px;
  padding-inline: 16px;
  font-size: 12px;
  box-shadow: 0 10px 28px rgba(16,38,63,.24);
}

/* 1.4.24: three guest reviews per desktop carousel page. */
.crq-v2-review-viewport { overflow: hidden !important; contain: paint; }
.crq-v2-review-track { width: 100%; }

@media (min-width: 981px) {
  .crq-v2-review-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .crq-v2-review-grid > .crq-v2-score:first-child { grid-column: 3 / 5; }
  .crq-v2-review-grid > .crq-v2-score:nth-child(2) { grid-column: 5 / 7; }
  .crq-v2-reviews .crq-v2-score {
    min-height: 178px;
    padding: 24px 26px;
  }
  .crq-v2-reviews .crq-v2-score-logo { max-width: 132px; max-height: 30px; }
  .crq-v2-reviews .crq-v2-score strong { margin-top: 7px; font-size: 3.35rem; line-height: .9; }
  .crq-v2-review-carousel { grid-column: 1 / -1; }
  .crq-v2-review-track { grid-auto-columns: calc((100% - 20px) / 3); gap: 10px; }
}

/* 1.4.28: no poster flash before the hero video. */
.crq-v2-hero.has-video { background: #091923; }
.crq-v2-hero.has-video .crq-v2-hero-video {
  opacity: 0;
  transition: opacity .55s ease;
}
.crq-v2-hero.has-video .crq-v2-hero-video.is-ready { opacity: 1; }

@media (min-width: 701px) and (max-width: 980px) {
  .crq-v2-review-carousel { grid-column: 1 / -1; }
  .crq-v2-review-track { grid-auto-columns: calc((100% - 10px) / 2); gap: 10px; }
}

/* 1.4.29: remove the frosted blur from guest review cards for a cleaner, transparent look. */
.crq-v2-reviews .crq-v2-quote {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* 1.4.32: show six amenities initially, with an inline reveal for the full list. */
.crq-amenity[hidden] { display: none !important; }
.crq-amenities-toggle {
  margin: 18px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--crq14-sea, #165bac);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.crq-amenities-toggle:hover { text-decoration: underline; text-underline-offset: 3px; }
.crq-amenities-toggle-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .22s ease;
}
.crq-amenities-toggle-icon svg { width: 17px; height: 17px; }
.crq-amenities-toggle[aria-expanded="true"] .crq-amenities-toggle-icon { transform: rotate(180deg); }

@media (max-width: 700px) {
  .crq-amenities-toggle {
    width: 100%;
    min-height: 46px;
    margin-top: 14px;
    justify-content: center;
    border: 1px solid rgba(22,91,172,.2);
    border-radius: 999px;
    background: #fff;
    text-decoration: none;
  }
  .crq-amenities-toggle:hover { text-decoration: none; }
}

/* ================================================================
   1.4.33 GALLERY CONTROLS: ARROWS ONLY
   ================================================================ */
.crq-v14-gallery-controls [data-gallery-status],
.crq-casa-counter,
.crq-lightbox-counter {
  display: none !important;
}

.crq-v14-gallery-controls {
  justify-content: center;
  gap: 18px;
}