/* =========================================================
   VANCE CEYLON — SEO / ACCESSIBILITY FOUNDATION
   Build: 20261017-seo-1
   Safe layer: no storefront redesign.
========================================================= */

.vance-skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:1000000;
  padding:10px 14px;
  border-radius:7px;
  background:#111;
  color:#fff;
  font:700 13px/1.2 Arial,Helvetica,sans-serif;
  text-decoration:none;
  transform:translateY(-160%);
  transition:transform .16s ease;
}

.vance-skip-link:focus{
  transform:translateY(0);
}

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

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid currentColor;
  outline-offset:3px;
}

#landing:focus{
  outline:none;
}

/* Preserve the exact visual hierarchy after changing secondary H1s to H2s. */
.store-top h2#storeTitle{
  margin:0;
  color:#111!important;
  font-size:clamp(50px,9vw,120px);
  line-height:normal;
  letter-spacing:-.07em;
  text-transform:uppercase;
  font-weight:inherit;
}

#accountModal .vance-account-heading h2,
#loggedInAccount .vance-account-heading h2{
  margin:0!important;
  color:#111!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:500!important;
}

/* Respect the visitor's reduced-motion preference without changing the default design. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}

  .hero-animate,
  .reveal,
  .reveal.visible{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
  }

  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}

@media(max-width:600px){
  #accountModal .vance-account-heading h2,
  #loggedInAccount .vance-account-heading h2{
    font-size:25px!important;
  }
}