/* HolidaySeva header styles — loaded once by header.php. Do not paste into pages. */
/* ── Design tokens ── */
:root{
  --ta-black:#091f45;          /* deep navy (was near-black) */
  --ta-gray-text:#1a2233;          /* = index --ink */
  --ta-gray-muted:#5d6778;
  --ta-gray-border:#e5e9f0;        /* = index --line */
  --ta-gray-bg:#f3f6fc;
  --ta-yel:#ffc72c;
  --ta-yel2:#ffb800;
  --ta-yel-soft:#fff3d1;
  --ta-white:#ffffff;
  --ta-star:#ffb800;
  --ta-max:1360px;              /* = index --max, so header edges line up with the page */
  --ta-shadow-top:0 1px 0 rgba(0,0,0,0.08);
  --ta-shadow-panel:0 2px 12px rgba(0,0,0,0.08);
  /* added to mirror index.php */
  --ta-navy:#0d2b5e; --ta-navy2:#091f45; --ta-navy3:#163a78;
  --ta-r:28px;
  --ta-ease:cubic-bezier(.16,1,.3,1);
  --ta-font:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ta-royal:#0d2b5e; --ta-royal-dark:#091f45; --ta-royal-soft:#f3f6fc;   /* royal → index navy */
}
body{margin:0px;}

/* ── Reset ── */
.ta-header *, .ta-mobile-book *, .ta-drawer *, .ta-drawer-scrim{ box-sizing:border-box; }
.ta-header{
  color: var(--ta-gray-text);
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: transparent;
}
.ta-row{
  max-width: var(--ta-max);
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 24px;
}

/* ════════════════════════════════
   TOP STATE
════════════════════════════════ */
.ta-header__top{ transition: opacity .2s ease, transform .2s ease; }

/* Brand row */
.ta-row--brand{
  height: 64px;
  gap: 20px;
  position: relative;
  /* Full-bleed bar: background now spans the whole viewport, while the
     content is still aligned to the --ta-max container via side padding */
  max-width: none;
  margin: 0;
  width: 100%;
  padding-left:  max(24px, calc((100% - var(--ta-max)) / 2 + 24px));
  padding-right: max(24px, calc((100% - var(--ta-max)) / 2 + 24px));
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  border-bottom: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 1px 6px rgba(17,17,17,.04), inset 0 1px 0 rgba(255,255,255,.3);
}

.ta-logo{
  display: flex; align-items: center; gap: 8px;
  text-decoration: none; color: var(--ta-black);
  flex-shrink: 0;
}
.ta-logo__icon{ width: 28px; height: 24px; }
.ta-logo__word{ font-size: 21px; font-weight: 800; letter-spacing: -0.4px; }

/* Right-hand action group — search sits at flex:1 to its left, this group
   stays pinned flush right and shrinks its members gracefully before wrapping */
.ta-actions-right{
  display: flex; align-items: center; gap: 10px;
  margin-left: auto; flex-shrink: 0;
}

