/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
 *
 * ── Semantic class hooks (sa-*) ────────────────────────────────────────────
 * Every section, snippet and key element carries a stable `sa-` class you can
 * target with plain CSS — no Tailwind rebuild needed. These classes ship with
 * NO styles of their own; they exist purely as selectors for you to hook onto.
 *
 * Page scope   body.sa-tpl-<template>      e.g. .sa-tpl-product, .sa-tpl-shop
 *              body.sa-no-product-images / .sa-no-category-images when the
 *              matching theme setting is off
 * Chrome       .sa-header .sa-navbar .sa-footer
 *              .sa-navbar-link .sa-navbar-logo .sa-navbar-cart .sa-footer-link
 * Sections     .sa-<component>             e.g. .sa-hero, .sa-features, .sa-faq
 *   variant    .sa-<component>--<variant>  e.g. .sa-hero--split-media
 *   inner      .sa-<component>-title / -subtitle / -eyebrow / -media /
 *              -items / -item / -actions / -link / -price / -badge / -icon
 * Primitives   .sa-btn (+ .sa-btn--<variant>), .sa-section-header
 *              (.sa-section-title / -eyebrow / -subtitle),
 *              .sa-product-card (+ .sa-product-card--<style>,
 *              .sa-product-card-title / -price / -stock / -status / -badges),
 *              .sa-product-form + .sa-add-to-cart, .sa-product-gallery,
 *              .sa-cart-panel + .sa-cart-item, .sa-searchbar, .sa-pagination,
 *              .sa-breadcrumbs, .sa-toasts + .sa-toast, .sa-feedback-card
 *
 * Example — bigger hero heading only on the product page:
 *   .sa-tpl-product .sa-hero-title { font-size: 3rem; }
 * ───────────────────────────────────────────────────────────────────────────
*/

