:root{--cy-void:#0a0713;--cy-panel:#150c28;--cy-panel2:#1e1235;--cy-line:rgba(180,148,255,.14);--cy-violet:#8b5cf6;--cy-soft:#b794f6;--cy-magenta:#d946ef;--cy-text:#f4f1ff;--cy-muted:#a79fc4}
html{scroll-behavior:smooth;background:var(--cy-void);scroll-padding-top:96px}body{font-family:Inter,sans-serif!important;background:var(--cy-void)!important;color:var(--cy-text)!important;overflow-x:hidden}.bg-image{display:none!important}#cy-particles{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.flex-wrapper{position:relative;z-index:2}a{color:inherit}
/* floating nav */
.cy-nav{position:fixed!important;top:18px;left:0;right:0;z-index:100;padding:0 12px;pointer-events:none;transition:top .42s cubic-bezier(.22,1,.36,1),padding .42s cubic-bezier(.22,1,.36,1)}.cy-nav-inner{width:calc(100% - 24px);max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:13px 18px 13px 22px;border:1px solid rgba(183,148,246,.22);border-radius:999px;background:rgba(12,9,24,.72);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.035);pointer-events:auto;transition:max-width .48s cubic-bezier(.22,1,.36,1),padding .42s cubic-bezier(.22,1,.36,1),gap .42s cubic-bezier(.22,1,.36,1),background .42s ease,border-color .42s ease,box-shadow .42s ease,transform .48s cubic-bezier(.22,1,.36,1)}.cy-brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;text-decoration:none;white-space:nowrap}.cy-brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cy-violet),var(--cy-magenta));box-shadow:0 0 18px rgba(139,92,246,.55)}.cy-nav-links{display:flex;align-items:center;gap:22px;flex:1;min-width:0;flex-wrap:nowrap;white-space:nowrap}.cy-nav-links a,.cy-nav-ghost{font-size:13.5px;white-space:nowrap;flex-shrink:0;color:var(--cy-muted);text-decoration:none;background:none;border:0;padding:8px}.cy-nav-links a:hover,.cy-nav-ghost:hover{color:#fff}.cy-nav-right{display:flex;align-items:center;gap:10px}.cy-nav-ghost{color:var(--cy-text);font-weight:600}.cy-discord{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:linear-gradient(135deg,var(--cy-violet),var(--cy-magenta));color:#fff!important;font-weight:600;font-size:13px;text-decoration:none;box-shadow:0 0 20px rgba(139,92,246,.35)}.cy-cart{font-size:13px;text-decoration:none;padding:8px 12px;border:1px solid var(--cy-line);border-radius:999px}.cy-cart span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:999px;background:var(--cy-magenta);font-size:11px}.cy-menu{display:none;background:none;border:0;color:#fff;font-size:20px}
/* hero */
.cy-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:145px 24px 90px;isolation:isolate}.cy-hero-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(180deg,rgba(10,7,19,.48),rgba(10,7,19,.78) 55%,var(--cy-void)),linear-gradient(100deg,rgba(10,7,19,.94),rgba(21,12,40,.52) 45%,rgba(139,92,246,.28)),url('https://images.unsplash.com/photo-1446121268029-bcdd46fca57b?fm=jpg&q=70&w=2200&auto=format&fit=crop');background-size:cover;background-position:center 38%;filter:saturate(1.05)}.cy-hero-glow{position:absolute;z-index:-1;width:640px;height:640px;left:-160px;top:20%;background:radial-gradient(circle,rgba(139,92,246,.35),transparent 70%);filter:blur(10px)}.cy-hero-inner{max-width:920px;width:100%;margin:auto}.cy-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--cy-soft);text-transform:uppercase;background:rgba(139,92,246,.1);border:1px solid var(--cy-line);padding:6px 14px;border-radius:999px;margin-bottom:22px}.cy-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--cy-magenta);box-shadow:0 0 8px var(--cy-magenta)}.cy-hero h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(40px,7vw,76px);line-height:1.02;letter-spacing:-.02em;margin:0;max-width:760px}.cy-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--cy-soft),var(--cy-magenta) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.cy-hero p{margin:22px 0 0;max-width:560px;font-size:16.5px;line-height:1.6;color:var(--cy-muted)}.cy-search{margin-top:34px;max-width:520px;display:flex;align-items:center;gap:12px;padding:6px 8px 6px 20px;border-radius:999px;background:rgba(21,12,40,.55);border:1px solid var(--cy-line);backdrop-filter:blur(14px)}.cy-search i{color:var(--cy-muted)}.cy-search input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:14.5px}.cy-search button{width:38px;height:38px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--cy-violet),var(--cy-magenta));color:#fff}.cy-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.cy-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:600;text-decoration:none;border:1px solid var(--cy-line)}.cy-btn.primary{background:linear-gradient(135deg,var(--cy-violet),var(--cy-magenta));color:#fff;box-shadow:0 0 26px rgba(139,92,246,.4)}.cy-btn.ghost{background:rgba(255,255,255,.04);color:#fff}.cy-btn:hover{transform:translateY(-2px);color:#fff}.cy-stats{display:flex;gap:36px;margin-top:56px;flex-wrap:wrap}.cy-stats div{min-width:105px}.cy-stats b{display:block;font-family:'Space Grotesk',sans-serif;font-size:24px}.cy-stats span{font-size:12.5px;color:var(--cy-muted)}
/* products */
.cy-products{position:relative}.cy-section-inner{max-width:1080px;margin:auto;padding:90px 24px}.cy-section-head{margin-bottom:40px}.cy-section-head h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,4vw,36px);margin:0}.cy-section-head p{color:var(--cy-muted);font-size:14.5px;margin:6px 0 0}.cy-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cy-product-wrap{min-width:0}.cy-card{display:flex!important;align-items:center;gap:14px;padding:16px 16px 16px 14px;border-radius:20px!important;background:linear-gradient(180deg,rgba(30,18,53,.7),rgba(21,12,40,.55))!important;border:1px solid var(--cy-line)!important;backdrop-filter:blur(10px);text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}.cy-card:hover{border-color:rgba(183,148,246,.45)!important;box-shadow:0 12px 32px rgba(139,92,246,.18);transform:translateY(-2px)}.cy-card-icon{width:46px;height:46px;border-radius:14px;flex:0 0 46px;display:grid;place-items:center;font-size:20px;background:radial-gradient(circle at 30% 30%,var(--cy-soft),var(--cy-violet) 65%);box-shadow:0 0 18px rgba(139,92,246,.4);overflow:hidden}.cy-card-icon img{width:100%;height:100%;object-fit:cover}.cy-card-body{flex:1;min-width:0}.cy-card-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;color:var(--cy-soft);text-transform:uppercase;background:rgba(139,92,246,.12);display:inline-block;padding:2px 8px;border-radius:999px;margin-bottom:6px}.cy-card-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cy-card-meta{font-size:12.5px;color:var(--cy-muted);margin-top:2px}.cy-card-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.cy-card-price{font-family:'JetBrains Mono',monospace;font-size:14px}.cy-card-arrow{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--cy-line);display:grid;place-items:center;transition:.2s}.cy-card:hover .cy-card-arrow{background:var(--cy-violet);transform:rotate(45deg)}
/* footer */
.cy-footer{border-top:1px solid var(--cy-line);padding:50px 24px 25px;color:var(--cy-muted)}.cy-footer-inner{max-width:1080px;margin:auto;display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:28px;align-items:start}.cy-footer strong{font-family:'Space Grotesk',sans-serif;font-size:22px;color:#fff}.cy-footer p{max-width:480px;line-height:1.6}.cy-footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 14px}.cy-footer a,.cy-footer span{display:block;color:var(--cy-muted);text-decoration:none;margin:0 0 9px;font-size:13px}.cy-footer a:hover{color:#fff}.cy-footer-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.cy-footer-buttons .cy-btn{padding:10px 16px}.cy-footer-bottom{max-width:1080px;margin:35px auto 0;padding-top:18px;border-top:1px solid var(--cy-line);font-size:12px}
/* keep SellAuth components usable */
.modal-content{background:#150c28!important;color:#fff;border:1px solid var(--cy-line)}.modal-header,.modal-footer{border-color:var(--cy-line)!important}.btn-close{filter:invert(1)}

/* smooth centered scroll-collapse: full nav -> centered floating pill */
.cy-nav-inner{will-change:max-width,width,padding,gap,transform;transition:max-width .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1),gap .55s cubic-bezier(.22,1,.36,1),background .55s ease,border-color .55s ease,box-shadow .55s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.cy-nav-links,.cy-nav-right,.cy-menu{transition:opacity .32s ease,transform .55s cubic-bezier(.22,1,.36,1),max-width .55s cubic-bezier(.22,1,.36,1),margin .55s cubic-bezier(.22,1,.36,1)}
.cy-nav.is-scrolled{top:10px}
.cy-brand-logo{width:32px;height:32px;object-fit:contain;border-radius:50%;display:block;flex:0 0 32px}
.cy-brand-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:0 0 32px}
.cy-brand-name{display:block;white-space:nowrap}
.cy-nav.is-scrolled .cy-nav-inner{width:174px;max-width:174px;height:52px;margin:0 auto;padding:5px 12px;gap:9px;background:rgba(21,12,40,.92);border-color:rgba(183,148,246,.28);box-shadow:0 10px 30px rgba(0,0,0,.40),0 0 0 1px rgba(139,92,246,.035);transform:translateY(0);justify-content:center}
.cy-nav.is-scrolled .cy-brand{width:100%;justify-content:center;gap:9px}
.cy-nav.is-scrolled .cy-brand-logo,.cy-nav.is-scrolled .cy-brand-mark{width:30px;height:30px;flex:0 0 30px;border-radius:50%;font-size:13px;box-shadow:0 0 14px rgba(139,92,246,.35)}
.cy-nav.is-scrolled .cy-brand-name{font-size:15px;line-height:1;font-weight:700}
.cy-nav.is-scrolled .cy-nav-links,.cy-nav.is-scrolled .cy-nav-right{opacity:0;transform:translateX(12px);max-width:0;overflow:hidden;pointer-events:none;margin:0}
.cy-nav.is-scrolled .cy-menu{opacity:0;transform:scale(.8);width:0;max-width:0;overflow:hidden;pointer-events:none;margin:0;padding:0}
@media(max-width:900px){
  .cy-nav-inner{width:calc(100% - 20px)}
  .cy-nav.is-scrolled .cy-nav-inner{width:174px;max-width:174px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .cy-nav,.cy-nav-inner,.cy-brand-mark{transition:none!important}
}
@media(max-width:1100px){.cy-footer-inner{grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:18px}}
@media(max-width:900px){.cy-nav-links{display:none}.cy-nav-links.open{display:flex;position:absolute;top:62px;left:16px;right:16px;flex-direction:column;align-items:flex-start;padding:16px;background:rgba(21,12,40,.96);border:1px solid var(--cy-line);border-radius:18px}.cy-menu{display:block}.cy-nav-right .cy-nav-ghost,.cy-nav-right .cy-cart{display:none}.cy-footer-inner{grid-template-columns:1fr 1fr}.cy-product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@media(max-width:600px){.cy-nav{top:10px}.cy-nav-inner{padding:8px 10px 8px 12px}.cy-brand span:last-child{font-size:14px}.cy-discord{padding:8px 11px;font-size:12px}.cy-hero{padding-top:125px}.cy-stats{gap:22px}.cy-footer-inner{grid-template-columns:1fr}.cy-section-inner{padding:65px 16px}.cy-product-grid{grid-template-columns:1fr}.cy-card-right{gap:7px}.cy-card-price{font-size:12px}.cy-card-arrow{width:30px;height:30px}}
/* large visual product cards */
.cy-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
.cy-card-large{display:block!important;padding:0!important;overflow:hidden;border-radius:18px!important;min-height:0!important;background:linear-gradient(180deg,rgba(24,13,35,.86),rgba(14,10,21,.94))!important}
.cy-card-large:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 28px rgba(139,92,246,.12)}
.cy-card-media{width:100%;height:145px;overflow:hidden;background:linear-gradient(135deg,#160b22,#2a0d12);border-bottom:1px solid var(--cy-line)}
.cy-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.cy-card-large:hover .cy-card-media img{transform:scale(1.035);filter:saturate(1.06)}
.cy-card-media-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:42px;color:var(--cy-soft);background:radial-gradient(circle at 35% 35%,rgba(139,92,246,.35),transparent 58%),linear-gradient(135deg,#160b22,#090711)}
.cy-card-content{padding:15px 15px 17px!important}
.cy-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.cy-card-large .cy-card-price{font-family:'JetBrains Mono',monospace;font-size:16px!important;font-weight:800;line-height:1.35;color:#fff}
.cy-card-stock{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#61c5ff,#58b9ff);color:#07101a;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 8px 22px rgba(88,185,255,.18)}
.cy-card-stock i{font-size:11px}
.cy-card-large .cy-card-name{font-size:17px!important;font-weight:700;line-height:1.25;color:#f7f3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-card-large .cy-card-right,.cy-card-large .cy-card-icon,.cy-card-large .cy-card-tag,.cy-card-large .cy-card-meta,.cy-card-large .cy-card-arrow{display:none!important}
@media(max-width:1100px){.cy-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.cy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.cy-card-media{height:135px}}
@media(max-width:600px){.cy-product-grid{grid-template-columns:1fr!important}.cy-card-media{height:170px}.cy-card-content{padding:14px!important}.cy-card-topline{align-items:flex-start;flex-direction:column;gap:8px}}
.cy-theme-picker{position:relative;display:flex;align-items:center}
.cy-theme-button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cy-line);background:rgba(255,255,255,.035);color:var(--cy-text);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.cy-theme-button:hover{transform:translateY(-1px);background:rgba(255,255,255,.07);border-color:color-mix(in srgb,var(--cy-soft) 45%,transparent)}
.cy-theme-menu{position:absolute;right:0;top:50px;width:330px;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--cy-line);border-radius:20px;background:rgba(14,10,27,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.45);opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:120}
.cy-theme-picker.open .cy-theme-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.cy-theme-option{min-width:0;display:flex;flex-direction:column;gap:7px;padding:7px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--cy-text);font:600 12px Inter,sans-serif;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.cy-theme-option:hover{transform:translateY(-2px);background:rgba(255,255,255,.055);border-color:color-mix(in srgb,var(--cy-soft) 30%,transparent)}
.cy-theme-option.active{background:rgba(255,255,255,.07);border-color:color-mix(in srgb,var(--cy-soft) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--cy-soft) 12%,transparent) inset}
.cy-theme-cover{position:relative;width:100%;aspect-ratio:1.45/1;border-radius:11px;display:grid;place-items:center;overflow:hidden;color:rgba(255,255,255,.92);font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 22px rgba(0,0,0,.22)}
.cy-theme-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 38%,rgba(0,0,0,.28));}
.cy-theme-cover::after{content:"";position:absolute;inset:-35%;background:repeating-linear-gradient(115deg,transparent 0 14px,rgba(255,255,255,.07) 15px 16px);transform:rotate(12deg);}
.cy-theme-cover i{position:relative;z-index:2;text-shadow:0 4px 16px rgba(0,0,0,.45)}
.cy-theme-cover-amethyst{background:radial-gradient(circle at 30% 25%,#c084fc 0 7%,transparent 28%),linear-gradient(135deg,#5b21b6,#8b5cf6 48%,#d946ef)}
.cy-theme-cover-emerald{background:radial-gradient(circle at 30% 25%,#86efac 0 7%,transparent 28%),linear-gradient(135deg,#065f46,#10b981 48%,#34d399)}
.cy-theme-cover-citrine{background:radial-gradient(circle at 30% 25%,#fef08a 0 7%,transparent 28%),linear-gradient(135deg,#a16207,#eab308 48%,#facc15)}
.cy-theme-cover-sapphire{background:radial-gradient(circle at 30% 25%,#93c5fd 0 7%,transparent 28%),linear-gradient(135deg,#1e3a8a,#2563eb 48%,#06b6d4)}
.cy-theme-label{display:flex;flex-direction:column;gap:2px;padding:0 3px 2px}.cy-theme-label b{font-size:12.5px}.cy-theme-label small{font-size:10px;font-weight:500;color:var(--cy-muted)}
html[data-cy-theme="amethyst"]{--cy-violet:#8b5cf6;--cy-soft:#c084fc;--cy-magenta:#d946ef;--cy-line:rgba(192,132,252,.18);--cy-panel:#150c28;--cy-panel2:#1e1235;--cy-void:#0a0713}
html[data-cy-theme="emerald"]{--cy-violet:#10b981;--cy-soft:#6ee7b7;--cy-magenta:#34d399;--cy-line:rgba(110,231,183,.18);--cy-panel:#06281f;--cy-panel2:#0b3b2e;--cy-void:#04130f}
html[data-cy-theme="citrine"]{--cy-violet:#eab308;--cy-soft:#fde68a;--cy-magenta:#f59e0b;--cy-line:rgba(253,230,138,.2);--cy-panel:#2a2107;--cy-panel2:#45370b;--cy-void:#100d03}
html[data-cy-theme="sapphire"]{--cy-violet:#2563eb;--cy-soft:#67e8f9;--cy-magenta:#06b6d4;--cy-line:rgba(103,232,249,.18);--cy-panel:#071d2b;--cy-panel2:#0b2b3b;--cy-void:#041018}
html[data-cy-theme="emerald"] .cy-card{background:linear-gradient(180deg,rgba(6,55,42,.78),rgba(4,34,26,.72))!important}
html[data-cy-theme="citrine"] .cy-card{background:linear-gradient(180deg,rgba(65,51,8,.78),rgba(38,29,4,.72))!important}
html[data-cy-theme="sapphire"] .cy-card{background:linear-gradient(180deg,rgba(8,38,55,.78),rgba(5,25,39,.72))!important}


/* ===== PRODUCT CARD PALETTE IMAGES =====
   Add up to 4 images to each SellAuth product:
   1 = Amethyst, 2 = Emerald, 3 = Citrine, 4 = Sapphire.
   The active palette automatically selects the matching image. */
.cy-product-theme-images{position:relative;width:100%;height:100%;min-height:inherit}
.cy-product-theme-images .cy-theme-product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.cy-product-theme-images .cy-theme-product-image.active{opacity:1;visibility:visible}
.cy-theme-product-image-single{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.cy-theme-menu{width:min(330px,calc(100vw - 24px));right:-4px}.cy-theme-picker{display:flex}}

/* Global theme bridge for legacy component styles */
.features .features-pill span,
.CYONIX-feedbacks .feedback-pill span{
  background:linear-gradient(90deg, color-mix(in srgb, var(--cy-violet) 38%, transparent), color-mix(in srgb, var(--cy-magenta) 22%, transparent)) !important;
}
.features .ico{
  background:linear-gradient(135deg, color-mix(in srgb, var(--cy-violet) 82%, transparent), color-mix(in srgb, var(--cy-magenta) 70%, transparent)) !important;
  box-shadow:0 14px 34px color-mix(in srgb, var(--cy-violet) 18%, transparent) !important;
}
.features .feature-card{
  background:
    radial-gradient(260px 170px at 20% 15%, color-mix(in srgb, var(--cy-violet) 16%, transparent), transparent 60%),
    linear-gradient(180deg, var(--card, rgba(255,255,255,.045)), var(--card-2, rgba(255,255,255,.02))) !important;
}
.features .feature-card:hover{border-color:color-mix(in srgb, var(--cy-magenta) 45%, transparent) !important;}
.single-hero .about-pill span{
  background:linear-gradient(90deg,var(--cy-magenta),var(--cy-violet)) !important;
  box-shadow:0 12px 26px color-mix(in srgb, var(--cy-violet) 20%, transparent), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* Final four-theme polish: stock chips + hero/background tint follow the selected theme */
.cy-card-stock{
  color:#fff!important;
  background:linear-gradient(135deg,var(--cy-violet),var(--cy-magenta))!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--cy-violet) 24%,transparent)!important;
}
.cy-card-stock i{color:inherit!important}
.cy-card-large .cy-card-media{
  background:linear-gradient(135deg,color-mix(in srgb,var(--cy-violet) 22%,#090711),color-mix(in srgb,var(--cy-magenta) 16%,#090711))!important;
}
.cy-card-media-placeholder{
  background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--cy-violet) 40%,transparent),transparent 58%),linear-gradient(135deg,var(--cy-panel),var(--cy-void))!important;
  color:var(--cy-soft)!important;
}
.cy-card-large:hover{border-color:color-mix(in srgb,var(--cy-soft) 48%,transparent)!important;box-shadow:0 12px 32px color-mix(in srgb,var(--cy-violet) 20%,transparent)!important}
.cy-card:hover .cy-card-arrow{background:var(--cy-violet)!important}

/* Theme-tinted hero: the car/trees image itself gets a subtle color grade per preset. */
.cy-hero-bg{filter:saturate(1.08) hue-rotate(var(--cy-hero-hue,0deg));}
.cy-hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,color-mix(in srgb,var(--cy-violet) 16%,transparent),transparent 52%,color-mix(in srgb,var(--cy-magenta) 12%,transparent));mix-blend-mode:color;opacity:.72}
.cy-hero-glow{background:radial-gradient(circle,color-mix(in srgb,var(--cy-violet) 38%,transparent),transparent 70%)!important}
.cy-search button,.cy-btn.primary{box-shadow:0 0 26px color-mix(in srgb,var(--cy-violet) 32%,transparent)!important}

html[data-cy-theme="amethyst"]{--cy-hero-hue:0deg}
html[data-cy-theme="emerald"]{--cy-hero-hue:70deg}
html[data-cy-theme="citrine"]{--cy-hero-hue:18deg}
html[data-cy-theme="sapphire"]{--cy-hero-hue:155deg}


/* ===== FINAL THEME BACKGROUND + BRIGHTNESS POLISH ===== */
:root{--cy-brightness:1;--cy-hero-filter:saturate(1.04) brightness(1)}
html[data-cy-theme="amethyst"]{--cy-hero-filter:saturate(1.08) brightness(1)}
html[data-cy-theme="emerald"]{--cy-hero-filter:saturate(1.18) hue-rotate(112deg) brightness(1.02)}
html[data-cy-theme="citrine"]{--cy-hero-filter:saturate(1.12) hue-rotate(48deg) brightness(1.02)}
html[data-cy-theme="sapphire"]{--cy-hero-filter:saturate(1.14) hue-rotate(0deg) brightness(1.03)}

/* The background image follows the selected palette; the old oversized left glow is removed. */
.cy-hero-glow{display:none!important}
.cy-hero-bg{filter:var(--cy-hero-filter)!important;}
.cy-hero-bg::after{
  content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:color;opacity:.34;
  background:linear-gradient(115deg,
    color-mix(in srgb,var(--cy-violet) 22%,transparent) 0%,
    transparent 48%,
    color-mix(in srgb,var(--cy-magenta) 14%,transparent) 100%);
}
html[data-cy-theme="emerald"] .cy-hero-bg::after{opacity:.42;background:linear-gradient(115deg,rgba(16,185,129,.38),rgba(0,0,0,0) 52%,rgba(52,211,153,.18))}
html[data-cy-theme="citrine"] .cy-hero-bg::after{opacity:.40;background:linear-gradient(115deg,rgba(234,179,8,.38),rgba(0,0,0,0) 52%,rgba(245,158,11,.18))}
html[data-cy-theme="sapphire"] .cy-hero-bg::after{opacity:.42;background:linear-gradient(115deg,rgba(37,99,235,.40),rgba(0,0,0,0) 52%,rgba(6,182,212,.18))}
html[data-cy-theme="amethyst"] .cy-hero-bg::after{opacity:.34;background:linear-gradient(115deg,rgba(139,92,246,.34),rgba(0,0,0,0) 52%,rgba(217,70,239,.16))}

/* Brightness control changes the visual background brightness without washing out text/UI. */
.cy-hero-bg{filter:var(--cy-hero-filter) brightness(var(--cy-brightness))!important}
.cy-theme-menu{max-height:min(620px,calc(100vh - 80px));overflow:auto}
.cy-brightness-control{grid-column:1 / -1;margin-top:2px;padding:10px 10px 8px;border-top:1px solid var(--cy-line)}
.cy-brightness-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.cy-brightness-head span{font-size:11px;font-weight:700;color:var(--cy-text);letter-spacing:.02em}
.cy-brightness-value{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cy-soft)}
.cy-brightness-row{display:flex;align-items:center;gap:9px}
.cy-brightness-row i{font-size:10px;color:var(--cy-muted)}
.cy-brightness-row input[type=range]{width:100%;accent-color:var(--cy-violet);cursor:pointer}
.cy-theme-menu::-webkit-scrollbar{width:5px}.cy-theme-menu::-webkit-scrollbar-thumb{background:var(--cy-line);border-radius:99px}

/* More photographic-looking theme covers instead of flat color-only cards. */
.cy-theme-cover{isolation:isolate}
.cy-theme-cover::before{background:
  radial-gradient(circle at 22% 28%,rgba(255,255,255,.26),transparent 18%),
  linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%,rgba(0,0,0,.34));}
.cy-theme-cover::after{background:
  linear-gradient(160deg,transparent 0 54%,rgba(0,0,0,.28) 55% 58%,transparent 59%),
  repeating-linear-gradient(125deg,transparent 0 12px,rgba(255,255,255,.08) 13px 14px);}
.cy-theme-cover-amethyst{background:
  radial-gradient(circle at 72% 72%,rgba(255,255,255,.16),transparent 25%),
  linear-gradient(145deg,#24104f 0%,#7c3aed 48%,#db2777 100%)}
.cy-theme-cover-emerald{background:
  radial-gradient(circle at 72% 72%,rgba(255,255,255,.15),transparent 25%),
  linear-gradient(145deg,#032e25 0%,#059669 48%,#22c55e 100%)}
.cy-theme-cover-citrine{background:
  radial-gradient(circle at 72% 72%,rgba(255,255,255,.18),transparent 25%),
  linear-gradient(145deg,#4a3000 0%,#ca8a04 48%,#facc15 100%)}
.cy-theme-cover-sapphire{background:
  radial-gradient(circle at 72% 72%,rgba(255,255,255,.17),transparent 25%),
  linear-gradient(145deg,#071b43 0%,#2563eb 48%,#06b6d4 100%)}


/* Reviews explicitly follow the active theme palette. */
html[data-cy-theme="amethyst"] .CYONIX-feedbacks{--review-a:#d946ef;--review-b:#8b5cf6}
html[data-cy-theme="emerald"] .CYONIX-feedbacks{--review-a:#34d399;--review-b:#10b981}
html[data-cy-theme="citrine"] .CYONIX-feedbacks{--review-a:#f59e0b;--review-b:#eab308}
html[data-cy-theme="sapphire"] .CYONIX-feedbacks{--review-a:#06b6d4;--review-b:#2563eb}
.CYONIX-feedbacks .feedback-pill span{
  background:linear-gradient(90deg,var(--review-a,var(--cy-magenta)),var(--review-b,var(--cy-violet))) !important;
  border-color:color-mix(in srgb,var(--review-b,var(--cy-violet)) 35%,transparent) !important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--review-b,var(--cy-violet)) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.CYONIX-feedbacks .testimonial .content .reply .text{border-left-color:var(--review-b,var(--cy-violet)) !important}
.CYONIX-feedbacks .testimonial .content a.text-primary,.CYONIX-feedbacks .testimonial .content small.text-primary{color:var(--review-a,var(--cy-magenta)) !important}

/* FINAL GROUP MODAL + PRODUCT PALETTE FIX */
[x-cloak]{display:none!important}
.cy-products > .fixed, .component > .fixed{z-index:9999!important}
html[data-cy-theme="amethyst"] .hyper-product{--mono-accent:#8b5cf6;--pill:#d946ef}
html[data-cy-theme="emerald"] .hyper-product{--mono-accent:#10b981;--pill:#34d399}
html[data-cy-theme="citrine"] .hyper-product{--mono-accent:#eab308;--pill:#f59e0b}
html[data-cy-theme="sapphire"] .hyper-product{--mono-accent:#2563eb;--pill:#06b6d4}


/* ===== ROBUST GROUP PRODUCT MODAL ===== */
.cy-group-modal[hidden]{display:none!important}
.cy-group-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.cy-group-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer}
.cy-group-modal-dialog{position:relative;z-index:1;width:min(1216px,100%);max-height:calc(100vh - 32px);overflow:auto}
.cy-group-modal-content{overflow:hidden;color:var(--cy-text);text-align:left;border:1px solid var(--cy-line);border-radius:14px;background:var(--cy-panel);padding:16px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.cy-group-modal-open{overflow:hidden!important}
.cy-group-modal .cy-card{background:linear-gradient(180deg,rgba(30,18,53,.7),rgba(21,12,40,.55))!important}
@media(max-width:640px){.cy-group-modal{padding:10px}.cy-group-modal-dialog{max-height:calc(100vh - 20px)}.cy-group-modal-content{padding:14px}}

/* ===== GROUP MODAL UI POLISH ===== */
.cy-group-modal-dialog{width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden}
.cy-group-modal-content{position:relative;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;padding:22px!important;border-radius:20px!important}
.cy-group-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;width:100%!important;margin:0 0 20px!important;padding:0 0 16px!important;border-bottom:1px solid var(--cy-line)!important}
.cy-group-modal-title{margin:0!important;padding:0!important;min-width:0!important;flex:1 1 auto!important;font-size:22px!important;line-height:1.25!important;font-weight:800!important;color:var(--cy-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cy-group-modal-close{position:relative!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid var(--cy-line)!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;color:var(--cy-text)!important;cursor:pointer!important;line-height:0!important;z-index:5!important;transition:background .2s,border-color .2s,transform .2s!important}
.cy-group-modal-close svg{display:block!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;flex:0 0 22px!important}
.cy-group-modal-close:hover{background:color-mix(in srgb,var(--cy-violet) 18%,transparent)!important;border-color:color-mix(in srgb,var(--cy-soft) 45%,transparent)!important;transform:scale(1.04)!important}
.cy-group-products-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;align-items:stretch!important}
.cy-group-products-grid .cy-product-wrap{width:100%!important;min-width:0!important}
.cy-group-products-grid .cy-card-large{width:100%!important;height:100%!important;min-width:0!important}
.cy-group-products-grid .cy-card-media{height:180px!important;aspect-ratio:16/10!important}
.cy-group-products-grid .cy-card-content{min-width:0!important}
.cy-group-products-grid .cy-card-name{overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:1050px){.cy-group-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.cy-group-modal{padding:10px!important}.cy-group-modal-dialog,.cy-group-modal-content{max-height:calc(100vh - 20px)!important}.cy-group-modal-content{padding:16px!important}.cy-group-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.cy-group-products-grid .cy-card-media{height:150px!important}}
@media(max-width:480px){.cy-group-products-grid{grid-template-columns:1fr!important}.cy-group-products-grid .cy-card-media{height:190px!important}.cy-group-modal-title{font-size:19px!important}.cy-group-modal-close{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}


/* ===== PALETTE TRANSITION =====
   Smooth cross-fade when switching Amethyst / Emerald / Citrine / Sapphire. */
:root{
  --cy-palette-transition-duration:.42s;
}
html.cy-palette-changing,
html.cy-palette-changing body,
html.cy-palette-changing .cy-nav,
html.cy-palette-changing .cy-card,
html.cy-palette-changing .cy-theme-menu,
html.cy-palette-changing .cy-theme-button,
html.cy-palette-changing .cy-theme-option{
  transition:
    background-color var(--cy-palette-transition-duration) ease,
    border-color var(--cy-palette-transition-duration) ease,
    color var(--cy-palette-transition-duration) ease,
    box-shadow var(--cy-palette-transition-duration) ease,
    text-shadow var(--cy-palette-transition-duration) ease;
}
.cy-palette-transition{
  position:fixed;
  inset:0;
  z-index:999999;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.16),transparent 28%),
    linear-gradient(135deg,var(--cy-transition-a,#5b21b6),var(--cy-transition-b,#8b5cf6) 52%,var(--cy-transition-c,#d946ef));
  transition:opacity .22s ease;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.cy-palette-transition.is-visible{opacity:.14}
.cy-palette-transition.is-leaving{opacity:0}


/* ===== CYONIX PREMIUM PRODUCT CARD HOVER ===== */
.cy-product-card,
.product-card,
[class*="product-card"]{
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease,background-color .35s ease;
  transform:translateZ(0);
  will-change:transform,box-shadow;
}
@media (hover:hover) and (pointer:fine){
  .cy-product-card:hover,
  .product-card:hover,
  [class*="product-card"]:hover{
    transform:translateY(-7px) scale(1.012);
    box-shadow:0 18px 45px rgba(0,0,0,.28),
      0 0 0 1px color-mix(in srgb,var(--cy-primary,#8b5cf6) 45%,transparent),
      0 0 34px color-mix(in srgb,var(--cy-primary,#8b5cf6) 24%,transparent);
  }
  .cy-product-card img,
  .product-card img,
  [class*="product-card"] img{
    transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease;
    transform-origin:center;
  }
  .cy-product-card:hover img,
  .product-card:hover img,
  [class*="product-card"]:hover img{
    transform:scale(1.045);
    filter:saturate(1.06) brightness(1.04);
  }
  .cy-product-card .btn,
  .product-card .btn,
  [class*="product-card"] .btn{
    transition:transform .25s ease,box-shadow .3s ease,opacity .25s ease,background-color .35s ease,border-color .35s ease;
  }
  .cy-product-card:hover .btn,
  .product-card:hover .btn,
  [class*="product-card"]:hover .btn{
    box-shadow:0 7px 20px color-mix(in srgb,var(--cy-primary,#8b5cf6) 22%,transparent);
  }
}
@media (hover:none),(pointer:coarse){
  .cy-product-card,.product-card,[class*="product-card"]{transform:none !important;}
}
@media (prefers-reduced-motion:reduce){
  .cy-product-card,.product-card,[class*="product-card"],
  .cy-product-card img,.product-card img,[class*="product-card"] img{transition:none !important;}
}