/**
 * Landing page overlay CSS — item-276 (Itemid 276)
 * Loaded only on the Landing page canvas article (article 212, style 18).
 * Design ref: Wo0Xq (light) / SLECK (dark) / qcyVK (mobile)
 * Patagonia campaign page — minimal header, ACM stack, legal footer only.
 *
 * SCOPE: body.item-276 scoped throughout (never leaks to other pages).
 * Dark overrides: html.t4-dark body.item-276 (or [data-bs-theme=dark] body.item-276)
 */

/* =========================================================================
   1. MINIMAL HEADER
   .pen brcIh: bg #FFFFFF, h=72, logo + toggle + "Reserve a place" CTA only.
   Hide: full navbar nav, off-canvas toggle, search.
   ========================================================================= */
body.item-276 .t4-navbar .navbar-nav,
body.item-276 .t4-navbar .t4-nav-menu,
body.item-276 .t4-navbar .nav-primary,
body.item-276 .t4-off-canvas-open,
body.item-276 #t4-off-canvas-toggle,
body.item-276 .t4-navbar .voy-nav-search,
body.item-276 .voy-signin { display: none !important; }

/* Header height: .pen brcIh height=72. T4 default is 80/76. Override to 72.
   The outer .t4-header section div has min-height:80px from scss. Override both height + min-height. */
body.item-276 .voy-header { height: 72px !important; }
body.item-276 .t4-header { height: 72px !important; min-height: 72px !important; }
body.item-276 .t4-navbar,
body.item-276 .t4-navbar .navbar-nav.level0 { height: 72px !important; }

