/* Two CTA roles shared across the site. The main scope takes precedence
   over the legacy section styles, including their important declarations. */
body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main [data-home-cta]{
  --cta-accent:#0e7678;
  --cta-on-accent:#f7f3ed;
  --cta-background:#f5f3eb;
  --cta-foreground:#123f43;
  --cta-border:#f5f3eb;
  --cta-arrow-background:rgba(18,63,67,.1);
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:fit-content!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  height:auto!important;
  padding:8px 10px 8px 20px!important;
  border:1px solid var(--cta-border)!important;
  border-radius:var(--stasis-button-radius,999px)!important;
  color:var(--cta-foreground)!important;
  background:var(--cta-background)!important;
  box-shadow:none!important;
  filter:none!important;
  font-family:var(--stasis-sf)!important;
  font-size:16px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:normal!important;
  text-align:left!important;
  text-transform:none!important;
  text-decoration:none!important;
  text-shadow:none!important;
  white-space:normal!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:background-color .3s ease,color .3s ease,border-color .3s ease,scale .28s cubic-bezier(.22,1,.36,1),translate .3s cubic-bezier(.22,1,.36,1)!important;
}

/* The filled action uses a dark surface on the light ordering section. */
body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main .stasis-order-journey-cta[data-home-cta]{
  --cta-background:#123f43;
  --cta-foreground:#f5f3eb;
  --cta-border:#123f43;
  --cta-arrow-background:rgba(255,255,255,.12);
  width:min(100%,320px)!important;
}

body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main [data-home-cta="secondary"]{
  --cta-background:transparent;
  --cta-foreground:#b8e6e2;
  --cta-border:rgba(100,198,198,.55);
  --cta-arrow-background:rgba(100,198,198,.1);
}

/* Learn keeps its turquoise primary surface and shares the same interactions. */
body.journal-page.coastal-luxury #main [data-home-cta="primary"]{
  --cta-background:#78d0ce;
  --cta-foreground:#071011;
  --cta-border:#78d0ce;
}
@media(max-width:600px){
  body.journal-page.coastal-luxury #main .stasis-editorial-hero-copy [data-home-cta]{
    width:100%!important;
  }
}

/* One decorative arrow replaces the section-specific circles and chevrons. */
body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main [data-home-cta]::before{
  content:none!important;
  display:none!important;
}
body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main [data-home-cta]::after{
  content:"→" / ""!important;
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  color:inherit!important;
  background:var(--cta-arrow-background)!important;
  box-shadow:none!important;
  font-family:var(--stasis-sf)!important;
  font-size:22px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
}

@media(hover:hover){
  /* Match the selected Choose pill without brightening or adding a glow. */
  body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main [data-home-cta="primary"]:hover,
  body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main .stasis-carousel-card:hover [data-home-cta="primary"]{
    --cta-arrow-background:rgba(255,255,255,.12);
    background:var(--cta-accent)!important;
    color:var(--cta-on-accent)!important;
    border-color:var(--cta-accent)!important;
  }
  body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main [data-home-cta="secondary"]:hover{
    background:rgba(14,118,120,.18)!important;
    border-color:var(--cta-accent)!important;
    color:#e3f7f5!important;
  }
}
body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main [data-home-cta]:focus-visible{
  outline:3px solid #75d4d2!important;
  outline-offset:4px!important;
}
body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main .stasis-order-journey-cta:focus-visible{
  outline-color:#087679!important;
}
@media(prefers-reduced-motion:reduce){
  body:is(.home-page,.manifesto-page,.cart-page,.journal-page).coastal-luxury #main [data-home-cta]{transition:none!important}
}