/* VMX Cheats storefront */
html {scroll-padding-top:80px}
body {background:#07040b;color:#f5f2fa}
.vmx-wordmark {display:inline-flex;flex-direction:column;font-family:Inter,Arial,sans-serif;line-height:.86;letter-spacing:-.045em;font-weight:900;font-style:normal}
.vmx-wordmark strong {font-size:27px;color:#c32dff}
.vmx-wordmark>span {font-size:12px;letter-spacing:.12em;color:#f5f2fa;margin-top:5px}
.sa-navbar {background:rgba(7,4,11,.96);border-bottom:1px solid #322039;z-index:50}
.sa-navbar .wrap {max-width:1440px;padding-inline:24px}
.sa-navbar-link {display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.sa-navbar-link i {font-size:14px}
.sa-navbar-link:hover,.sa-navbar-link.text-t-primary {color:#d448ff;background:#b900ff12}
.sa-navbar-cart {border:1px solid #37243f}
.sa-tpl-shop .sa-hero {min-height:740px;display:flex;align-items:center;text-align:center;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#450b6250,transparent 62%)}
.vmx-hero-art {position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;z-index:-1;opacity:.78;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 70%,transparent 100%)}
.sa-tpl-shop .sa-hero>.wrap {padding-top:120px;padding-bottom:155px;width:100%}
.sa-tpl-shop .sa-hero .max-w-2xl {max-width:1000px}
.sa-tpl-shop .sa-hero-title {font-size:clamp(48px,7.2vw,98px);font-weight:800;line-height:1.04;letter-spacing:-.055em;text-shadow:0 2px 30px #07040b45}
.sa-tpl-shop .sa-hero-title em {display:block;font-style:normal;background:linear-gradient(180deg,#e378ff,#bc10ee);background-clip:text;-webkit-background-clip:text;color:transparent}
.sa-hero-subtitle {color:#f5f2fa;font-size:19px}
.sa-hero-actions .sa-btn {min-height:48px;padding:14px 26px;font-size:14px;font-weight:700}
.sa-tpl-shop .sa-hero .mt-6 {margin-top:52px;font-size:10px;gap:30px;color:#e7dfee}
.sa-stats {padding-top:12px;padding-bottom:12px}
.sa-stats-items {background:linear-gradient(115deg,#291333,#160d1d);border-color:#402647;border-radius:14px}
.sa-stats-item {padding:26px}
.sa-stats-item>p {font-size:11px;letter-spacing:.04em}
.sa-categories .wrap {position:relative}
.sa-section-title {font-weight:800;letter-spacing:-.04em}
.sa-section-eyebrow,.vmx-eyebrow {font-size:11px;font-weight:700;letter-spacing:.04em;color:#ce42ff;margin-bottom:12px;text-transform:uppercase}
.sa-categories .sa-section-header {margin-bottom:30px}
.vmx-view-all {position:absolute;right:24px;top:30px;display:inline-flex;gap:12px;font-size:12px;color:#d4c8dc}
.sa-categories-item {position:relative;aspect-ratio:16/10;background:#13091d;transition:transform .2s,border-color .2s}
.sa-categories-item:hover {border-color:#b900ff;transform:translateY(-4px)}
.sa-categories-item>div:first-child {height:100%;border:0}
.sa-categories-item img {height:100%;width:100%;object-fit:cover}
.sa-categories-item>div:last-child {position:absolute;bottom:0;left:0;right:0;padding:45px 20px 20px;background:linear-gradient(transparent,#09050eef)}
.sa-categories-item h3 {text-transform:uppercase;font-size:14px;font-weight:800}
.sa-categories-item p {display:none}
.sa-page-products,.sa-page-faq,.sa-page-feedback,.sa-page-status {background-image:linear-gradient(#b900ff08 1px,transparent 1px),linear-gradient(90deg,#b900ff08 1px,transparent 1px),radial-gradient(ellipse at 50% 0%,#42076645,transparent 42%);background-size:64px 64px,64px 64px,100% 700px}
.sa-page-products>.wrap>.sa-section-header,.sa-page-faq .sa-section-header,.sa-page-feedback .sa-section-header,.sa-page-status .sa-section-header {padding-top:20px;margin-bottom:100px}
.sa-page-products .sa-section-title,.sa-page-faq .sa-section-title,.sa-page-feedback .sa-section-title,.sa-page-status .sa-section-title {font-size:clamp(36px,4.5vw,62px);line-height:1.02;max-width:660px;margin-inline:auto}
.sa-page-faq-items {max-width:760px}
.sa-page-faq-item {background:#100a18;border:1px solid #302036;border-radius:8px}
.sa-page-faq-item>button {font-size:14px;font-weight:800;padding:22px 24px}
.sa-page-faq-item>button[aria-expanded=true] {color:#ce42ff}
.sa-page-faq-item .faq-panel-inner>div {padding:0 24px 24px;line-height:1.8}
.sa-product-card {border:1px solid #322039;background:#100a18;border-radius:8px;overflow:hidden}
.sa-product-card-title {font-size:16px;font-weight:700}
.sa-product-card-price {font-weight:700}
.sa-product-card-media {background:radial-gradient(ellipse at 50% 0%,#780fad70,transparent 85%)}
.sa-footer {background:#08050d;border-color:#2b1a33}
.sa-footer h3 {text-transform:uppercase;font-size:11px;letter-spacing:.03em}
.sa-footer-link {font-size:12px;line-height:1.8}
.sa-footer .vmx-wordmark strong {font-size:42px}
.vmx-demo-section {padding-top:40px;padding-bottom:100px}
.vmx-section-intro {text-align:center;margin:0 auto 38px;max-width:680px}
.vmx-section-intro h2,.vmx-community h2 {font-family:Inter,Arial,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0 0 18px}
.vmx-section-intro>p:last-child,.vmx-community p:not(.vmx-eyebrow) {font-size:15px;line-height:1.8;color:#a99cb6}
.vmx-menu {max-width:960px;margin:auto;border:1px solid #493153;background:#100b17;border-radius:10px;box-shadow:0 0 90px #9700dd18;overflow:hidden;font-family:Inter,Arial,sans-serif}
.vmx-menu-top,.vmx-menu-bottom {display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #34243d}
.vmx-menu-top .vmx-wordmark {flex-direction:row;align-items:baseline;gap:8px}
.vmx-menu-top .vmx-wordmark strong {font-size:20px}
.vmx-menu-top .vmx-wordmark>span {font-size:10px}
.vmx-demo-badge {font-size:9px;color:#ca64ed;border:1px solid #7a278f;padding:5px 8px;border-radius:4px}
.vmx-menu-layout {display:grid;grid-template-columns:140px 1fr;min-height:450px}
.vmx-menu-tabs {padding:20px 10px;border-right:1px solid #34243d;display:flex;flex-direction:column;gap:8px}
.vmx-menu-tabs button {display:flex;gap:8px;align-items:center;padding:14px 10px;border-radius:5px;color:#a698b3;background:transparent;text-align:left;font-size:13px;border:1px solid transparent}
.vmx-menu-tabs button[aria-selected=true] {color:#df87ff;background:#b900ff14;border-color:#77208e}
.vmx-panel {padding:20px;min-width:0}
.vmx-panel[hidden] {display:none!important}
.vmx-weapon-tabs {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.vmx-weapon-tabs button {background:#20142a;color:#bba6c8;border:1px solid #33223e;padding:8px 10px;border-radius:4px;font-size:10px}
.vmx-weapon-tabs button[aria-pressed=true] {background:#9b13d4;color:white;border-color:#b900ff}
.vmx-control-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vmx-menu fieldset {min-width:0;background:#15101d;border:1px solid #35223f;border-radius:5px;padding:15px}
.vmx-menu legend {font-size:12px;font-weight:700;color:#e3cff0;padding:0 6px}
.vmx-toggle,.vmx-select {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;color:#c0b1ca;position:relative}
.vmx-toggle input {position:absolute;right:0;width:30px;height:18px;opacity:0;cursor:pointer;z-index:1}
.vmx-toggle>span {width:30px;height:17px;flex-shrink:0;border-radius:4px;background:#35253e;position:relative;transition:background .15s}
.vmx-toggle>span:after {content:'';position:absolute;width:11px;height:11px;top:3px;left:3px;background:#a393ac;border-radius:2px;transition:transform .15s}
.vmx-toggle input:checked+span {background:#a71be2}
.vmx-toggle input:checked+span:after {background:#fff;transform:translateX(13px)}
.vmx-toggle input:focus-visible+span {outline:2px solid white;outline-offset:3px}
.vmx-select select {max-width:155px;min-width:0;background:#25172e;border:1px solid #4b3059;color:#d6c2e0;border-radius:4px;padding:5px;font-size:10px}
.vmx-select input[type=color] {width:32px;height:24px;background:transparent;border:1px solid #4b3059;padding:2px}
.vmx-range {display:block;color:#c0b1ca;font-size:11px;margin:16px 0}
.vmx-range output {float:right;color:#d86fff;font-variant-numeric:tabular-nums}
.vmx-range input {display:block;width:100%;margin-top:9px;accent-color:#b900ff;height:14px;cursor:pointer}
.vmx-menu-bottom {border-top:1px solid #34243d;border-bottom:0;padding:10px 20px;font-size:9px;letter-spacing:.08em;color:#8c769b}
.vmx-menu fieldset p {font-size:12px;line-height:1.8;color:#aa94b6}
.vmx-reset,.vmx-cta {display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#a912ee;color:white;border:1px solid #ce45ff;padding:12px 22px;border-radius:5px;font-size:13px;font-weight:700;margin-top:20px}
.vmx-community {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-bottom:90px}
.vmx-community-graphic {min-height:320px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse,#67098466,transparent 70%),linear-gradient(135deg,#1d0d29,#0b0611)}
.vmx-community-graphic .vmx-wordmark {transform:rotate(-8deg);z-index:1;text-shadow:0 0 35px #b900ff55}
.vmx-community-graphic .vmx-wordmark strong {font-size:100px}
.vmx-community-graphic .vmx-wordmark>span {font-size:30px;letter-spacing:.1em}
.vmx-community-orbit {position:absolute;border:1px solid #82289d66;width:360px;height:180px;border-radius:50%;transform:rotate(-30deg)}
.vmx-menu button:focus-visible,.vmx-menu select:focus-visible,.vmx-cta:focus-visible,.vmx-view-all:focus-visible {outline:2px solid #e592ff;outline-offset:4px}
@media (max-width:1023px) {.sa-tpl-shop .sa-hero{min-height:650px}.sa-navbar-link{font-size:12px}.sa-navbar .wrap{padding-inline:18px}}
@media (max-width:640px) {.sa-tpl-shop .sa-hero{min-height:550px}.sa-tpl-shop .sa-hero>.wrap{padding:100px 20px}.vmx-hero-art{object-position:48% center;opacity:.45}.sa-hero-subtitle{font-size:15px}.sa-tpl-shop .sa-hero .mt-6{gap:12px;margin-top:28px;font-size:8px}.sa-hero-actions .sa-btn{padding:12px 18px}.sa-categories-items{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-categories-item{aspect-ratio:4/5}.sa-categories-item>div:last-child{padding:30px 12px 14px}.sa-categories-item h3{font-size:11px}.vmx-view-all{position:static;margin-bottom:22px}.sa-page-products>.wrap>.sa-section-header,.sa-page-faq .sa-section-header,.sa-page-feedback .sa-section-header,.sa-page-status .sa-section-header{margin-bottom:50px}.vmx-menu-layout{grid-template-columns:1fr}.vmx-menu-tabs{flex-direction:row;border-right:0;border-bottom:1px solid #34243d;padding:10px}.vmx-menu-tabs button{flex:1;justify-content:center}.vmx-menu-top{padding:15px}.vmx-panel{padding:12px}.vmx-control-grid{gap:12px;grid-template-columns:1fr}.vmx-weapon-tabs button{flex:1}.vmx-community{grid-template-columns:1fr;gap:30px}.vmx-community-graphic{min-height:250px}.vmx-demo-section{padding-bottom:60px}}
@media (prefers-reduced-motion:reduce) {html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* VMX owner-supplied community figures */
.sa-stats-item {padding:28px 20px}
.sa-stats-item>span {font-size:32px;font-weight:800;line-height:1.15}
.sa-stats-item>p {color:#d844ff;font-size:10px;font-weight:700;letter-spacing:.16em;margin-top:8px}
.sa-stats-items {background:radial-gradient(ellipse at 8% 0%,#571b7145,transparent 45%),linear-gradient(110deg,#120918,#100b14,#1b1020);border:1px solid #392340;border-radius:14px}
@media(max-width:640px){.sa-stats-items {grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sa-stats-item {padding:22px 6px;border:0!important}.sa-stats-item>span {font-size:24px}.sa-stats-item>p {font-size:8px;letter-spacing:.08em}}

/* VMX navigation brackets */
.sa-navbar-link {position:relative;transition:color .18s,background .18s,box-shadow .18s}
.sa-navbar-link:before,.sa-navbar-link:after {content:'';position:absolute;inset:3px;pointer-events:none;opacity:0;transition:opacity .18s;--corner:#dc53ff}
.sa-navbar-link:before {background:linear-gradient(var(--corner),var(--corner)) left top/7px 1px no-repeat,linear-gradient(var(--corner),var(--corner)) left top/1px 7px no-repeat,linear-gradient(var(--corner),var(--corner)) right top/7px 1px no-repeat,linear-gradient(var(--corner),var(--corner)) right top/1px 7px no-repeat;filter:drop-shadow(0 0 4px #c923ff)}
.sa-navbar-link:after {background:linear-gradient(var(--corner),var(--corner)) left bottom/7px 1px no-repeat,linear-gradient(var(--corner),var(--corner)) left bottom/1px 7px no-repeat,linear-gradient(var(--corner),var(--corner)) right bottom/7px 1px no-repeat,linear-gradient(var(--corner),var(--corner)) right bottom/1px 7px no-repeat;filter:drop-shadow(0 0 4px #c923ff)}
.sa-navbar-link:hover:before,.sa-navbar-link:hover:after,.sa-navbar-link:focus-visible:before,.sa-navbar-link:focus-visible:after {opacity:1}
.sa-navbar-link:hover,.sa-navbar-link:focus-visible {background:#25132f;color:#fff;box-shadow:0 0 16px #b900ff12}
/* Status dashboard */
.vmx-status-wrap {max-width:1000px}
.vmx-status-wrap .sa-section-header {margin-bottom:38px}
.vmx-status-wrap .sa-section-eyebrow {display:inline-flex;color:#28cf70;background:#10c2520a;border:1px solid #0fa53d50;border-radius:30px;padding:7px 13px;font-size:10px}
.vmx-status-wrap .sa-section-title {text-transform:uppercase;font-size:clamp(32px,4.5vw,56px)}
.vmx-status-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 44px}
.vmx-status-metric {padding:22px;border:1px solid #33223e;border-radius:16px;background:#150b1d88;display:flex;flex-direction:column;gap:6px}
.vmx-status-metric>span {color:#d444ff;font-size:12px}
.vmx-status-metric:first-child>span {color:#20c45d}
.vmx-status-metric strong {font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.vmx-status-metric small {color:#9989a5;font-size:10px}
.vmx-status-list-heading {display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px}
.vmx-status-list-heading h2 {font-size:18px;font-weight:800}
.vmx-status-list-heading>span {font-size:10px;color:#a99ab5;display:flex;align-items:center;gap:7px}
.vmx-status-list-heading i {width:6px;height:6px;border-radius:50%;background:#1bcf62;box-shadow:0 0 8px #1bcf6240}
.vmx-status-list {max-width:none}
.vmx-status-card {border-radius:0;padding:14px;background:#100919b3;min-height:85px;border-color:#37223f;position:relative}
.vmx-status-card:before {content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--vmx-status-color,#8b7798)}
.vmx-status-card:hover {background:#21102d;border-color:#6b2b83}
.vmx-status-image {width:85px;height:56px;object-fit:cover;border-radius:0;border:0}
.vmx-status-card .status {border:1px solid #54355d;border-radius:30px;padding:5px 10px;background:#09070b66;font-size:10px}
.vmx-status-card .status>span:last-child {font-size:10px;text-transform:uppercase;font-weight:800}
.vmx-status-card .status>span:first-child {width:6px;height:6px}
.vmx-status-description {font-size:11px;color:#a797b3;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vmx-status-arrow {font-size:20px;color:#aa95b7;margin-left:5px}
.vmx-status-verification {display:flex;align-items:center;justify-content:center;gap:9px;padding-top:35px;font-size:11px;color:#ac97ba;text-transform:uppercase;letter-spacing:.05em}
.vmx-status-verification i,.vmx-status-verification strong {color:#d547ff}
.vmx-cursor-trail {position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10000;contain:strict}
@media(max-width:640px){.vmx-status-summary{gap:8px}.vmx-status-metric{padding:14px 10px;border-radius:10px}.vmx-status-metric strong{font-size:24px}.vmx-status-metric>span{font-size:9px}.vmx-status-metric small{font-size:8px}.vmx-status-image{width:50px;height:46px}.vmx-status-card{gap:10px;padding:12px}.vmx-status-card .status{padding:5px 7px}.vmx-status-card .status>span:last-child{font-size:8px}.vmx-status-card .font-medium{font-size:12px}.vmx-status-arrow{display:none}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.vmx-cursor-trail{display:none}}
/* Pointer-responsive hero art; transforms do not change page layout. */
.vmx-hero-art {transform:translate3d(var(--vmx-hero-x,0px),var(--vmx-hero-y,0px),0) scale(1.06);will-change:transform}
/* VMX Discord invitation */
.vmx-community {display:block;padding-bottom:90px}
.vmx-community-card {position:relative;min-height:435px;overflow:hidden;isolation:isolate;border:1px solid #37233f;border-radius:8px;background:#0e0914}
.vmx-community-card:after {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0e0815 0%,#0e0815eb 24%,#0e0815a6 50%,#0e081538 100%),linear-gradient(0deg,#0e081552,transparent)}
.vmx-community-backdrop {position:absolute;inset:0;overflow:hidden;z-index:-2;background:linear-gradient(#a214db0c 1px,transparent 1px),linear-gradient(90deg,#a214db0c 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.vmx-community-copy {position:relative;max-width:620px;padding:68px 50px 65px}
.vmx-discord-icon {display:flex;align-items:center;justify-content:center;width:51px;height:51px;margin-bottom:24px;background:#17162f;border:1px solid #5865f280;box-shadow:0 0 28px #5865f235;border-radius:7px;color:#6d73ff;font-size:23px}
.vmx-community-copy .vmx-eyebrow {font-size:11px;margin-bottom:16px;letter-spacing:0}
.vmx-community-copy h2 {font-size:clamp(34px,4.6vw,56px);letter-spacing:-.045em;margin-bottom:17px;line-height:1.05}
.vmx-community-copy p:not(.vmx-eyebrow) {font-size:16px;line-height:1.65;color:#b6a8c4;max-width:490px}
.vmx-community-copy .vmx-cta {margin-top:28px;padding:12px 24px;background:#ac10f5;border-color:#ac10f5;box-shadow:0 10px 35px #a000f52b;border-radius:5px;font-size:13px;min-height:44px}
.vmx-community-copy .vmx-cta:hover {background:#c132ff;box-shadow:0 10px 40px #b900ff45}
.vmx-community-browser {position:absolute;width:640px;height:380px;right:35px;top:-15px;transform:rotate(-2deg);border:1px solid #4d2c5b;background:#0c0514;box-shadow:0 20px 60px #0008;opacity:.65;overflow:hidden}
.vmx-mini-bar {height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #482654;font-size:8px;color:#be9acd}
.vmx-mini-brand {font-weight:900;color:#d145ff;font-size:13px;line-height:1;letter-spacing:-.03em}
.vmx-mini-hero {height:230px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#210e31}
.vmx-mini-hero>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}
.vmx-mini-hero>span {position:relative;font-size:40px;font-weight:800;line-height:1.05;color:#fff;letter-spacing:-.045em}
.vmx-mini-hero b {color:#d22cff}
.vmx-mini-categories {display:flex;gap:12px;padding:14px 20px}
.vmx-mini-categories img {width:48%;height:80px;object-fit:cover;border-radius:4px;border:1px solid #563464}
.vmx-community-phone {position:absolute;width:174px;height:310px;padding:15px 10px;border:3px solid #625769;border-radius:25px;background:#100a19;box-shadow:0 12px 40px #0009;display:flex;flex-direction:column;align-items:flex-start;gap:12px;overflow:hidden}
.vmx-phone-speaker {width:48px;height:5px;border-radius:8px;background:#050306;align-self:center}
.vmx-community-phone img {width:100%;height:100px;object-fit:cover;border:1px solid #462157;border-radius:5px}
.vmx-community-phone strong {font-size:19px;color:#ede4f5;font-weight:800;line-height:1.1}
.vmx-community-phone>span {font-size:9px;color:#a990b7}
.vmx-mini-button {background:#9d13e0;font-size:8px;font-weight:700;padding:8px 12px;border-radius:3px;color:white}
.vmx-community-phone-left {left:40%;top:188px;transform:rotate(-19deg);opacity:.65}
.vmx-community-phone-right {right:-9px;top:180px;transform:rotate(15deg);opacity:.85}
@media(max-width:800px){.vmx-community-copy{padding:45px 30px;max-width:550px}.vmx-community-browser{right:-160px;opacity:.45}.vmx-community-phone-left{left:55%;opacity:.35}.vmx-community-phone-right{right:-50px;opacity:.5}}
@media(max-width:640px){.vmx-community-card{min-height:420px}.vmx-community-copy{padding:35px 24px}.vmx-community-copy h2{font-size:38px}.vmx-community-copy p:not(.vmx-eyebrow){font-size:14px}.vmx-community-card:after{background:linear-gradient(90deg,#0e0815f5,#0e0815aa)}.vmx-community-phone-left{display:none}.vmx-community-browser{right:-260px}.vmx-community-phone-right{top:230px}.vmx-hero-art{transform:scale(1.03);will-change:auto}}
@media(prefers-reduced-motion:reduce){.vmx-hero-art{transform:none;will-change:auto}}

/* Hero shadow, luminous highlighted word and artwork fading to black. */
.sa-tpl-shop .sa-hero-title {text-shadow:0 3px 5px #0009,0 8px 28px #0008}
.sa-tpl-shop .sa-hero-title .mk,.sa-tpl-shop .sa-hero-title em {display:block;font-style:normal;color:#d12bff;background:linear-gradient(180deg,#e272ff 0%,#c31af4 75%,#b600e8 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #bb00ff80) drop-shadow(0 0 35px #b900ff45);text-shadow:none}
.sa-tpl-shop .sa-hero>.wrap {z-index:2}
.sa-tpl-shop .sa-hero:after {content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,transparent 42%,#07040b25 65%,#07040bbf 87%,#07040b 100%),linear-gradient(90deg,#07040b65 0%,transparent 16%,transparent 83%,#07040b65 100%)}
.vmx-hero-art {mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 63%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 63%,transparent 100%)}
.sa-tpl-shop .sa-hero-subtitle {text-shadow:0 2px 4px #000b,0 3px 12px #0009}
[data-vmx-count] {font-variant-numeric:tabular-nums}
/* Final hero reference tuning: dimmer art, restrained glow, open tracking. */
.sa-tpl-shop .vmx-hero-art {opacity:.58}
.sa-tpl-shop .sa-hero-title {letter-spacing:-.015em;font-weight:800;line-height:1.08;text-shadow:0 3px 5px #0007,0 6px 20px #0006}
.sa-tpl-shop .sa-hero-title .mk,.sa-tpl-shop .sa-hero-title em {letter-spacing:-.005em;filter:drop-shadow(0 0 10px #bb00ff50) drop-shadow(0 0 24px #b900ff25)}
@media(max-width:640px){.sa-tpl-shop .vmx-hero-art{opacity:.38}.sa-tpl-shop .sa-hero-title{letter-spacing:-.01em}}

/* Trust labels stay readable over the artwork. */
.sa-tpl-shop .vmx-hero-trust {text-shadow:0 2px 3px #000c,0 3px 9px #0009}
.sa-tpl-shop .vmx-hero-trust svg {filter:drop-shadow(0 2px 2px #000a)}

/* Full-width category artwork: match the supplied 2.5:1 banners. */
.sa-categories--cards .sa-categories-items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-categories--cards .sa-categories-item {aspect-ratio:auto;min-width:0}
.sa-categories--cards .sa-categories-item>div:first-child {position:relative;aspect-ratio:5/2;height:auto;overflow:hidden;border-bottom:1px solid #322039}
.sa-categories--cards .sa-categories-item img {display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.sa-categories--cards .sa-categories-item>div:last-child {position:static;padding:14px 18px;background:#100918}
.sa-categories--cards .sa-categories-item h3 {font-size:12px;line-height:1.3}
@media(max-width:640px){.sa-categories--cards .sa-categories-items{grid-template-columns:1fr}.sa-categories--cards .sa-categories-item{aspect-ratio:auto}.sa-categories--cards .sa-categories-item>div:last-child{padding:12px 15px}}

/* FN Private inline YouTube showcase. */
.vmx-product-showcase{margin-top:32px;padding-top:26px;border-top:1px solid #382240}
.vmx-product-showcase h2{font-size:clamp(21px,3vw,28px);font-weight:800;letter-spacing:-.025em;margin:0 0 18px}
.vmx-product-video{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border:1px solid #493052;border-radius:10px;background:#09060e}
.vmx-product-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
