/* ══════════════════════════════════════════════════════════════
   adaki — NEO BRUTALISM skin (Gumroad-style)
   Loaded AFTER css/intro.css. Same palette, new language:
   flat fills · thick outlines · hard offset shadows · square corners
   ══════════════════════════════════════════════════════════════ */

@supports (color: color-mix(in srgb, red, blue)) { /* feature probe only */ }

/* ══ TOKENS ═══════════════════════════════════════════════════ */
:root {
  /* ink = outline color · sh = hard shadow on neutral surfaces
     sh-alt = hard shadow used on accent-filled surfaces */
  --ink:        #f4f4f8;
  --sh:         #ff0042;
  --sh-alt:     #f4f4f8;

  --bw:         3px;    /* cards, panels, big buttons */
  --bw-s:       2px;    /* chips, inputs, small controls */

  /* kill every soft glow inherited from the old skin */
  --accent-glow: transparent;
  /* flatten every gradient fill (var(--grad) is used all over intro.css) */
  --grad:       var(--accent);

  --radius:     0px;
  --radius-lg:  0px;

  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
}

:root[data-theme="light"] {
  --ink:        #14101a;
  --sh:         #14101a;
  --sh-alt:     #14101a;
  --accent-glow: transparent;
  --grad:       var(--accent);
}

/* ══ BASE ═════════════════════════════════════════════════════ */
body { font-weight: 500; }

h1, h2, h3, h4,
.hero-title, .section-title, .modal-title, .plan-name, .plan-price,
.cta-title, .auth-title, .ui-title, .orders-h, .order-name,
.cart-head h3, .co-orderno, .track-ono, .pf-num, .footer-col-h {
  font-family: var(--font-display);
  letter-spacing: -0.015em;
}

.section-label, .plan-badge, .hero-badge, .pz-title, .mm-lbl,
.footer-pay-label, .rig-desc h4, .o-block h4, .track-pill,
.order-status, .pay-chip, .contact-card .label, .co-orderlabel {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* no soft edges anywhere by default */
.grad-text {
  -webkit-text-fill-color: var(--text);
  color: var(--text);
  background: none;
}

/* ══ NAV ══════════════════════════════════════════════════════ */
.nav {
  background: var(--bg);
  backdrop-filter: none;
  border-bottom: var(--bw) solid var(--ink);
  padding: 10px 26px;
}
:root[data-theme="light"] .nav { background: var(--bg); border-bottom-color: var(--ink); }

.nav-brand { font-family: var(--font-display); font-weight: 700; }
.nav-brand .dot { border-radius: 0; background: var(--accent); border: var(--bw-s) solid var(--ink); box-shadow: 3px 3px 0 var(--sh-alt); }

.nav-links a {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--text);
  padding: 4px 2px;
  border-bottom: var(--bw-s) solid transparent;
}
.nav-links a:hover { color: var(--accent); border-bottom-color: var(--accent); }

