/* ==========================================================================
   DoneNow — locality page styles.
   Tokens live in tokens.css. Nothing here redeclares a token.
   ========================================================================== */

@font-face {
  font-family: 'DM Sans';
  src: url('/assets/fonts/dm-sans-latin.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url('/assets/fonts/outfit-latin.woff2') format('woff2');
  font-weight: 500 800;
  font-style: normal;
  font-display: swap;
}

/* ---- Reset ------------------------------------------------------------- */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--body);
  color: var(--ink);
  background: var(--white, #fff);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

h1,
h2,
h3 {
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: -0.015em;
  margin: 0;
  text-wrap: balance;
}

p {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: 2px;
  border-radius: 2px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ---- Container --------------------------------------------------------- */
/* The v1.3.0 bug: .local-faq had a max-width but no auto margin, so it hung
   left inside the container and left a third of the page empty. Every
   constrained block below sets margin-inline explicitly. */

.wrap {
  width: 100%;
  max-width: var(--shell);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.section {
  padding-block: var(--section-y);
}

.section--alt {
  background: var(--cream);
}

.eyebrow {
  font-family: var(--display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--label);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.eyebrow::before {
  content: '';
  width: 22px;
  height: 3px;
  border-radius: 2px;
  background: var(--yellow);
  flex: none;
}

.section-head {
  max-width: var(--measure);
}

.section-head h2 {
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.15;
}

.section-intro {
  margin-top: 16px;
  color: var(--muted);
  max-width: var(--measure);
  line-height: 1.7;
}

.inline-link {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--yellow);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* ---- Header ------------------------------------------------------------ */

.site-header {
  border-bottom: 1px solid var(--line);
  background: #fff;
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-1);
  min-height: 68px;
  padding-block: 12px;
}

.site-header__logo img {
  height: 30px;
  width: auto;
}

.site-header__note {
  font-size: 14px;
  color: var(--muted);
}

@media (max-width: 640px) {
  .site-header__note {
    display: none;
  }
}

/* ---- Breadcrumb -------------------------------------------------------- */
/* Replaces the underlined "Back to Bangalore homepage" default link. */

.breadcrumb {
  background: var(--cream-2);
  border-bottom: 1px solid var(--line);
  font-size: 13.5px;
}

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-block: 12px;
  color: var(--muted);
}

.breadcrumb__list a {
  text-decoration: none;
  color: var(--muted);
  border-bottom: 1px solid var(--line-2);
  padding-bottom: 1px;
}

.breadcrumb__list a:hover {
  color: var(--ink);
  border-bottom-color: var(--yellow-deep);
}

.breadcrumb__sep {
  color: var(--line-2);
}

.breadcrumb__current {
  color: var(--ink);
  font-weight: 500;
}

/* ---- Hero -------------------------------------------------------------- */

.hero {
  background: var(--ink);
  color: #fff;
  padding-block: var(--s-4);
}

.hero__grid {
  display: grid;
  grid-template-columns: 1fr 0.95fr;
  gap: var(--s-3);
  align-items: center;
}

.hero .eyebrow {
  color: var(--label-invert);
}

.hero__offer {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  background: var(--yellow);
  color: var(--ink);
  font-family: var(--display);
  font-weight: 700;
  font-size: 15px;
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.hero h1 {
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.06;
}

@media (min-width: 861px) {
  .hero h1.hero__title--long {
    font-size: clamp(38px, 4vw, 45px);
    letter-spacing: -0.03em;
  }
}

/* The logo device: locality name set in a yellow block, like "Now". */
.area-mark {
  background: var(--yellow);
  color: var(--ink);
  padding: 0 0.14em 0.04em;
  border-radius: 12px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.hero__text {
  margin-top: 20px;
  max-width: 49ch;
  color: var(--muted-invert);
  font-size: 18px;
  line-height: 1.58;
}

.hero__figure {
  margin: 0;
  position: relative;
}

.hero__figure img {
  width: 100%;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  object-position: center;
  border-radius: var(--r-l);
}

.hero__figure figcaption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  padding: 7px 12px;
  border-radius: 999px;
  box-shadow: 0 2px 10px rgb(0 0 0 / 0.18);
}

/* ---- Contact actions --------------------------------------------------- */
/* These are rendered as real HTML, not injected by JS after load. In v1.3.0
   the WhatsApp and Call buttons did not exist in the markup at all. */

.actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: var(--s-1);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--display);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  padding: 15px 22px;
  border-radius: var(--r-m);
  text-decoration: none;
  border: 2px solid transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.btn--primary {
  background: var(--yellow);
  color: var(--ink);
}

.btn--primary:hover {
  background: var(--yellow-deep);
}

.btn--ghost-dark {
  border-color: rgb(255 255 255 / 0.32);
  color: #fff;
}

.btn--ghost-dark:hover {
  border-color: #fff;
}

.btn--ghost {
  border-color: var(--line-2);
  color: var(--ink);
}

.btn--ghost:hover {
  border-color: var(--ink);
}

/* Tertiary: the structured request form, on organic pages. */
.actions__link {
  font-family: var(--display);
  font-weight: 600;
  font-size: 14.5px;
  text-decoration: none;
  border-bottom: 2px solid var(--yellow);
  padding-bottom: 2px;
}

.actions__note {
  margin-top: 14px;
  font-size: 13.5px;
  color: var(--muted-invert);
}

.section .actions__note,
.final-cta .actions__note {
  color: var(--muted);
}

.final-cta .actions__note {
  color: var(--muted-invert);
}

/* ---- Trust strip ------------------------------------------------------- */

.trust {
  background: var(--cream);
  border-bottom: 1px solid var(--line);
  padding-block: var(--s-2);
}

.trust__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s-1);
}

