/* JustVanilla - Halloween (orange / purple / black) Tebex theme. Loads after shared.css */
:root{
  --bg:#000; --card:#200a33; --card-2:#170724; --card-hi:#371158; --edge:#10051a;
  --acc:#ff811a; --acc-hi:#ffab3d; --acc-deep:#4c0987; --tag:#560b98; --tag-edge:#ff8522;
  --muted:#a58abd; --glow:rgba(255,129,26,.38);
  --footer:#101010; --dock:#200a33; --dock-text:#bca8ce;
  --ease:cubic-bezier(.45,.05,.25,1);
  --color-primary:#ff811a; --color-primary-hover:#ffab3d;
  --color-primary-text:#0d0316; --color-primary-text-hover:#0d0316;
  --color-sale-banner-bg:#ff811a; --color-sale-banner-text:#0d0316;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html{background-color:#000!important;
  background-image:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.8)),var(--bg-image,url("https://cdn.discordapp.com/attachments/1556089075557990432/1558778480588496926/Designer.png?ex=6accad16&is=6acb5b96&hm=de5b8f22a4ef86b39a65b8f79cedac8fa76525f90f6f95363060cbd9f9b07588"))!important;
  background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
body{background:transparent!important;background-image:none!important}
@media(max-width:900px){html{background-attachment:scroll!important}}
html,body{color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* one font everywhere */
body,body *{font-family:'Work Sans',system-ui,sans-serif!important}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:800;color:#fff;margin:0}
::selection{background:var(--acc);color:#0d0316}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--card-hi);border-radius:10px}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:8px}

/* smooth, cheap transitions */
a,button,.btn-primary,.btn-secondary,.btn-tertiary,.jv-pill,.jv-ico,.jv-toplink,.jv-topicon,.jv-side-btn,.jv-side-ico,.jv-socials a,.jv-trust-item,.category,.store-product,input,select,summary,.image,.avatar,.site-navigation a{
  transition:transform .3s var(--ease),background-color .3s ease,border-color .3s ease,color .3s ease,opacity .3s ease,box-shadow .3s var(--ease)
}

/* entrance animations (run once) */
@keyframes jv-up{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@keyframes jv-fade{from{opacity:0}to{opacity:1}}
@keyframes jv-pop{from{opacity:0;transform:scale(.97) translate3d(0,8px,0)}to{opacity:1;transform:none}}
@keyframes jv-shine{from{transform:translate3d(-130%,0,0) skewX(-20deg)}to{transform:translate3d(280%,0,0) skewX(-20deg)}}
@keyframes jv-ripple{from{transform:scale(0);opacity:.45}to{transform:scale(1);opacity:0}}
@keyframes jv-pulse{70%{box-shadow:0 0 0 8px rgba(255,129,26,0)}100%{box-shadow:0 0 0 0 rgba(255,129,26,0)}}
@keyframes jv-icon{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
.jv-banner,.jv-row,.jv-trust,.jv-faq,.store-text,.basket,.store-product,.site-home-categories .category{animation:jv-up .3s var(--ease) backwards}
.jv-banner{animation-delay:.05s}.jv-row{animation-delay:.15s}
.store-product:nth-child(1),.category:nth-child(1){animation-delay:.08s}
.store-product:nth-child(2),.category:nth-child(2){animation-delay:.14s}
.store-product:nth-child(3){animation-delay:.2s}
.store-product:nth-child(4){animation-delay:.26s}
.store-product:nth-child(n+5){animation-delay:.3s}
@media(prefers-reduced-motion:reduce){.jv-logo{animation:jv-logo-in .3s var(--ease) .1s backwards;will-change:auto}}

.jv-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.jv-lock{overflow:hidden}

/* header stacks above content */
.site-header{position:relative!important;z-index:500!important;background:transparent!important}
.site-sale-banner{margin:0;padding:9px 16px;text-align:center;font-weight:800;background:var(--color-sale-banner-bg);color:var(--color-sale-banner-text)}

/* top links */
.jv-topbar{display:flex;justify-content:space-between;padding-top:34px}
.jv-toplink{display:flex;align-items:center;gap:16px;background:none;border:0;padding:0;cursor:pointer;color:#8d7aa6;font-weight:800;font-size:.95rem;height:64px}
.jv-toplink:hover{color:#fff}
.jv-topicon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:-2px;background:#200a33;border-radius:16px 16px 0 0;color:#ab91c1}
.jv-toplink:hover .jv-topicon{background:#280d40;color:var(--acc-hi)}

/* banner */
.jv-banner{position:relative;display:flex;justify-content:space-between;align-items:center;height:128px;padding:0 40px;background:linear-gradient(180deg,#280d40,#1d082f);border:3px solid var(--edge);border-radius:18px;box-shadow:inset 0 0 0 2px rgba(255,129,26,.12),0 12px 30px rgba(0,0,0,.6)}
.jv-play,.jv-discord{position:relative;display:flex;align-items:center;gap:16px;background:none;border:0;color:#fff;cursor:pointer;padding:0}
.jv-ico{position:relative;overflow:hidden;display:grid;place-items:center;width:64px;height:64px;background:var(--acc);color:#0d0316;border-radius:14px;box-shadow:none}
.jv-ico::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:rgba(255,171,61,.45);transform:translate3d(-130%,0,0) skewX(-20deg);pointer-events:none}
.jv-play:hover .jv-ico,.jv-discord:hover .jv-ico{background:var(--acc-hi)}
.jv-txt{display:flex;flex-direction:column;text-align:left;line-height:1.15}
.jv-txt-right{text-align:right}
.jv-txt b{font-size:1.1rem;font-weight:900}
.jv-txt small{color:#b49ec8;font-weight:800;font-size:.85rem;letter-spacing:.04em}
.jv-badge{position:absolute;top:-34px;left:-16px;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;color:var(--acc-deep);border-radius:999px;font-size:.8rem;font-weight:800;z-index:2}
.jv-discord .jv-badge{left:auto;right:-16px}
.jv-badge.live::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff811a;animation:jv-pulse 1.8s infinite}
.jv-badge.off{color:#c0392b}
.jv-play.copied .jv-ico{background:#fff;color:var(--acc-deep)}
.jv-logo{position:absolute;left:50%;top:-30px;transform:translateX(-50%);margin:0;z-index:3;display:block}
.jv-logo img{max-height:150px;width:auto;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}
.jv-wordmark{font-weight:900;font-size:2.4rem;letter-spacing:.04em;color:#fff;white-space:nowrap}
.jv-wordmark b{color:var(--acc)}

/* login / currency / basket row */
.jv-row{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px}
.jv-row-left,.jv-row-right{display:flex;gap:16px;align-items:center}
.jv-row .actions{display:none}
.jv-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 18px;background:#200a33;border:2px solid #270b40;border-radius:14px;color:#fff;font-weight:800;font-size:1.05rem;cursor:pointer}
.jv-pill:hover{background:#280d40;border-color:#3a0b63}
.jv-pill-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(255,129,26,.18);color:var(--acc-hi)}
.jv-head{width:26px;height:26px;border-radius:6px;image-rendering:pixelated}
.user-name .text-hover{display:none}.user-name:hover .text{display:none}.user-name:hover .text-hover{display:inline}

/* currency dropdown */
.jv-cur{position:relative;z-index:600}
.jv-cur-btn{min-width:140px;justify-content:flex-start}
.jv-cur-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:700;margin:0;padding:8px;list-style:none;background:#190928;border:2px solid var(--edge);border-radius:14px;box-shadow:0 20px 44px rgba(0,0,0,.75);opacity:0;visibility:hidden;transform:translate3d(0,-10px,0) scale(.96);transform-origin:top center;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}
.jv-cur.open .jv-cur-menu{opacity:1;visibility:visible;transform:none}
.jv-cur-menu li{margin:0;list-style:none}
@keyframes jv-item{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:none}}
.jv-cur.open .jv-cur-menu li{animation:jv-item .3s var(--ease) backwards;animation-delay:calc(var(--i) * 15ms + 30ms)}
.jv-cur-menu a{display:block;padding:9px 12px;border-radius:8px;text-align:center;font-weight:800;font-size:.95rem;letter-spacing:.02em;color:#fff}
.jv-cur-menu a:hover{background:#280d40}
.jv-cur-menu a.active{background:var(--acc);color:#0d0316}

/* nav pills */
.site-navigation{background:transparent;border:0}
.navigation-horizontal .navigation-list{display:flex;flex-wrap:wrap;gap:8px;max-width:1200px;margin:0 auto 18px;padding:0 16px;list-style:none}
.site-navigation a{display:block;padding:10px 18px;border-radius:12px;background:#200a33;color:var(--muted);font-weight:800}
.site-navigation a:hover{color:#fff;background:#280d40}
.site-navigation .active>a,.site-navigation a.link-active{background:var(--acc);color:#0d0316}
.navigation-horizontal li{position:relative}
.navigation-horizontal li>ul{list-style:none;padding:6px;background:var(--card);border-radius:12px}

/* buttons: by default they only light up */
.btn-primary,.btn-secondary,.btn-tertiary{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800;cursor:pointer;border:2px solid transparent}
.btn-primary{background:var(--acc)!important;color:#0d0316!important}
.btn-primary:hover{background:var(--acc-hi)!important}
.btn-secondary{background:var(--tag)!important;color:#fff!important;border-color:var(--tag-edge)!important}
.btn-secondary:hover{background:#6a14b8!important}
.btn-tertiary{background:#200a33!important;color:#fff!important}
.btn-tertiary:hover{background:#280d40!important}
.btn-primary[disabled],.btn-secondary[disabled]{opacity:1!important;pointer-events:auto!important;cursor:pointer}
.jv-ripple{position:absolute;border-radius:50%;background:rgba(255,171,61,.5);pointer-events:none;animation:jv-ripple .3s ease-out forwards}

/* BUY buttons: animated everywhere */
.product-actions .add,.product-actions .subscribe{position:relative;overflow:hidden}
.product-actions .add,.product-actions .subscribe{transition:transform .3s var(--ease)}
.product-actions .add:hover,.product-actions .subscribe:hover{transform:translate3d(0,-4px,0) scale(1.02)}
.product-actions .add:active,.product-actions .subscribe:active{transform:scale(.97);transition-duration:.15s}
.product-actions .btn-primary.add:hover,.product-actions .btn-primary.subscribe:hover{background:#ff8929!important}
.product-actions .btn-secondary.add:hover{background:var(--tag)!important}

/* HOME PAGE: every button animates */
.page-index .jv-play:hover,.page-index .jv-discord:hover{transform:translate3d(0,-4px,0)}
.page-index .jv-play:active,.page-index .jv-discord:active{transform:scale(.97)}
.page-index .jv-play:hover .jv-ico,.page-index .jv-discord:hover .jv-ico{box-shadow:0 12px 28px var(--glow)}
.page-index .jv-play:hover .jv-ico::after,.page-index .jv-discord:hover .jv-ico::after{animation:jv-shine .3s var(--ease)}
.page-index .jv-play:hover .jv-ico svg,.page-index .jv-discord:hover .jv-ico svg{animation:jv-icon .3s var(--ease)}
.page-index .jv-pill:hover{transform:translate3d(0,-3px,0);box-shadow:0 10px 24px var(--glow)}
.page-index .jv-pill:active{transform:scale(.96)}
.page-index .jv-toplink:hover .jv-topicon{transform:translate3d(0,-4px,0)}
.page-index .site-navigation a:hover{transform:translate3d(0,-2px,0)}
.page-index .jv-socials a:hover{transform:translate3d(0,-4px,0) scale(1.08)}
.page-index .jv-socials a:active{transform:scale(.94)}
.page-index .btn-primary:hover,.page-index .btn-secondary:hover{transform:translate3d(0,-2px,0)}

/* home categories (Apollo-style cards) */
.site-home-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;width:100%;max-width:none!important;padding:0!important;margin:0 0 28px!important}
.site-home-categories .category:last-child:nth-child(odd){grid-column:1/-1}
.site-home-categories .category{position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:0!important;padding:0!important;height:240px;overflow:hidden;background:#371158;border:2px solid var(--edge);border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.5)}
.site-home-categories .category::before{content:"";position:absolute;inset:0;background:rgba(11,1,20,.42);clip-path:polygon(62% 0,100% 0,100% 100%,48% 100%);pointer-events:none}
.cat-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin:0;padding-left:65px}
.cat-text strong{font-size:3.5rem;font-weight:900;line-height:1;text-transform:uppercase;color:#fff}
.cat-text strong.long{font-size:2.7rem}
.cat-text em{font-style:normal;font-weight:800;color:rgba(255,255,255,.6);letter-spacing:.03em}
.site-home-categories .image{position:absolute!important;right:-8%;bottom:-12%;width:35%!important;height:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1;margin:0!important;object-fit:contain;object-position:right bottom;image-rendering:pixelated}
.site-home-categories .image-default{background:none}

/* trust + faq */
.jv-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.jv-trust-item{display:flex;align-items:center;gap:16px;padding:20px 22px;background:var(--card);border:2px solid var(--edge);border-radius:16px}
.jv-trust-item:hover{transform:translate3d(0,-4px,0);border-color:var(--acc-deep)}
.jv-trust-ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,129,26,.15);color:var(--acc-hi)}
.jv-trust-item b{display:block;font-size:1.05rem}
.jv-trust-item span:not(.jv-trust-ico){color:var(--muted);font-size:.88rem}
.jv-faq{margin:40px 0 0}
.jv-faq h3{font-size:1.6rem;margin-bottom:16px;text-transform:uppercase}
.jv-faq details{background:var(--card);border:2px solid var(--edge);border-radius:14px;margin-bottom:12px;overflow:hidden}
.jv-faq details:hover{border-color:var(--acc-deep)}
.jv-faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:800;display:flex;justify-content:space-between;align-items:center}
.jv-faq summary::-webkit-details-marker{display:none}
.jv-faq summary::after{content:"+";font-size:1.5rem;color:var(--acc-hi);transition:transform .3s var(--ease)}
.jv-faq details[open] summary::after{transform:rotate(45deg)}
.jv-faq-body{padding:0 22px 20px;color:#c7b6d6;line-height:1.7;animation:jv-fade .3s ease}

/* layout */
.site-content{max-width:1200px;margin:0 auto;padding:12px 16px 24px}
.site-content-widgets{display:block}
.store-sidebar{display:none}
.text-content{line-height:1.7;color:#dbd0e5}
.store-text{background:var(--card);border:2px solid var(--edge);border-radius:18px;padding:28px}
.page-index .site-content{display:none}

/* category page header */
.jv-crumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:700;font-size:.9rem;margin-bottom:14px}
.jv-crumbs a:hover{color:var(--acc-hi)}.jv-crumbs b{color:#fff}
.jv-cat-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.jv-cat-head h2{font-size:2.6rem;text-transform:uppercase;line-height:1}
.jv-cat-count{margin:6px 0 0;color:var(--muted);font-weight:700}
.jv-tools{display:flex;gap:12px;flex-wrap:wrap}
.jv-search{position:relative;display:block}
.jv-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.jv-search input{width:260px;height:48px;padding:0 14px 0 42px;background:var(--card);border-radius:12px;transition:width .3s var(--ease),border-color .3s ease}
.jv-search input:focus{width:300px}
#jv-sort{height:48px;background:var(--card);border-radius:12px;font-weight:700;cursor:pointer}
.no-products{padding:40px;text-align:center;color:var(--muted);font-weight:700;background:var(--card);border:2px dashed var(--edge);border-radius:18px}
.category-description{margin-bottom:24px}

/* products */
[class^="store-products-"]{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.store-product{position:relative;display:flex;flex-direction:column;background:var(--card);border:3px solid #270b40;border-radius:18px;box-shadow:0 10px 22px rgba(0,0,0,.5)}
.store-product{transition:background-color .3s ease,border-color .3s ease}
.store-products .store-product:hover{background:#280d40;border-color:#3a0b63}
.store-product:hover .image-link{background:#1f0932}
.store-product .image-link{transition:background-color .3s ease}
.store-product .image-link{position:relative;display:grid;place-items:center;height:132px;background:var(--card-2);overflow:hidden;border-radius:15px 15px 0 0}
.store-product .image{max-height:96px;max-width:100%;width:auto;object-fit:contain;image-rendering:pixelated}
.store-product .image-default{width:40px;height:90px;background:var(--card-hi);border-radius:8px}
.jv-sale{position:absolute;top:12px;left:12px;z-index:2;padding:4px 10px;border-radius:8px;background:#facc15;color:#1a1400;font-size:.7rem;font-weight:900;letter-spacing:.06em}
.product-title{font-size:1.4rem;line-height:1.2;text-align:center;padding:31px 29px 15px;font-weight:900}
.countdown{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:6px;background:#facc15;color:#000;font-size:.7rem;font-weight:800;vertical-align:middle}
.jv-tag{display:flex;align-items:center;justify-content:center;height:43px;margin:0 29px 17px;padding:0;background:#510c8d;border:2px solid #ff943d;border-radius:8px;color:#fff;font-size:.82rem;font-weight:800;cursor:pointer;transition:transform .3s var(--ease)}
.jv-tag:hover{transform:translate3d(0,-4px,0) scale(1.02)}
.jv-tag:active{transform:scale(.97);transition-duration:.15s}
.product-actions{display:flex;flex-wrap:wrap;gap:17px;padding:0 29px 29px;margin-top:auto}
.product-actions .price{display:none}
.product-actions .wide{flex:1 1 100%}
.product-actions .half{flex:1 1 calc(50% - 5px)}
.product-actions .btn-primary,.product-actions .btn-secondary{height:51px;font-size:.95rem;border-width:0;border-radius:6px}
.product-actions .btn-primary{background:#ff8929!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.product-actions .btn-primary strong{font-weight:800}
.product-actions .add .btn-price,.product-actions .add .btn-cta{display:flex;align-items:center;gap:6px;pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease)}
.product-actions .add .btn-price del{opacity:.55;font-size:.8rem;margin-right:4px}
.product-actions .add .btn-cta{position:absolute;inset:0;justify-content:center;opacity:0;transform:translate3d(0,100%,0)}
.product-actions .add:hover .btn-price{opacity:0;transform:translate3d(0,-100%,0)}
.product-actions .add:hover .btn-cta{opacity:1;transform:none}
.quantity-field{display:flex;align-items:stretch;gap:6px;height:52px}
.quantity-field input{width:56px;text-align:center;background:var(--card-2);border:0;color:#fff;border-radius:10px;font-weight:800}
.quantity-field .open-basket{flex:1;background:var(--tag);border:0;color:#fff;border-radius:10px;cursor:pointer;font-weight:800}
.quantity-field .open-basket:hover{background:#6a14b8}
.quantity-field .adjust{min-width:44px;border-radius:10px}
.store-category-tiered-header{margin-bottom:22px}
.store-category-tiered-header h2{font-size:2.2rem;text-transform:uppercase}
.store-products-tiered{grid-template-columns:repeat(3,1fr)}
.store-product-tiered.subscribed{border-color:var(--acc)}
.store-product-tiered .descr{padding:0 28px 14px;color:#dbd0e5}

/* package popup / page */
.store-product-full{background:var(--card-2);border:3px solid var(--edge);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.7);animation:jv-pop .3s var(--ease) backwards}
.jv-pkg-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:28px 30px;background:var(--card);border-bottom:2px solid var(--edge)}
.jv-pkg-media{width:96px;height:96px;display:grid;place-items:center;background:var(--card-2);border:2px solid var(--edge);border-radius:12px}
.jv-pkg-media .image{max-width:64px;max-height:72px;width:auto;image-rendering:pixelated}
.jv-pkg-title .product-title{text-align:left;padding:0;font-size:1.7rem}
.jv-pkg-price{margin:6px 0 0;color:var(--muted);font-weight:800}
.jv-pkg-head .product-actions{padding:0;margin:0;flex-direction:column;flex-wrap:nowrap;gap:10px;min-width:200px;align-self:center}
.jv-pkg-head .product-actions .btn-primary,.jv-pkg-head .product-actions .btn-secondary,.jv-pkg-head .product-actions .quantity-field{flex:none;width:100%;min-width:0;height:54px;font-size:1.05rem}
.jv-multi{grid-template-columns:1fr}
.jv-multi .jv-pkg-media{width:100%;height:auto;padding:12px}
.store-product-full .descr{padding:26px 30px 30px;font-size:.98rem;line-height:1.8;color:#c7b6d6}
.store-product-full .descr strong{color:#fff}
.media-slider{width:100%}

/* basket + forms */
.basket,.store-form,.store-product-options,.store-quote{background:var(--card);border:3px solid var(--edge);border-radius:18px;padding:26px}
.basket-title{font-size:1.8rem}
.basket-second-header{display:flex;justify-content:space-between;padding:12px 16px;background:var(--card-2);border-radius:12px;font-weight:800;margin-bottom:8px}
.basket-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:2px solid var(--edge)}
.basket-item .title a{font-weight:800}
.basket-item .options{list-style:none;padding:0;margin:4px 0;color:var(--muted);font-size:.85rem}
.basket-checkout{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
.basket-checkout .total,.basket-second-header .total{color:var(--acc-hi)}
.basket .checkout{height:54px;padding:0 28px;font-size:1.05rem}
.btn-glyph.remove{opacity:.7}.btn-glyph.remove:hover{opacity:1;background:#7f1d1d!important}
input,select,textarea{background:var(--card-2);border:2px solid var(--edge);color:#fff;border-radius:10px;padding:12px 14px;max-width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc)}
.field{margin-bottom:16px}.field p{margin:0 0 6px;color:var(--muted)}
.actions-multiple,.quote-actions{display:flex;gap:10px;flex-wrap:wrap}
.widget{background:var(--card);border:2px solid var(--edge);border-radius:16px;overflow:hidden}
.widget-title{padding:12px 16px;font-size:1rem;background:var(--card-2)}
.widget-content{padding:16px}
.badge{padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:800}
.badge-success{background:var(--acc);color:#0d0316}.badge-danger{background:#ef4444}
.progress{height:12px;background:var(--card-2);border-radius:999px;overflow:hidden}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--acc-deep),var(--acc-hi));border-radius:999px}

/* footer: dock (support + recent donators) is attached to the footer top */
.site-footer{position:relative;margin-top:120px!important;padding:0!important;background:var(--footer);border-top:3px solid var(--dock)}
.jv-dock{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin-top:-66px}
.jv-side-btn{display:inline-flex;align-items:center;gap:16px;width:max-content;height:66px;padding:0 20px 0 0;background:var(--dock);color:var(--dock-text);font-weight:800;border-radius:16px 16px 0 0;border-bottom:3px solid var(--dock)}
.jv-side-btn:hover{color:#fff;background:#280d40}
.jv-side-ico{display:grid;place-items:center;width:66px;height:63px;background:#280d40;border-radius:16px 0 0 0}
.jv-side-btn:hover .jv-side-ico{background:#371158}
.jv-donators{position:relative;text-align:center}
.jv-donators h5{position:absolute;left:0;right:0;bottom:calc(100% + 10px);font-size:.78rem;font-weight:800;color:#6b6f6c;letter-spacing:.05em;margin:0}
.jv-donators-box{background:var(--dock);border-radius:16px 16px 0 0;padding:0 30px;height:66px;min-width:340px;display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--dock)}
.jv-donators .widget{background:none!important;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible;animation:none}
.jv-donators .widget-title,.jv-donators .widget:not(.widget-recent){display:none}
.jv-donators .widget-content{padding:0}
.jv-donators .purchases{display:flex;gap:24px;align-items:center}
.jv-donators .purchase{position:relative;display:block;padding:0;border:0}
.jv-donators .purchase:nth-child(n+6){display:none}
.jv-donators .avatar{width:36px;height:36px;border-radius:6px;image-rendering:pixelated;display:block;cursor:pointer}
.jv-donators .purchase:hover .avatar{transform:translate3d(0,-5px,0) scale(1.12)}
.jv-donators .purchase .info{display:block;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate3d(-50%,6px,0);opacity:0;pointer-events:none;background:#200a33;border:1px solid #270b40;border-radius:8px;padding:6px 10px;white-space:nowrap;z-index:5;transition:opacity .25s ease,transform .3s var(--ease)}
.jv-donators .purchase .info p,.jv-donators .purchase .info time{display:none}
.jv-donators .purchase .info .username{font-size:.8rem;margin:0;color:#fff}
.jv-donators .purchase:hover .info{opacity:1;transform:translate3d(-50%,0,0)}
.jv-donators .empty{color:#6b6f6c;margin:0;font-weight:700;font-size:.85rem}

.jv-footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-top:42px;padding-bottom:46px}
.jv-foot-left strong{display:block;font-size:1.1rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.jv-foot-left p{margin:10px 0 6px;color:#868e89;font-size:.95rem;font-weight:500}
.jv-foot-left small{color:#868e89;font-size:.78rem;font-weight:500}
.jv-foot-right{text-align:right}
.jv-foot-right strong{display:block;font-size:1.1rem;font-weight:900;letter-spacing:.03em}
.jv-socials{display:flex;gap:16px;justify-content:flex-end;margin-top:20px}
.jv-socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--dock);border:1px solid #270b40;color:#fff}
.jv-socials a:hover{background:var(--acc);border-color:var(--acc);color:#0d0316}

/* payment history modal */
.jv-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.75);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
.jv-modal.open{opacity:1;visibility:visible}
.jv-modal-card{width:min(520px,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--card-2);border:3px solid var(--edge);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.8);opacity:0;transform:translate3d(0,40px,0) scale(.92);transition:transform .3s var(--ease),opacity .3s ease}
.jv-modal.open .jv-modal-card{opacity:1;transform:none;transition-delay:.12s}
.jv-modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--card);border-bottom:2px solid var(--edge)}
.jv-modal-head h3{font-size:1.3rem}
.jv-modal-x{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:10px;border:0;background:#280d40;color:#fff;cursor:pointer}
.jv-modal-x svg{display:block;pointer-events:none}
.jv-modal-x:hover{background:#371158}
.jv-modal-body{padding:22px 24px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.jv-hist-msg{margin:0;color:#e6deed;font-weight:700}
.jv-hist-note{margin:0;color:var(--muted);font-size:.85rem}
.jv-hist-btn{align-self:flex-start;height:46px;padding:0 24px;margin-top:6px}
.jv-hist-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:var(--card);border:2px solid var(--edge);border-radius:12px}
.jv-hist-row b{display:block}
.jv-hist-row small{color:var(--muted)}
.jv-hist-price{color:var(--acc-hi);font-weight:800}

/* scroll progress + back to top */
.jv-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--acc-deep),var(--acc-hi));transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.jv-totop{position:fixed;right:22px;bottom:22px;z-index:900;width:50px;height:50px;border-radius:14px;border:2px solid var(--edge);background:var(--card);color:var(--acc-hi);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translate3d(0,20px,0) scale(.9);pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease),background-color .3s ease}
.jv-totop.show{opacity:1;transform:none;pointer-events:auto}
.jv-totop:hover{background:var(--acc);color:#0d0316}

/* responsive */
@media(max-width:1000px){
  [class^="store-products-"],.store-products-tiered{grid-template-columns:repeat(2,1fr)}
  .cat-text strong{font-size:2.4rem}.cat-text{padding-left:32px}
}
@media(max-width:900px){
  .jv-trust{grid-template-columns:1fr}
  .jv-search input,.jv-search input:focus{width:100%}.jv-tools{width:100%}.jv-search{flex:1}
  .jv-cat-head h2{font-size:2rem}
}
@media(max-width:760px){
  .jv-banner{height:auto;padding:46px 18px 18px;flex-wrap:wrap;gap:20px;justify-content:space-between}
  .jv-logo{position:relative;left:auto;top:auto;transform:none;order:-1;width:100%;text-align:center}
  .jv-logo img{max-height:90px;margin:0 auto}
  .jv-badge{top:-30px}
  .jv-row{flex-wrap:wrap;gap:12px}.jv-row .actions{display:block}
  .site-home-categories{grid-template-columns:1fr}.site-home-categories .category{height:180px}
  [class^="store-products-"],.store-products-tiered{grid-template-columns:1fr}
  .jv-dock{grid-template-columns:1fr;justify-items:center}
  .jv-dock .jv-side-btn,.jv-dock>span{display:none}
  .jv-donators-box{min-width:0;width:calc(100vw - 32px);padding:0 16px}
  .jv-pkg-head{grid-template-columns:1fr;text-align:center}.jv-pkg-media{margin:0 auto}.jv-pkg-title .product-title{text-align:center}
  .jv-footer-inner{flex-direction:column;align-items:stretch}
}

/* ===== motion layer: subtle, GPU-friendly ===== */
@keyframes jv-slide-l{from{opacity:0;transform:translate3d(-26px,0,0)}to{opacity:1;transform:none}}
@keyframes jv-slide-r{from{opacity:0;transform:translate3d(26px,0,0)}to{opacity:1;transform:none}}
@keyframes jv-logo-in{from{opacity:0;transform:translate(-50%,-16px) scale(.9)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes jv-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-5px)}}
@keyframes jv-badge-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}

/* banner choreography */
.jv-play{animation:jv-slide-l .3s var(--ease) .15s backwards}
.jv-discord{animation:jv-slide-r .3s var(--ease) .15s backwards}
.jv-logo{animation:jv-logo-in .3s var(--ease) .2s backwards,jv-float 7s ease-in-out .3s infinite;will-change:transform}
.jv-badge{animation:jv-badge-in .3s var(--ease) .3s backwards}
.jv-topbar{animation:jv-fade .3s ease backwards}
.jv-row-left{animation:jv-slide-l .3s var(--ease) .2s backwards}
.jv-row-right{animation:jv-slide-r .3s var(--ease) .2s backwards}

/* popup + basket entrances */
.jv-pkg-media{animation:jv-up .3s var(--ease) .05s backwards}
.jv-pkg-title{animation:jv-up .3s var(--ease) .1s backwards}
.jv-pkg-head .product-actions{animation:jv-up .3s var(--ease) .15s backwards}
.store-product-full .descr{animation:jv-fade .3s ease .25s backwards}
.basket-item{animation:jv-up .3s var(--ease) backwards}
.basket-item:nth-child(2){animation-delay:.06s}.basket-item:nth-child(3){animation-delay:.12s}.basket-item:nth-child(n+4){animation-delay:.18s}
.jv-hist-row{animation:jv-up .3s var(--ease) backwards}
.jv-hist-row:nth-child(2){animation-delay:.05s}.jv-hist-row:nth-child(3){animation-delay:.1s}.jv-hist-row:nth-child(n+4){animation-delay:.15s}
.jv-modal{backdrop-filter:blur(6px)}

/* scroll reveal (only when JS is running) */
.js .jv-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .3s var(--ease) var(--d,0s),transform .3s var(--ease) var(--d,0s)}
.js .jv-reveal.in{opacity:1;transform:none}
.js .jv-dock.jv-reveal{transform:none}
.js .jv-dock.jv-reveal .purchase{opacity:0;transform:scale(.6);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.js .jv-dock.jv-reveal.in .purchase{opacity:1;transform:none}
.js .jv-dock.jv-reveal.in .purchase:nth-child(1){transition-delay:.1s}
.js .jv-dock.jv-reveal.in .purchase:nth-child(2){transition-delay:.17s}
.js .jv-dock.jv-reveal.in .purchase:nth-child(3){transition-delay:.24s}
.js .jv-dock.jv-reveal.in .purchase:nth-child(4){transition-delay:.3s}
.js .jv-dock.jv-reveal.in .purchase:nth-child(5){transition-delay:.3s}

/* images fade in, page fades between sections */
.jv-loading{opacity:0}
.site{transition:opacity .3s ease}
.jv-leaving .site{opacity:0}

/* FAQ + inputs polish */
.jv-faq details.is-closing summary::after{transform:none}
select:focus{outline:none;border-color:var(--acc)}
.jv-search input::placeholder{color:#8d7aa6}

@media(max-width:760px){.jv-logo{animation:none;will-change:auto}.jv-play,.jv-discord,.jv-row-left,.jv-row-right{animation-duration:.3s}}

/* ===== unified button motion: gentle, .3s, with a short delay ===== */
:root{--ease-slow:cubic-bezier(.45,.05,.25,1)}
.btn-primary,.btn-secondary,.btn-tertiary,.jv-pill,.jv-play,.jv-discord,.jv-socials a,.jv-tag,
.product-actions .add,.product-actions .subscribe,.quantity-field .open-basket,.quantity-field .adjust,
.jv-modal-x,.jv-totop,.site-navigation a,.jv-topicon,.jv-side-btn,.site-home-categories .category{
  transition:transform .3s var(--ease-slow),background-color .3s ease,border-color .3s ease,color .3s ease,opacity .3s ease,box-shadow .3s ease
}
.btn-primary:hover,.btn-secondary:hover,.btn-tertiary:hover,.jv-pill:hover,.jv-play:hover,.jv-discord:hover,.jv-socials a:hover,.jv-tag:hover,
.product-actions .add:hover,.product-actions .subscribe:hover,.quantity-field .open-basket:hover,.quantity-field .adjust:hover,
.jv-modal-x:hover,.site-navigation a:hover,.jv-toplink:hover .jv-topicon,.jv-side-btn:hover{
  transform:scale(1.04)!important;
  transition:transform .3s var(--ease-slow) .06s,background-color .3s ease,border-color .3s ease,color .3s ease,opacity .3s ease,box-shadow .3s ease
}
.jv-totop.show:hover{transform:scale(1.08)!important;transition:transform .3s var(--ease-slow) .06s,background-color .3s ease}
.jv-side-btn{transform-origin:50% 100%}
.site-home-categories .category:hover{transform:scale(1.03)!important;transition:transform .3s var(--ease-slow) .06s}
.btn-primary:active,.btn-secondary:active,.jv-pill:active,.jv-tag:active,.product-actions .add:active,.product-actions .subscribe:active,.site-home-categories .category:active{
  transform:scale(.98)!important;transition-duration:.15s;transition-delay:0s
}

/* ===== popups: longer, clearly visible entrance ===== */
@keyframes jv-popup-in{from{opacity:0;transform:translate3d(0,40px,0) scale(.92)}to{opacity:1;transform:none}}
@keyframes jv-popup-item{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
[data-popup]{animation:jv-popup-in .3s var(--ease) .1s backwards}
.jv-pkg-media{animation:jv-popup-item .3s var(--ease) .2s backwards}
.jv-pkg-title{animation:jv-popup-item .3s var(--ease) .3s backwards}
.jv-pkg-head .product-actions{animation:jv-popup-item .3s var(--ease) .3s backwards}
.store-product-full .descr{animation:jv-fade .3s ease .3s backwards}

/* ===== desktop: hide mobile-only bits ===== */
.jv-mobile-support{display:none}

/* ===== touch devices: no sticky hover scaling ===== */
@media(hover:none){
  .btn-primary:hover,.btn-secondary:hover,.btn-tertiary:hover,.jv-pill:hover,.jv-play:hover,.jv-discord:hover,.jv-socials a:hover,.jv-tag:hover,
  .product-actions .add:hover,.product-actions .subscribe:hover,.quantity-field .open-basket:hover,.quantity-field .adjust:hover,
  .jv-modal-x:hover,.site-navigation a:hover,.jv-toplink:hover .jv-topicon,.jv-side-btn:hover,.jv-totop.show:hover,
  .site-home-categories .category:hover,.page-index .jv-pill:hover,.page-index .jv-play:hover,.page-index .jv-discord:hover{
    transform:none!important
  }
  .store-products .store-product:hover{background:var(--card);border-color:#270b40}
}

/* ===== PHONE LAYOUT ===== */
@media(max-width:760px){
  html,body{overflow-x:hidden}
  .jv-wrap{padding:0 14px}

  /* top links */
  .jv-topbar{padding-top:12px}
  .jv-toplink{height:50px;gap:10px;font-size:.78rem}
  .jv-topicon{width:46px;height:46px;border-radius:12px 12px 0 0}

  /* banner: logo on top, two tap buttons below */
  .jv-banner{display:grid!important;grid-template-columns:1fr 1fr;grid-template-areas:"logo logo" "play discord";height:auto;padding:8px 12px 14px;gap:10px 8px;align-items:center;border-radius:16px;flex-wrap:nowrap}
  .jv-logo{grid-area:logo;position:relative;left:auto;top:auto;transform:none;margin:-6px auto 0;width:auto;text-align:center;animation:jv-fade .3s ease backwards;will-change:auto;order:0}
  .jv-logo img{max-height:92px;margin:0 auto}
  .jv-wordmark{font-size:1.7rem}
  .jv-play{grid-area:play;justify-self:start}
  .jv-discord{grid-area:discord;justify-self:end}
  .jv-play,.jv-discord{gap:10px;padding:8px 10px;background:#200a33;border-radius:14px;animation-duration:.3s}
  .jv-ico{width:46px;height:46px;border-radius:12px}
  .jv-ico svg{width:22px;height:22px}
  .jv-txt b{font-size:.9rem}
  .jv-txt small{font-size:.68rem}
  .jv-badge{top:-10px;left:-6px;font-size:.6rem;padding:3px 9px}
  .jv-discord .jv-badge{left:auto;right:-6px}

  /* login / currency / basket */
  .jv-row{flex-wrap:wrap;gap:10px;margin:16px 0 12px;justify-content:space-between}
  .jv-row .actions{display:none}
  .jv-row-left,.jv-row-right{gap:10px}
  .jv-pill{height:48px;padding:0 12px;gap:8px;font-size:.92rem;border-radius:12px}
  .jv-pill-ico{width:28px;height:28px}
  .jv-cur-btn{min-width:0}
  .open-basket span:not(.jv-pill-ico){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .open-basket{padding:0 10px}
  .user-name .text,.user-name .text-hover{display:inline-block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
  .jv-cur-menu{left:auto;right:0;width:max-content;min-width:132px;max-height:60vh;overflow-y:auto}

  /* navigation: simple scrolling pill bar (no drawer) */
  .site-navigation{position:static!important;transform:none!important;display:block!important;visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;max-height:none!important;inset:auto!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0 0 12px!important;overflow:visible!important}
  .site-navigation .navigation-list{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;padding:2px 14px 8px!important;margin:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .site-navigation .navigation-list::-webkit-scrollbar{display:none}
  .site-navigation li{flex:none;scroll-snap-align:start}
  .site-navigation li>ul{display:contents!important}
  .site-navigation a{white-space:nowrap;padding:10px 16px;font-size:.9rem}
  .site-navigation .toggle,.site-navigation .close-navigation,.toggle-navigation,.site-navigation .mobile-only{display:none!important}

  /* home */
  .site-home-categories{grid-template-columns:1fr;gap:14px;margin-bottom:20px}
  .site-home-categories .category{height:150px;border-radius:16px}
  .cat-text{padding-left:26px}
  .cat-text strong{font-size:2.1rem}
  .cat-text em{font-size:.85rem}
  .site-home-categories .image{width:40%!important;right:-6%;bottom:-10%}
  .jv-trust{gap:12px;margin-top:28px}
  .jv-trust-item{padding:14px 16px;gap:14px}
  .jv-trust-ico{width:44px;height:44px}
  .jv-faq{margin-top:28px}
  .jv-faq h3{font-size:1.3rem}
  .jv-faq summary{padding:15px 16px}
  .jv-faq-body{padding:0 16px 16px}

  /* category page */
  .jv-cat-head{align-items:stretch;margin-bottom:18px}
  .jv-cat-head h2{font-size:1.9rem}
  .jv-tools{flex-direction:column;width:100%;gap:10px}
  .jv-search,.jv-search input,.jv-search input:focus,#jv-sort{width:100%}
  [class^="store-products-"],.store-products-tiered{grid-template-columns:1fr;gap:16px}
  .product-title{font-size:1.25rem;padding:24px 22px 12px}
  .jv-tag{margin:0 22px 14px}
  .product-actions{padding:0 22px 22px;gap:14px}

  /* package popup / page */
  .jv-pkg-head{padding:20px 18px;gap:14px}
  .jv-pkg-media{width:84px;height:84px}
  .jv-pkg-title .product-title{font-size:1.4rem}
  .jv-pkg-head .product-actions{min-width:0;width:100%}
  .store-product-full .descr{padding:18px 18px 22px}

  /* basket */
  .basket,.store-form,.store-product-options,.store-quote{padding:18px}
  .basket-item{flex-wrap:wrap}
  .basket-checkout{flex-direction:column;align-items:stretch}
  .basket .checkout{width:100%}

  /* footer */
  .site-footer{margin-top:104px!important}
  .jv-dock{gap:0}
  .jv-donators-box{padding:0 14px}
  .jv-donators .purchases{gap:14px}
  .jv-footer-inner{text-align:center;align-items:center;padding-top:30px;padding-bottom:34px}
  .jv-foot-right{text-align:center}
  .jv-socials{justify-content:center}
  .jv-mobile-support{display:inline-flex;margin-top:16px;height:44px;padding:0 26px}

  /* modal + back to top */
  .jv-modal{padding:12px}
  .jv-modal-card{max-height:86vh;border-radius:16px}
  .jv-modal-head{padding:16px 18px}
  .jv-modal-body{padding:16px 18px}
  .jv-totop{right:14px;bottom:14px;width:46px;height:46px}
}
@media(max-width:380px){
  .jv-txt small{display:none}
  .cat-text strong{font-size:1.8rem}
  .jv-pill{padding:0 10px}
}

/* ===== top links nudged outward (desktop) ===== */
@media(min-width:1000px){.jv-topbar{padding-left:22px;padding-right:22px}}

/* ===== package cards: forced to the exact Apollo structure (beats the original theme CSS) ===== */
.store-products .store-product{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;background:#200a33!important;border:3px solid #270b40!important;border-radius:18px!important;overflow:hidden!important;text-align:center!important}
.store-products .store-product:hover{background:#280d40!important;border-color:#3a0b63!important}
.store-products .store-product .image-link{display:grid!important;place-items:center!important;width:100%!important;height:132px!important;margin:0!important;padding:0!important;background:#170724!important;border:0!important;border-radius:0!important;overflow:hidden!important}
.store-products .store-product:hover .image-link{background:#1f0932!important}
.store-products .store-product .image{width:auto!important;height:auto!important;max-width:60%!important;max-height:96px!important;margin:0!important;border-radius:0!important;background:none!important;object-fit:contain!important;image-rendering:pixelated}
.store-products .store-product .image-default{width:40px!important;height:90px!important;background:#371158!important;border-radius:8px!important}
.store-products .store-product .product-title{margin:0!important;padding:31px 29px 15px!important;font-size:1.4rem!important;font-weight:900!important;line-height:1.2!important;text-align:center!important;color:#fff!important}
.store-products .store-product .jv-tag{display:flex!important;align-items:center!important;justify-content:center!important;height:43px!important;margin:0 29px 17px!important;padding:0!important;background:#510c8d!important;border:2px solid #ff943d!important;border-radius:8px!important;color:#fff!important;font-size:.82rem!important;font-weight:800!important}
.store-products .store-product .product-actions{display:flex!important;flex-wrap:wrap!important;gap:17px!important;margin:auto 0 0!important;padding:0 29px 29px!important}
.store-products .store-product .product-actions .btn-primary,.store-products .store-product .product-actions .btn-secondary{height:51px!important;margin:0!important;border:0!important;border-radius:6px!important;font-size:.95rem!important;font-weight:800!important}
.store-products .store-product .product-actions .btn-primary{background:#ff8929!important;color:#fff!important}
@media(max-width:760px){
  .store-products .store-product .product-title{padding:24px 22px 12px!important;font-size:1.25rem!important}
  .store-products .store-product .jv-tag{margin:0 22px 14px!important}
  .store-products .store-product .product-actions{padding:0 22px 22px!important;gap:14px!important}
}

/* ===== let the background image show through everywhere ===== */
body,.site,.site-header,.site-header-inner,.site-content,.jv-wrap{background:transparent!important;background-image:none!important}
.site::before,.site::after,.site-header::before,.site-header::after{display:none!important}

/* ===== rules page content (CMS page "rules") ===== */
.jvr{--o:#ff811a;--o2:#ffab3d;--p:#510c8d;--card:#200a33;--card2:#170724;--edge:#270b40;--hot:#ff4d8d;--tx:#e8def2;--mu:#a58abd;
  box-sizing:border-box;margin:0;padding:0;color:var(--tx);font-family:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6;text-align:left}
.jvr *{box-sizing:border-box}
.jvr h3,.jvr h4,.jvr p,.jvr ul{margin:0;padding:0}
.jvr ul{list-style:none}
.jvr-lead{max-width:62ch;color:var(--mu);font-size:1.02rem}
.jvr-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}
.jvr-nav a{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:12px;background:var(--card);border:2px solid var(--edge);color:#fff;font-weight:800;font-size:.92rem;text-decoration:none;transition:background-color .3s ease,border-color .3s ease}
.jvr-nav a:hover{background:#280d40;border-color:#3a0b63}
.jvr-nav a:focus-visible{outline:3px solid var(--o);outline-offset:3px}
.jvr-sec{margin-top:44px;scroll-margin-top:24px}
.jvr-sec>h3{display:flex;align-items:center;gap:14px;font-size:1.7rem;font-weight:900;color:#fff;line-height:1.2}
.jvr-sec>h3::after{content:"";flex:1;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--o),var(--p) 60%,transparent)}
.jvr-sec>p.jvr-lead{margin:12px 0 4px}
.jvr-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:14px}
.jvr-rules li{position:relative;padding:16px 0 16px 28px;border-bottom:1px solid var(--edge)}
.jvr-rules li::before{content:"";position:absolute;left:4px;top:24px;width:10px;height:10px;background:var(--o);transform:rotate(45deg);border-radius:2px}
.jvr-rules b{display:block;color:#fff;font-size:1.04rem;font-weight:800}
.jvr-rules span{display:block;margin-top:2px;color:var(--mu);font-size:.95rem}
.jvr-end{margin-top:16px;color:var(--o2);font-weight:700}
.jvr-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;margin-top:18px}
.jvr-group{background:var(--card2);border:2px solid var(--edge);border-radius:16px;padding:20px 22px;transition:border-color .3s ease}
.jvr-group:hover{border-color:#3a0b63}
.jvr-group h4{font-size:1.1rem;font-weight:900;color:#fff;margin-bottom:10px}
.jvr-mods li{position:relative;padding:9px 0 9px 26px;border-top:1px solid var(--edge)}
.jvr-mods li:first-child{border-top:0}
.jvr-mods li::before{position:absolute;left:0;top:9px;font-weight:900}
.jvr-mods.ok li::before{content:"\2713";color:var(--o)}
.jvr-mods.no li::before{content:"\2715";color:var(--hot)}
.jvr-mods b{display:block;color:#fff;font-weight:800;font-size:.97rem}
.jvr-mods span{display:block;color:var(--mu);font-size:.88rem}
.jvr-warn{font-style:normal;font-weight:900;color:var(--o2)}
.jvr-foot{margin-top:40px;padding-top:18px;border-top:1px solid var(--edge);color:var(--mu);font-size:.9rem}
@media(max-width:760px){
  .jvr-rules{grid-template-columns:1fr}
  .jvr-groups{grid-template-columns:1fr}
  .jvr-sec>h3{font-size:1.4rem}
  .jvr-nav a{height:42px;padding:0 14px}
}