/* IlluminateHannahGateFix.r1 — blog-gate P0 blockers (A8 vessel VH + A2 story eyebrow)
   Base tip: illuminate-2026.10.01-hannah-shards-r2
   Scope: Illuminate website-id only. Do not edit shared ocean-charter packages.
   Artifact pattern: min(58vh,720) main + 104×74 thumbs; story li stack gap 7px.
   P1 (cheap): inner badge → homepage pill; mobile mode-control parking via companion JS.
*/
[data-website-id='web_85b8192b-d816-469f-a4a6-be3227ba3985'] .boat-detail__main-img {
  height: min(58vh, 720px) !important;
  max-height: min(58vh, 720px) !important;
  aspect-ratio: auto !important;
  width: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
[data-website-id='web_85b8192b-d816-469f-a4a6-be3227ba3985'] .boat-detail__thumb {
  width: 104px !important;
  height: 74px !important;
  flex: 0 0 auto !important;
}
[data-website-id='web_85b8192b-d816-469f-a4a6-be3227ba3985'] .boat-detail__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* A2 — PDP story rows: collapse 100px + 1fr gutter → stack eyebrow above heading (7px gap, mobile intent) */
[data-website-id='web_85b8192b-d816-469f-a4a6-be3227ba3985'] .tour-overview-simple__story li {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}

/* P1 — inner-page location badge matches homepage hero__location-badge pill (CSS-only; no InnerPageHero.tsx) */
[data-website-id='web_85b8192b-d816-469f-a4a6-be3227ba3985'] .inner-page-hero__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 32px !important;
  height: auto !important;
  padding: 6px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important; /* ~1.54px at 11px */
  line-height: 1.2 !important;
  box-shadow: none !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
[data-website-id='web_85b8192b-d816-469f-a4a6-be3227ba3985'] .inner-page-hero__badge-dot {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  border-radius: 0 !important;
  /* same map-pin path as homepage hero__location-badge-icon (stroke pin → filled mask) */
  background-color: #ff7a3e !important; /* brand-sunset pin fill on homepage icon */
  color: transparent !important;
  box-shadow: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle fill='%23fff' cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle fill='%23fff' cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}