.trust__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.trust__tick {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--yellow);
  display: grid;
  place-items: center;
  margin-top: 2px;
}

.trust__tick svg {
  width: 12px;
  height: 12px;
}

.trust__title {
  font-family: var(--display);
  font-weight: 700;
  font-size: 15px;
  display: block;
  line-height: 1.3;
}

.trust__detail {
  display: block;
  margin-top: 4px;
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.5;
}

/* ---- Service grid ------------------------------------------------------ */

.services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: var(--s-2);
}

.services__item {
  border: 1px solid var(--line);
  border-left: 4px solid var(--yellow);
  border-radius: var(--r-m);
  padding: 20px 20px 22px;
  background: #fff;
}

.services__title {
  font-family: var(--display);
  font-weight: 700;
  font-size: 16.5px;
  display: block;
}

.services__detail {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.55;
}

/* ---- Local coverage ---------------------------------------------------- */

.coverage__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--s-3);
  align-items: start;
  margin-top: var(--s-2);
}

.coverage__note {
  color: var(--muted);
  line-height: 1.7;
  max-width: var(--measure);
}

.coverage__panel {
  background: var(--cream-2);
  border: 1px solid var(--line);
  border-radius: var(--r-m);
  padding: var(--s-1);
}

.coverage__label {
  font-family: var(--display);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--label);
}

.coverage__pins {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.coverage__pin {
  font-family: var(--display);
  font-weight: 700;
  font-size: 14px;
  background: #fff;
  border: 1px solid var(--line-2);
  border-radius: var(--r-s);
  padding: 6px 11px;
}

.coverage__landmarks {
  margin-top: 20px;
  display: grid;
  gap: 7px;
}

.coverage__landmarks li {
  font-size: 14.5px;
  color: var(--muted);
  padding-left: 16px;
  position: relative;
}

.coverage__landmarks li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--yellow-deep);
}

/* ---- Areas served ------------------------------------------------------ */

.nearby {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: var(--s-2);
}

.nearby__chip {
  font-family: var(--display);
  font-weight: 600;
  font-size: 14.5px;
  padding: 10px 15px;
  border-radius: 999px;
  background: var(--yellow-soft);
  border: 1px solid #f0e2b4;
  text-decoration: none;
  color: var(--ink);
}

.nearby__chip:hover {
  background: var(--yellow);
  border-color: var(--yellow-deep);
}

.service-guides {
  margin-top: var(--s-2);
  padding-top: var(--s-1);
  border-top: 1px solid var(--line);
}

.service-guides__heading {
  font-family: var(--display);
  font-size: 16px;
  font-weight: 650;
  color: var(--ink);
}

.service-guides .nearby {
  margin-top: 12px;
}

/* Areas without a published page yet: shown, not linked. */
.nearby__chip--plain {
  background: #fff;
  border-color: var(--line);
  color: var(--muted);
  font-weight: 500;
}