/* every small pill-ish nav control becomes a hard-edged tile */
.locale-btn, .cart-btn, .theme-btn, .nav-burger, .lang-toggle, .cur-toggle {
  border-radius: 0;
  border: var(--bw-s) solid var(--ink);
  background: var(--bg2);
  box-shadow: 3px 3px 0 var(--sh);
  transition: transform .1s, box-shadow .1s, background .12s, color .12s;
}
.locale-btn:hover, .cart-btn:hover, .theme-btn:hover, .nav-burger:hover {
  border-color: var(--ink);
  transform: translate(-1px, -1px);
  box-shadow: 4px 4px 0 var(--sh);
  background: var(--accent);
  color: #fff;
}
.locale-btn:active, .cart-btn:active, .theme-btn:active, .nav-burger:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 var(--sh);
}
.locale-btn:hover > i:first-child, .locale-btn:hover .caret { color: #fff; }
.cart-btn, .theme-btn, .nav-burger { width: 40px; height: 40px; }
.locale-btn { font-family: var(--font-display); font-weight: 700; }

.cart-badge {
  border-radius: 0;
  border: var(--bw-s) solid var(--ink);
  box-shadow: none;
  top: -8px; right: -8px;
  font-family: var(--font-display);
}
.lang-btn { font-family: var(--font-display); border-radius: 0; }
.cur-btn  { font-family: var(--font-display); border-radius: 0; }

.locale-menu {
  border-radius: 0;
  border: var(--bw) solid var(--ink);
  background: var(--bg2);
  box-shadow: 6px 6px 0 var(--sh);
  padding: 6px;
}
.locale-menu button { border-radius: 0; font-family: var(--font-display); }
.locale-menu button:hover { background: var(--ink); color: var(--bg); }
.locale-menu button.on { background: var(--accent); color: #fff; }

/* ══ BUTTONS ══════════════════════════════════════════════════ */
.btn-primary,
.plan.selected .plan-cta,
.order-submit, .auth-btn, .cart-checkout, .track-btn,
.rig-get, .ui-btn-primary, .cta-neon, .o-link.watch, .promo-bar-cta {
  background: var(--accent);
  color: #fff;
  border: var(--bw) solid var(--ink);
  border-radius: 0;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 5px 5px 0 var(--sh-alt);
  transition: transform .1s ease, box-shadow .1s ease, background .15s;
}
.btn-primary:hover,
.plan.selected .plan-cta:hover,
.order-submit:hover, .auth-btn:hover, .cart-checkout:hover, .track-btn:hover,
.rig-get:hover, .ui-btn-primary:hover, .cta-neon:hover, .o-link.watch:hover, .promo-bar-cta:hover {
  transform: translate(-2px, -2px);
  box-shadow: 8px 8px 0 var(--sh-alt);
  background: var(--accent);
  color: #fff;
  text-decoration: none;
}
.btn-primary:active,
.plan.selected .plan-cta:active,
.order-submit:active, .auth-btn:active, .cart-checkout:active, .track-btn:active,
.rig-get:active, .ui-btn-primary:active, .cta-neon:active {
  transform: translate(3px, 3px);
  box-shadow: 1px 1px 0 var(--sh-alt);
}

.btn-secondary,
.plan-cta, .order-cancel, .ui-btn-ghost, .coupon-apply, .co-copy,
.profile-logout, .o-act, .footer-help-btn, .theme-btn-m, .cart-item-rm, .track-link {
  background: var(--bg2);
  color: var(--text);
  border: var(--bw-s) solid var(--ink);
  border-radius: 0;
  font-family: var(--font-display);
  font-weight: 700;
  box-shadow: 4px 4px 0 var(--sh);
  transition: transform .1s ease, box-shadow .1s ease, background .15s, color .15s;
}
.btn-secondary:hover,
.plan-cta:hover, .order-cancel:hover, .ui-btn-ghost:hover, .coupon-apply:hover, .co-copy:hover,
.profile-logout:hover, .o-act:hover, .footer-help-btn:hover, .theme-btn-m:hover,
.cart-item-rm:hover, .track-link:hover {
  background: var(--accent);
  color: #fff;
  border-color: var(--ink);
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--sh);
  text-decoration: none;
}
.footer-help-btn:hover, .footer-help-btn:hover i,
.o-act:hover, .theme-btn-m:hover { color: #fff !important; }
.btn-secondary:active,
.plan-cta:active, .order-cancel:active, .ui-btn-ghost:active,
.profile-logout:active, .o-act:active, .theme-btn-m:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 var(--sh);
}
.btn-primary, .btn-secondary { padding: 14px 26px; font-size: 15px; }

/* press bounce → brutalist stamp */
@keyframes btnPop { 0% { scale: 1; } 40% { scale: .96; } 100% { scale: 1; } }

/* ══ HERO ═════════════════════════════════════════════════════ */
.hero { padding: 150px 24px 90px; min-height: auto; border-bottom: var(--bw) solid var(--ink); }
.hero::before { display: none; }               /* radial glow → gone */
.hero::after  { opacity: .10; }                /* keep the brand texture, quieter */

.hero-badge {
  background: var(--accent);
  color: #fff;
  border: var(--bw-s) solid var(--ink);
  border-radius: 0;
  box-shadow: 4px 4px 0 var(--sh-alt);
  padding: 8px 16px;
  rotate: -2deg;              /* independent prop — survives the fade-up keyframes */
  font-family: var(--font-display);
  font-weight: 700;
}
.hero-title {
  font-weight: 700;
  letter-spacing: -0.035em;
  text-shadow: 6px 6px 0 var(--accent);
}
:root[data-theme="light"] .hero-title { text-shadow: 6px 6px 0 var(--accent); }
.hero-sub { color: var(--text-dim); font-weight: 500; }
.hero-note {
  display: inline-block;
  border: var(--bw-s) solid var(--ink);
  background: var(--bg2);
  box-shadow: 4px 4px 0 var(--sh);
  padding: 8px 16px;
  color: var(--text);
  font-weight: 600;
}

/* ══ SECTIONS ═════════════════════════════════════════════════ */
.section-label {
  display: inline-block;
  background: var(--accent);
  color: #fff;
  border: var(--bw-s) solid var(--ink);
  box-shadow: 3px 3px 0 var(--sh-alt);
  padding: 5px 13px;
  margin-bottom: 16px;
}
.section-title { font-weight: 700; }
.gallery-bg { background: none; }
.pricing-bg {
  background: var(--bg2);
  border-top: var(--bw) solid var(--ink);
  border-bottom: var(--bw) solid var(--ink);
}

/* ══ GALLERY ══════════════════════════════════════════════════ */
.intro-card {
  border-radius: 0;
  border: var(--bw) solid var(--ink);
  box-shadow: 6px 6px 0 var(--sh);
  transition: transform .12s ease, box-shadow .12s ease;
}
.intro-card:hover {
  transform: translate(-3px, -3px);
  border-color: var(--ink);
  box-shadow: 10px 10px 0 var(--sh);
}
.intro-card:hover img { transform: none; }
.intro-card .tag {
  border-radius: 0;
  background: var(--bg);
  color: var(--text);
  border: var(--bw-s) solid var(--ink);
  backdrop-filter: none;
  font-family: var(--font-display);
}
.intro-card .play {
  border-radius: 0;
  background: var(--accent);
  border: var(--bw-s) solid var(--ink);
  box-shadow: 3px 3px 0 var(--sh-alt);
  backdrop-filter: none;
}
.lightbox { background: rgba(4,4,8,.88); backdrop-filter: none; }
:root[data-theme="light"] .lightbox { background: rgba(20,16,26,.72); }
.lightbox img { border-radius: 0; border: var(--bw) solid var(--ink); box-shadow: 10px 10px 0 var(--accent); }
.lightbox-close {
  border-radius: 0; width: 44px; height: 44px;
  background: var(--accent); color: #fff;
  border: var(--bw) solid var(--ink); box-shadow: 4px 4px 0 var(--sh-alt);
}

/* ══ PRICING ══════════════════════════════════════════════════ */
.plan {
  background: var(--bg3);
  border: var(--bw) solid var(--ink);
  border-radius: 0;
  box-shadow: 7px 7px 0 var(--sh);
  transition: transform .12s ease, box-shadow .12s ease, background .15s;
}
.plan:hover { transform: translate(-3px, -3px); border-color: var(--ink); box-shadow: 11px 11px 0 var(--sh); }
.plan.selected {
  background: var(--bg3);
  border-color: var(--accent);
  transform: translate(-3px, -3px);
  box-shadow: 11px 11px 0 var(--accent);
}
.plan.selected::before { display: none; }
.plan.selected::after {
  border-radius: 0;
  background: var(--accent);
  border: var(--bw-s) solid var(--ink);
  box-shadow: none;
  width: 26px; height: 26px;
  top: 12px; right: 12px;
}
.plan-badge {
  border-radius: 0;
  background: var(--accent);
  color: #fff;
  border: var(--bw-s) solid var(--ink);
  box-shadow: 3px 3px 0 var(--sh-alt);
  padding: 6px 14px;
  top: -15px;
  transform: translateX(-50%) rotate(-2deg);
}
.plan[data-plan-key="priority"] .plan-badge { background: #8b5cf6; box-shadow: 3px 3px 0 var(--sh-alt); }
.plan-ic {
  border-radius: 0;
  border: var(--bw-s) solid var(--ink);
  box-shadow: 3px 3px 0 var(--sh);
}
.plan.selected .plan-ic { box-shadow: 3px 3px 0 var(--sh); }
.plan-name { font-weight: 700; font-size: 22px; }
.plan-price { font-weight: 700; }
.plan-divider { height: var(--bw-s); background: var(--ink); opacity: .55; }
.plan-features li { color: var(--text); }
.plan-features li.no { color: var(--text-muted); }
.plan-cta { padding: 13px; }

/* ══ CARDS: choose / info / reviews / contact ═════════════════ */
.choose-card, .info-card, .review-item, .contact-card, .rig-card,
.pf-stat, .order-card, .review-card, .footer-track, .track-item,
.co-item-form, .o-block, .legal .intro-lead, .acct-empty, .co-mode, .co-guest-proof {
  background: var(--bg3);
  border: var(--bw-s) solid var(--ink);
  border-radius: 0;
  box-shadow: 5px 5px 0 var(--sh);
}
.choose-card:hover, .review-item:hover, .contact-card:hover, .rig-card:hover, .co-mode:hover {
  transform: translate(-3px, -3px);
  border-color: var(--ink);
  box-shadow: 9px 9px 0 var(--sh);
}
.choose-card { transition: transform .12s ease, box-shadow .12s ease; }
.choose-card .emoji {
  display: inline-flex; align-items: center; justify-content: center;
  width: 60px; height: 60px; margin: 0 auto 14px;
  border: var(--bw-s) solid var(--ink); background: var(--accent-dim);
  box-shadow: 3px 3px 0 var(--sh);
}
.info-card.warn { background: var(--bg3); border-color: var(--red); box-shadow: 5px 5px 0 var(--red); }
.co-mode-primary { background: var(--accent); border-color: var(--ink); }
.review-item .rv-video { border-radius: 0; border: var(--bw-s) solid var(--ink); }
.review-item .rv-stars .off { color: var(--text-muted); }
.stars-pick span { color: var(--text-muted); }

/* ══ FAQ ══════════════════════════════════════════════════════ */
.faq-list { border: var(--bw) solid var(--ink); box-shadow: 7px 7px 0 var(--sh); background: var(--bg2); }
.faq-item { border-bottom: var(--bw-s) solid var(--ink); }
.faq-item:last-child { border-bottom: none; }
.faq-q { padding: 20px 22px; font-family: var(--font-display); font-weight: 600; font-size: 15.5px; }
.faq-q:hover { background: var(--accent-dim); }
.faq-q.open { background: var(--accent); color: #fff; }
.faq-q.open::after { color: #fff; }
.faq-a { padding: 16px 22px 20px; color: var(--text); }

/* ══ FINAL CTA ════════════════════════════════════════════════ */
.cta-band .cta-inner, .cta-neo {
  background: var(--bg3);
  border: var(--bw) solid var(--ink);
  border-radius: 0;
  box-shadow: 10px 10px 0 var(--accent);
}
.cta-neo::after { display: none; }   /* animated conic border → gone */
.cta-neo::before { opacity: .08; }
.cta-neo .cta-title { font-weight: 700; }
.cta-pill {
  border-radius: 0;
  background: var(--bg2);
  border: var(--bw-s) solid var(--ink);
  box-shadow: 3px 3px 0 var(--sh);
  color: var(--text);
  font-family: var(--font-display);
  font-weight: 600;
}
.cta-neon { border-radius: 0; padding: 16px 36px; }
.cta-ghost { font-family: var(--font-display); }
.cta-ghost .play { border-radius: 0; border: var(--bw-s) solid var(--accent); }
.cta-spark { display: none; }

/* ══ LEGAL / CONTACT ══════════════════════════════════════════ */
.legal h1 { font-family: var(--font-display); font-weight: 700; }
.legal h2 {
  font-family: var(--font-display); font-weight: 700;
  border-top: var(--bw-s) solid var(--ink);
}
.legal .intro-lead { padding: 20px 22px; }
.contact-card { transition: transform .12s ease, box-shadow .12s ease; }
.contact-card .value { font-family: var(--font-display); }

/* ══ FOOTER ═══════════════════════════════════════════════════ */
footer { background: var(--bg2); border-top: var(--bw) solid var(--ink); }
.footer-hero .fh-line { height: var(--bw-s); background: var(--ink); opacity: .5; }
.footer-col-h { font-family: var(--font-display); font-weight: 700; }
.footer-col a:hover { text-decoration: underline; text-underline-offset: 3px; }
.footer-help-btn { padding: 10px 16px; }
.footer-bottom { border-top: var(--bw-s) solid var(--ink); }
.footer-track { padding: 24px 26px; }
.pay-logo { border-radius: 0; border: var(--bw-s) solid var(--ink); box-shadow: 3px 3px 0 var(--sh); }
.footer-links a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ══ FORMS / INPUTS ═══════════════════════════════════════════ */
.ord-field input, .ord-field textarea, .auth-field input, .ui-input,
.coupon-input, .track-input, .otp-inputs input {
  border-radius: 0;
  border: var(--bw-s) solid var(--ink);
  background: var(--bg2);
  font-weight: 600;
  transition: box-shadow .12s, border-color .12s;
}
.ord-field input:focus, .ord-field textarea:focus, .auth-field input:focus,
.ui-input:focus, .coupon-input:focus, .track-input:focus, .otp-inputs input:focus {
  border-color: var(--accent);
  box-shadow: 4px 4px 0 var(--accent);
  outline: none;
}
.ord-field label, .auth-field label { font-family: var(--font-display); color: var(--text); }
.otp-inputs input { font-family: var(--font-display); }
.remember-box { border-radius: 0; border: var(--bw-s) solid var(--ink); }
.remember-row input:checked + .remember-box { background: var(--accent); border-color: var(--ink); }
.pw-bars span { border-radius: 0; border: 1px solid var(--ink); height: 7px; }
.coupon-input { text-transform: uppercase; }

/* ══ MODALS / DIALOGS / TOASTS ════════════════════════════════ */
.modal, .ui-overlay { backdrop-filter: none; background: rgba(4,4,8,.72); }
:root[data-theme="light"] .modal, :root[data-theme="light"] .ui-overlay { background: rgba(20,16,26,.55); }
.modal-card, .ui-box, .auth-card {
  border-radius: 0;
  border: var(--bw) solid var(--ink);
  background: var(--bg2);
  box-shadow: 10px 10px 0 var(--accent);
}
.modal-close, .cart-x {
  border-radius: 0;
  background: var(--accent); color: #fff;
  border: var(--bw-s) solid var(--ink);
  box-shadow: 3px 3px 0 var(--sh-alt);
  transition: transform .1s, box-shadow .1s;
}
.modal-close:hover, .cart-x:hover { transform: translate(-1px,-1px); box-shadow: 4px 4px 0 var(--sh-alt); }
.modal-close:active, .cart-x:active { transform: translate(2px,2px); box-shadow: 0 0 0 var(--sh-alt); }
.modal-title, .ui-title { font-weight: 700; }
.ui-btn { border-radius: 0; font-family: var(--font-display); }
.ui-toast {
  border-radius: 0;
  background: var(--bg2);
  border: var(--bw) solid var(--ink);
  box-shadow: 5px 5px 0 var(--accent);
  font-family: var(--font-display);
}
.ui-check-c, .ui-check-k { stroke: var(--accent); }
.ui-success .ui-check { filter: none; }
@keyframes modalPop { from { opacity: 0; translate: 0 20px; } to { opacity: 1; translate: 0 0; } }

/* ══ CART DRAWER ══════════════════════════════════════════════ */
.cart-backdrop { backdrop-filter: none; background: rgba(4,4,8,.6); }
:root[data-theme="light"] .cart-backdrop { background: rgba(20,16,26,.45); }
.cart-drawer {
  background: var(--bg2);
  border-left: var(--bw) solid var(--ink);
  box-shadow: none;
}
.cart-head { border-bottom: var(--bw) solid var(--ink); }
.cart-head h3 { font-weight: 700; }
.cart-item { border-bottom: var(--bw-s) solid var(--ink); }
.cart-item-plan { font-family: var(--font-display); }
.cart-item-rm { width: 32px; height: 32px; box-shadow: 2px 2px 0 var(--sh); }
.cart-foot { border-top: var(--bw) solid var(--ink); }
.cart-total-val { font-family: var(--font-display); font-weight: 700; }
.cart-checkout { padding: 14px; }
.coupon-applied {
  border-radius: 0;
  border: var(--bw-s) solid var(--green);
  background: var(--bg3);
  box-shadow: 3px 3px 0 var(--green);
}

/* ══ CHECKOUT WIZARD ══════════════════════════════════════════ */
.co-prog-step { font-family: var(--font-display); }
.co-prog-step b { border-radius: 0; border: var(--bw-s) solid var(--ink); background: var(--bg2); }
.co-prog-step.on b { background: var(--accent); color: #fff; border-color: var(--ink); }
.co-prog-line { height: var(--bw-s); background: var(--ink); border-radius: 0; opacity: .55; }
.co-orderbox {
  border-radius: 0;
  border: var(--bw) dashed var(--accent);
  background: var(--bg3);
}
.co-orderno { font-weight: 700; }
.co-copy { padding: 7px 13px; box-shadow: 3px 3px 0 var(--sh); }
.co-check { border-radius: 0; background: var(--green); border: var(--bw-s) solid var(--ink); box-shadow: 4px 4px 0 var(--sh-alt); color: #06210f; }
.modal.co-free .co-check { background: #8b5cf6; box-shadow: 4px 4px 0 var(--sh-alt); }
.co-steps li b { border-radius: 0; border: 1px solid var(--ink); background: var(--bg3); }
.co-totalrow { border-top: var(--bw-s) solid var(--ink); border-bottom: var(--bw-s) solid var(--ink); }
.co-total-val { font-family: var(--font-display); font-weight: 700; }
.co-or::before, .co-or::after, .pay-or::before, .pay-or::after { height: var(--bw-s); background: var(--ink); opacity: .55; }
.co-item-form { padding: 16px 16px 4px; }
.co-item-price { font-family: var(--font-display); }
.co-back-btn { font-family: var(--font-display); }
.co-free-btn { background: #8b5cf6; }
.co-free-btn:hover { background: #8b5cf6; }

/* payment buttons keep their brand colors, gain the brutalist frame */
.co-pay, .pay-btn, .o-link, .rig-get {
  border-radius: 0;
  border: var(--bw) solid var(--ink);
  box-shadow: 5px 5px 0 var(--sh-alt);
  font-family: var(--font-display);
  transition: transform .1s ease, box-shadow .1s ease, background .15s;
}
.co-pay:hover, .pay-btn:hover, .o-link:hover {
  transform: translate(-2px, -2px);
  box-shadow: 8px 8px 0 var(--sh-alt);
  text-decoration: none;
}
.co-pay:active, .pay-btn:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--sh-alt); }
.co-pay.co-pay-alt, .pay-pp.alt { background: var(--bg2); border-color: var(--ink); box-shadow: 5px 5px 0 var(--sh); }
.co-pay.co-pay-alt:hover, .pay-pp.alt:hover { background: var(--bg2); box-shadow: 8px 8px 0 var(--sh); }
.o-link.dl { background: var(--bg2); border-color: var(--ink); box-shadow: 4px 4px 0 var(--green); }
.pz-drop {
  border-radius: 0;
  border: var(--bw) dashed var(--ink);
  background: var(--bg3);
}
.pz-drop:hover, .pz-drop:focus, .pz-drop.drag { border-color: var(--accent); }
.pz-drop.has { border-style: solid; border-color: var(--green); }
.pz-preview img, .proof-thumb img { border-radius: 0; border: var(--bw-s) solid var(--ink); }

/* ══ ACCOUNT / ORDERS / TRACKING ══════════════════════════════ */
.profile-hero {
  background: var(--bg3);
  border: var(--bw) solid var(--ink);
  border-radius: 0;
  box-shadow: 7px 7px 0 var(--sh);
}
.profile-avatar {
  border-radius: 0;
  background: var(--accent);
  border: var(--bw-s) solid var(--ink);
  box-shadow: 4px 4px 0 var(--sh-alt);
  font-family: var(--font-display);
}
.profile-info h1 { font-family: var(--font-display); font-weight: 700; }
.pf-stat { padding: 18px 14px; }
.pf-num { font-family: var(--font-display); font-weight: 700; }
.acct-empty { border-style: dashed; border-width: var(--bw); box-shadow: none; }
.order-card { background: var(--bg3); }
.order-header:hover { background: var(--accent-dim); }
.order-card.needs-you { border-color: var(--accent); box-shadow: 5px 5px 0 var(--accent); }
.order-status, .track-pill, .pay-chip {
  border-radius: 0;
  border: var(--bw-s) solid var(--ink);
  font-family: var(--font-display);
}
.order-no { font-family: var(--font-display); }
.order-actions-row { border-top: var(--bw-s) solid var(--ink); }
.o-block h4, .rig-desc h4 { font-weight: 700; }
.o-block .embed { border-radius: 0; border: var(--bw-s) solid var(--ink); }
.pay-block { background: var(--bg3); border-color: var(--accent); box-shadow: 5px 5px 0 var(--accent); }

.track-rail { border-radius: 0; border: var(--bw-s) solid var(--ink); background: var(--bg2); height: 14px; }
.track-fill { border-radius: 0; background: var(--accent); box-shadow: none; }
.track-dots .d { border-radius: 0; border: var(--bw-s) solid var(--ink); background: var(--bg2); width: 18px; height: 18px; }
.track-dots .d.done { background: var(--accent); border-color: var(--ink); box-shadow: none; }
.track-labels span { font-family: var(--font-display); }
.track-ono { font-weight: 700; }
.track-link { padding: 7px 12px; box-shadow: 3px 3px 0 var(--sh); }
.timeline li::before { border-radius: 0; background: var(--accent); box-shadow: none; width: 10px; height: 10px; }
.timeline li::after { width: var(--bw-s); background: var(--ink); opacity: .5; }

/* ══ AUTH ═════════════════════════════════════════════════════ */
.auth-title { font-weight: 700; }
.auth-tabs { border-radius: 0; border: var(--bw-s) solid var(--ink); background: var(--bg3); padding: 4px; }
.auth-tab { border-radius: 0; font-family: var(--font-display); }
.auth-tab.on { background: var(--accent); color: #fff; }
.auth-msg { border-radius: 0; border: var(--bw-s) solid currentColor; font-weight: 600; }
.auth-btn { margin-top: 10px; }

/* ══ MOBILE MENU ══════════════════════════════════════════════ */
.mobile-menu {
  background: var(--bg2);
  border-left: var(--bw) solid var(--ink);
  box-shadow: none;
}
.mobile-menu-backdrop { backdrop-filter: none; }
.mm-links a { font-family: var(--font-display); border-bottom: var(--bw-s) solid var(--ink); }
.mm-links a:hover { background: var(--accent); color: #fff; padding-left: 10px; }
.mm-lbl { color: var(--text); }
.locale-menu-m button { border-radius: 0; border: var(--bw-s) solid var(--ink); font-family: var(--font-display); box-shadow: 3px 3px 0 var(--sh); }
.locale-menu-m button.on { background: var(--accent); color: #fff; border-color: var(--ink); }
.nav-burger span { background: var(--text); border-radius: 0; }
.nav-burger:hover span { background: #fff; }

/* ══ PROMO BAR ════════════════════════════════════════════════ */
.promo-bar {
  background: var(--accent);
  border-bottom: var(--bw) solid var(--ink);
  box-shadow: none;
  font-family: var(--font-display);
}
.promo-code-btn { border-radius: 0; border: var(--bw-s) dashed #fff; font-family: var(--font-display); }
.promo-bar-cta { border-radius: 0; background: #fff; color: var(--accent); border: var(--bw-s) solid var(--ink); box-shadow: 3px 3px 0 var(--ink); padding: 5px 14px; }
.promo-bar-cta:hover { background: #fff; color: var(--accent); transform: translate(-1px,-1px); box-shadow: 4px 4px 0 var(--ink); }
.promo-bar-x { border-radius: 0; border: var(--bw-s) solid #fff; background: transparent; }

/* ══ MINECRAFT RIGS ═══════════════════════════════════════════ */
.rig-discontinued {
  border-radius: 0;
  background: var(--bg3);
  border: var(--bw) solid #ffb03c;
  box-shadow: 5px 5px 0 #ffb03c;
  color: #ffcf8a;
}
:root[data-theme="light"] .rig-discontinued { color: #8a5a10; }
.rig-card { transition: transform .12s ease, box-shadow .12s ease; }
.rig-media { border-right: var(--bw-s) solid var(--ink); }
@media (max-width: 780px) { .rig-media { border-right: none; border-bottom: var(--bw-s) solid var(--ink); } }
.rig-beta, .rig-file-badge { border-radius: 0; border: var(--bw-s) solid var(--ink); box-shadow: none; }
.rig-file-badge { backdrop-filter: none; background: var(--bg); }
.rig-desc .rig-warn-line { border-radius: 0; border: var(--bw-s) solid #ffb03c; background: var(--bg3); }
.rig-body h3 { font-family: var(--font-display); font-weight: 700; }

/* ══ PRELOADER ════════════════════════════════════════════════ */
#preloader { background: var(--bg); }
:root[data-theme="light"] #preloader { background: var(--bg); }
.preloader-logo { filter: none; }
.preloader-bar {
  border-radius: 0; height: 14px; width: 200px;
  background: var(--bg2); border: var(--bw-s) solid var(--ink);
}
.preloader-bar::after { border-radius: 0; background: var(--accent); }

/* ══ LIGHT-THEME CLEANUP (undo the old soft shadows) ══════════ */
:root[data-theme="light"] .modal-card,
:root[data-theme="light"] .ui-box,
:root[data-theme="light"] .auth-card { box-shadow: 10px 10px 0 var(--accent); }
:root[data-theme="light"] .cart-drawer,
:root[data-theme="light"] .mobile-menu { box-shadow: none; }
:root[data-theme="light"] .locale-menu { box-shadow: 6px 6px 0 var(--sh); }
:root[data-theme="light"] .plan { box-shadow: 7px 7px 0 var(--sh); }
:root[data-theme="light"] .plan:hover { box-shadow: 11px 11px 0 var(--sh); }
:root[data-theme="light"] .plan.selected { box-shadow: 11px 11px 0 var(--accent); }
:root[data-theme="light"] .order-card,
:root[data-theme="light"] .pf-stat,
:root[data-theme="light"] .info-card { box-shadow: 5px 5px 0 var(--sh); }
:root[data-theme="light"] .info-card.warn { box-shadow: 5px 5px 0 var(--red); }
:root[data-theme="light"] .promo-bar { box-shadow: none; }
:root[data-theme="light"] .cta-pill { background: var(--bg2); box-shadow: 3px 3px 0 var(--sh); }
:root[data-theme="light"] .hero::after { opacity: .05; }

/* ══ RESPONSIVE TRIMS ═════════════════════════════════════════ */
@media (max-width: 720px) {
  :root { --bw: 2.5px; --bw-s: 2px; }
  .nav { padding: 10px 16px; }
}
@media (max-width: 600px) {
  .hero-title { text-shadow: 4px 4px 0 var(--accent); }
  .btn-primary, .btn-secondary { padding: 12px 20px; }
  .plan { box-shadow: 5px 5px 0 var(--sh); }
  .cta-band .cta-inner, .cta-neo { box-shadow: 6px 6px 0 var(--accent); }
  .modal-card, .ui-box, .auth-card { box-shadow: 6px 6px 0 var(--accent); }
}
@media (max-width: 480px) {
  .modal-card { border-radius: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .btn-primary:hover, .btn-secondary:hover, .plan:hover, .intro-card:hover,
  .choose-card:hover, .contact-card:hover, .review-item:hover, .rig-card:hover { transform: none; }
}