/* Search bar */
.ta-search{
  flex: 1 1 auto; max-width: 440px; min-width: 120px;
  display: flex; align-items: center; gap: 10px;
  background: var(--ta-gray-bg);
  border: 1.5px solid transparent;
  border-radius: 999px;
  padding: 10px 16px;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.ta-search:focus-within{
  background: var(--ta-white);
  border-color: var(--ta-black);
  box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
}
.ta-search__icon{ width: 17px; height: 17px; color: var(--ta-gray-muted); flex-shrink: 0; }
.ta-search__input{
  border: none; outline: none; background: transparent; width: 100%;
  font-size: 14px; color: var(--ta-gray-text);
}
.ta-search__input::placeholder{ color: #9a9a9a; }
.ta-search__mic{
  background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0;
  width: 18px; height: 18px; color: var(--ta-gray-muted);
  display: flex; align-items: center; justify-content: center;
}
.ta-search__mic svg{ width: 100%; height: 100%; }
.ta-search__mic:hover{ color: var(--ta-black); }

/* Mobile-only full-width search row (hidden on desktop/tablet) */
.ta-row--mobile-search{ display: none; }

/* ════════════════════════════════
   MOBILE SEARCH TRIGGER BUTTON
════════════════════════════════ */
.ta-mob-search-btn{
  display: none; /* shown only in ≤680px breakpoint */
  align-items: center; gap: 5px;
  background: var(--ta-gray-bg);
  border: none; border-radius: 999px;
  padding: 7px 13px 7px 10px;
  font-size: 13px; font-weight: 600; color: var(--ta-gray-muted);
  cursor: pointer; flex-shrink: 0;
  transition: background .13s, color .13s;
}
.ta-mob-search-btn:hover{ background: var(--ta-gray-border); color: var(--ta-black); }
.ta-mob-search-btn svg{ width: 16px; height: 16px; flex-shrink: 0; }

/* ════════════════════════════════
   MOBILE SEARCH OVERLAY
════════════════════════════════ */
.ta-mob-search-overlay{
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: var(--ta-white);
  /* slide-in animation */
  transform: translateY(-8px);
  opacity: 0;
  transition: transform .22s cubic-bezier(.25,.8,.25,1), opacity .18s ease;
  pointer-events: none;
}
.ta-mob-search-overlay[hidden]{
  display: none !important;
}
.ta-mob-search-overlay.is-open{
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}

/* ── Top bar ── */
.ta-mob-search-bar{
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px 14px;
  padding-top: calc(12px + env(safe-area-inset-top, 0px));
  border-bottom: 1px solid var(--ta-gray-border);
  background: var(--ta-white);
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
  flex-shrink: 0;
}
.ta-mob-search-field{
  flex: 1; display: flex; align-items: center; gap: 10px;
  background: var(--ta-gray-bg);
  border: 1.5px solid transparent;
  border-radius: 999px;
  padding: 11px 16px;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.ta-mob-search-field:focus-within{
  border-color: var(--ta-black);
  box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
  background: var(--ta-white);
}
.ta-mob-search-field__icon{
  width: 18px; height: 18px; flex-shrink: 0; color: var(--ta-gray-muted);
}
.ta-mob-search-field__input{
  flex: 1; border: none; outline: none; background: transparent;
  font-size: 15.5px; color: var(--ta-gray-text);
}
.ta-mob-search-field__input::placeholder{ color: #9a9a9a; }
.ta-mob-search-field__clear{
  background: var(--ta-gray-border); border: none; cursor: pointer; padding: 0;
  width: 19px; height: 19px; flex-shrink: 0; color: var(--ta-white);
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  transition: background .12s;
}
.ta-mob-search-field__clear[hidden]{ display: none; }
.ta-mob-search-field__clear svg{ width: 11px; height: 11px; }
.ta-mob-search-field__clear:hover{ background: var(--ta-gray-muted); }

.ta-mob-search-cancel{
  background: none; border: none; cursor: pointer; padding: 4px 2px;
  font-size: 15px; font-weight: 600; color: var(--ta-black);
  flex-shrink: 0; white-space: nowrap;
  transition: opacity .12s;
}
.ta-mob-search-cancel:hover{ opacity: .7; }

/* ── Scrollable body ── */
.ta-mob-search-body{
  flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 24px 16px calc(24px + env(safe-area-inset-bottom, 0px));
  display: flex; flex-direction: column; gap: 30px;
}

/* ── Section header ── */
.ta-mob-search-section__title{
  margin: 0 0 12px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.7px;
  text-transform: uppercase; color: var(--ta-gray-muted);
}

/* ── Quick-link chips ── */
.ta-mob-search-chips{
  display: flex; flex-wrap: wrap; gap: 9px;
}
.ta-mob-search-chip{
  background: var(--ta-white);
  border: 1.5px solid var(--ta-gray-border);
  border-radius: 999px;
  padding: 9px 17px;
  font-size: 13.5px; font-weight: 600; color: var(--ta-gray-text);
  cursor: pointer;
  transition: background .13s, border-color .13s, color .13s, transform .1s;
}
.ta-mob-search-chip:hover{
  border-color: var(--ta-black); color: var(--ta-black);
}
.ta-mob-search-chip:active{
  background: var(--ta-black); border-color: var(--ta-black); color: var(--ta-white);
  transform: scale(0.97);
}

/* ── Suggestion list ── */
.ta-mob-search-suggestions{
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column;
}
.ta-mob-search-suggestion{
  display: flex; align-items: center; gap: 14px;
  padding: 11px 6px;
  margin: 0 -6px;
  cursor: pointer;
  transition: background .12s;
  border-radius: 14px;
}
.ta-mob-search-suggestion:hover,
.ta-mob-search-suggestion:focus{
  background: var(--ta-gray-bg); outline: none;
}
.ta-mob-search-suggestion__icon{
  flex-shrink: 0; width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  background: var(--ta-gray-bg); border-radius: 12px;
  color: var(--ta-gray-text);
}
.ta-mob-search-suggestion__icon svg{ width: 19px; height: 19px; }
.ta-mob-search-suggestion__text{
  flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px;
}
.ta-mob-search-suggestion__label{
  font-size: 14.5px; font-weight: 600; color: var(--ta-black);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ta-mob-search-suggestion__sub{
  font-size: 12.5px; color: var(--ta-gray-muted);
}
.ta-mob-search-suggestion__arrow{
  width: 16px; height: 16px; flex-shrink: 0; color: var(--ta-gray-border);
}

/* Nav actions */
.ta-actions{
  display: flex; align-items: center; gap: 6px;
  margin-left: auto; flex-shrink: 0;
}
.ta-action{
  display: flex; align-items: center; gap: 5px;
  color: var(--ta-black); text-decoration: none;
  font-size: 14px; font-weight: 600; white-space: nowrap;
  padding: 7px 10px; border-radius: 50px;
  border: none; background: none;
  appearance: none; -webkit-appearance: none;
  cursor: pointer; font-family: inherit;
  transition: background .12s;
}
.ta-action:hover{ background: var(--ta-gray-bg); }
.ta-action__icon{ width: 15px; height: 15px; flex-shrink: 0; }
.ta-action--text{ padding: 7px 10px; }
.ta-currency{ font-size: 13px; font-weight: 700; color: var(--ta-black); padding: 7px 6px; }

/* Plan with AI — simple royal-blue outline pill */
.ta-action--ai{
  gap: 8px;
  height: 40px;
  padding: 0 18px 0 14px;
  border: 1.5px solid #0e62ae;
  border-radius: 999px;
  font-weight: 700;
  color: #0e62ae;
  background: #fff;
  box-shadow: none;
  transition: background .15s;
}
.ta-action--ai:hover{ background: var(--ta-royal-soft, #eef3ff); color: #0b5291; }
.ta-action--ai:focus-visible{ outline: 2px solid var(--ta-royal, #152a5b); outline-offset: 2px; }
.ta-action__icon--ai{ width: 18px; height: 18px; color: var(--ta-royal, #152a5b); }
.ta-signin{
  display: flex; align-items: center;
  background: #0E62AE; color: var(--ta-white);
  padding: 9.5px 22px; border: 1.5px solid #0E62AE; border-radius: 999px;
  font-size: 14px; font-weight: 700; text-decoration: none;
  white-space: nowrap;
  transition: opacity .15s;
}
.ta-signin:hover{ opacity: 0.85; }

/* WhatsApp button — black outline style */
.ta-whatsapp{
  display: flex; align-items: center; gap: 7px;
  background: var(--ta-white);
  border: 1.5px solid var(--ta-black);
  border-radius: 999px;
  padding: 8px 16px 8px 10px;
  text-decoration: none;
  flex-shrink: 0;
  color: var(--ta-black);
  transition: background .13s, color .13s;
}
.ta-whatsapp:hover{ background: var(--ta-black); color: var(--ta-white); }
.ta-whatsapp svg{ width: 20px; height: 20px; flex-shrink: 0; }
.ta-whatsapp__label{
  font-size: 14px; font-weight: 700; color: inherit; white-space: nowrap;
}

/* ════════════════════════════════
   HAMBURGER BUTTON (mobile only, rightmost)
════════════════════════════════ */
.ta-hamburger-btn{
  display: none; /* shown only in ≤680px breakpoint */
  flex-direction: column;
  align-items: center; justify-content: center;
  gap: 4px;
  width: 38px; height: 38px;
  background: none; border: none; cursor: pointer;
  flex-shrink: 0; padding: 0;
  margin: 0;
}
.ta-hamburger-btn span{
  display: block;
  width: 20px; height: 2px;
  border-radius: 2px;
  background: var(--ta-black);
}

/* ════════════════════════════════
   PLAN WITH AI — slide-in panel (desktop)
════════════════════════════════ */
.ta-ai-scrim{
  position: fixed; inset: 0;
  background: rgba(15,15,20,0.001);
  z-index: 1300;
  opacity: 0;
  transition: opacity .35s ease, background-color .35s ease;
}
.ta-ai-scrim[hidden]{ display: none !important; }
.ta-ai-scrim.is-open{
  opacity: 1;
  background: rgba(15,15,20,0.32);
}

.ta-ai-panel{
  position: fixed;
  top: 0; right: 0; bottom: 0;
  z-index: 1400;
  width: 420px; max-width: 92%;
  background: var(--ta-white);
  display: flex; flex-direction: column;
  transform: translate3d(100%,0,0);
  transition: transform .45s cubic-bezier(.16,1,.3,1);
  box-shadow: -10px 0 24px rgba(0,0,0,0.12), -1px 0 4px rgba(0,0,0,0.05);
  color: var(--ta-gray-text);
  will-change: transform;
}
.ta-ai-panel[hidden]{ display: none !important; }
.ta-ai-panel.is-open{ transform: translate3d(0,0,0); }

.ta-ai-panel__header{
  display: flex; align-items: center; gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--ta-gray-border);
  flex-shrink: 0;
}
.ta-ai-panel__icon-btn{
  display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px;
  background: none; border: none; border-radius: 50%;
  color: var(--ta-black); cursor: pointer;
  transition: background .12s;
}
.ta-ai-panel__icon-btn:hover{ background: var(--ta-gray-bg); }
.ta-ai-panel__icon-btn svg{ width: 20px; height: 20px; }
.ta-ai-panel__title{
  font-size: 16px; font-weight: 700; color: var(--ta-black);
}
.ta-ai-panel__newchat{
  display: flex; align-items: center; gap: 6px;
  margin-left: auto;
  background: none; border: none; cursor: pointer;
  font-size: 14px; font-weight: 600; color: var(--ta-black);
  padding: 6px 10px; border-radius: 999px;
  transition: background .12s;
}
.ta-ai-panel__newchat:hover{ background: var(--ta-gray-bg); }
.ta-ai-panel__newchat svg{ width: 16px; height: 16px; }
.ta-ai-panel__close{
  display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px;
  background: none; border: none; border-radius: 50%;
  color: var(--ta-black); cursor: pointer;
  transition: background .12s;
}
.ta-ai-panel__close:hover{ background: var(--ta-gray-bg); }
.ta-ai-panel__close svg{ width: 18px; height: 18px; }

.ta-ai-panel__body{
  flex: 1; overflow-y: auto;
  padding: 40px 28px 20px;
  display: flex; flex-direction: column;
  justify-content: flex-end;
  gap: 32px;
}
.ta-ai-panel__intro{ text-align: center; }
.ta-ai-panel__heading{
  font-size: 26px; font-weight: 800; color: var(--ta-black);
  margin: 0 0 10px;
  line-height: 1.25;
}
.ta-ai-panel__subheading{
  font-size: 15px; color: var(--ta-gray-muted);
  margin: 0;
}
.ta-ai-panel__prompts-title{
  font-size: 15px; font-weight: 700; color: var(--ta-black);
  margin: 0 0 4px;
}
.ta-ai-panel__prompt-list{
  list-style: none; margin: 0; padding: 0;
}
.ta-ai-panel__prompt-item{
  display: flex; align-items: flex-start; gap: 10px;
  padding: 14px 4px;
  border-bottom: 1px solid var(--ta-gray-border);
  font-size: 15px; color: var(--ta-black);
  cursor: pointer;
  transition: opacity .12s;
}
.ta-ai-panel__prompt-item:last-child{ border-bottom: none; }
.ta-ai-panel__prompt-item:hover{ opacity: 0.65; }
.ta-ai-panel__prompt-icon{
  width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px;
  color: var(--ta-gray-muted);
}

.ta-ai-panel__footer{
  flex-shrink: 0;
  padding: 14px 20px 18px;
  border-top: 1px solid var(--ta-gray-border);
}
.ta-ai-panel__form{
  display: flex; align-items: center; gap: 8px;
  border: 1.5px solid #2f7d4f;
  border-radius: 999px;
  padding: 6px 6px 6px 18px;
  transition: box-shadow .15s;
}
.ta-ai-panel__form:focus-within{ box-shadow: 0 0 0 3px rgba(47,125,79,0.12); }
.ta-ai-panel__input{
  flex: 1; border: none; outline: none;
  font-size: 15px; color: var(--ta-gray-text);
  background: transparent;
  padding: 8px 0;
  min-width: 0;
}
.ta-ai-panel__input::placeholder{ color: #9a9a9a; }
.ta-ai-panel__submit{
  display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; flex-shrink: 0;
  background: var(--ta-gray-bg);
  border: none; border-radius: 50%;
  color: var(--ta-black); cursor: pointer;
  transition: background .12s;
}
.ta-ai-panel__submit:hover{ background: #e6e6e6; }
.ta-ai-panel__submit svg{ width: 16px; height: 16px; }
.ta-ai-panel__tip{
  font-size: 12px; color: var(--ta-gray-muted);
  margin: 10px 2px 0;
}

@media (max-width: 680px){
  .ta-ai-panel{ width: 100%; max-width: 100%; }
}

/* ════════════════════════════════
   MOBILE SIDE DRAWER — Apple-grade
════════════════════════════════ */
.ta-drawer-scrim{
  position: fixed; inset: 0;
  background: rgba(15,15,20,0.001);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  z-index: 1300;
  opacity: 0;
  transition: opacity .42s cubic-bezier(.22,.9,.24,1),
              background-color .42s cubic-bezier(.22,.9,.24,1),
              backdrop-filter .42s cubic-bezier(.22,.9,.24,1),
              -webkit-backdrop-filter .42s cubic-bezier(.22,.9,.24,1);
  will-change: opacity, backdrop-filter;
}
.ta-drawer-scrim[hidden]{ display: none !important; }
.ta-drawer-scrim.is-open{
  opacity: 1;
  background: rgba(15,15,20,0.38);
  backdrop-filter: blur(3px) saturate(120%);
  -webkit-backdrop-filter: blur(3px) saturate(120%);
}

.ta-drawer{
  position: fixed;
  top: 0; right: 0; bottom: 0;
  z-index: 1400;
  width: 87%; max-width: 372px;
  background: var(--ta-white);
  display: flex; flex-direction: column;
  transform: translate3d(100%,0,0);
  transition: transform .5s cubic-bezier(.16,1,.3,1);
  box-shadow: -10px 0 24px rgba(0,0,0,0.12), -1px 0 4px rgba(0,0,0,0.05);
  color: var(--ta-gray-text);
  will-change: transform;
  -webkit-font-smoothing: antialiased;
}
.ta-drawer[hidden]{ display: none !important; }
.ta-drawer.is-open{ transform: translate3d(0,0,0); }

/* subtle scale/fade on inner content so it feels like it's settling in,
   not just sliding — this is the "premium" cue */
.ta-drawer__hero, .ta-drawer__body{
  opacity: 0;
  transform: translate3d(0,6px,0);
  transition: opacity .38s cubic-bezier(.22,.9,.24,1) .06s,
              transform .38s cubic-bezier(.22,.9,.24,1) .06s;
}
.ta-drawer.is-open .ta-drawer__hero,
.ta-drawer.is-open .ta-drawer__body{
  opacity: 1;
  transform: translate3d(0,0,0);
}

.ta-drawer__hero{
  position: relative;
  width: 100%;
  height: 152px;
  flex-shrink: 0;
  background: linear-gradient(160deg,#163a78 0%,#0d2b5e 55%,#091f45 100%);
  margin-bottom: -20px;
  overflow: hidden;
}
.ta-drawer__hero img{
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

.ta-drawer__hero::after{
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.38) 100%);
  pointer-events: none;
}
.ta-drawer__close{
  position: absolute;
  top: calc(14px + env(safe-area-inset-top, 0px)); right: 14px;
  z-index: 2;
  background: rgba(20,20,22,0.38);
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  border: none; cursor: pointer;
  width: 30px; height: 30px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; flex-shrink: 0;
  transition: background .18s ease, transform .18s ease;
}
.ta-drawer__close:hover{ background: rgba(20,20,22,0.55); }
.ta-drawer__close:active{ transform: scale(0.90); }
.ta-drawer__close svg{ width: 13px; height: 13px; }

.ta-drawer__body{
  position: relative;
  flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 20px 20px calc(26px + env(safe-area-inset-bottom, 0px));
  display: flex; flex-direction: column;
  background: var(--ta-white);
  border-radius: 22px 22px 0 0;
  box-shadow: 0 -1px 0 rgba(0,0,0,0.04);
  z-index: 1;
}

.ta-drawer__search{
  display: flex; align-items: center; gap: 10px;
  width: 100%; text-align: left;
  background: var(--ta-gray-bg);
  border: 1px solid transparent;
  border-radius: 13px;
  padding: 13px 15px; margin-bottom: 22px;
  font-size: 14px; font-weight: 500; color: var(--ta-gray-muted);
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .12s ease;
}
.ta-drawer__search:active{ transform: scale(0.985); background: #eeeeee; }
.ta-drawer__search svg{ width: 16px; height: 16px; flex-shrink: 0; color: #9a9a9a; }
.ta-drawer__search span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.ta-drawer__nav{ display: flex; flex-direction: column; margin-bottom: 4px; }
.ta-drawer__navitem{
  display: flex; align-items: center; gap: 12px;
  padding: 13px 2px;
  text-decoration: none;
  color: var(--ta-black);
  font-size: 15.5px; font-weight: 600; letter-spacing: -0.2px;
  border-bottom: 1px solid #f1f1f1;
  transition: opacity .12s ease, padding-left .18s cubic-bezier(.22,.9,.24,1);
}
.ta-drawer__navitem:last-child{ border-bottom: none; }
.ta-drawer__navitem:active{ opacity: .5; padding-left: 6px; }
.ta-drawer__navitem-icon{
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.ta-drawer__navitem-icon svg{ width: 20px; height: 20px; }
.ta-drawer__navitem-label{ flex: 1; }
.ta-drawer__navitem-chevron{ width: 15px; height: 15px; flex-shrink: 0; color: #c7c7c7; transition: transform .18s ease; }
.ta-drawer__navitem:active .ta-drawer__navitem-chevron{ transform: translateX(2px); }

.ta-drawer__section-head{
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 10px; margin-top: 22px;
}
.ta-drawer__section-title--rule{
  position: relative; margin: 22px 0 14px; padding-bottom: 8px;
}
.ta-drawer__section-head .ta-drawer__section-title--rule{ margin: 0; padding-bottom: 0; }
.ta-drawer__section-title--rule::after{
  content: ''; position: absolute; left: 0; bottom: -6px;
  width: 26px; height: 2px; background: var(--ta-star);
}
.ta-drawer__section-link{
  display: flex; align-items: center; gap: 4px; flex-shrink: 0;
  font-size: 11.5px; font-weight: 600; color: var(--ta-gray-muted);
  text-decoration: none; white-space: nowrap;
}
.ta-drawer__section-link svg{ width: 13px; height: 13px; }

.ta-drawer__escape{
  position: relative; display: block; margin-top: 14px;
  border-radius: 14px; overflow: hidden; text-decoration: none;
  height: 200px; aspect-ratio: 16/11.5;
}
.ta-drawer__escape img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.ta-drawer__escape-overlay{
  position: absolute; inset: 0;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 16px; gap: 6px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 100%);
}
.ta-drawer__escape-place{
  display: flex; align-items: center; gap: 6px;
  color: #fff; font-size: 18px; font-weight: 800;
}
.ta-drawer__escape-place svg{ width: 16px; height: 16px; flex-shrink: 0; }
.ta-drawer__escape-tag{ color: rgba(255,255,255,0.9); font-size: 12.5px; font-weight: 500; margin-bottom: 4px; }
.ta-drawer__escape-btn{
  display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
  background: var(--ta-white); color: var(--ta-black);
  font-size: 12.5px; font-weight: 700;
  border-radius: 999px; padding: 9px 14px;
}
.ta-drawer__escape-btn svg{ width: 13px; height: 13px; }

.ta-drawer__planner{
  position: relative;
  display: flex; align-items: center; gap: 12px;
  margin-top: 18px; padding: 15px;
  background: var(--ta-gray-bg);
  border: 1px solid var(--ta-gray-border);
  border-radius: 14px;
  text-decoration: none; color: var(--ta-black);
  transition: background .15s ease;
}
.ta-drawer__planner:active{ background: #ececec; }
.ta-drawer__planner-icon{
  flex-shrink: 0; width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  color: var(--ta-black);
  background: var(--ta-white);
  border: 1px solid var(--ta-gray-border);
  border-radius: 9px;
}
.ta-drawer__planner-icon svg{ width: 17px; height: 17px; }
.ta-drawer__planner-text{ flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ta-drawer__planner-text strong{ font-size: 13.5px; font-weight: 700; color: var(--ta-black); }
.ta-drawer__planner-text span{ font-size: 11.5px; color: var(--ta-gray-muted); }
.ta-drawer__planner-btn{
  display: flex; align-items: center; gap: 4px; flex-shrink: 0;
  background: var(--ta-white);
  color: var(--ta-black);
  font-size: 11.5px; font-weight: 700;
  border-radius: 999px; padding: 9px 13px; white-space: nowrap;
  border: 1px solid var(--ta-gray-border);
}
.ta-drawer__planner-btn svg{ width: 12px; height: 12px; }

.ta-drawer__testimonial{
  margin-top: 18px; padding: 16px;
  background: #fbeeee; border-radius: 12px;
}
.ta-drawer__testimonial-head{
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  margin-bottom: 10px;
}
.ta-drawer__testimonial-label{
  font-size: 10px; font-weight: 700; letter-spacing: 0.6px;
  text-transform: uppercase; color: #a3a3a3;
}
.ta-drawer__testimonial-stars{ display: flex; gap: 2px; color: var(--ta-star); }
.ta-drawer__testimonial-stars svg{ width: 13px; height: 13px; }
.ta-drawer__testimonial-quote{
  margin: 0 0 12px; font-size: 13px; font-style: italic; line-height: 1.5;
  color: var(--ta-gray-text);
}
.ta-drawer__testimonial-foot{
  display: flex; align-items: center; gap: 8px;
}
.ta-drawer__testimonial-avatar{
  width: 30px; height: 30px; border-radius: 50%; object-fit: cover; flex-shrink: 0;
}
.ta-drawer__testimonial-foot span{ flex: 1; font-size: 12px; font-weight: 600; color: var(--ta-gray-muted); }
.ta-drawer__testimonial-heart{ width: 16px; height: 16px; flex-shrink: 0; color: #e08a8a; }

.ta-drawer__section-title{
  margin: 20px 0 12px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.9px;
  text-transform: uppercase; color: #adadad;
}
.ta-drawer__contact{
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; color: var(--ta-black);
  font-size: 14.5px; font-weight: 600; margin-bottom: 12px;
  padding: 11px 13px;
  background: var(--ta-gray-bg);
  border-radius: 12px;
  transition: background .15s ease, transform .12s ease;
}
.ta-drawer__contact:active{ transform: scale(0.985); background: #eeeeee; }
.ta-drawer__contact svg{ width: 15px; height: 15px; flex-shrink: 0; color: var(--ta-gray-muted); }

.ta-drawer__cta{
  display: block; width: 100%; box-sizing: border-box;
  background: var(--ta-black); color: var(--ta-white);
  border: none; border-radius: 12px;
  font-size: 14.5px; font-weight: 700; letter-spacing: 0.1px;
  padding: 14px; margin-bottom: 12px;
  cursor: pointer; transition: opacity .15s, transform .12s ease;
}
.ta-drawer__cta:hover{ opacity: .85; }
.ta-drawer__cta:active{ transform: scale(0.985); }

.ta-drawer__whatsapp{
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; box-sizing: border-box;
  border: 1.5px solid var(--ta-gray-border);
  border-radius: 12px;
  padding: 12px; text-decoration: none;
  color: var(--ta-black); font-size: 14px; font-weight: 600;
  transition: border-color .13s, background .13s, transform .12s ease;
}
.ta-drawer__whatsapp:hover{ background: var(--ta-gray-bg); border-color: var(--ta-black); }
.ta-drawer__whatsapp:active{ transform: scale(0.985); }
.ta-drawer__whatsapp svg{ width: 17px; height: 17px; flex-shrink: 0; }

.ta-drawer__bottom{ margin-top: auto; padding-top: 22px; border-top: 1px solid #f1f1f1; }
.ta-drawer__apps{ padding-top: 22px; }
.ta-drawer__section-title--apps{ margin-top: 0; }
.ta-drawer__stores{
  display: flex; gap: 10px;
}
.ta-drawer__store-badge{
  flex: 1;
  display: flex; align-items: center; gap: 8px;
  background: var(--ta-black); color: var(--ta-white);
  border-radius: 10px;
  padding: 9px 11px;
  text-decoration: none;
  min-width: 0;
  transition: transform .12s ease, opacity .12s ease;
}
.ta-drawer__store-badge:active{ transform: scale(0.96); opacity: .85; }
.ta-drawer__store-badge svg{ width: 20px; height: 20px; flex-shrink: 0; }
.ta-drawer__store-badge span{
  display: flex; flex-direction: column; min-width: 0; line-height: 1.15;
}
.ta-drawer__store-badge em{
  font-style: normal; font-size: 8.5px; color: rgba(255,255,255,0.75);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ta-drawer__store-badge strong{
  font-size: 13px; font-weight: 700;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Location + category strip */
.ta-row--location{
  height: 46px;
  gap: 0;
  position: relative;
  background: var(--ta-white);
}

.ta-place{
  display: flex; align-items: center; gap: 6px;
  flex-shrink: 0; padding-right: 16px;
}
.ta-place__icon{ width: 15px; height: 15px; color: var(--ta-black); flex-shrink: 0; }
.ta-place__text{
  font-size: 13px; font-weight: 700;
  color: var(--ta-black); white-space: nowrap;
}
.ta-place__divider{
  width: 1px; height: 20px;
  background: var(--ta-gray-border);
  flex-shrink: 0; margin-right: 16px;
}

.ta-toplinks{
  display: flex; align-items: center;
  height: 100%;
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  scrollbar-width: none; gap: 2px;
}
.ta-toplinks::-webkit-scrollbar{ display: none; }
.ta-toplink{
  color: var(--ta-gray-muted); text-decoration: none;
  font-size: 13px; font-weight: 600;
  padding: 0 12px; height: 100%;
  display: flex; align-items: center;
  white-space: nowrap;
  border-bottom: 2.5px solid transparent;
  transition: color .12s;
}
.ta-toplink:hover{ color: var(--ta-black); }
.ta-toplink.is-active{
  color: var(--ta-black);
  border-bottom-color: var(--ta-black);
}

/* ════════════════════════════════
   SCROLLED STATE
════════════════════════════════ */
.ta-header__scrolled{
  /* Stays in the render tree (no display:none) so opacity/transform can
     actually transition instead of instantly popping in/out. Positioned
     absolutely against .ta-header (which is already position:fixed), so
     it stacks exactly on top of .ta-header__top rather than pushing it. */
  position: absolute;
  top: 0; left: 0; right: 0;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  visibility: hidden;
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s, background-color .18s ease;
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  border-bottom: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 1px 6px rgba(17,17,17,.04), inset 0 1px 0 rgba(255,255,255,.3);
}

/* Back + listing meta */
.ta-row--back{
  height: 52px;
  gap: 16px;
  /* border-bottom: 1px solid var(--ta-gray-border); */
}
.ta-back{
  display: flex; align-items: center; gap: 4px;
  color: var(--ta-gray-muted); text-decoration: none;
  font-size: 13px; font-weight: 500;
  flex-shrink: 0;
  padding: 6px 8px 6px 4px;
  border-radius: 6px;
  transition: background .12s, color .12s;
}
.ta-back:hover{ background: var(--ta-gray-bg); color: var(--ta-black); }
.ta-back__icon{ width: 15px; height: 15px; flex-shrink: 0; }
.ta-back__text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ta-listing{
  display: flex; align-items: center; gap: 12px;
  min-width: 0; flex: 1; overflow: hidden;
}
.ta-listing__title{
  font-weight: 700; font-size: 14px; color: var(--ta-black);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  flex: 1; min-width: 0;
}
.ta-listing__rating{
  display: flex; align-items: center; gap: 4px;
  font-size: 13px; font-weight: 700; color: var(--ta-gray-text);
  flex-shrink: 0; white-space: nowrap;
}
.ta-listing__star{
  width: 13px; height: 13px;
  color: var(--ta-star); flex-shrink: 0;
}
.ta-listing__actions{
  display: flex; align-items: center; gap: 2px; flex-shrink: 0;
}
.ta-icon-btn{
  background: none; border: none; cursor: pointer;
  width: 36px; height: 36px; padding: 8px; flex-shrink: 0;
  border-radius: 8px; color: var(--ta-gray-text);
  display: flex; align-items: center; justify-content: center;
  transition: background .12s, color .12s;
}
.ta-icon-btn svg{ width: 18px; height: 18px; }
.ta-icon-btn:hover{ background: var(--ta-gray-bg); color: var(--ta-black); }

/* Tabs + book row */
.ta-row--tabs{
  height: 46px;
  gap: 0;
}
.ta-tabs{
  display: flex; align-items: stretch; gap: 0;
  height: 100%; flex: 1; min-width: 0;
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Fade right edge to hint scrollability */
  -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
  mask-image: linear-gradient(to right, black 80%, transparent 100%);
}
.ta-tabs::-webkit-scrollbar{ display: none; }
.ta-tab{
  color: var(--ta-gray-muted); text-decoration: none;
  font-size: 14px; font-weight: 600;
  padding: 0 16px; flex-shrink: 0;
  display: flex; align-items: center;
  border-bottom: 2.5px solid transparent;
  white-space: nowrap;
  transition: color .12s;
}
.ta-tab:hover{ color: var(--ta-black); }
.ta-tab.is-active{
  color: var(--ta-black);
  border-bottom-color: var(--ta-black);
}

.ta-book{
  display: flex; align-items: center; gap: 12px;
  flex-shrink: 0; padding-left: 16px;
  height: 100%;
}
.ta-book__price{
  display: flex; flex-direction: column; gap: 0; line-height: 1.2;
}
.ta-book__label{
  font-size: 11px; color: var(--ta-gray-muted); font-weight: 500;
}
.ta-book__amount{
  font-size: 15px; font-weight: 800; color: var(--ta-black);
  letter-spacing: -0.3px;
}
.ta-book__btn{
  background: var(--ta-black);
  border: none; color: var(--ta-white);
  font-weight: 700; font-size: 14px;
  padding: 10px 20px; border-radius: 999px;
  cursor: pointer; white-space: nowrap;
  transition: opacity .15s;
}
.ta-book__btn:hover{ opacity: 0.82; }

/* ════════════════════════════════
   STATE SWITCH
════════════════════════════════ */
body.is-scrolled .ta-header__top{
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .18s ease, visibility 0s linear .18s;
}
body.is-scrolled .ta-header__scrolled{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
  transition: opacity .18s ease, transform .18s ease;
}

/* ════════════════════════════════
   RESPONSIVE — tablet ≤ 900px
════════════════════════════════ */
@media (max-width: 900px){
  .ta-row{ padding: 0 16px; }
  .ta-search{ max-width: 260px; }
  .ta-actions{ gap: 4px; }
  .ta-actions-right{ gap: 6px; }
  .ta-action--text{ display: none; }
  .ta-currency{ display: none; }
  .ta-listing__title{ max-width: 300px; }
  /* Tablet: hide WhatsApp label, keep icon */
  .ta-whatsapp__label{ display: none; }
  .ta-whatsapp{ padding: 8px; border-radius: 50%; gap: 0; width: 36px; height: 36px; justify-content: center; }
  /* Tablet: shrink "Plan with AI" to icon-only before it wraps */
  .ta-action--ai span{ display: none; }
  .ta-action--ai{ padding: 0; border-radius: 50%; width: 36px; height: 36px; justify-content: center; gap: 0; }
  .ta-action__icon--ai{ width: 17px; height: 17px; }
}

/* ════════════════════════════════
   RESPONSIVE — mobile ≤ 680px
════════════════════════════════ */
@media (max-width: 680px){
  /* Brand row — logo left, [search] [AI] [whatsapp] [hamburger] right */
  .ta-row--brand{ height: 52px; gap: 8px; padding: 0 14px; }
  .ta-logo__icon{ width: 24px; height: 20px; }
  .ta-logo__word{ font-size: 17px; }
  .ta-row--brand .ta-logo{ margin-right: auto; } /* push everything after it to the right */
  .ta-row--brand .ta-search{ display: none; }    /* desktop search pill hidden */
  .ta-actions-right{ gap: 2px; }
  .ta-action--text{ display: none; }
  .ta-currency{ display: none; }
  .ta-actions{ gap: 4px; margin-left: 0; }
  /* Hide desktop sign-in pill on mobile */
  .ta-signin{ display: none; }

  /* Plan with AI — icon-only trigger on mobile, no label, no background */
  .ta-action--ai{
    display: flex; padding: 0; background: none; border-radius: 0;
    width: 38px; height: 38px; justify-content: center;
  }
  .ta-action--ai{ border: none; box-shadow: none; overflow: visible; height: 38px; }
  .ta-action--ai:hover{ background: none; box-shadow: none; transform: none; }
  .ta-action--ai span{ display: none; }
  .ta-action__icon--ai{ width: 22px; height: 22px; color: var(--ta-black); animation: none; }
  .ta-action--ai:hover .ta-action__icon--ai{ color: var(--ta-black); }

  /* WhatsApp: plain icon-only on mobile, no border/circle, sized to match hamburger box */
  .ta-whatsapp{
    padding: 0; border: none; gap: 0; background: none;
    width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 0;
  }
  .ta-whatsapp:hover{ background: none; color: var(--ta-black); }
  .ta-whatsapp svg{ width: 22px; height: 22px; }
  .ta-whatsapp__label{ display: none; }

  /* Show the mobile search trigger button */
  .ta-mob-search-btn{ display: flex; }

  /* Show the rightmost hamburger, opens the side drawer */
  .ta-hamburger-btn{ display: flex; margin-left: 0; }

  /* Hide old search row entirely */
  .ta-row--mobile-search{ display: none !important; }

  /* Location strip — compact but readable */
  .ta-row--location{ height: 36px; padding: 0 14px; }
  .ta-place__text{ font-size: 11px; }
  .ta-place__icon{ width: 12px; height: 12px; }
  .ta-place__divider{ height: 14px; margin-right: 12px; }
  .ta-toplink{ font-size: 11px; padding: 0 9px; }

  /* Scrolled: back row */
  .ta-row--back{
    height: auto; min-height: 42px;
    padding: 6px 14px; gap: 8px;
    flex-wrap: wrap;
  }
  .ta-back{
    width: 100%; font-size: 11px; padding: 2px 0;
    border-radius: 0;
  }
  .ta-back:hover{ background: transparent; }
  .ta-listing{
    width: 100%; gap: 8px;
  }
  .ta-listing__title{ font-size: 12px; }
  .ta-listing__rating{ font-size: 12px; }
  .ta-listing__star{ width: 11px; height: 11px; }
  .ta-icon-btn{ width: 32px; height: 32px; padding: 6px; }
  .ta-icon-btn svg{ width: 16px; height: 16px; }

  /* Scrolled: tabs row — full width, no book (pill handles it) */
  .ta-row--tabs{ height: 40px; padding: 0 0 0 14px; }
  .ta-tabs{
    -webkit-mask-image: linear-gradient(to right, black 70%, transparent 100%);
    mask-image: linear-gradient(to right, black 70%, transparent 100%);
  }
  .ta-tab{ font-size: 12px; padding: 0 12px; }
  .ta-book{ display: none; }

  /* Show mobile bottom pill */
  .ta-mobile-book{ display: flex; }
}

/* ════════════════════════════════
   RESPONSIVE — tiny ≤ 380px
════════════════════════════════ */
@media (max-width: 380px){
  .ta-logo__word{ font-size: 15px; }
  /* signin already hidden on mobile; avatar stays visible always */
  .ta-place__text{ display: none; }
  .ta-place__divider{ display: none; }
  .ta-toplinks{ margin-left: 0; }
  .ta-toplink{ font-size: 11px; padding: 0 8px; }
  .ta-mobile-book__amount{ font-size: 18px; }
  .ta-mobile-book__btn{ padding: 12px 20px; font-size: 14px; }
}

/* ════════════════════════════════
   MOBILE BOTTOM BOOKING PILL
════════════════════════════════ */
.ta-mobile-book{
  display: none; /* enabled in ≤680px breakpoint */
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 1100;
  justify-content: center;
  padding: 12px 0 calc(12px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(to top, rgba(255,255,255,0.98) 60%, rgba(255,255,255,0));
  pointer-events: none;
}
.ta-mobile-book__pill{
  width: 65%;
  max-width: 420px;
  background: var(--ta-black);
  border-radius: 999px;
  padding: 10px 10px 10px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  pointer-events: all;
  box-shadow: 0 6px 28px rgba(0,0,0,0.22), 0 2px 8px rgba(0,0,0,0.14);
}
.ta-mobile-book__price{
  display: flex; flex-direction: column; gap: 1px; min-width: 0;
}
.ta-mobile-book__label{
  font-size: 10px; color: rgba(255,255,255,0.5);
  font-weight: 500; line-height: 1;
  text-transform: uppercase; letter-spacing: 0.4px;
}
.ta-mobile-book__amount{
  font-size: 20px; font-weight: 800;
  color: var(--ta-white); letter-spacing: -0.5px;
  white-space: nowrap;
}
.ta-mobile-book__btn{
  background: var(--ta-white); color: var(--ta-black);
  border: none; border-radius: 999px;
  font-size: 15px; font-weight: 800;
  padding: 13px 26px;
  cursor: pointer; white-space: nowrap; flex-shrink: 0;
  transition: transform .12s, opacity .12s;
}
.ta-mobile-book__btn:active{ transform: scale(0.97); opacity: 0.88; }

/* ── Brand accents: navy + yellow (matches homepage) ── */
.ta-row--brand::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--ta-yel),transparent);pointer-events:none}
/* Search bars — simple white pill, royal-blue accent */

.ta-search{
  height: 44px;
  padding: 4px 4px 4px 18px;
  gap: 6px;
  background: #fff;
  border: 1px solid #d3dbec;
  box-shadow: none;
  transition: border-color .15s;
}
.ta-search:hover{ border-color: #aebcdd; }
.ta-search:focus-within{ background: #fff; border-color: var(--ta-royal); box-shadow: none; }
.ta-search__input{ font-size: 14px; color: var(--ta-black); }
.ta-search__input::placeholder{ color: #8a96b0; }
.ta-search__mic{
  width: 28px; height: 28px; padding: 5px;
  border-radius: 50%; background: none; color: #8a96b0;
}
.ta-search__mic:hover{ background: none; color: var(--ta-royal); }
.ta-search__go{
  width: 36px; height: 36px; padding: 0; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  border: none; border-radius: 50%; cursor: pointer;
  background: var(--ta-yel); color: var(--ta-black);
  transition: background .15s;
}
.ta-search__go:hover{ background: var(--ta-yel2); }
.ta-search__go svg{ width: 18px; height: 18px; }
/* ── Rolling search placeholder ── */
.ta-search__field{ position: relative; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; }
.ta-search__field input{ width: 100%; }
.ta-ph{
  position: absolute; left: 0; top: 0; bottom: 0; right: 0;
  display: flex; align-items: center;
  font-size: 14px; color: #8a96b0;
  white-space: nowrap; overflow: hidden;
  pointer-events: none;
  transition: opacity .15s ease;
}
.ta-ph__word{ font-weight: 600; color:#63759a; min-height: 1.5em; line-height: 1.5em; }
/* Hide the animated hint as soon as the user types anything (works for programmatic fills too) */
.ta-search__field input:not(:placeholder-shown) ~ .ta-ph{ opacity: 0; }
.ta-mob-search-field .ta-ph{ font-size: 16px; }

/* ── Mobile search — simple & clean ── */
/* Header trigger: plain icon, same size as the other header icons */
.ta-mob-search-btn{
  width: 38px; height: 38px; padding: 0; gap: 0;
  justify-content: center; align-items: center;
  background: none; border-radius: 0;
  color: var(--ta-black);
}
.ta-mob-search-btn span{ display: none; }
.ta-mob-search-btn:hover{ background: none; color: var(--ta-royal); }
.ta-mob-search-btn svg{ width: 22px; height: 22px; }

/* Overlay: input bar */
.ta-mob-search-bar{ gap: 12px; padding: 10px 16px 12px; padding-top: calc(10px + env(safe-area-inset-top, 0px)); box-shadow: none; }
.ta-mob-search-field{
  min-height: 46px; padding: 0 16px; gap: 10px;
  background: #fff; border: 1.5px solid #d3dbec; box-shadow: none;
}
.ta-mob-search-field:focus-within{ background: #fff; border-color: var(--ta-royal); box-shadow: none; }
.ta-mob-search-field__icon{ color: var(--ta-royal); }
.ta-mob-search-field__input{ font-size: 16px; color: var(--ta-black); } /* 16px stops iOS zoom-on-focus */
.ta-mob-search-field__input::placeholder{ color: #8a96b0; }
.ta-mob-search-cancel{ color: var(--ta-royal); font-weight: 600; }

/* Overlay: body */
.ta-mob-search-body{ padding-top: 20px; gap: 26px; }
.ta-mob-search-section__title{ letter-spacing: .6px; color: #8a96b0; }
.ta-mob-search-chips{ flex-wrap: nowrap; overflow-x: auto; gap: 8px; margin: 0 -16px; padding: 0 16px 2px; scrollbar-width: none; }
.ta-mob-search-chips::-webkit-scrollbar{ display: none; }
.ta-mob-search-chip{ flex-shrink: 0; white-space: nowrap; padding: 8px 16px; border: 1px solid #d3dbec; color: var(--ta-black); }
.ta-mob-search-chip:hover{ border-color: var(--ta-royal); background: #fff; color: var(--ta-royal); }
.ta-mob-search-chip:active{ background: var(--ta-royal); border-color: var(--ta-royal); color: #fff; }
.ta-mob-search-suggestion{ padding: 12px 6px; border-bottom: 1px solid #eef1f8; border-radius: 0; }
.ta-mob-search-suggestion:last-child{ border-bottom: none; }
.ta-mob-search-suggestion:hover,.ta-mob-search-suggestion:focus{ background: #f4f6fc; }
.ta-mob-search-suggestion__icon{ background: #f4f6fc; color: var(--ta-royal); border-radius: 50%; }
.ta-mob-search-suggestion__arrow{ color: #c3cce0; }
.ta-signin{gap:8px;height:40px;padding:0 20px;color:#fff}
.ta-signin:hover{background: #0e4c8a; border-color:#0e4c8a;opacity:1}
.ta-signin svg{width:18px;height:18px;flex-shrink:0}
.ta-whatsapp:hover{background:var(--ta-black);color:var(--ta-yel)}
.ta-hamburger-btn span:nth-child(2){background:var(--ta-yel2)}
.ta-toplink.is-active,.ta-tab.is-active{border-bottom-color:var(--ta-yel2)}
.ta-drawer__cta{background:var(--ta-yel);color:var(--ta-black)}
.ta-drawer__cta:hover{background:var(--ta-yel2);opacity:1}


/* ════════════════════════════════
   Desktop header — clean white, utility strip + centred nav
════════════════════════════════ */
.ta-strip, .ta-mainnav{ display: none; }

@media (min-width: 681px){
  .ta-header__top{ background: #fff; border-bottom: 1px solid var(--ta-gray-border); }
  .ta-row--brand{
    height: 68px;
    background: transparent;
    -webkit-backdrop-filter: none; backdrop-filter: none;
    border-bottom: none; box-shadow: none;
  }
  .ta-row--brand::after{ display: none; }
}

@media (min-width: 901px){
  .ta-strip{ display: block; background: #fff; }
  .ta-strip__inner{
    height: 38px;
    display: flex; align-items: center; justify-content: space-between;
    padding-left:  max(24px, calc((100% - var(--ta-max)) / 2 + 24px));
    padding-right: max(24px, calc((100% - var(--ta-max)) / 2 + 24px));
  }
  .ta-strip__link{
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13.5px; font-weight: 600; color: var(--ta-gray-text);
    text-decoration: none; transition: color .15s;
  }
  .ta-strip__link:hover{ color: var(--ta-royal); }
  .ta-strip__link svg{ width: 17px; height: 17px; flex-shrink: 0; color: var(--ta-royal); }

  .ta-mainnav{
    display: flex; align-items: center; justify-content: center;
    flex: 1 1 auto; min-width: 0; gap: 4px;
  }
  .ta-mainnav__link{
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; border-radius: 10px;
    font-size: 14.5px; font-weight: 600; color: var(--ta-gray-text);
    text-decoration: none; white-space: nowrap;
    transition: color .15s;
  }
  .ta-mainnav__link:hover{ color: var(--ta-royal); }
  .ta-mainnav__icon{ width: 20px; height: 20px; flex-shrink: 0; color: var(--ta-royal); }

  .ta-row--brand .ta-search{ flex: 0 1 300px; max-width: 300px; min-width: 170px; }
  .ta-actions-right{ margin-left: 0; }
  /* WhatsApp lives in the utility strip on desktop */
  .ta-whatsapp{ display: none; }
}


/* ═══════════════════════════════════════════════════════════════
   INDEX.PHP ALIGNMENT LAYER
   Poppins · navy + yellow · pill buttons · big soft radii · yellow accents
   Keep this block LAST so it wins over the layers above.
═══════════════════════════════════════════════════════════════ */

/* ── Typography ── */
.ta-header, .ta-ai-panel, .ta-drawer, .ta-mobile-book{ font-family: var(--ta-font); -webkit-font-smoothing: antialiased; }
.ta-header button, .ta-header input,
.ta-ai-panel button, .ta-ai-panel input,
.ta-drawer button, .ta-mobile-book button{ font-family: inherit; }

/* ── Keyboard focus: same yellow ring as the page ── */
.ta-header :focus-visible, .ta-ai-panel :focus-visible,
.ta-drawer :focus-visible, .ta-mobile-book :focus-visible{ outline: 3px solid var(--ta-yel2); outline-offset: 3px; }
.ta-header .ta-search__input:focus-visible,
.ta-header .ta-mob-search-field__input:focus-visible,
.ta-ai-panel .ta-ai-panel__input:focus-visible{ outline: none; } /* their wrappers show a ring instead */

/* ── Header bar: line up with the page's 1360px / 32px container ── */
.ta-row--brand{
  padding-left:  max(32px, calc((100% - var(--ta-max)) / 2 + 32px));
  padding-right: max(32px, calc((100% - var(--ta-max)) / 2 + 32px));
}
@media (max-width: 800px){
  .ta-row--brand{ padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
}
.ta-header__top{ transition: opacity .2s ease, transform .2s ease, box-shadow .25s ease; }
body.is-scrolled .ta-header__top{
  box-shadow: 0 12px 30px -20px rgba(9,31,69,.45);
  transition: opacity .18s ease, visibility 0s linear .18s, box-shadow .25s ease;
}
/* yellow hairline under the bar (same gradient as the hero / search-bar accents) */
@media (min-width: 681px){ .ta-row--brand::after{ display: block; } }

.ta-logo{ color: var(--ta-navy2); }
.ta-logo__word{ font-weight: 700; letter-spacing: -.5px; }

/* ── Main nav: yellow underline wipe (same accent as the page tabs) ── */
@media (min-width: 901px){
  .ta-mainnav{ gap: 2px; flex-shrink: 0; } /* never squeeze the links; the search pill gives way instead */
  .ta-mainnav__link{
    --px: 14px;
    position: relative;
    padding: 9px var(--px);
    font-size: 14px; font-weight: 500; letter-spacing: -.1px;
    color: var(--ta-gray-text);
    border-radius: 999px;
  }
  .ta-mainnav__link::after{
    content: ""; position: absolute; left: var(--px); right: var(--px); bottom: 1px;
    height: 2.5px; border-radius: 2px; background: var(--ta-yel2);
    transform: scaleX(0); transform-origin: left center;
    transition: transform .3s var(--ta-ease);
  }
  .ta-mainnav__link:hover, .ta-mainnav__link:focus-visible{ color: var(--ta-navy); }
  .ta-mainnav__link:hover::after, .ta-mainnav__link:focus-visible::after{ transform: scaleX(1); }
  .ta-mainnav__icon{ color: var(--ta-navy); }
}
/* Poppins runs wider than the old system font, so compact earlier */
@media (min-width: 901px) and (max-width: 1340px){
  .ta-row--brand{ gap: 14px; }
  .ta-mainnav{ gap: 0; }
  .ta-mainnav__link{ --px: 10px; }
  .ta-mainnav__icon{ display: none; }
  .ta-row--brand .ta-search{ flex-basis: 240px; min-width: 150px; }
}
@media (min-width: 901px) and (max-width: 1100px){
  .ta-action--ai{ width: 40px; padding: 0; gap: 0; justify-content: center; border-radius: 50%; }
  .ta-action--ai span{ display: none; }
}
@media (min-width: 901px) and (max-width: 1000px){
  .ta-row--brand{ gap: 10px; }
  .ta-row--brand .ta-search{ min-width: 140px; }
  .ta-search__mic{ display: none; }
  .ta-signin{ padding: 0 16px; }
}

/* ── Search pill: same floating-capsule treatment as the page's search bar ── */
.ta-search{
  border-color: var(--ta-gray-border);
  box-shadow: 0 6px 18px -12px rgba(9,31,69,.28);
  transition: border-color .2s, box-shadow .25s;
}
.ta-search:hover{ border-color: #c9d3e6; }
.ta-search:focus-within{
  border-color: var(--ta-yel2);
  box-shadow: 0 0 0 4px rgba(255,199,44,.28), 0 12px 26px -14px rgba(9,31,69,.4);
}
.ta-search__go{
  position: relative; overflow: hidden;
  background: linear-gradient(135deg,#ffd45e,var(--ta-yel) 45%,var(--ta-yel2));
  box-shadow: 0 8px 16px -8px rgba(255,184,0,.8), inset 0 1px 0 rgba(255,255,255,.55);
}
.ta-search__go:hover{ background: linear-gradient(135deg,#ffd45e,var(--ta-yel) 45%,var(--ta-yel2)); }
.ta-search__go svg{ position: relative; z-index: 1; }
.ta-search__go::after{
  content: ""; position: absolute; top: 0; left: -90%; width: 60%; height: 100%;
  background: linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);
  transform: skewX(-20deg); transition: left .6s;
}
.ta-search__go:hover::after{ left: 130%; }

/* ── Action buttons: navy / outline / yellow, pill-shaped, lift on hover ── */
@media (min-width: 681px){
  .ta-action--ai{ font-weight: 600; transition: background .18s, color .18s, border-color .18s, transform .18s, box-shadow .18s; }
  .ta-signin{ font-weight: 600; transition: background .18s, transform .18s, box-shadow .18s; }
  .ta-signin svg{ color: var(--ta-yel); }
  .ta-whatsapp{ transition: background .13s, color .13s, transform .18s; }
}
@media (min-width: 681px) and (hover: hover){
  .ta-action--ai:hover{
    background: #0E62AE; color: #fff; box-shadow: 0 12px 22px -12px rgba(9,31,69,.6);
  }
  .ta-action--ai:hover .ta-action__icon--ai{ color: var(--ta-yel); }
  .ta-signin:hover{box-shadow: 0 12px 22px -12px rgba(25, 74, 157, 0.6); }
  .ta-whatsapp:hover{ transform: translateY(-2px); }
}

/* ── Mobile search overlay ── */
.ta-mob-search-field:focus-within{ border-color: var(--ta-yel2); box-shadow: 0 0 0 4px rgba(255,199,44,.28); }
.ta-mob-search-section__title{ font-size: 11px; font-weight: 600; letter-spacing: .9px; color: var(--ta-navy3); }
.ta-mob-search-chip{ font-weight: 500; border-width: 1.5px; border-color: var(--ta-gray-border); }
.ta-mob-search-suggestion__label{ font-weight: 600; }

/* ── Scrims: navy tint instead of neutral grey ── */
.ta-ai-scrim.is-open, .ta-drawer-scrim.is-open{ background: rgba(9,31,69,.42); }

/* ── Plan with AI panel ── */
@media (min-width: 681px){
  .ta-ai-panel{ border-radius: var(--ta-r) 0 0 var(--ta-r); overflow: hidden; }
}
.ta-ai-panel__title{ font-weight: 600; }
.ta-ai-panel__newchat{ border: 1.5px solid var(--ta-gray-border); padding: 6px 14px 6px 10px; }
.ta-ai-panel__newchat:hover{ border-color: var(--ta-navy); }
.ta-ai-panel__heading{ font-weight: 600; letter-spacing: -.5px; color: var(--ta-navy2); }
.ta-ai-panel__heading::after{
  content: ""; display: block; width: 56px; height: 4px; margin: 14px auto 0; border-radius: 4px;
  background: linear-gradient(90deg,var(--ta-yel),var(--ta-yel2));
}
.ta-ai-panel__prompts-title{
  font-size: 11px; font-weight: 600; letter-spacing: .9px; text-transform: uppercase;
  color: var(--ta-navy3); margin-bottom: 10px;
}
.ta-ai-panel__prompt-list .ta-ai-panel__prompt-item{
  padding: 13px 14px; margin: 0 0 8px;
  border: 1.5px solid var(--ta-gray-border); border-radius: 16px;
  transition: background .15s, border-color .15s;
}
.ta-ai-panel__prompt-list .ta-ai-panel__prompt-item:hover{ opacity: 1; background: var(--ta-gray-bg); border-color: var(--ta-navy); }
.ta-ai-panel__prompt-icon{ color: var(--ta-navy); }
.ta-ai-panel__form{
  border: 1.5px solid var(--ta-gray-border);
  box-shadow: 0 6px 18px -12px rgba(9,31,69,.3);
  padding: 6px 6px 6px 20px;
  transition: border-color .2s, box-shadow .25s;
}
.ta-ai-panel__form:focus-within{ border-color: var(--ta-yel2); box-shadow: 0 0 0 4px rgba(255,199,44,.28); }
.ta-ai-panel__submit{
  width: 38px; height: 38px; color: var(--ta-navy2);
  background: linear-gradient(135deg,#ffd45e,var(--ta-yel) 45%,var(--ta-yel2));
  box-shadow: 0 8px 16px -8px rgba(255,184,0,.8);
  transition: transform .18s, box-shadow .2s;
}
.ta-ai-panel__submit:hover{ background: linear-gradient(135deg,#ffd45e,var(--ta-yel) 45%,var(--ta-yel2)); }
@media (hover: hover){ .ta-ai-panel__submit:hover{ transform: translateY(-2px); } }

/* ── Mobile drawer ── */
.ta-drawer{ border-radius: var(--ta-r) 0 0 var(--ta-r); overflow: hidden; }
.ta-drawer__body{ border-radius: 26px 26px 0 0; }
.ta-drawer__search{ border: 1px solid var(--ta-gray-border); border-radius: 999px; padding: 14px 18px; }
.ta-drawer__navitem{ font-weight: 500; border-bottom-color: var(--ta-gray-border); }
.ta-drawer__navitem-chevron{
  box-sizing: content-box; width: 14px; height: 14px; padding: 7px; border-radius: 50%;
  background: var(--ta-gray-bg); color: var(--ta-navy);
  transition: background .18s, transform .18s;
}
.ta-drawer__navitem:active .ta-drawer__navitem-chevron{ background: var(--ta-yel); }
.ta-drawer__section-title{ font-size: 11px; font-weight: 600; letter-spacing: .9px; color: var(--ta-navy3); }
.ta-drawer__contact{ border: 1px solid var(--ta-gray-border); border-radius: 16px; font-weight: 500; }
.ta-drawer__contact svg{ color: var(--ta-navy); }
.ta-drawer__cta{ border-radius: 999px; font-weight: 600; }
.ta-drawer__whatsapp{ border-radius: 999px; border-color: var(--ta-navy); font-weight: 600; }
.ta-drawer__whatsapp:hover{ background: var(--ta-navy); color: var(--ta-yel); border-color: var(--ta-navy); }
.ta-drawer__bottom{ border-top-color: var(--ta-gray-border); }
.ta-drawer__store-badge{ border-radius: 14px; background: var(--ta-navy); }

/* ── Mobile booking pill: navy pill, yellow button (like the page's CTAs) ── */
.ta-mobile-book__pill{ box-shadow: 0 14px 30px -10px rgba(9,31,69,.55), 0 2px 8px rgba(9,31,69,.2); }
.ta-mobile-book__btn{ background: var(--ta-yel); color: var(--ta-navy2); font-weight: 700; }
.ta-mobile-book__btn:active{ background: var(--ta-yel2); }

/* ── Logo image (holidayseva.webp) ──
   Shown at its natural proportions (no cropping). Height is the only knob:
   change --ta-logo-h. */
.ta-logo{ --ta-logo-h: 42px; }
.ta-logo__crop{
  display: flex; align-items: center;
  height: var(--ta-logo-h);
  overflow: visible;
}
.ta-logo__img{
  display: block; position: static;
  height: 100%; width: auto; max-width: none;
  object-fit: contain;
}
@media (max-width: 680px){ .ta-logo{ --ta-logo-h: 32px; } }
@media (max-width: 380px){ .ta-logo{ --ta-logo-h: 28px; } }

/* ═══════════════════════════════════════════════════════════════
   MOBILE DRAWER — PREMIUM REDESIGN (keep last so it wins)
═══════════════════════════════════════════════════════════════ */
.ta-drawer{
  width: 65%; max-width: 384px;
  border-radius: 30px 0 0 30px;
  background: #fff;
  box-shadow: -24px 0 60px -12px rgba(9,31,69,.45), -2px 0 0 rgba(255,255,255,.08);
}

/* ── Hero image ── */
.ta-drawer__hero{
  height: 236px; margin-bottom: -30px;
  background: linear-gradient(160deg,#163a78 0%,#0d2b5e 55%,#091f45 100%);
}
.ta-drawer__hero img{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center 40%;
  transform: scale(1.08);
  transition: transform 1.4s var(--ta-ease);
}
.ta-drawer.is-open .ta-drawer__hero img{ transform: scale(1); }
.ta-drawer__hero::after{
  background:
    linear-gradient(180deg, rgba(9,31,69,.35) 0%, rgba(9,31,69,0) 32%),
    linear-gradient(0deg, rgba(9,31,69,.88) 0%, rgba(9,31,69,.35) 48%, rgba(9,31,69,0) 78%);
}
.ta-drawer__hero-copy{
  position: absolute; left: 24px; right: 24px; bottom: 50px; z-index: 1;
  color: #fff;
}
.ta-drawer__eyebrow{
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 10.5px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase;
  color: var(--ta-yel);
}
.ta-drawer__eyebrow::before{ content:""; width: 22px; height: 2px; border-radius: 2px; background: var(--ta-yel); }
.ta-drawer__tagline{
  margin: 10px 0 0; font-size: 25px; line-height: 1.2; font-weight: 600; letter-spacing: -.5px;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.ta-drawer__close{
  top: calc(16px + env(safe-area-inset-top, 0px)); right: 16px;
  width: 36px; height: 36px;
  background: rgba(255,255,255,.16);
  backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%);
}
.ta-drawer__close:hover{ background: rgba(255,255,255,.28); }
.ta-drawer__close svg{ width: 14px; height: 14px; }

/* ── Body sheet ── */
.ta-drawer__body{
  border-radius: 30px 30px 0 0;
  padding: 22px 20px calc(22px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -12px 30px -18px rgba(9,31,69,.35);
}

/* Search */
.ta-drawer__search{
  height: 52px; padding: 0 18px; margin-bottom: 8px; gap: 12px;
  background: #fff; border: 1px solid var(--ta-gray-border); border-radius: 999px;
  color: #7d89a3; font-size: 14px; font-weight: 400;
}
.ta-drawer__search svg{ width: 18px; height: 18px; color: var(--ta-navy); }
.ta-drawer__search:active{ background: #fff; border-color: var(--ta-yel2); box-shadow: 0 0 0 4px rgba(255,199,44,.25); }

/* Nav rows */
.ta-drawer__nav{ margin: 6px 0 0; }
.ta-drawer__navitem{
  gap: 14px; padding: 14px 2px;
  border-bottom: 1px solid #eef1f8;
  opacity: 0; transform: translate3d(14px,0,0);
  transition: opacity .45s var(--ta-ease), transform .45s var(--ta-ease), background .15s;
}
.ta-drawer.is-open .ta-drawer__navitem{
  opacity: 1; transform: none;
  transition-delay: calc(.12s + var(--i,0) * .06s), calc(.12s + var(--i,0) * .06s), 0s;
}
.ta-drawer__navitem:active{ padding-left: 2px; opacity: .7; }
.ta-drawer__navitem-icon{
  width: 44px; height: 44px; border-radius: 14px; flex-shrink: 0;
  background: linear-gradient(145deg,#f3f6fc,#e6edf9);
  color: var(--ta-navy);
  box-shadow: inset 0 0 0 1px rgba(13,43,94,.07);
}
.ta-drawer__navitem-icon svg{ width: 21px; height: 21px; }
.ta-drawer__navitem-text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.ta-drawer__navitem-label{ flex: none; font-size: 15.5px; font-weight: 600; letter-spacing: -.2px; color: var(--ta-navy2); }
.ta-drawer__navitem-sub{ font-size: 11.5px; font-weight: 400; color: #7d89a3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ta-drawer__navitem-chevron{ background: none; padding: 0; width: 16px; height: 16px; color: #b3bdd3; }
.ta-drawer__navitem:active .ta-drawer__navitem-chevron{ background: none; transform: translateX(3px); color: var(--ta-yel2); }

/* Bottom group */
.ta-drawer__bottom{ margin-top: auto; padding-top: 18px; border-top: none; }
.ta-drawer__section-title{ margin: 0 0 10px; font-size: 10.5px; font-weight: 600; letter-spacing: 1.4px; color: #8a96b0; }
.ta-drawer__contact{
  gap: 13px; padding: 10px 14px 10px 10px; margin-bottom: 10px;
  background: var(--ta-gray-bg); border: 1px solid #e6ecf7; border-radius: 18px;
}
.ta-drawer__contact-ico{
  width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--ta-navy); color: var(--ta-yel);
}
.ta-drawer__contact-ico svg{ width: 18px; height: 18px; color: inherit; }
.ta-drawer__contact-text{ display: flex; flex-direction: column; line-height: 1.25; }
.ta-drawer__contact-text small{ font-size: 11px; color: #7d89a3; font-weight: 400; }
.ta-drawer__contact-text strong{ font-size: 15px; font-weight: 600; color: var(--ta-navy2); letter-spacing: .1px; }

.ta-drawer__whatsapp{
  height: 52px; padding: 0 18px; gap: 10px;
  background: linear-gradient(135deg,#163a78,var(--ta-navy) 55%,var(--ta-navy2));
  border: none; color: #fff; font-size: 14.5px; font-weight: 600;
  box-shadow: 0 14px 26px -14px rgba(9,31,69,.75);
}
.ta-drawer__whatsapp svg{ width: 20px; height: 20px; color: var(--ta-yel); }
.ta-drawer__whatsapp:hover{ background: linear-gradient(135deg,#163a78,var(--ta-navy) 55%,var(--ta-navy2)); color: #fff; }

.ta-drawer__apps{ padding-top: 20px; }
.ta-drawer__section-title--apps{ margin-bottom: 10px; }
.ta-drawer__store-badge{
  gap: 9px; padding: 10px 12px; border-radius: 14px;
  background: #0a0f1e; border: 1px solid rgba(255,255,255,.08);
}
.ta-drawer__store-badge svg{ width: 22px; height: 22px; }
.ta-drawer__store-badge em{ font-size: 8.5px; letter-spacing: .3px; }
.ta-drawer__store-badge strong{ font-size: 13.5px; font-weight: 600; }

@media (prefers-reduced-motion: reduce){
  .ta-drawer__navitem, .ta-drawer__hero img{ transition: none; opacity: 1; transform: none; }
}
@media (max-height: 700px){
  .ta-drawer__hero{ height: 190px; }
  .ta-drawer__hero-copy{ bottom: 44px; }
  .ta-drawer__tagline{ font-size: 21px; }
  .ta-drawer__navitem{ padding: 10px 2px; }
}

/* ═══════════════════════════════════════════════════════════════
   DRAWER COLOUR THEME — logo blue + logo yellow only
   (sampled from the HolidaySeva logo). Scoped to .ta-drawer.
═══════════════════════════════════════════════════════════════ */
.ta-drawer{
  --hs-blue:#2b5fab;
  --hs-blue-deep:#234d8c;     /* same blue, darker shade for depth */
  --hs-blue-tint:#eef3fb;     /* same blue, very light tint */
  --hs-blue-line:#d9e3f3;
  --hs-yellow:#f6c642;
  --hs-yellow-soft:#fff6dc;
}
.ta-drawer__hero{ background: linear-gradient(160deg,var(--hs-blue) 0%,var(--hs-blue-deep) 100%); }
.ta-drawer__hero::after{
  background:
    linear-gradient(180deg, rgba(35,77,140,.35) 0%, rgba(35,77,140,0) 32%),
    linear-gradient(0deg, rgba(35,77,140,.92) 0%, rgba(43,95,171,.4) 48%, rgba(43,95,171,0) 78%);
}
.ta-drawer__eyebrow, .ta-drawer__tagline{ color:#fff; }
.ta-drawer__eyebrow{ color: var(--hs-yellow); }
.ta-drawer__eyebrow::before{ background: var(--hs-yellow); }
.ta-drawer__tagline{ text-shadow: 0 2px 16px rgba(35,77,140,.5); }
/* yellow accent bar under the tagline, like the logo's smile */
.ta-drawer__tagline::after{ content:""; display:block; width:44px; height:4px; margin-top:12px; border-radius:4px; background: var(--hs-yellow); }

.ta-drawer{ box-shadow: -24px 0 60px -12px rgba(35,77,140,.5); }
.ta-drawer__body{ box-shadow: 0 -12px 30px -18px rgba(35,77,140,.45); }

/* Search */
.ta-drawer__search{ border-color: var(--hs-blue-line); color:#7f93b6; box-shadow: 0 10px 24px -16px rgba(43,95,171,.5); }
.ta-drawer__search svg{ color: var(--hs-blue); }
.ta-drawer__search:active{ border-color: var(--hs-yellow); box-shadow: 0 0 0 4px rgba(246,198,66,.3); }

/* Nav */
.ta-drawer__navitem{ border-bottom-color: var(--hs-blue-tint); }
.ta-drawer__navitem-icon{ background: var(--hs-blue-tint); color: var(--hs-blue); box-shadow: inset 0 0 0 1px var(--hs-blue-line); }
.ta-drawer__navitem-label{ color: var(--hs-blue); font-weight: 600; }
.ta-drawer__navitem-sub{ color:#7f93b6; }
.ta-drawer__navitem-chevron{ color: var(--hs-yellow); }
.ta-drawer__navitem:active .ta-drawer__navitem-icon{ background: var(--hs-yellow-soft); color: var(--hs-blue); }
.ta-drawer__navitem:active .ta-drawer__navitem-chevron{ color: var(--hs-blue); }

/* Contact */
.ta-drawer__section-title{ color: var(--hs-blue); }
.ta-drawer__contact{ background: var(--hs-blue-tint); border-color: var(--hs-blue-line); }
.ta-drawer__contact-ico{ background: var(--hs-blue); color: var(--hs-yellow); }
.ta-drawer__contact-text small{ color:#7f93b6; }
.ta-drawer__contact-text strong{ color: var(--hs-blue); }

/* WhatsApp CTA — blue pill, yellow icon */
.ta-drawer__whatsapp,
.ta-drawer__whatsapp:hover{
  background: linear-gradient(135deg,var(--hs-blue) 0%,var(--hs-blue-deep) 100%);
  color:#fff; box-shadow: 0 14px 26px -14px rgba(35,77,140,.8);
}
.ta-drawer__whatsapp svg{ color: var(--hs-yellow); }

/* Store badges — solid logo blue, yellow-tinted hairline */
.ta-drawer__store-badge{ background: var(--hs-blue); border: 1px solid rgba(246,198,66,.55); color:#fff; }
.ta-drawer__store-badge em{ color: rgba(255,255,255,.8); }
.ta-drawer__store-badge:active{ background: var(--hs-blue-deep); }

/* Focus ring */
.ta-drawer :focus-visible{ outline-color: var(--hs-yellow); }

/* ═══════════════════════════════════════════════════════════════
   DRAWER — FLAT / CRISP PASS (keep last)
   No gradients, no drop-shadows, hairline borders, tighter radii.
═══════════════════════════════════════════════════════════════ */
.ta-drawer{
  border-radius: 20px 0 0 20px;
  box-shadow: none;
  background: #fff;
}
.ta-drawer-scrim.is-open{ backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(35,77,140,.45); }

/* Hero: nature image only */
.ta-drawer__hero{ height: 220px; margin-bottom: -20px; background: #d6e4f7; }
.ta-drawer__hero::after{ display: none; }
.ta-drawer__scene, .ta-drawer__hero img{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; transform: none; display: block;
}
.ta-drawer__close{
  top: calc(14px + env(safe-area-inset-top, 0px)); right: 14px;
  width: 34px; height: 34px;
  background: #fff; color: var(--hs-blue);
  border: none; backdrop-filter: none; -webkit-backdrop-filter: none;
}
.ta-drawer__close:hover{ background: var(--hs-yellow-soft); }
.ta-drawer__close svg{ width: 14px; height: 14px; }

/* Sheet */
.ta-drawer__body{
  border-radius: 20px 20px 0 0; box-shadow: none; background: #fff;
  padding: 20px 20px calc(20px + env(safe-area-inset-bottom, 0px));
}

/* Search */
.ta-drawer__search{
  height: 48px; border-radius: 12px; box-shadow: none;
  background: #fff; border: 1px solid var(--hs-blue-line);
  color: #7f93b6; font-size: 14px;
}
.ta-drawer__search svg{ width: 17px; height: 17px; color: var(--hs-blue); }
.ta-drawer__search:active{ box-shadow: none; border-color: var(--hs-blue); background: var(--hs-blue-tint); }

/* Nav */
.ta-drawer__nav{ margin-top: 8px; }
.ta-drawer__navitem{ padding: 14px 0; gap: 14px; border-bottom: 1px solid var(--hs-blue-tint); }
.ta-drawer__navitem-icon{
  width: 42px; height: 42px; border-radius: 10px;
  background: var(--hs-blue-tint); box-shadow: none; color: var(--hs-blue);
}
.ta-drawer__navitem-icon svg{ width: 20px; height: 20px; }
.ta-drawer__navitem-label{ font-size: 15.5px; font-weight: 600; color: var(--hs-blue); }
.ta-drawer__navitem-sub{ font-size: 12px; color: #7f93b6; }
.ta-drawer__navitem-chevron{ color: #aebfdc; }
.ta-drawer__navitem:active{ opacity: 1; background: var(--hs-blue-tint); }
.ta-drawer__navitem:active .ta-drawer__navitem-icon{ background: var(--hs-yellow); color: var(--hs-blue); }
.ta-drawer__navitem:active .ta-drawer__navitem-chevron{ color: var(--hs-blue); }

/* Bottom group */
.ta-drawer__bottom{ padding-top: 16px; border-top: 1px solid var(--hs-blue-line); }
.ta-drawer__section-title{ color: var(--hs-blue); font-size: 10.5px; letter-spacing: 1.4px; margin-bottom: 10px; }
.ta-drawer__contact{
  padding: 10px 14px 10px 10px; border-radius: 12px;
  background: var(--hs-blue-tint); border: 1px solid var(--hs-blue-line);
}
.ta-drawer__contact-ico{ width: 38px; height: 38px; border-radius: 10px; background: var(--hs-blue); color: #fff; }
.ta-drawer__contact-ico svg{ width: 18px; height: 18px; }
.ta-drawer__contact-text strong{ font-size: 15px; color: var(--hs-blue); }

.ta-drawer__whatsapp,
.ta-drawer__whatsapp:hover{
  height: 50px; border-radius: 12px; box-shadow: none;
  background: var(--hs-blue); color: #fff; border: none;
}
.ta-drawer__whatsapp:active{ background: var(--hs-blue-deep); }
.ta-drawer__whatsapp svg{ color: var(--hs-yellow); }

.ta-drawer__apps{ padding-top: 18px; }
.ta-drawer__store-badge{
  border-radius: 10px; background: var(--hs-blue); border: none; box-shadow: none; padding: 10px 12px;
}
.ta-drawer__store-badge:active{ background: var(--hs-blue-deep); opacity: 1; }

@media (max-height: 700px){
  .ta-drawer__hero{ height: 170px; }
  .ta-drawer__navitem{ padding: 10px 0; }
}

/* ═══════════════════════════════════════════════════════════════
   DRAWER — CARD PALETTE (navy #152a5b + yellow #f6c951 + white)
   Matches the "View more" buttons on the destination cards. Keep last.
═══════════════════════════════════════════════════════════════ */
.ta-drawer{
  --hs-blue:#152a5b;
  --hs-blue-deep:#0e1f47;
  --hs-blue-tint:#f1f4fa;
  --hs-blue-line:#dfe5f1;
  --hs-yellow:#f6c951;
  --hs-yellow-soft:#fff4d6;
  border-radius: 24px 0 0 24px;
}
.ta-drawer-scrim.is-open{ background: rgba(14,31,71,.55); }

/* Hero = the photo, straight and uncovered */
.ta-drawer__hero{ height: 240px; margin-bottom: -22px; background: var(--hs-blue); }
.ta-drawer__hero img{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; display: block;
  transform: none; transition: none;
}
.ta-drawer__hero::after{ display: none; }
.ta-drawer__close{ background: var(--hs-blue); color: #fff;}
.ta-drawer__close:hover{ background: var(--hs-blue-deep); }

.ta-drawer__body{ border-radius: 22px 22px 0 0; }

/* Search */
.ta-drawer__search{ border-radius: 999px; border: 1.5px solid var(--hs-blue-line); height: 48px; }
.ta-drawer__search svg{ color: var(--hs-blue); }
.ta-drawer__search:active{ border-color: var(--hs-yellow); background: #fff; }

/* Nav: navy tiles, yellow icons */
.ta-drawer__navitem-icon{ background: var(--hs-blue); color: var(--hs-yellow); border-radius: 12px; }
.ta-drawer__navitem-label{ color: var(--hs-blue); }
.ta-drawer__navitem-sub{ color: #6f7b97; }
.ta-drawer__navitem-chevron{ color: var(--hs-blue); opacity: .45; }
.ta-drawer__navitem:active{ background: var(--hs-yellow-soft); }
.ta-drawer__navitem:active .ta-drawer__navitem-icon{ background: var(--hs-blue); color: var(--hs-yellow); }
.ta-drawer__navitem:active .ta-drawer__navitem-chevron{ opacity: 1; }

/* Contact */
.ta-drawer__bottom{ border-top-color: var(--hs-blue-line); }
.ta-drawer__contact{ background: var(--hs-blue-tint); border-color: var(--hs-blue-line); }
.ta-drawer__contact-ico{ background: var(--hs-blue); color: var(--hs-yellow); border-radius: 50%; }
.ta-drawer__contact-text strong{ color: var(--hs-blue); }

/* WhatsApp = the yellow "View more" button */
.ta-drawer__whatsapp,
.ta-drawer__whatsapp:hover{
  background: var(--hs-yellow); color: var(--hs-blue);
  border-radius: 999px; font-weight: 700;
}
.ta-drawer__whatsapp:active{ background: #eab93a; }
.ta-drawer__whatsapp svg{ color: var(--hs-blue); }

/* Store badges = the navy "View more" button */
.ta-drawer__store-badge{ background: var(--hs-blue); border-radius: 14px; }
.ta-drawer__store-badge:active{ background: var(--hs-blue-deep); }

/* ═══════════════════════════════════════════════════════════════
   DRAWER — YELLOW CANVAS, SHARP SINGLE-COLOUR CONTROLS (keep last)
   One yellow background, navy ink. No two-tone buttons, no tiles.
═══════════════════════════════════════════════════════════════ */
.ta-drawer{
  --ink:#152a5b;
  --ink-soft:rgba(21,42,91,.68);
  --ink-line:rgba(21,42,91,.18);
  --canvas:#f6c951;
  background: var(--canvas);
  border-radius: 16px 0 0 16px;
}
.ta-drawer :focus-visible{ outline-color: var(--ink); }

/* Hero + caption */
.ta-drawer__hero{ height: 250px; margin-bottom: -22px; }
.ta-drawer__caption{
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
  padding: 70px 24px 40px;
  background: linear-gradient(0deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.55) 50%, rgba(0,0,0,0) 100%);
  pointer-events: none;
}
.ta-drawer__caption p{
  margin: 0; color: #fff;
  font-size: 26px; line-height: 1.18; font-weight: 600; letter-spacing: -.4px;
  text-shadow: 0 2px 14px rgba(0,0,0,.55);
}

.ta-drawer__close{
  width: 36px; height: 36px; border-radius: 8px;
  background: var(--ink); color:#fff; border: none;
}
.ta-drawer__close:hover{ background:#0e1f47; }

/* Sheet */
.ta-drawer__body{ background: var(--canvas); border-radius: 16px 16px 0 0; }

/* Search — white, square-ish, crisp */
.ta-drawer__search{
  height: 50px; border-radius: 8px; padding: 0 16px;
  background: #fff; border: 1px solid var(--ink-line); box-shadow: none;
  color: var(--ink-soft);
}
.ta-drawer__search svg{ color: var(--ink); }
.ta-drawer__search:active{ background:#fff; border-color: var(--ink); }

/* Nav — plain blue icon, no tile */
.ta-drawer__navitem{ padding: 15px 2px; gap: 16px; border-bottom: 1px solid var(--ink-line); }
.ta-drawer__navitem:last-child{ border-bottom: none; }
.ta-drawer__navitem-icon{
  width: 26px; height: 26px; border-radius: 0; background: none; box-shadow: none; color: var(--ink);
}
.ta-drawer__navitem-icon svg{ width: 24px; height: 24px; }
.ta-drawer__navitem-label{ color: var(--ink); font-size: 16px; font-weight: 600; }
.ta-drawer__navitem-sub{ color: var(--ink-soft); }
.ta-drawer__navitem-chevron{ color: var(--ink); opacity: .7; }
.ta-drawer__navitem:active{ background: rgba(21,42,91,.08); }
.ta-drawer__navitem:active .ta-drawer__navitem-icon{ background: none; color: var(--ink); }
.ta-drawer__navitem:active .ta-drawer__navitem-chevron{ opacity: 1; color: var(--ink); }

/* Bottom group */
.ta-drawer__bottom{ border-top: 1px solid var(--ink-line); }
.ta-drawer__section-title{ color: var(--ink); }

.ta-drawer__contact{
  gap: 12px; padding: 12px 14px; border-radius: 8px;
  background: #fff; border: 1px solid var(--ink-line);
}
.ta-drawer__contact-ico{ width: 24px; height: 24px; border-radius: 0; background: none; color: var(--ink); }
.ta-drawer__contact-ico svg{ width: 22px; height: 22px; color: var(--ink); }
.ta-drawer__contact-text small{ color: var(--ink-soft); }
.ta-drawer__contact-text strong{ color: var(--ink); }

/* Buttons — single navy, sharp corners */
.ta-drawer__whatsapp,
.ta-drawer__whatsapp:hover{
  height: 52px; border-radius: 8px; border: none; box-shadow: none;
  background: var(--ink); color:#fff; font-weight: 600; letter-spacing: .1px;
}
.ta-drawer__whatsapp svg{ color:#fff; }
.ta-drawer__whatsapp:active{ background:#0e1f47; }

.ta-drawer__store-badge{ border-radius: 8px; background: var(--ink); border: none; box-shadow: none; color:#fff; }
.ta-drawer__store-badge:active{ background:#0e1f47; }

/* ── Drawer canvas: white instead of yellow (keep last) ── */
.ta-drawer{ --canvas:#ffffff; background:#fff; }
.ta-drawer__body{ background:#fff; }
.ta-drawer__caption p::after{ background:#f6c951; }          /* keep the yellow accent bar on the photo */
.ta-drawer__search{ border-color: rgba(21,42,91,.22); }
.ta-drawer__contact{ background:#f1f4fa; border-color: rgba(21,42,91,.12); }
.ta-drawer__navitem{ border-bottom-color: rgba(21,42,91,.1); }
.ta-drawer__bottom{ border-top-color: rgba(21,42,91,.12); }
.ta-drawer__navitem:active{ background:#f1f4fa; }

/* ── Drawer polish pass (keep last) ── */
/* Headline over photo: bold editorial serif */
.ta-drawer__caption{ padding: 80px 24px 42px; background: linear-gradient(0deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.58) 52%, rgba(0,0,0,0) 100%); }
.ta-drawer__caption p{
  font-size: 31px; line-height: 1.1; font-weight: 800; letter-spacing: -.2px;
  text-shadow: 0 2px 18px rgba(0,0,0,.6);
}
.ta-drawer__caption p::after{ width: 52px; height: 3px; margin-top: 14px; border-radius: 2px; }

/* Search: round pill */
.ta-drawer__search{
  height: 52px; border-radius: 999px; padding: 0 22px; gap: 12px;
  border: 1.5px solid rgba(21,42,91,.2);
  box-shadow: 0 1px 2px rgba(21,42,91,.06);
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.ta-drawer__search svg{ width: 18px; height: 18px; }
.ta-drawer__search:active{ border-color: #152a5b; box-shadow: 0 0 0 4px rgba(246,201,81,.45); background:#fff; }

/* Nav rows */
.ta-drawer__navitem{ padding: 16px 2px; }
.ta-drawer__navitem-label{ font-size: 16.5px; letter-spacing: -.25px; }
.ta-drawer__navitem-sub{ font-size: 12.5px; margin-top: 1px; }
.ta-drawer__navitem-icon svg{ stroke-width: 1.6; }
.ta-drawer__navitem-chevron{ width: 15px; height: 15px; opacity: .5; }

/* Contact + buttons: refined, still sharp */
.ta-drawer__section-title{ font-size: 10.5px; letter-spacing: 1.8px; font-weight: 600; margin-bottom: 12px; }
.ta-drawer__contact{ padding: 13px 16px; border-radius: 10px; }
.ta-drawer__contact-text strong{ font-size: 15.5px; letter-spacing: .2px; }
.ta-drawer__whatsapp, .ta-drawer__whatsapp:hover{
  height: 54px; border-radius: 10px; font-size: 15px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px -10px rgba(21,42,91,.55);
}
.ta-drawer__store-badge{
  border-radius: 10px; padding: 11px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}
.ta-drawer__store-badge strong{ font-size: 14px; letter-spacing: -.1px; }

/* ── Call + WhatsApp buttons: matched pair (keep last) ── */
.ta-drawer__contact,
.ta-drawer__whatsapp{
  display: flex; align-items: center; gap: 14px;
  width: 100%; height: 60px; padding: 0 18px;
  border-radius: 12px; text-decoration: none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.ta-drawer__contact{ margin-bottom: 10px; }
.ta-drawer__contact:active, .ta-drawer__whatsapp:active{ transform: scale(.985); }

/* Call = outlined (secondary) */
.ta-drawer__contact{
  background: #fff; border: 1.5px solid #152a5b; box-shadow: none; color: #152a5b;
}
.ta-drawer__contact:active{ background: #f1f4fa; }
.ta-drawer__contact-ico{ width: 24px; height: 24px; flex-shrink: 0; }
.ta-drawer__contact-ico svg{ width: 22px; height: 22px; stroke-width: 1.7; }
.ta-drawer__contact-text{ flex: 1; min-width: 0; line-height: 1.2; }
.ta-drawer__contact-text small{ font-size: 11.5px; font-weight: 500; color: rgba(21,42,91,.65); }
.ta-drawer__contact-text strong{ font-size: 16px; font-weight: 600; letter-spacing: .3px; color: #152a5b; }

/* WhatsApp = solid (primary) */
.ta-drawer__whatsapp, .ta-drawer__whatsapp:hover{
  justify-content: flex-start; background: #152a5b; color: #fff; border: 1.5px solid #152a5b;
  font-size: 15.5px; font-weight: 600; letter-spacing: .1px; box-shadow: none;
}
.ta-drawer__whatsapp:active{ background: #0e1f47; border-color: #0e1f47; }
.ta-drawer__whatsapp svg:first-child{ width: 24px; height: 24px; flex-shrink: 0; color: #fff; }
.ta-drawer__whatsapp span{ flex: 1; text-align: left; }

/* Trailing arrow on both */
.ta-drawer__btn-arrow{ width: 18px; height: 18px; flex-shrink: 0; margin-left: auto; color: inherit; opacity: .85; transition: transform .2s ease; }
.ta-drawer__contact:active .ta-drawer__btn-arrow,
.ta-drawer__whatsapp:active .ta-drawer__btn-arrow{ transform: translateX(3px); }

/* Store badges: match the same height rhythm */
.ta-drawer__store-badge{ height: 56px; border-radius: 12px; padding: 0 14px; box-shadow: none; }

/* ── Store badges: official black Google Play / App Store look (keep last) ── */
.ta-drawer__store-badge{
  background: #000; color: #fff;
  border: 1px solid #a6a6a6; border-radius: 10px;
  box-shadow: none; height: 56px; padding: 0 14px; gap: 10px;
}
.ta-drawer__store-badge:active{ background: #1a1a1a; opacity: 1; }
.ta-drawer__store-badge svg{ width: 24px; height: 24px; }
.ta-drawer__store-badge em{ color: #fff; opacity: .9; font-size: 9px; letter-spacing: .3px; }
.ta-drawer__store-badge strong{ color: #fff; font-size: 15px; font-weight: 600; letter-spacing: -.2px; }

/* ═══════════════════════════════════════════════════════════════
   MOBILE FIX LAYER (keep LAST) — solid header, no vanishing on scroll,
   44px tap targets, dvh/safe-area handling, no iOS zoom, no overflow
═══════════════════════════════════════════════════════════════ */
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.ta-header, .ta-header *{ -webkit-tap-highlight-color: transparent; }
.ta-header{ max-width:100vw; }

/* The "scrolled" bar is empty, so never hide the real header on scroll */
body.is-scrolled .ta-header__top{
  opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
  transform:none !important;
}
.ta-header__scrolled{ display:none !important; }
.ta-header__top{ transform:none !important; }

@media (max-width: 680px){
  /* Solid white bar (was translucent glass over page content) */
  .ta-header__top{ background:#fff; border-bottom:1px solid var(--ta-gray-border); box-shadow:0 2px 10px -6px rgba(9,31,69,.25); }
  .ta-row--brand{
    height:56px; gap:0; padding:0 8px 0 14px;
    padding-left:max(14px, env(safe-area-inset-left));
    padding-right:max(8px, env(safe-area-inset-right));
    background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none;
    border-bottom:none; box-shadow:none;
  }
  .ta-row--brand::after{ display:none; }
  .ta-header{ padding-top:env(safe-area-inset-top, 0px); background:#fff; }
  .ta-logo{ --ta-logo-h:30px; min-width:0; flex:0 1 auto; max-width:46vw; }
  .ta-logo__crop{ max-width:100%; }
  .ta-logo__img{ max-width:100%; height:100%; width:auto; object-fit:contain; object-position:left center; }
  .ta-actions-right{ gap:0; margin-left:auto; }

  /* Icon buttons: comfortable 44px touch targets, same visual weight */
  .ta-mob-search-btn, .ta-action--ai, .ta-whatsapp, .ta-hamburger-btn{
    width:44px; height:44px; min-width:44px; padding:0; margin:0;
    display:flex; align-items:center; justify-content:center;
    background:none; border:none; border-radius:50%; box-shadow:none;
    color:var(--ta-navy2);
  }
  .ta-mob-search-btn svg, .ta-whatsapp svg{ width:22px; height:22px; }
  .ta-action__icon--ai{ width:22px; height:22px; color:var(--ta-navy2); }
  .ta-mob-search-btn:active, .ta-action--ai:active, .ta-whatsapp:active, .ta-hamburger-btn:active{ background:var(--ta-gray-bg); }
  .ta-hamburger-btn{ gap:5px; }
  .ta-hamburger-btn span{ width:22px; }

  /* Search overlay */
  .ta-mob-search-overlay{ height:100vh; height:100dvh; }
  .ta-mob-search-field{ min-height:48px; }
  .ta-mob-search-field__input, .ta-ai-panel__input{ font-size:16px; } /* stops iOS zoom-on-focus */
  .ta-mob-search-cancel{ min-height:44px; padding:0 4px; }
  .ta-mob-search-chip{ min-height:40px; }
  .ta-mob-search-suggestion{ min-height:56px; }
  .ta-mob-search-body{ overscroll-behavior:contain; }

  /* AI panel: true full-screen on mobile, keyboard/notch safe, compact type */
  .ta-ai-panel{ width:100%; max-width:100%; border-radius:0; height:100vh; height:100dvh; }
  .ta-ai-panel__header{ padding:10px 12px; padding-top:calc(10px + env(safe-area-inset-top, 0px)); }
  .ta-ai-panel__title{ font-size:14.5px; }
  .ta-ai-panel__newchat{ font-size:12.5px; }
  .ta-ai-panel__icon-btn, .ta-ai-panel__close{ width:40px; height:40px; }
  .ta-ai-panel__icon-btn svg, .ta-ai-panel__close svg{ width:16px; height:16px; }
  .ta-ai-panel__body{ padding:20px 18px 14px; gap:18px; overscroll-behavior:contain; justify-content:flex-start; }
  .ta-ai-panel__heading{ font-size:18px; margin-bottom:6px; }
  .ta-ai-panel__subheading{ font-size:12.5px; }
  .ta-ai-panel__prompts-title{ font-size:12px; }
  .ta-ai-panel__prompt-item{ min-height:0; align-items:center; font-size:13px; padding:11px 12px; }
  .ta-ai-panel__prompt-icon{ width:14px; height:14px; }
  .ta-ai-panel__footer{ padding:10px 14px calc(12px + env(safe-area-inset-bottom, 0px)); }
  .ta-ai-panel__submit{ width:32px; height:32px; }
  .ta-ai-panel__tip{ display:none; }

  /* Drawer: sized to fit the real viewport (dvh accounts for browser chrome)
     with no internal scrolling — hero, text and row heights all compress
     together via clamp()/dvh so Download App always stays on screen. */
  .ta-drawer{
    width:65%; max-width:360px;
    height:100vh; height:100dvh;
    border-radius:20px 0 0 20px;
    display:flex; flex-direction:column;
  }
  .ta-drawer__hero{
    height:clamp(110px, 20dvh, 190px);
    margin-bottom:-16px;
    flex-shrink:0;
  }
  .ta-drawer__caption{ padding:clamp(28px,6dvh,48px) 18px clamp(20px,4dvh,30px); }
  .ta-drawer__caption p{ font-size:clamp(18px, 5.2vw, 23px); line-height:1.15; }
  .ta-drawer__caption p::after{ margin-top:8px; }
  .ta-drawer__close{ width:36px; height:36px; top:calc(10px + env(safe-area-inset-top, 0px)); right:10px; }
  .ta-drawer__close svg{ width:12px; height:12px; }

  .ta-drawer__body{
    flex:1; min-height:0; overflow-y:auto;
    padding:clamp(10px,2dvh,18px) 14px calc(clamp(10px,2dvh,18px) + env(safe-area-inset-bottom, 0px));
    display:flex; flex-direction:column;
    gap:0;
  }
  .ta-drawer__search{ height:clamp(38px,6.5dvh,46px); padding:0 14px; margin-bottom:clamp(4px,1dvh,8px); font-size:13px; }
  .ta-drawer__search span{ font-size:13px; }

  .ta-drawer__nav{ margin-top:0; }
  .ta-drawer__navitem{ min-height:0; padding:clamp(8px,1.6dvh,13px) 2px; gap:12px; }
  .ta-drawer__navitem-icon{ width:34px; height:34px; border-radius:9px; }
  .ta-drawer__navitem-icon svg{ width:17px; height:17px; }
  .ta-drawer__navitem-label{ font-size:13.5px; letter-spacing:-.1px; }
  .ta-drawer__navitem-sub{ font-size:11px; white-space:normal; line-height:1.25; }
  .ta-drawer__navitem-chevron{ width:13px; height:13px; }

  .ta-drawer__bottom{ padding-top:clamp(8px,1.6dvh,14px); flex-shrink:0; }
  .ta-drawer__section-title{ font-size:9.5px; letter-spacing:1.2px; margin-bottom:clamp(6px,1dvh,10px); }

  .ta-drawer__actions{ gap:clamp(6px,1dvh,10px); margin-bottom:clamp(4px,1dvh,8px); }
  .ta-drawer__actions .ta-drawer__contact,
  .ta-drawer__actions .ta-drawer__whatsapp{
    min-height:0; height:clamp(36px,5.5dvh,44px);
    padding:0 clamp(7px,1.8vw,10px);
  }
  .ta-drawer__contact-ico, .ta-drawer__whatsapp > svg:first-child{
    width:14px; height:14px; padding:5px;
  }
  .ta-drawer__contact-ico svg{ width:13px; height:13px; }
  .ta-drawer__contact-text small, .ta-drawer__wa-text small{ font-size:8.5px; }
  .ta-drawer__contact-text strong{ font-size:12px; }
  .ta-drawer__wa-text strong{ font-size:11.5px; }

  .ta-drawer__apps{ padding-top:clamp(6px,1.2dvh,10px); }
  .ta-drawer__stores{ gap:7px; }
  .ta-drawer__store-badge{ height:clamp(30px,5dvh,38px); padding:0 7px; gap:5px; }
  .ta-drawer__store-badge svg{ width:15px; height:15px; }
  .ta-drawer__store-badge em{ font-size:6.5px; }
  .ta-drawer__store-badge strong{ font-size:10.5px; }

  /* Optional bottom booking pill: respects notch, doesn't hide content */
  .ta-mobile-book{ padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px)); }
  .ta-mobile-book__pill{ width:calc(100% - 24px); }
}

@media (max-width: 360px){
  .ta-row--brand{ padding-left:10px; padding-right:4px; }
  .ta-logo{ --ta-logo-h:26px; max-width:40vw; }
  .ta-mob-search-btn, .ta-action--ai, .ta-whatsapp, .ta-hamburger-btn{ width:40px; min-width:40px; }
  .ta-drawer{ width:92%; }
  .ta-drawer__stores{ flex-direction:column; }
  .ta-drawer__store-badge{ flex:none; width:100%; }
}

/* Short landscape phones */
@media (max-width: 900px) and (max-height: 480px){
  .ta-drawer__hero{ height:110px; }
  .ta-drawer__caption p{ font-size:20px; }
  .ta-drawer__navitem{ min-height:48px; padding:8px 2px; }
}

/* Tablet (681–900): AI/WhatsApp icon buttons get a proper hit area */
@media (min-width: 681px) and (max-width: 900px){
  .ta-whatsapp, .ta-action--ai{ width:40px; height:40px; }
  .ta-search{ flex:1 1 auto; max-width:none; }
}

@media (prefers-reduced-motion: reduce){
  .ta-drawer, .ta-ai-panel, .ta-mob-search-overlay{ transition-duration:.01ms !important; }
}

/* ═══════════════════════════════════════════════════════════════
   DRAWER BOTTOM — polished Call / WhatsApp buttons + minimal store links (keep LAST)
═══════════════════════════════════════════════════════════════ */
.ta-drawer__contact, .ta-drawer__whatsapp{
  position:relative; display:flex; align-items:center; gap:14px;
  width:100%; height:64px; padding:0 14px 0 12px; margin:0 0 12px;
  border-radius:16px; text-decoration:none; overflow:hidden;
  transition:transform .18s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.ta-drawer__contact:active, .ta-drawer__whatsapp:active{ transform:scale(.98); }

/* Call — soft light card, navy icon chip */
.ta-drawer__contact{
  background:linear-gradient(135deg,#ffffff 0%,#f1f5fc 100%);
  border:1.5px solid #dbe4f4; color:#152a5b;
  box-shadow:0 6px 16px -10px rgba(21,42,91,.35);
}
.ta-drawer__contact:active{ border-color:#152a5b; background:#f1f5fc; }
.ta-drawer__contact-ico{
  width:42px; height:42px; flex-shrink:0; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:#152a5b; color:#f6c951;
}
.ta-drawer__contact-ico svg{ width:20px; height:20px; color:inherit; }
.ta-drawer__contact-text{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; line-height:1.15; }
.ta-drawer__contact-text small{ font-size:11.5px; font-weight:500; color:#6f7b97; letter-spacing:.1px; }
.ta-drawer__contact-text strong{ font-size:17px; font-weight:700; color:#152a5b; letter-spacing:.2px; white-space:nowrap; }

/* WhatsApp — solid navy, glassy icon chip */
.ta-drawer__whatsapp, .ta-drawer__whatsapp:hover{
  background:linear-gradient(135deg,#1d3a7d 0%,#152a5b 60%,#0e1f47 100%);
  border:none; color:#fff; font-size:16px; font-weight:600; letter-spacing:.1px;
  box-shadow:0 12px 22px -12px rgba(21,42,91,.7);
}
.ta-drawer__whatsapp::before{
  content:""; position:absolute; top:0; right:-30px; width:120px; height:100%;
  background:radial-gradient(circle at 30% 50%, rgba(246,201,81,.22), transparent 70%);
  pointer-events:none;
}
.ta-drawer__whatsapp > svg:first-child{
  box-sizing:content-box; width:22px; height:22px; padding:10px; flex-shrink:0;
  border-radius:12px; background:rgba(255,255,255,.14); color:#25d366;
}
.ta-drawer__whatsapp span{ flex:1; text-align:left; position:relative; }

/* Trailing arrow in a small round chip on both */
.ta-drawer__btn-arrow{
  box-sizing:content-box; width:16px; height:16px; padding:7px; flex-shrink:0; margin-left:auto;
  border-radius:50%; opacity:1; transition:transform .2s ease;
}
.ta-drawer__contact .ta-drawer__btn-arrow{ background:#152a5b; color:#fff; }
.ta-drawer__whatsapp .ta-drawer__btn-arrow{ background:#f6c951; color:#152a5b; }
.ta-drawer__contact:active .ta-drawer__btn-arrow,
.ta-drawer__whatsapp:active .ta-drawer__btn-arrow{ transform:translateX(3px); }

/* Store links — minimal outline, no black blocks */
.ta-drawer__stores{ display:flex; gap:10px; }
.ta-drawer__store-badge, .ta-drawer__store-badge:active{
  flex:1; min-width:0; height:50px; padding:0 12px; gap:9px;
  display:flex; align-items:center; justify-content:center;
  background:transparent; color:#152a5b;
  border:1.5px solid #dbe4f4; border-radius:12px; box-shadow:none;
  transition:border-color .18s, background .18s, transform .12s;
}
.ta-drawer__store-badge:active{ background:#f1f5fc; border-color:#152a5b; transform:scale(.97); }
.ta-drawer__store-badge svg{ width:22px; height:22px; flex-shrink:0; }
.ta-drawer__store-badge svg[fill="currentColor"]{ color:#152a5b; }
.ta-drawer__store-badge span{ display:flex; flex-direction:column; min-width:0; line-height:1.1; text-align:left; }
.ta-drawer__store-badge em{ font-style:normal; font-size:8.5px; letter-spacing:.6px; text-transform:uppercase; color:#6f7b97; opacity:1; }
.ta-drawer__store-badge strong{ font-size:13.5px; font-weight:600; color:#152a5b; letter-spacing:-.1px; }
.ta-drawer__apps{ padding-top:10px; }
@media (max-width:360px){ .ta-drawer__store-badge{ width:100%; flex:none; } }

/* ═══════════════════════════════════════════════════════════════
   DRAWER BOTTOM v3 — Call + WhatsApp side by side, official-style store badges (keep LAST)
═══════════════════════════════════════════════════════════════ */
.ta-drawer__actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:6px; }
.ta-drawer__actions .ta-drawer__contact,
.ta-drawer__actions .ta-drawer__whatsapp{
  height:auto; min-height:92px; margin:0; padding:14px 12px;
  flex-direction:column; align-items:flex-start; justify-content:space-between; gap:12px;
  border-radius:16px; min-width:0;
}
.ta-drawer__actions .ta-drawer__contact-ico,
.ta-drawer__actions .ta-drawer__whatsapp > svg:first-child{
  box-sizing:content-box; width:20px; height:20px; padding:9px; border-radius:12px; flex-shrink:0;
}
.ta-drawer__actions .ta-drawer__contact-ico svg{ width:20px; height:20px; }
.ta-drawer__actions .ta-drawer__contact-text,
.ta-drawer__actions .ta-drawer__wa-text{ display:flex; flex-direction:column; gap:1px; line-height:1.15; text-align:left; flex:none; min-width:0; }
.ta-drawer__actions small{ font-size:11px; font-weight:500; letter-spacing:.1px; }
.ta-drawer__actions strong{ font-size:16.5px; font-weight:700; letter-spacing:-.1px; white-space:nowrap; }
.ta-drawer__contact-text small{ color:#6f7b97; }
.ta-drawer__contact-text strong{ color:#152a5b; font-size:16.5px; }
.ta-drawer__wa-text small{ color:rgba(255,255,255,.72); }
.ta-drawer__wa-text strong{ color:#fff; }
.ta-drawer__actions .ta-drawer__whatsapp > svg:first-child{ background:rgba(255,255,255,.14); color:#25d366; }
.ta-drawer__actions .ta-drawer__whatsapp::before{ right:-20px; top:0; width:90px; }
.ta-drawer__actions .ta-drawer__btn-arrow{ display:none; }
@media (max-width:340px){ .ta-drawer__actions strong{ font-size:15px; } }

/* Store badges — official black App Store / Google Play look */
.ta-drawer__stores{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ta-drawer__store-badge, .ta-drawer__store-badge:active{
  flex:none; width:auto; height:54px; padding:0 10px; gap:9px;
  display:flex; align-items:center; justify-content:flex-start;
  background:#000; color:#fff;
  border:1px solid #a6a6a6; border-radius:10px; box-shadow:none;
}
.ta-drawer__store-badge:active{ background:#1a1a1a; transform:scale(.97); border-color:#a6a6a6; }
.ta-drawer__store-badge svg{ width:26px; height:26px; flex-shrink:0; }
.ta-drawer__store-badge svg[fill="currentColor"]{ color:#fff; }
.ta-drawer__store-badge span{ display:flex; flex-direction:column; min-width:0; line-height:1.05; }
.ta-drawer__store-badge em{ font-style:normal; font-size:8.5px; font-weight:500; letter-spacing:.5px; text-transform:uppercase; color:#fff; opacity:1; white-space:nowrap; }
.ta-drawer__store-badge strong{ font-size:15.5px; font-weight:600; color:#fff; letter-spacing:-.3px; white-space:nowrap; }
.ta-drawer__store-badge[aria-label^="Download"] em{ text-transform:none; font-size:9px; letter-spacing:0; }
@media (max-width:360px){ .ta-drawer__store-badge{ width:auto; flex:none; } .ta-drawer__store-badge strong{ font-size:14px; } .ta-drawer__store-badge svg{ width:22px; height:22px; } }

/* ═══════════════════════════════════════════════════════════════
   DRAWER BOTTOM v4 — stacked, flat: no gradients, no shadows (keep LAST)
═══════════════════════════════════════════════════════════════ */
.ta-drawer__actions{ display:flex; flex-direction:column; gap:10px; margin-bottom:6px; }
.ta-drawer__actions .ta-drawer__contact,
.ta-drawer__actions .ta-drawer__whatsapp{
  flex-direction:row; align-items:center; justify-content:flex-start;
  height:64px; min-height:64px; padding:0 14px 0 12px; gap:14px; margin:0;
  border-radius:16px; box-shadow:none !important; background-image:none !important;
}
.ta-drawer__actions .ta-drawer__contact::before,
.ta-drawer__actions .ta-drawer__whatsapp::before{ display:none !important; content:none; }

/* Matched pair: no border, no filled box — just icon + text, flat and
   minimal like the nav rows above. A soft tint on press is the only
   feedback, kept consistent between the two. */
.ta-drawer__actions .ta-drawer__contact,
.ta-drawer__actions .ta-drawer__contact:active,
.ta-drawer__actions .ta-drawer__whatsapp,
.ta-drawer__actions .ta-drawer__whatsapp:hover,
.ta-drawer__actions .ta-drawer__whatsapp:active{
  background:transparent; border:none; color:#152a5b;
  padding:0 2px;
}
.ta-drawer__actions .ta-drawer__contact:active,
.ta-drawer__actions .ta-drawer__whatsapp:active{ background:#f6f8fc; border-radius:14px; }

.ta-drawer__actions .ta-drawer__contact-ico,
.ta-drawer__actions .ta-drawer__whatsapp > svg:first-child{
  width:22px; height:22px; padding:0; background:none;
}
.ta-drawer__actions .ta-drawer__contact-ico{ color:#152a5b; }

.ta-drawer__actions .ta-drawer__contact-text,
.ta-drawer__actions .ta-drawer__wa-text{ flex:1; min-width:0; }
.ta-drawer__actions .ta-drawer__contact-text small{ font-size:11.5px; color:#6f7b97; }
.ta-drawer__actions .ta-drawer__contact-text strong{ font-size:16px; font-weight:600; color:#152a5b; letter-spacing:.1px; }
.ta-drawer__actions .ta-drawer__wa-text strong{ font-size:16px; font-weight:600; color:#152a5b; }

.ta-drawer__actions .ta-drawer__wa-text strong{ color:#152a5b; }
.ta-drawer__actions .ta-drawer__btn-arrow{ display:block; margin-left:auto; width:15px; height:15px; color:#aebfdc; opacity:.8; }
@media (max-width:340px){ .ta-drawer__actions .ta-drawer__contact-text strong{ font-size:15px; } .ta-drawer__actions .ta-drawer__wa-text strong{ font-size:14.5px; } }

/* ═══════════════════════════════════════════════════════════════
   MOBILE SIZE FIX — FINAL (keep absolute last)
   Several earlier "DRAWER BOTTOM v3/v4" passes hard-code the Call/
   WhatsApp buttons to height:64px and store badges to height:54px
   outside any media query, so they were winning over the mobile
   clamp()-based sizing above. This re-asserts the compact mobile
   sizes so they actually apply on phones.
═══════════════════════════════════════════════════════════════ */
@media (max-width: 680px){
  .ta-drawer__hero{ height:clamp(110px, 20dvh, 190px) !important; }

  .ta-drawer__actions .ta-drawer__contact,
  .ta-drawer__actions .ta-drawer__whatsapp{
    height:clamp(36px,5.5dvh,44px) !important; min-height:0 !important;
    padding:0 2px !important; gap:10px !important; background:transparent !important; border:none !important;
  }
  .ta-drawer__actions .ta-drawer__contact-ico,
  .ta-drawer__actions .ta-drawer__whatsapp > svg:first-child{
    width:18px !important; height:18px !important; padding:0 !important; background:none !important;
  }
  .ta-drawer__actions .ta-drawer__contact-ico svg{ width:13px !important; height:13px !important; }
  .ta-drawer__actions .ta-drawer__contact-text small,
  .ta-drawer__actions .ta-drawer__wa-text small{ font-size:8.5px !important; }
  .ta-drawer__actions .ta-drawer__contact-text strong{ font-size:12px !important; }
  .ta-drawer__actions .ta-drawer__wa-text strong{ font-size:11.5px !important; }
  .ta-drawer__actions .ta-drawer__btn-arrow{ width:12px !important; height:12px !important; padding:5px !important; }

  .ta-drawer__stores{ gap:7px !important; }
  .ta-drawer__store-badge{ height:clamp(30px,5dvh,38px) !important; padding:0 7px !important; gap:5px !important; }
  .ta-drawer__store-badge svg{ width:15px !important; height:15px !important; }
  .ta-drawer__store-badge em{ font-size:6.5px !important; }
  .ta-drawer__store-badge strong{ font-size:10.5px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   DOWNLOAD APP IMAGE — fix oversized badge graphic (keep LAST)
   /Assets/Download_icon.png is a bare <img>, not a .ta-drawer__store-badge
   link, so none of the rules above ever applied to it and it rendered at
   its native pixel size. Cap it to the same width as the drawer content
   (Call / WhatsApp buttons, nav rows, etc.) and let height follow.
═══════════════════════════════════════════════════════════════ */
.ta-drawer__stores{
  display:block !important;
  width:90%;
}
.ta-drawer__stores img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}


/* ═══════════════════════════════════════════════════════════════
   DRAWER FINAL POLISH — minimal black & white (keep absolute last)
═══════════════════════════════════════════════════════════════ */

/* Close (×) button — plain round white circle, black glyph, no shadow */
.ta-drawer__close{
  width:32px; height:32px;
  border-radius:50%;
  background:#ffffff;
  color:#000000;
  box-shadow:none;
  transition:background .12s ease, color .12s ease;
}
.ta-drawer__close:hover{ background:#000000; color:#ffffff; }
.ta-drawer__close:active{ transform:scale(.94); }
.ta-drawer__close svg{ width:12px; height:12px; }
.ta-drawer__close svg line{ stroke:currentColor; }

/* Nav rows — plain, flat, minimal: black text/icons, thin hairline, no fills */
.ta-drawer__nav{ display:flex; flex-direction:column; }
.ta-drawer__navitem{
  background:none;
  border:none;
  border-bottom:none;
  border-radius:0;
  padding:14px 0;
  gap:12px;
  box-shadow:none;
  transition:opacity .12s ease;
}
.ta-drawer__navitem:last-child{ border-bottom:none; }
.ta-drawer__navitem:hover{ box-shadow:none; opacity:.6; }
.ta-drawer__navitem:active{
  padding-left:0; transform:none; background:none; box-shadow:none; opacity:.4;
}
.ta-drawer__navitem-icon{
  width:20px; height:20px; flex-shrink:0;
  border-radius:0; background:none; box-shadow:none; color:#000000;
}
.ta-drawer__navitem-icon svg{ width:20px; height:20px; stroke-width:1.5; }
.ta-drawer__navitem:active .ta-drawer__navitem-icon{ background:none; color:#000000; }
.ta-drawer__navitem-label{
  font-size:14.5px; font-weight:500; letter-spacing:0; color:#000000;
}
.ta-drawer__navitem-sub{
  font-size:11.5px; font-weight:400; color:#767676; margin-top:1px;
}
.ta-drawer__navitem-chevron{
  box-sizing:content-box;
  width:12px; height:12px; padding:0;
  border-radius:0; background:none; color:#000000; opacity:.5;
  transition:transform .12s ease;
}
.ta-drawer__navitem:active .ta-drawer__navitem-chevron{ background:none; transform:translateX(2px); }

@media (max-width:680px){
  .ta-drawer__nav{ gap:0; }
  .ta-drawer__navitem{ padding:12px 0; border-radius:0; }
  .ta-drawer__navitem-icon{ width:18px; height:18px; border-radius:0; }
  .ta-drawer__navitem-icon svg{ width:18px; height:18px; }
  .ta-drawer__navitem-label{ font-size:13.5px; }
  .ta-drawer__navitem-sub{ font-size:10.5px; }
  .ta-drawer__navitem-chevron{ width:11px; height:11px; padding:0; }
}