@import url("/static/css/variables.css");
@import url("/static/css/base.css");
@import url("/static/css/buttons.css");
@import url("/static/css/header.css");
@import url("/static/css/hero.css");
@import url("/static/css/trust.css");
@import url("/static/css/categories.css");
@import url("/static/css/featured-products.css");
@import url("/static/css/why-us.css");
@import url("/static/css/faq.css");
@import url("/static/css/footer.css");
.skip-link {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 9999;
  padding: 10px 14px;
  color: var(--color-white, #ffffff);
  background-color: var(--color-primary-dark, #115e59);
  border-radius: var(--radius-sm, 6px);
  box-shadow: var(--shadow-md, 0 8px 18px rgb(0 0 0 / 12%));
  transform: translateY(-160%);
  transition: transform var(--transition-fast, 0.2s ease);
}

.skip-link:focus {
  transform: translateY(0);
  outline: 3px solid var(--color-primary-light, #99f6e4);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .skip-link {
    transition: none;
  }
}