:root {
  --wni-orange: #ff5c35;
  --wni-ink: #090a09;
  --wni-paper: #f7f5ef;
}

body.wni-shop-suite {
  --ink: var(--wni-ink);
  --paper: #fff;
  --soft: var(--wni-paper);
  --line: #d8d2c8;
  background: #fff;
  color: var(--wni-ink);
}

.wni-shop-suite a:focus-visible,
.wni-shop-suite button:focus-visible,
.wni-shop-suite input:focus-visible,
.wni-shop-suite select:focus-visible,
.wni-shop-suite textarea:focus-visible {
  outline: 3px solid rgba(255, 92, 53, .42) !important;
  outline-offset: 3px;
}

.wni-shop-suite .site-header {
  border-top: 4px solid var(--wni-orange);
  border-bottom: 1px solid #d8d2c8;
  background: rgba(255, 255, 255, .98);
}

.wni-shop-suite .brand,
.wni-shop-suite .brand > strong {
  color: var(--wni-ink) !important;
}

.wni-shop-suite .brand > span,
.wni-shop-suite .shop-footer-wordmark span {
  border-color: var(--wni-orange);
  background: var(--wni-orange);
  color: var(--wni-ink) !important;
}

.wni-shop-suite .desktop-nav a::after,
.wni-shop-suite .header-actions > a::after {
  height: 3px;
  background: var(--wni-orange);
}

.wni-shop-suite .main-site-link {
  border-color: #bdb7ad;
}

.wni-shop-suite .bag-button b,
.wni-shop-suite .support-launcher,
.wni-shop-suite .button,
.wni-shop-suite .product-add-button,
.wni-shop-suite .filters button.active,
.wni-shop-suite .admin-tabs button.active {
  background: var(--wni-ink);
  color: #fff;
}

.wni-shop-suite .button:hover,
.wni-shop-suite .product-add-button:hover:not(:disabled) {
  border-color: var(--wni-orange);
  background: var(--wni-orange);
  color: var(--wni-ink);
}

.wni-shop-suite .catalogue-hero {
  position: relative;
}

.wni-shop-suite .catalogue-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: min(210px, 28vw);
  height: 8px;
  background: var(--wni-orange);
}

.wni-shop-suite .catalogue-hero aside {
  border-top: 8px solid var(--wni-orange);
  background: var(--wni-ink);
}

.wni-shop-suite .catalogue-hero .eyebrow,
.wni-shop-suite .product-purchase-top .eyebrow {
  color: #c9472a;
}

.wni-shop-suite .detail-badge,
.wni-shop-suite .product-badge {
  border-color: var(--wni-ink);
  background: var(--wni-orange);
  color: var(--wni-ink);
}

.wni-shop-suite .feature-split,
.wni-shop-suite .checkout-summary,
.wni-shop-suite .auth-intro,
.wni-shop-suite .catalogue-page-head,
.wni-shop-suite .site-footer {
  background: var(--wni-ink);
}

.wni-shop-suite .auth-intro {
  border-top: 8px solid var(--wni-orange);
}

.wni-shop-suite .auth-tabs button.active {
  background: var(--wni-orange);
  color: var(--wni-ink);
}

.wni-shop-suite .shop-footer-wordmark strong {
  color: #fff !important;
}

.wni-shop-suite .publication-gate,
.wni-shop-suite .v71-lock {
  border-left-color: var(--wni-orange);
  background: #fff0eb;
}

.wni-shop-suite .v71-admin {
  --line: var(--wni-ink);
}

.wni-shop-suite .v71-card.primary,
.wni-shop-suite .v71-head {
  border-top: 6px solid var(--wni-orange);
}

.wni-shop-suite .v71-button.primary,
.wni-shop-suite .v71-tabs button.active {
  border-color: var(--wni-ink);
  background: var(--wni-ink);
  color: #fff;
}

.wni-shop-suite .v71-eyebrow {
  color: #c9472a;
}

.wni-shop-suite .loading-screen span {
  border-top-color: var(--wni-orange);
}

@media (max-width: 650px) {
  .wni-shop-suite .site-header {
    border-top-width: 3px;
  }

  .wni-shop-suite .catalogue-hero::before {
    height: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wni-shop-suite *,
  .wni-shop-suite *::before,
  .wni-shop-suite *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}


.wni-shop-suite .v71-brand {
  display: inline-flex;
  align-items: center;
  gap: .72rem;
  margin: 0 0 1rem;
  color: var(--wni-ink);
  text-decoration: none;
}

.wni-shop-suite .v71-brand img {
  width: 46px;
  height: 46px;
  border: 1px solid var(--wni-ink);
  border-radius: 9px;
  background: #fff;
  object-fit: contain;
}

.wni-shop-suite .v71-brand span {
  display: grid;
  gap: .12rem;
}

.wni-shop-suite .v71-brand strong {
  font-size: 1rem;
  line-height: 1;
}

.wni-shop-suite .v71-brand small {
  color: var(--wni-orange);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

.wni-shop-suite .v71-head .v71-brand {
  margin-bottom: .75rem;
}