/* ---- Process ----------------------------------------------------------- */

.process {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s-1);
  margin-top: var(--s-2);
}

.process__step {
  border-top: 3px solid var(--ink);
  padding-top: 16px;
}

.process__num {
  font-family: var(--display);
  font-size: 12.5px;
  font-weight: 700;
  color: var(--yellow-deep);
  font-style: normal;
  letter-spacing: 0.06em;
}

.process__step h3 {
  font-size: 16.5px;
  line-height: 1.25;
  margin-top: 8px;
}

.process__step p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.55;
}

/* ---- FAQ --------------------------------------------------------------- */

.faq {
  max-width: var(--measure-faq);
  margin-inline: auto;
}

.faq__list {
  margin-top: var(--s-2);
  border-top: 1px solid var(--line);
}

.faq__item {
  border-bottom: 1px solid var(--line);
}

.faq__item summary {
  cursor: pointer;
  list-style: none;
  padding: 18px 44px 18px 0;
  position: relative;
  font-family: var(--display);
  font-weight: 700;
  font-size: 16.5px;
  line-height: 1.35;
}

.faq__item summary::-webkit-details-marker {
  display: none;
}

.faq__item summary::after {
  content: '';
  position: absolute;
  right: 8px;
  top: 50%;
  width: 12px;
  height: 2px;
  background: var(--ink);
  transform: translateY(-50%);
}

.faq__item summary::before {
  content: '';
  position: absolute;
  right: 13px;
  top: 50%;
  width: 2px;
  height: 12px;
  background: var(--ink);
  transform: translateY(-50%);
  transition: opacity 0.15s ease;
}

.faq__item[open] summary::before {
  opacity: 0;
}

.faq__item p {
  color: var(--muted);
  line-height: 1.7;
  padding-bottom: 20px;
  max-width: var(--measure);
}

/* ---- Final CTA --------------------------------------------------------- */

.final-cta {
  background: var(--ink);
  color: #fff;
  padding-block: var(--s-4);
  text-align: center;
}

.final-cta h2 {
  font-size: clamp(25px, 3.6vw, 36px);
  line-height: 1.15;
  max-width: 24ch;
  margin-inline: auto;
}

.final-cta p {
  margin-top: 16px;
  margin-inline: auto;
  max-width: var(--measure-tight);
  color: var(--muted-invert);
}

.final-cta .actions {
  justify-content: center;
}

/* ---- Footer ------------------------------------------------------------ */

.site-footer {
  background: var(--ink-2);
  color: var(--muted-invert);
  padding-block: var(--s-3) var(--s-2);
  font-size: 14px;
}

.site-footer__top {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
  justify-content: space-between;
  align-items: flex-start;
}

.site-footer__logo img {
  height: 28px;
  width: auto;
}

.site-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.site-footer__nav a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
}

.site-footer__nav a:hover {
  color: var(--yellow);
}

.site-footer__legal {
  margin-top: var(--s-2);
  padding-top: var(--s-1);
  border-top: 1px solid rgb(255 255 255 / 0.12);
  display: grid;
  gap: 8px;
  max-width: 70ch;
}

.site-footer__legal p {
  line-height: 1.6;
}

/* ---- Sticky mobile contact bar ----------------------------------------- */

.sticky-contact {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  display: none;
  gap: 10px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: rgb(17 17 17 / 0.96);
  backdrop-filter: blur(6px);
}

.sticky-contact .btn {
  flex: 1;
  padding: 14px 12px;
}

.sticky-contact.is-hidden {
  transform: translateY(110%);
}

@media (max-width: 800px) {
  .sticky-contact {
    display: flex;
    transition: transform 0.2s ease;
  }
  body.has-sticky-contact {
    padding-bottom: 78px;
  }
}

/* ---- Responsive -------------------------------------------------------- */

@media (max-width: 1000px) {
  .services {
    grid-template-columns: repeat(2, 1fr);
  }
  .process {
    grid-template-columns: repeat(2, 1fr);
  }
  .trust__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 860px) {
  .hero__grid,
  .coverage__grid {
    grid-template-columns: 1fr;
    gap: var(--s-2);
  }
  .hero {
    padding-block: var(--s-3);
  }
  .final-cta {
    padding-block: var(--s-3);
  }
}