/* Header border bottom on landing (on the visible .voy-header wrapper) */
body.item-276 .voy-header { border-bottom: 1px solid var(--voy-border, #E5DCD0) !important; }

/* Header CTA size: .pen Eddae Inter 14/600 pad [11,22] — override global larger defaults */
body.item-276 .voy-cta {
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 11px 22px !important;
  border-radius: 9999px !important;
}

/* Dark header */
html.t4-dark body.item-276 .voy-header,
html.t4-dark body.item-276 .t4-header {
  background: #211B16 !important;
  border-bottom-color: #352C24 !important;
}

/* =========================================================================
   2. HERO
   .pen O1S19: h=640 (excl. header), image bg + #16100BBF scrim, centered content
   Content s5o0iT: gap=22, padding [0,48]
   Eyebrow: mountain icon + "LIMITED 2026 DEPARTURES" Geist Mono 12 ls1 #FFFFFF
   Title: Playfair 62/700 lh1.08 #FFFFFF, max-w 860
   Sub: Inter 19/normal rgba(255,255,255,0.85), max-w 620
   Actions: gap 14, centered
   Primary btn L9Lzj: #C2562F r9999 pad 15/28 Inter 16/600 #FFFFFF
   Ghost btn AvwBZ: bg rgba(255,255,255,0.1) border 1px #FFFFFF55 r9999 pad 15/26 Inter 16/600 #FFFFFF, gap 9 (icon+label)
   Trust wN8ry: Inter 14 rgba(255,255,255,0.7) center
   ========================================================================= */

/* Ensure hero is exactly 640px tall */
body.item-276 .acm-hero { height: 640px !important; min-height: 640px !important; max-height: 640px !important; }

/* Hide search bar (landing has no search form) */
body.item-276 .acm-hero-searchwrap { display: none !important; }

/* Hero eyebrow */
body.item-276 .acm-hero-eyebrow {
  font-family: var(--voy-font-mono, 'Geist Mono', monospace);
  font-size: 12px !important;
  letter-spacing: 1px;
  background: rgba(255,255,255,0.12);
  border-radius: 9999px;
  padding: 7px 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #FFFFFF;
}

/* Hero title: .pen L4US6 62px Playfair 700 lh1.08, max-w 860 */
body.item-276 .acm-hero-title {
  font-size: 62px !important;
  font-weight: 700 !important;
  font-family: var(--voy-font-head, 'Playfair Display', serif) !important;
  line-height: 1.08 !important;
  text-align: center;
  max-width: 860px;
  margin: 0 auto;
}

/* Hero lead: Inter 19/normal rgba(255,255,255,0.85), max-w 620 */
body.item-276 .acm-hero-lead {
  font-size: 19px !important;
  text-align: center;
  color: rgba(255,255,255,0.85) !important;
  max-width: 620px;
  margin: 0 auto;
}

/* Hero actions: centered, gap 14 */
body.item-276 .acm-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Hero primary CTA: L9Lzj pad 15/28 Inter 16/600 */
body.item-276 .acm-hero-actions .btn.btn-primary {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 15px 28px !important;
  border-radius: 9999px !important;
  background: var(--voy-primary, #C2562F) !important;
  color: #FFFFFF !important;
  border: none !important;
}

/* Hero ghost CTA: AvwBZ pad 15/26 Inter 16/600 border 1px rgba(255,255,255,0.33) gap 9 */
body.item-276 .acm-hero-actions .voy-btn-ghost {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 15px 26px !important;
  border-radius: 9999px !important;
  background: rgba(255,255,255,0.1) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,0.33) !important;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

/* Hero trust line: wN8ry Inter 14/normal rgba(255,255,255,0.7) */
body.item-276 .acm-hero-trust {
  font-family: var(--voy-font-body, 'Inter', sans-serif);
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.7) !important;
  text-align: center;
  margin: 0 !important;
}

/* Hero inner: flex column gap:22 per s5o0iT gap:22 — centers & spaces all children */
body.item-276 .acm-hero-inner {
  text-align: center;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
}
/* Reset child margins so gap owns all spacing */
body.item-276 .acm-hero-inner .acm-hero-eyebrow,
body.item-276 .acm-hero-inner .acm-hero-title,
body.item-276 .acm-hero-inner .acm-hero-lead { margin-bottom: 0 !important; }

/* =========================================================================
   3. INCLUDED SECTION (features-intro / acm-features style-1)
   .pen H6xeVS: bg #FAF6F0, padding [80,48]
   Inner r0aHi: width 1140, gap=40 (head→grid)
   Head s2AYAS: gap=12 (eyebrow→title), width=640
   Eyebrow: "EVERY DEPARTURE INCLUDES" Geist Mono 12/ls1 #C2562F
   Heading: "Everything handled, nothing to chase" Playfair 38/700 lh1.15 #1A1512
   Grid: 4-col gap 24
   Card wwueo: bg #FFFFFF, border 1px #E5DCD0, r22, pad 26px, gap 14
     Chip: bg #F2EBE1, r14, 48×48, icon 24px lucide #C2562F
     Title: Playfair 19/700 #1A1512
     Text: Inter 14/normal lh1.6 #8A7E72
   ========================================================================= */

/* Section padding: [80,48] not 88/88 */
body.item-276 .acm-features.style-1 { padding: 80px 48px !important; }

/* Eyebrow */
body.item-276 .acm-features.style-1 .voy-eyebrow {
  color: var(--voy-primary, #C2562F) !important;
  font-size: 12px !important;
  letter-spacing: 1px;
}

/* Heading */
body.item-276 .acm-features.style-1 h2 {
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

/* Head block: max-w 640, gap 12 */
body.item-276 .acm-features.style-1 .voy-section__head {
  max-width: 640px !important;
  gap: 12px !important;
  margin-bottom: 40px !important;
}

/* No sub-text */
body.item-276 .acm-features.style-1 .acm-features-sub { display: none; }

/* 4-col grid */
body.item-276 .acm-features.style-1 .voy-grid--3 {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

/* Feature cards: white bg, border, r22, pad 26, gap 14 — matching .pen wwueo */
body.item-276 .acm-features.style-1 .acm-feature {
  background: #FFFFFF !important;
  border: 1px solid var(--voy-border, #E5DCD0) !important;
  border-radius: 22px !important;
  padding: 26px !important;
  gap: 14px !important;
  display: flex;
  flex-direction: column;
}

/* Icon chip: bg #F2EBE1, r14, 48×48 */
body.item-276 .acm-features.style-1 .voy-icon-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--voy-elevated, #F2EBE1) !important;
  border-radius: 14px !important;
  flex-shrink: 0;
  color: var(--voy-primary, #C2562F);
}
body.item-276 .acm-features.style-1 .voy-icon-chip svg {
  width: 24px;
  height: 24px;
}

/* Card title: Playfair 19/700 */
body.item-276 .acm-features.style-1 .acm-feature h3 {
  font-family: var(--voy-font-head, 'Playfair Display', serif) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--voy-heading, #1A1512) !important;
  margin: 0 !important;
}

/* Card description: Inter 14/normal lh1.6 muted */
body.item-276 .acm-features.style-1 .acm-feature p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--voy-muted, #8A7E72) !important;
  margin: 0 !important;
}

/* Dark: feature section bg + cards */
html.t4-dark body.item-276 .acm-features.style-1 { background: var(--voy-bg, #15110E) !important; }
html.t4-dark body.item-276 .acm-features.style-1 .acm-feature {
  /* .pen dark: cards sit on #15110E bg → next level = #1C1712 (elevated) */
  background: var(--voy-elevated, #1C1712) !important;
  border-color: var(--voy-border, #352C24) !important;
}
html.t4-dark body.item-276 .acm-features.style-1 .voy-icon-chip {
  background: var(--voy-elevated, #271F18) !important;
}
html.t4-dark body.item-276 .acm-features.style-1 h2 { color: var(--voy-heading, #FBF6EF) !important; }
html.t4-dark body.item-276 .acm-features.style-1 .acm-feature h3 { color: var(--voy-heading, #FBF6EF) !important; }

@media (max-width: 991.98px) {
  body.item-276 .acm-features.style-1 .voy-grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.98px) {
  body.item-276 .acm-features.style-1 .voy-grid--3 {
    grid-template-columns: 1fr;
  }
}

/* =========================================================================
   4. ROUTE STEPS SECTION
   .pen kCg8D: bg #F2EBE1, padding [80,48]
   Inner cGXR4: width 1140, gap=40 (title→grid)
   Title d2mnbc: Playfair 34/700 #1A1512, mb 40
   Grid: 4-col gap 20 (wf48f gap:20)
   Step K0hx6: flex-col gap 12
   Num Y6JR6Y: 48×48 r9999 bg#C2562F, Playfair 18/700 #FFFFFF
   Dest ARU54: Playfair 20/700 #1A1512
   Desc uvwB7: Inter 14/normal lh1.6 #8A7E72
   ========================================================================= */

/* Section padding: [80,48] */
body.item-276 .acm-route-steps.style-1 { background: var(--voy-elevated, #F2EBE1); padding: 80px 48px !important; }

/* Title */
body.item-276 .acm-route-title {
  font-family: var(--voy-font-head, 'Playfair Display', serif);
  font-size: 34px !important;
  font-weight: 700 !important;
  color: var(--voy-heading, #1A1512);
  margin-bottom: 40px !important;
}

/* Grid: 4-col gap 20 per .pen wf48f */
body.item-276 .acm-route-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px !important;
}

/* Step layout */
body.item-276 .acm-route-step {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Num circle: 48×48 per .pen Y6JR6Y, Playfair 18/700 */
body.item-276 .acm-route-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: var(--voy-primary, #C2562F) !important;
  color: #fff !important;
  font-family: var(--voy-font-head, 'Playfair Display', serif) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  flex-shrink: 0;
}

/* Dest: Playfair 20/700 #1A1512 */
body.item-276 .acm-route-dest {
  font-family: var(--voy-font-head, 'Playfair Display', serif);
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--voy-heading, #1A1512) !important;
  margin: 0 !important;
}

/* Desc: Inter 14/normal lh1.6 muted */
body.item-276 .acm-route-desc {
  font-family: var(--voy-font-body, 'Inter', sans-serif);
  font-size: 14px !important;
  color: var(--voy-muted, #8A7E72) !important;
  line-height: 1.6;
  margin: 0 !important;
}

/* Dark: route section — .pen dhA0y = #1C1712 = var(--voy-elevated) in dark */
html.t4-dark body.item-276 .acm-route-steps.style-1 { background: var(--voy-elevated, #1C1712) !important; }
html.t4-dark body.item-276 .acm-route-dest { color: var(--voy-heading, #FBF6EF) !important; }
html.t4-dark body.item-276 .acm-route-desc { color: var(--voy-muted, #9C9085) !important; }

/* =========================================================================
   5. STATS SECTION
   .pen kwRlo: bg #1F6F6B, padding [60,48]
   Inner Lyif1: width 1140, justifyContent:space_between, gap 32
   Value: Playfair 46/700 #FFFFFF (pen REAUn=46)
   Label: Inter 15/normal rgba(255,255,255,0.8) (pen MYFIB: fill #FFFFFFCC, fs:15)
   Dark zzw27: bg #46A39D
   ========================================================================= */

/* Section padding: [60,48] per .pen kwRlo */
body.item-276 .acm-statistics.style-1 { padding: 60px 48px !important; }

/* Stat value: Playfair 46px (pen=46, ACM default=48) */
body.item-276 .acm-statistics .acm-stat-value {
  font-size: 46px !important;
  font-family: var(--voy-font-head, 'Playfair Display', serif) !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  line-height: 1;
}

/* Stat label: Inter 15/normal rgba(255,255,255,0.8) */
body.item-276 .acm-statistics .acm-stat-label {
  font-size: 15px !important;
  color: rgba(255,255,255,0.8) !important;
  font-family: var(--voy-font-body, 'Inter', sans-serif) !important;
}

/* Stats dark bg: .pen dark = #46A39D */
html.t4-dark body.item-276 .acm-statistics.style-1 {
  background: var(--voy-secondary-dark, #46A39D) !important;
}

/* =========================================================================
   6. TESTIMONIAL SECTION
   .pen IvZkb: bg #FAF6F0, padding [80,48]
   Inner ihzKC: width 820, gap 20 (stars→quote→attribution)
   Stars: 5× lucide star 20×20 gold #E0A458 gap 4
   Quote aGJ9O: Playfair 28/500/italic lh1.4 #1A1512, center
   Attribution Hh3YN: Inter 15/normal #8A7E72 center (not two-line)
   ========================================================================= */

/* Section padding: [80,48] — override ACM default 20/80 */
body.item-276 .acm-testimonials.style-2 {
  background: var(--voy-bg, #FAF6F0) !important;
  padding: 80px 48px !important;
}

/* Inner: max-w 820 per .pen ihzKC */
body.item-276 .acm-testimonials.style-2 .acm-testimonials2-inner {
  max-width: 820px !important;
  margin: 0 auto;
}

/* Stars: 20×20 gold #E0A458 gap 4 */
body.item-276 .acm-testimonials.style-2 .acm-testimonial-stars {
  display: flex;
  gap: 4px !important;
  justify-content: center;
}
body.item-276 .acm-testimonials.style-2 .acm-testimonial-stars .acm-star svg {
  fill: var(--voy-star, #E0A458) !important;
  color: var(--voy-star, #E0A458) !important;
  width: 20px !important;
  height: 20px !important;
  display: block;
}
body.item-276 .acm-testimonials.style-2 .acm-testimonial-stars .acm-star {
  color: var(--voy-star, #E0A458) !important;
  display: inline-flex;
}

/* Blockquote: Playfair 28/500/italic lh1.4 #1A1512 center */
body.item-276 .acm-testimonials.style-2 .acm-testimonials2-blockquote {
  font-family: var(--voy-font-head, 'Playfair Display', serif) !important;
  font-size: 28px !important;
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--voy-heading, #1A1512) !important;
  text-align: center;
  margin: 0;
}

/* Attribution: centered */
body.item-276 .acm-testimonials.style-2 .acm-testimonial-author {
  justify-content: center;
  font-size: 15px !important;
}

/* Name: Inter 15 #8A7E72 (landing uses single combined line Hh3YN) */
body.item-276 .acm-testimonials.style-2 .acm-testimonial-name {
  font-family: var(--voy-font-body, 'Inter', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--voy-muted, #8A7E72) !important;
}
body.item-276 .acm-testimonials.style-2 .acm-testimonial-role {
  font-size: 15px !important;
  color: var(--voy-muted, #8A7E72) !important;
}

/* Dark */
html.t4-dark body.item-276 .acm-testimonials.style-2 { background: var(--voy-bg, #15110E) !important; }
html.t4-dark body.item-276 .acm-testimonials.style-2 .acm-testimonials2-blockquote {
  color: var(--voy-heading, #FBF6EF) !important;
}
html.t4-dark body.item-276 .acm-testimonials.style-2 .acm-testimonial-name,
html.t4-dark body.item-276 .acm-testimonials.style-2 .acm-testimonial-role {
  color: var(--voy-muted, #9C9085) !important;
}

/* =========================================================================
   7. FINAL CTA (acm-cta style-2)
   .pen ucG3Z: outer bg #F2EBE1, padding [64,48]
   Card BCHJ8: bg #1F6F6B, r22, h=300, w=1140
   Content S4THPb: flex-col center gap 16, pad 40
   Title FWtix: Playfair 40/700 #FFFFFF lh1.12 center, max-w 760
   Sub hx5YZ: Inter 16/normal rgba(255,255,255,0.8) center, max-w 560
   Btn sHzgt: bg #FFFFFF, text #1F6F6B, r9999, pad 14/28, Inter 16/600
   Dark wEkip: outer bg #1C1712, card bg #46A39D
   ========================================================================= */
body.item-276 .acm-cta.style-2 {
  background: var(--voy-elevated, #F2EBE1) !important;
  padding: 64px 48px !important;
}
body.item-276 .acm-cta.style-2 .acm-cta2-inner {
  background: var(--voy-secondary, #1F6F6B) !important;
  border-radius: 22px !important;
  padding: 40px !important;
  width: 100%;
  max-width: 1140px !important;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px !important;
  min-height: 300px;
  justify-content: center;
}
body.item-276 .acm-cta.style-2 .acm-cta2-eyebrow {
  color: rgba(255,255,255,0.7) !important;
  font-size: 12px !important;
  letter-spacing: 1px;
  font-family: var(--voy-font-mono, 'Geist Mono', monospace);
}
body.item-276 .acm-cta.style-2 .acm-cta2-title {
  font-size: 40px !important;
  font-weight: 700 !important;
  font-family: var(--voy-font-head, 'Playfair Display', serif) !important;
  line-height: 1.12 !important;
  color: #FFFFFF !important;
  text-align: center;
  max-width: 760px;
}
body.item-276 .acm-cta.style-2 .acm-cta2-sub {
  color: rgba(255,255,255,0.8) !important;
  font-size: 16px !important;
  text-align: center;
  max-width: 560px;
}
/* CTA primary button: #FFFFFF bg, teal text, r9999, pad 14/28, Inter 16/600 */
body.item-276 .acm-cta.style-2 .acm-cta2-btn-primary {
  background: #FFFFFF !important;
  color: var(--voy-secondary, #1F6F6B) !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  border-radius: 9999px !important;
}
body.item-276 .acm-cta.style-2 .acm-cta2-btn-primary:hover {
  background: #F0FAF9 !important;
}
body.item-276 .acm-cta.style-2 .acm-cta2-btn-ghost { display: none !important; }

/* Dark */
html.t4-dark body.item-276 .acm-cta.style-2 {
  background: var(--voy-elevated, #1C1712) !important;
}
html.t4-dark body.item-276 .acm-cta.style-2 .acm-cta2-inner {
  background: var(--voy-secondary-dark, #46A39D) !important;
}
html.t4-dark body.item-276 .acm-cta.style-2 .acm-cta2-btn-primary {
  color: #1F6F6B !important;
}

/* =========================================================================
   8. FOOTER — show only Legal bar (hide 3-col top section)
   .pen: NO full footer — only Legal Footer bar (copyright + 3 links)
   ========================================================================= */
body.item-276 .voy-footer-top { display: none !important; }

/* Legal footer: znxkd: bg #FFFFFF, border-top 1px #E5DCD0, pad [28,48]
   Left: mark (compass 26x26 r8 rust) + copyright Inter 13 #8A7E72
   Right: Privacy / Terms / ATOL protection Inter 13 #8A7E72 gap 24 */
body.item-276 .voy-footer-legal {
  background: #FFFFFF !important;
  border-top: 1px solid var(--voy-border, #E5DCD0) !important;
  padding: 28px 48px !important;
}
body.item-276 .voy-footer-legal .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Legal copyright: Inter 13 #8A7E72 */
body.item-276 .voy-footer-legal .acm-copy-text {
  font-size: 13px !important;
  color: var(--voy-muted, #8A7E72) !important;
  font-family: var(--voy-font-body, 'Inter', sans-serif) !important;
}
/* .pen znxkd: compass brand mark before the copyright (26px r8 #C2562F, white compass) */
body.item-276 .voy-footer-legal .acm-copy-text--mark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
body.item-276 .voy-footer-legal .acm-copy-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: 8px;
  background: var(--voy-primary, #C2562F);
  color: #FFFFFF;
}
html.t4-dark body.item-276 .voy-footer-legal .acm-copy-mark {
  background: var(--voy-primary, #D86A3F) !important;
  color: #FFFFFF !important;
}

/* Legal links: gap 24 per .pen unUVg */
body.item-276 .voy-footer-legal .acm-copy-links {
  display: flex;
  gap: 24px !important;
  align-items: center;
}
body.item-276 .voy-footer-legal .acm-copy-links a {
  font-size: 13px !important;
  color: var(--voy-muted, #8A7E72) !important;
  text-decoration: none;
  font-family: var(--voy-font-body, 'Inter', sans-serif) !important;
}

html.t4-dark body.item-276 .voy-footer-legal {
  background: #211B16 !important;
  border-top-color: #352C24 !important;
}
html.t4-dark body.item-276 .voy-footer-legal .acm-copy-text,
html.t4-dark body.item-276 .voy-footer-legal .acm-copy-links a {
  color: var(--voy-muted, #9C9085) !important;
}

/* =========================================================================
   9. FULL-BLEED breakout (Landing canvas uses {loadposition landing-page,none})
   Ensure .t4-section-inner.container doesn't cap the ACM sections.
   ========================================================================= */
body.item-276 .t4-section-inner.container,
body.item-276 .voy-canvas-page .t4-section-inner { max-width: none !important; padding: 0 !important; }
body.item-276 .t4-row { margin: 0 !important; }
body.item-276 .t4-col { padding: 0 !important; }
body.item-276 .t4-main-body { padding-top: 0 !important; }

/* =========================================================================
   10. LOADPOSITION MODULETABLE SEAM GUARD (P59)
   ========================================================================= */
body.item-276 .voy-canvas-page .moduletable {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================================
   11. MOBILE (390px) RESPONSIVE
   .pen qcyVK frames
   Header: Mobile Header component
   Hero: h=600, gap=20, pad [0,24]; title 38px; trust text present
   Included KG5kw: bg #FAF6F0, pad [56,20], gap 24; head→cards in flex-col; cards fill-width
   Route Mz1WD: bg #F2EBE1, pad [56,20], gap 24; title 27px; steps 1-col gap 20
   Stats wKY6h: bg #1F6F6B, pad [48,20]; 2×2 grid gap 24
   Testimonial p9ufTM: bg #FAF6F0, pad [56,20]
   CTA TF7jT: bg #F2EBE1, pad [48,20]; card b4W0k: r22, pad 32, gap 16; title 27px
   Legal Ivbmd: flex-col center, gap 8, pad 20
   ========================================================================= */
@media (max-width: 767.98px) {
  /* Header: rely on mobile header component */
  body.item-276 .voy-header,
  body.item-276 .t4-header { height: auto !important; }

  /* Hero: 600px tall, title 38px, lead 16px */
  body.item-276 .acm-hero { height: 600px !important; min-height: 600px !important; max-height: 600px !important; }
  body.item-276 .acm-hero-title { font-size: 38px !important; }
  body.item-276 .acm-hero-lead { font-size: 16px !important; }
  body.item-276 .acm-hero-actions .btn.btn-primary,
  body.item-276 .acm-hero-actions .voy-btn-ghost {
    font-size: 15px !important;
    padding: 13px 22px !important;
  }

  /* Included: pad [56,20] per KG5kw */
  body.item-276 .acm-features.style-1 { padding: 56px 20px !important; }
  body.item-276 .acm-features.style-1 .voy-grid--3 { grid-template-columns: repeat(2, 1fr); }

  /* Route: pad [56,20] per Mz1WD; title 27px per KDPG5 */
  body.item-276 .acm-route-steps.style-1 { padding: 56px 20px !important; }
  body.item-276 .acm-route-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  body.item-276 .acm-route-title { font-size: 27px !important; }

  /* Stats: pad [48,20] per wKY6h; 2×2 grid */
  body.item-276 .acm-statistics.style-1 { padding: 48px 20px !important; }
  body.item-276 .acm-statistics .acm-statistics-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }

  /* Testimonial: pad [56,20] per p9ufTM */
  body.item-276 .acm-testimonials.style-2 { padding: 56px 20px !important; }
  body.item-276 .acm-testimonials.style-2 .acm-testimonials2-blockquote { font-size: 20px !important; }

  /* CTA: outer pad [48,20] per TF7jT; card pad 32 gap 16 per b4W0k; title 27px */
  body.item-276 .acm-cta.style-2 { padding: 48px 20px !important; }
  body.item-276 .acm-cta.style-2 .acm-cta2-inner {
    padding: 32px 20px !important;
    min-height: auto !important;
    gap: 16px !important;
  }
  body.item-276 .acm-cta.style-2 .acm-cta2-title { font-size: 27px !important; }

  /* Legal: flex-col center, gap 8, pad 20 per Ivbmd */
  body.item-276 .voy-footer-legal { padding: 20px !important; }
  body.item-276 .voy-footer-legal .container {
    flex-direction: column !important;
    gap: 8px !important;
    align-items: center !important;
    text-align: center;
  }
  /* Mobile legal stacks (copyright + links) centered per qcyVK Ivbmd */
  body.item-276 .voy-footer-legal .voy-legal-inner {
    flex-direction: column !important;
    gap: 8px !important;
    justify-content: center !important;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  body.item-276 .acm-features.style-1 .voy-grid--3 {
    grid-template-columns: 1fr;
  }
}

/* L-FOOT: .pen Landing (Wo0Xq) footer = znxkd Legal Footer ONLY (no brand/nav/newsletter).
   Collapse the global footer to its legal bar on Landing; surface bg + 28/48 padding per .pen. */
body.item-276 .voy-footer-top { display:none !important; }
body.item-276 .t4-footer, body.item-276 .voy-footer-inner { background:var(--voy-surface) !important; }
body.item-276 .voy-footer-legal { padding:28px 48px !important; border-top:1px solid var(--voy-border) !important; }

/* =========================================================================
   12. CORRECTED REVIEW PASS (2026-06-20)
   Defects found against full 1440/1728/390 screenshot compare + computed-px.
   ========================================================================= */

/* D1 [CONTAINER-PADDING-16px] — ACM sections wrap content in .container with
   padding-inline:16px → inner content 1108px instead of .pen 1140px at 1728.
   .pen r0aHi/cGXR4/Lyif1/ihzKC/S4THPb inner width = 1140. Zero out the padding
   so section's own padding-inline owns all side spacing (already set to 48px per section). */
body.item-276 .acm-features.style-1 > .container,
body.item-276 .acm-route-steps.style-1 > .container,
body.item-276 .acm-statistics.style-1 > .container,
body.item-276 .acm-testimonials.style-2 > .container,
body.item-276 .acm-cta.style-2 > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* D2 [TESTIMONIAL-INNER-GAP-MISSING] — .pen ihzKC gap:20 (flex column).
   Live: display:block / gap:normal. ACM renders a block wrapper; make it flex. */
body.item-276 .acm-testimonials.style-2 .acm-testimonials2-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 20px !important;
}
/* Kill child margins so gap owns vertical spacing */
body.item-276 .acm-testimonials.style-2 .acm-testimonials2-inner > * { margin: 0 !important; }

/* D3 [STAT-ITEM-GAP-MISSING] — .pen Dk9uc/tVJ4b/K3GIN/amULx gap:6 between value and label.
   Live: display:block / gap:normal. Each stat item is a flex-col. */
body.item-276 .acm-statistics.style-1 .acm-statistics-grid > * {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* D5 [HERO-EYEBROW-ICON-COLOR] — .pen ZEDM8 mountain icon fill:#E0A458 (gold).
   Live: SVG stroke=currentColor resolves to white (#FFFFFF).
   Set the icon's color to gold so currentColor → gold. */
body.item-276 .acm-hero-eyebrow svg {
  color: #E0A458 !important;
  stroke: #E0A458 !important;
}

/* Mobile (≤767.98px): same container padding zero-out */
@media (max-width: 767.98px) {
  body.item-276 .acm-features.style-1 > .container,
  body.item-276 .acm-route-steps.style-1 > .container,
  body.item-276 .acm-statistics.style-1 > .container,
  body.item-276 .acm-testimonials.style-2 > .container,
  body.item-276 .acm-cta.style-2 > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* .pen Landing hero (O1S19) has NO search bar (only eyebrow/title/sub/CTAs/trust). The shared acm/hero
   block renders one for Home — hide it on Landing. */
body.item-276 .acm-hero-search,
body.item-276 .acm-hero-search-mobile { display: none !important; }

/* =========================================================================
   13. REVIEW PASS 2 (Wave 5 — 4-axis) — defects vs Wo0Xq/SLECK/qcyVK
   ========================================================================= */

/* D6 [SCRIM-ALPHA] — .pen O1S19 scrim IIFIx fill=#16100BBF (alpha 0.749).
   Token --voy-scrim=#16100BB0 (0.69) is slightly lighter. Pin to .pen on Landing. */
body.item-276 .acm-hero-scrim { background: #16100BBF !important; }

/* D7 [TESTIMONIAL-AVATAR-EXTRA] — .pen ihzKC (desktop) / xp3JZ has NO avatar; the
   attribution is a SINGLE centered muted line "Name · Place, Date" (Inter 15 #8A7E72).
   The shared style-2 block always renders an initials avatar + 2-line meta. Collapse
   to the .pen single-line variant on Landing only. */
body.item-276 .acm-testimonials.style-2 .acm-testimonial-avatar { display: none !important; }
body.item-276 .acm-testimonials.style-2 .acm-testimonial-author {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 0 !important;
}
body.item-276 .acm-testimonials.style-2 .acm-testimonial-meta {
  display: inline !important;
}
body.item-276 .acm-testimonials.style-2 .acm-testimonial-name,
body.item-276 .acm-testimonials.style-2 .acm-testimonial-role {
  display: inline !important;
  letter-spacing: normal !important;
}
/* " · " separator between name and place per .pen Hh3YN */
body.item-276 .acm-testimonials.style-2 .acm-testimonial-name::after {
  content: " · ";
  white-space: pre;
}

/* D8 [CTA-EYEBROW-EXTRA] — .pen S4THPb (CTA card) has NO eyebrow; only title+sub+button.
   Live renders "LIMITED AVAILABILITY". Hide it on Landing. */
body.item-276 .acm-cta.style-2 .acm-cta2-eyebrow { display: none !important; }

/* D9 [STAT-LABEL-LS] — .pen stat label MYFIB/etc has no letter-spacing; live leaks 0.3px. */
body.item-276 .acm-statistics.style-1 .acm-stat-label { letter-spacing: normal !important; }

/* D10 [LEGAL-FOOTER-CRAMPED+TALL] — the legal bar's flex(space-between) sits on .container,
   but its only child is .acm-copyright (~526px), so the text+links cram LEFT instead of
   spanning the 1140 row (text left / links right per .pen znxkd). AND .container's default
   32px vertical padding stacks on the bar's own 28px → bar ~142px tall vs the .pen slim bar.
   Fix: zero the container's vertical padding, and stretch the acm block + its inner to 100%. */
body.item-276 .voy-footer-legal .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.item-276 .voy-footer-legal .acm-copyright { width: 100% !important; }
body.item-276 .voy-footer-legal .voy-legal-inner {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* D11 [LEGAL-MOBILE-PAD-OVERRIDDEN] — the non-media rule (§8) `padding:28px 48px`
   loads AFTER the earlier @media(max-width:767.98px) `padding:20px`, so it won wins at all
   widths and the mobile legal bar kept 28/48 (.pen Ivbmd = pad 20, stacked centered).
   Re-assert mobile values here (last in source order). */
@media (max-width: 767.98px) {
  body.item-276 .voy-footer-legal { padding: 20px !important; }
  body.item-276 .voy-footer-legal .voy-legal-inner {
    flex-direction: column !important;
    gap: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
  }
}

/* =========================================================================
   CONTAINER-BAND RECONCILE (§5.14) — Landing to the canonical 1140/20 band.
   Landing's ACM content sections used a 48px section gutter (`padding: V 48`)
   + a padding-0 container (D1) → content 1180 / gutter 130 @1440, wider and
   ~20px off from the canonical 1140/150 band every other page uses. Make the
   `.container` the SINGLE gutter source (max-width 1180 = 1140+40, 20px inline
   pad → content 1140 @wide, fluid + 20 below the cap) and zero the sections'
   HORIZONTAL padding (padding-inline only — vertical rhythm 80/60/64 preserved).
   Full-bleed backgrounds live on `.ja-acm` and are unaffected; the hero is
   already reconciled by chrome.css (.acm-hero-inner). Last in source order so
   it wins the equal-specificity cascade over the D1 / section-padding rules. */
body.item-276 .ja-acm.voy-section {
  padding-inline: 0 !important;
}
body.item-276 .ja-acm.voy-section > .container {
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-inline: 20px !important;
}