/** Shopify CDN: Minification failed

Line 27:0 All "@import" rules must come first

**/
/* ═══════════════════════════════════════════════════════
   KAIZEN — NieR:Automata Edition
   [ DESIGN UNIT: ACTIVE — YORHA AESTHETIC PROTOCOL ]
   ═══════════════════════════════════════════════════════ */

:root {
  --nier-gold: #C9A84C;
  --nier-gold-bright: #E8C56A;
  --nier-gold-dim: rgba(201,168,76,0.25);
  --nier-gold-glow: rgba(201,168,76,0.12);
  --nier-ivory: #E8E0D0;
  --nier-ivory-dim: #A89880;
  --nier-black: #0A0A08;
  --nier-dark: #141412;
  --nier-surface: #1C1A17;
  --nier-border: rgba(201,168,76,0.2);
  --font-heading-family: 'Cinzel', Georgia, serif;
  --font-heading-weight: 600;
}

/* — Google Fonts — */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;900&family=Share+Tech+Mono&display=swap');

/* — Scanline Overlay — */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 3px,
    rgba(0,0,0,0.07) 3px,
    rgba(0,0,0,0.07) 4px
  );
  pointer-events: none;
  z-index: 9999;
}

/* — Typography — */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.card__heading,
.card__heading a,
.product__title {
  font-family: 'Cinzel', var(--font-heading-family), serif !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* — Prices — */
.price,
.price__regular,
.price-item,
.price-item--regular,
.price-item--sale,
.price__sale {
  color: var(--nier-gold) !important;
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 0.08em;
}

.price--on-sale .price-item--sale {
  color: var(--nier-gold-bright) !important;
}

.price--on-sale .price-item--regular {
  color: var(--nier-ivory-dim) !important;
  text-decoration-color: var(--nier-ivory-dim);
}

/* — Buttons — */
.button,
.shopify-payment-button__button {
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 0.75em !important;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.button:focus-visible {
  outline: 2px solid var(--nier-gold);
  outline-offset: 3px;
}

/* — Product Cards — */
.card-wrapper {
  position: relative;
  border-radius: 0 !important;
  transition: transform 0.2s ease;
}

.card {
  border-radius: 0 !important;
  transition: box-shadow 0.2s ease;
}

.card-wrapper:hover .card--standard {
  box-shadow: 0 0 0 1px var(--nier-gold-dim), 0 0 24px var(--nier-gold-glow) !important;
}

/* Corner brackets on hover */
.card-wrapper::before,
.card-wrapper::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 2;
  pointer-events: none;
}
.card-wrapper::before {
  top: 0; left: 0;
  border-top: 1px solid var(--nier-gold);
  border-left: 1px solid var(--nier-gold);
}
.card-wrapper::after {
  bottom: 0; right: 0;
  border-bottom: 1px solid var(--nier-gold);
  border-right: 1px solid var(--nier-gold);
}
.card-wrapper:hover::before,
.card-wrapper:hover::after {
  opacity: 1;
}

/* — Card Info Border — */
.card__information {
  border-top: 1px solid var(--nier-border);
  padding-top: 1rem !important;
}

/* — Navigation — */
.header__menu-item,
.header__menu-item a,
.list-menu__item--link {
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.8em !important;
}

.header__heading-link {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* — Inputs — */
.field__input,
.select__select,
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='search'],
textarea {
  border-radius: 0 !important;
  font-family: 'Share Tech Mono', monospace !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.field__input:focus,
.select__select:focus {
  box-shadow: 0 0 0 2px var(--nier-gold-dim) !important;
}

/* — Badges — */
.badge {
  border-radius: 0 !important;
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.65em !important;
}

/* — Footer — */
.footer__column-header {
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--nier-gold) !important;
}

.footer {
  border-top: 1px solid var(--nier-border);
}

/* — Variant Selectors — */
.swatch-input + .swatch-label,
.variant-pills .pill {
  border-radius: 0 !important;
}

.swatch-input:checked + .swatch-label {
  border-color: var(--nier-gold) !important;
  box-shadow: 0 0 0 1px var(--nier-gold) !important;
}

/* — Scrollbar — */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--nier-black); }
::-webkit-scrollbar-thumb { background: var(--nier-gold-dim); }
::-webkit-scrollbar-thumb:hover { background: var(--nier-gold); }

/* — Text Selection — */
::selection {
  background: rgba(201,168,76,0.3);
  color: var(--nier-ivory);
}

/* — Product Description — */
.product__description,
.product-description {
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.88em !important;
  line-height: 1.85 !important;
  border-left: 2px solid var(--nier-gold-dim);
  padding-left: 1.2rem;
  color: var(--nier-ivory-dim);
}

/* — Links — */
a:not(.button):not(.card__heading-link):hover {
  color: var(--nier-gold);
  transition: color 0.15s ease;
}

/* — Section Titles — */
.collection__title,
.featured-collection .title {
  position: relative;
  padding-bottom: 0.75rem;
}
.collection__title::after,
.featured-collection .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3rem;
  height: 1px;
  background: var(--nier-gold);
}

/* — Pagination — */
.pagination .button {
  border-radius: 0 !important;
}

/* — Cart — */
.cart-drawer__header,
.cart__title {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.08em;
  border-bottom: 1px solid var(--nier-border);
  padding-bottom: 1rem;
}

/* — Quantity Input — */
.quantity__input {
  border-radius: 0 !important;
  font-family: 'Share Tech Mono', monospace !important;
}

/* — Reduced Motion — */
@media (prefers-reduced-motion: reduce) {
  body::after { display: none; }
}