@media (max-width: 560px) {
  .services,
  .process {
    grid-template-columns: 1fr;
  }
  .trust__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .actions .btn {
    flex: 1 1 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* Shared responsive site navigation. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-header__inner{min-height:70px;display:flex;align-items:center;gap:22px;padding-block:0}.site-header__logo{display:flex;align-items:center;flex:none}.site-header__logo img{width:158px;height:auto}.site-nav{margin-left:auto}.site-nav__menu{display:flex;align-items:center;gap:20px}.site-nav a,.site-nav summary{font:600 13px/1 var(--body);color:var(--ink);text-decoration:none;white-space:nowrap}.site-nav a:not(.site-nav__book):not(.site-nav__whatsapp):hover,.site-nav summary:hover,.site-nav a[aria-current="page"]{color:#756000}.site-nav a[aria-current="page"]{box-shadow:inset 0 -2px var(--yellow);padding-bottom:5px}.site-nav__group{position:relative}.site-nav__group summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}.site-nav__group summary::-webkit-details-marker{display:none}.site-nav__group summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}.site-nav__group[open] summary::after{transform:rotate(225deg);margin-top:3px}.site-nav__dropdown{position:absolute;top:calc(100% + 16px);left:-14px;min-width:220px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 35px -22px rgba(17,17,17,.45)}.site-nav__dropdown a{display:block;padding:10px 11px;border-radius:7px;white-space:normal}.site-nav__dropdown a:hover,.site-nav__dropdown a[aria-current="page"]{background:var(--yellow-soft);color:var(--ink);box-shadow:none;padding-bottom:10px}.site-nav__whatsapp{padding:9px 0}.site-nav__book{padding:12px 15px;background:var(--yellow);border-radius:var(--r-s)}.site-nav__book:hover{background:var(--yellow-deep)}.site-nav__toggle{display:none;border:0;background:transparent;padding:10px;cursor:pointer}.site-nav__toggle>span:not(.sr-only){display:block;width:20px;height:2px;background:var(--ink);margin:4px 0;border-radius:2px}
.site-footer__links{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:26px 42px}.site-footer__group{display:grid;gap:8px}.site-footer__group p{margin:0 0 3px;font:700 12px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#fff}.site-footer__group a{font-size:13px;line-height:1.4;text-decoration:none;color:#c9c7bf}.site-footer__group a:hover{color:var(--yellow)}
@media(max-width:850px){.site-header__inner{min-height:64px;padding-inline:16px}.site-header__logo img{width:128px}.site-nav__toggle{display:block;margin-left:auto}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;padding:10px 16px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 32px -24px rgba(17,17,17,.45)}.site-nav[data-open]{display:block}.site-nav__menu{flex-direction:column;align-items:stretch;gap:0}.site-nav a,.site-nav summary{display:flex;align-items:center;min-height:46px;padding:12px 4px;font-size:14px}.site-nav a[aria-current="page"]{box-shadow:none;padding-bottom:12px}.site-nav__group{border-top:1px solid var(--line)}.site-nav__group summary{justify-content:space-between}.site-nav__dropdown{position:static;min-width:0;padding:0 0 8px;border:0;border-radius:0;box-shadow:none}.site-nav__dropdown a{padding-left:18px;background:var(--cream);margin-bottom:4px;border-radius:7px}.site-nav__whatsapp{border-top:1px solid var(--line);margin-top:5px}.site-nav__book{justify-content:center;margin-top:7px;border-radius:8px}.site-footer__top{display:grid;gap:28px}.site-footer__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.site-footer__group:last-child{grid-column:1/-1}}
@media(max-width:390px){.site-footer__links{grid-template-columns:1fr}.site-footer__group:last-child{grid-column:auto}}

/* Compact mobile navigation and footer polish. */
.site-footer__logo{display:block;width:150px;height:34px}.site-footer__logo img{display:block!important;width:150px!important;height:34px!important;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:850px){.site-header__inner{gap:12px}.site-nav__toggle{display:grid;place-items:center;width:42px;height:42px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--cream)}.site-nav__toggle>span:not(.sr-only){margin:3px 0}.site-nav{padding:12px 16px 18px;background:var(--ink);border:0;border-radius:0 0 16px 16px;box-shadow:0 20px 34px -18px rgba(17,17,17,.5)}.site-nav a,.site-nav summary{color:#fff;font-weight:600}.site-nav a:not(.site-nav__book):not(.site-nav__whatsapp):hover,.site-nav summary:hover,.site-nav a[aria-current="page"]{color:var(--yellow)}.site-nav a[aria-current="page"]{padding-bottom:12px}.site-nav__group{border-top-color:rgb(255 255 255 / .14)}.site-nav__dropdown{padding-bottom:8px}.site-nav__dropdown a{background:rgb(255 255 255 / .08);color:#fff;padding-left:16px}.site-nav__dropdown a:hover,.site-nav__dropdown a[aria-current="page"]{background:rgb(255 193 7 / .18);color:#fff}.site-nav__whatsapp{border-top-color:rgb(255 255 255 / .14);color:var(--yellow)!important}.site-nav__book{color:var(--ink)!important;margin-top:9px}.site-footer__links{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-footer__group:last-child{grid-column:1/-1!important}.site-footer__legal{margin-top:28px}.site-footer__legal p{font-size:11.5px}}

/* Premium navigation refinement. */
.site-header{box-shadow:0 1px 0 rgb(17 17 17 / .02)}.site-header.is-stuck{box-shadow:0 12px 28px -24px rgb(17 17 17 / .42)}.site-header__inner{min-height:72px;gap:28px}.site-header__logo img{width:174px}.site-nav__menu{gap:24px}.site-nav a,.site-nav summary{font-size:13.5px;font-weight:650;letter-spacing:.005em}.site-nav a[aria-current="page"]{box-shadow:inset 0 -3px var(--yellow);padding-bottom:7px}.site-nav__group summary{padding-block:7px}.site-nav__dropdown{top:calc(100% + 14px);left:-18px;min-width:286px;padding:8px;border-radius:14px;border-color:var(--line);box-shadow:0 22px 40px -28px rgb(17 17 17 / .5);animation:site-nav-enter .14s ease-out}.site-nav__dropdown-item{display:grid!important;gap:4px;padding:12px 13px!important;border-radius:9px}.site-nav__dropdown-item>span{font:700 13.5px/1.25 var(--body);color:var(--ink)}.site-nav__dropdown-item small{font:400 12px/1.35 var(--body);color:var(--muted)}.site-nav__dropdown-item:hover,.site-nav__dropdown-item[aria-current="page"]{background:var(--yellow-soft)!important}.site-nav__dropdown-item:hover>span,.site-nav__dropdown-item[aria-current="page"]>span{color:var(--ink)}.site-nav__whatsapp{display:inline-flex!important;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--cream-2);font-size:13px!important}.site-nav__whatsapp svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.site-nav__whatsapp:hover{border-color:var(--yellow-deep);color:var(--ink)!important;background:var(--yellow-soft)}.site-nav__book{padding:13px 18px;border-radius:9px;font-weight:750!important;box-shadow:0 7px 14px -11px rgb(17 17 17 / .6)}.site-nav__book:hover{background:var(--yellow-deep);transform:translateY(-1px)}.site-nav__book:focus-visible,.site-nav__whatsapp:focus-visible{outline-color:var(--ink)}@keyframes site-nav-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.site-header__inner{min-height:68px}.site-header__logo img{width:144px}.site-nav__toggle{width:44px;height:44px;border-radius:12px}.site-nav__dropdown{animation:none}.site-nav__dropdown-item{gap:3px;padding:11px 14px 11px 18px!important}.site-nav__dropdown-item>span{color:#fff}.site-nav__dropdown-item small{color:#c9c7bf}.site-nav__dropdown-item:hover>span,.site-nav__dropdown-item[aria-current="page"]>span{color:#fff}.site-nav__whatsapp{justify-content:flex-start;border:0;border-radius:0;background:transparent;padding-inline:4px!important}.site-nav__whatsapp:hover{background:transparent}.site-nav__whatsapp svg{width:17px;height:17px}.site-nav__book{min-height:48px;padding:14px 18px!important;box-shadow:none}.site-nav__group summary{padding-block:13px}}
@media(min-width:851px){.site-nav__menu>a[aria-current="page"]{position:relative;padding-bottom:0;box-shadow:none}.site-nav__menu>a[aria-current="page"]::after{content:"";position:absolute;right:0;bottom:-11px;left:0;height:3px;background:var(--yellow)}}