/* Aether Systems storefront layer. */
:root {
  --aether-line: rgba(255,255,255,.085);
  --aether-panel: rgba(255,255,255,.035);
}

html { background: #0a0a0b; }
body.sa-tpl-shop, body.sa-tpl-products, body.sa-tpl-product, body.sa-tpl-cart {
  background: #0a0a0b;
  color: #e4e4e7;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 56px 56px;
  background-position: center top;
}
.sa-header { z-index: 20; }
.sa-navbar--floating-pill { padding-top: 14px; }
.sa-navbar--floating-pill > div > div { border-color: var(--aether-line); background: rgba(12,12,15,.78); box-shadow: 0 18px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06); }
.sa-navbar-logo img { max-height: 32px; filter: grayscale(1) brightness(1.8); }
.sa-navbar-logo span { letter-spacing: -.03em; }
.sa-navbar-link { font-size: 12px; letter-spacing: .01em; }
.sa-navbar-cart { border: 1px solid var(--aether-line); }
.sa-navbar-cart:hover { border-color: rgba(165,180,252,.5); }

.sa-hero { min-height: 620px; display: flex; align-items: center; }
.sa-hero::before { content: ""; position: absolute; width: 620px; height: 620px; left: -180px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(99,102,241,.2), transparent 68%); filter: blur(22px); pointer-events: none; }
.sa-hero--product-spotlight > .wrap { width: 100%; }
.sa-hero--product-spotlight .sa-hero-title { max-width: 680px; font-size: clamp(2.9rem, 7vw, 5.9rem); line-height: .98; letter-spacing: -.065em; }
.sa-hero--product-spotlight .sa-hero-subtitle { max-width: 570px; line-height: 1.7; font-size: 16px; }
.sa-hero-eyebrow { border-color: var(--aether-line); background: rgba(255,255,255,.035); color: #a1a1aa; font: 500 10px/1 'JetBrains Mono', monospace; letter-spacing: .16em; text-transform: uppercase; }
.sa-hero-eyebrow span:first-child { background: #6366f1; color: white; }
.sa-hero-actions .sa-btn { min-height: 46px; padding-inline: 20px; }
.sa-hero-actions .sa-btn--primary { background: #f4f4f5; color: #0a0a0b; box-shadow: 0 12px 30px rgba(0,0,0,.2); }
.sa-hero-actions .sa-btn--secondary { border-color: var(--aether-line); background: rgba(255,255,255,.025); }
.sa-hero .sa-product-card { transform: rotate(1deg); transition: transform .35s cubic-bezier(.16,1,.3,1), border-color .25s ease; }
.sa-hero .sa-product-card:hover { transform: rotate(0) translateY(-5px); border-color: rgba(165,180,252,.5); }
.sa-hero .sa-product-card::before { content: "SYX / CORE"; display: block; position: absolute; z-index: 2; top: 12px; left: 16px; color: #a5b4fc; font: 500 10px/1 'JetBrains Mono', monospace; letter-spacing: .14em; }

.sa-products { position: relative; }
.sa-section-header { margin-bottom: 30px; }
.sa-section-header::before { content: "/ PRODUCT SYSTEM"; display: block; color: #818cf8; font: 500 10px/1 'JetBrains Mono', monospace; letter-spacing: .18em; margin-bottom: 10px; }
.sa-section-title { letter-spacing: -.045em; }
.sa-section-subtitle { max-width: 520px; }
.sa-product-card { border-color: var(--aether-line); background: linear-gradient(150deg, rgba(255,255,255,.07), rgba(255,255,255,.018) 55%); box-shadow: 0 18px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05); }
.sa-product-card:hover { border-color: rgba(165,180,252,.42); box-shadow: 0 24px 65px rgba(0,0,0,.28), 0 0 32px rgba(99,102,241,.1); }
.sa-product-card-media { background: radial-gradient(circle at 50% 45%, rgba(129,140,248,.28), transparent 48%), #101014; }
.sa-product-card-title { letter-spacing: -.025em; }
.sa-product-card-price { font-family: 'JetBrains Mono', monospace; }
.sa-product-card-stock .text-success { color: #34d399; }
.sa-trust-badges--split { padding-block: 24px; }
.sa-trust-badges--split > .wrap > div { padding: 18px 22px; background: linear-gradient(110deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); box-shadow: 0 16px 45px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05); }
.sa-trust-badges-title { font-size: 13px; letter-spacing: -.01em; }
.sa-trust-badges-title::after { content: "Protected by SellAuth"; display: block; margin-top: 3px; padding-left: 26px; color: #71717a; font-size: 11px; font-weight: 400; }
.sa-payment-method { min-height: 32px; white-space: nowrap; transition: border-color .2s ease, background-color .2s ease, transform .2s ease; }
.sa-payment-method:hover { border-color: rgba(165,180,252,.35); background: rgba(129,140,248,.08); transform: translateY(-1px); }
.sa-product-gallery--empty { position: relative; min-height: 390px; overflow: hidden; background: radial-gradient(circle at 50% 42%, rgba(99,102,241,.2), transparent 45%), linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.012)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.sa-product-gallery--empty::before { content: ""; position: absolute; width: 190px; height: 190px; border: 1px dashed rgba(165,180,252,.25); border-radius: 50%; animation: aether-spin 14s linear infinite; }
.sa-product-gallery--empty > * { position: relative; z-index: 1; }

.sa-features, .sa-steps, .sa-faq { position: relative; }
.sa-features .sa-section-header::before { content: "/ OPERATING PRINCIPLES"; }
.sa-features-item, .sa-steps-item, .sa-faq-item { border-color: var(--aether-line); background: var(--aether-panel); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.sa-features-item:hover { border-color: rgba(165,180,252,.38); transform: translateY(-3px); }
.sa-features-icon { color: #a5b4fc; }
.sa-faq .sa-section-header::before { content: "/ KNOW BEFORE YOU BUY"; }

.sa-cart-panel { background: linear-gradient(180deg, #141416, #0a0a0b 76%); border-color: var(--aether-line); box-shadow: -24px 0 80px rgba(0,0,0,.42); }
.sa-cart-panel::before { content: "/ SECURE ORDER"; display: block; position: absolute; top: 20px; left: 20px; color: #818cf8; font: 500 10px/1 'JetBrains Mono', monospace; letter-spacing: .16em; }
.sa-cart-panel > div:first-of-type { padding-top: 42px; background: rgba(255,255,255,.025); }
.sa-cart-item { background: linear-gradient(120deg, rgba(255,255,255,.065), rgba(255,255,255,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.sa-cart-panel button[class*="bg-accent"] { min-height: 48px; background: linear-gradient(100deg, #6366f1, #7c3aed); box-shadow: 0 12px 28px rgba(99,102,241,.25); }
.sa-checkout-notice { box-shadow: inset 0 1px 0 rgba(165,180,252,.08); }
.sa-support-link { text-decoration: underline; text-underline-offset: 3px; }
.sa-loader-orbit { position: relative; width: 64px; height: 64px; margin-inline: auto; border: 1px solid rgba(129,140,248,.25); border-radius: 50%; background: radial-gradient(circle, rgba(99,102,241,.2), transparent 68%); box-shadow: 0 0 40px rgba(99,102,241,.18); animation: aether-pulse 2s ease-in-out infinite; }
.sa-loader-orbit::before, .sa-loader-orbit::after { content: ""; position: absolute; inset: 9px; border: 1px dashed rgba(165,180,252,.45); border-radius: 50%; }
.sa-loader-orbit::after { inset: 19px; border-style: solid; border-color: rgba(168,85,247,.5) transparent; animation: aether-spin 1.4s linear infinite; }
.sa-loader-orbit span { position: absolute; width: 8px; height: 8px; top: 4px; left: 28px; border-radius: 50%; background: #a5b4fc; box-shadow: 0 0 14px #818cf8; }
.sa-loader-orbit i { position: absolute; width: 5px; height: 5px; right: 10px; bottom: 12px; border-radius: 50%; background: #c4b5fd; }
@keyframes aether-spin { to { transform: rotate(360deg); } }
@keyframes aether-pulse { 0%,100% { transform: scale(.98); opacity: .82; } 50% { transform: scale(1.04); opacity: 1; } }

.sa-footer { background: rgba(255,255,255,.018); }
.sa-footer-support { background: linear-gradient(100deg, rgba(99,102,241,.12), rgba(168,85,247,.045)); }
.sa-footer-support-icon { box-shadow: 0 0 24px rgba(99,102,241,.16); }
.sa-footer-support-link { box-shadow: 0 10px 24px rgba(99,102,241,.2); }
.sa-footer-link:hover { color: #a5b4fc; }

@media (max-width: 1023px) {
  .sa-hero { min-height: auto; }
  .sa-hero--product-spotlight .sa-hero-title { font-size: clamp(2.8rem, 8vw, 4.4rem); }
}
@media (max-width: 639px) {
  body.sa-tpl-shop { background-size: 38px 38px; }
  .sa-navbar--floating-pill { padding-inline: 10px; }
  .sa-hero--product-spotlight .sa-hero-title { font-size: clamp(2.7rem, 14vw, 4rem); }
  .sa-hero .sa-product-card { transform: none; margin-top: 8px; }
  .sa-trust-badges--split > .wrap > div { align-items: flex-start; }
  .sa-trust-badges--split .sa-trust-badges-items { justify-content: flex-start; width: 100%; }
  .sa-payment-method-label { display: none; }
  .sa-payment-method { padding: 7px 9px; }
  .sa-product-gallery--empty { min-height: 270px; }
}
@media (prefers-reduced-motion: reduce) {
  .sa-hero .sa-product-card, .sa-features-item { transition: none; }
  .sa-hero .sa-product-card:hover, .sa-features-item:hover { transform: none; }
  .sa-loader-orbit, .sa-loader-orbit::after { animation: none; }
  .sa-product-gallery--empty::before { animation: none; }
}