/* Shared design treatment across every local storefront page. */
html{scroll-behavior:auto!important}
.mg-storefront>.topbar .navlinks{gap:6px!important}
.mg-storefront>.topbar .navlinks a:not(.discord){padding-inline:9px}
.mg-storefront .footer-brand-block p{font-size:16px!important;line-height:1.7;color:#b9b0c6;max-width:390px}
.mg-storefront .footer-payment-note{font-size:12px!important;line-height:1.5!important;color:#9688a6!important;text-align:left;margin:12px 0 0}
.mg-storefront .preview-strip{flex-wrap:wrap;gap:6px 9px}.mg-storefront .preview-strip a{margin-left:6px}
body.mg-storefront{background-color:#050509!important;background-repeat:no-repeat!important;color:#f7f4ff!important}
.mg-storefront>.topbar{padding:0!important;min-height:0!important;background:rgba(5,5,9,.82)!important;border-bottom:1px solid #ffffff0e!important}
.mg-storefront>.topbar .nav{padding-top:0!important;padding-bottom:0!important}
.mg-storefront>.topbar .navlinks a{border-radius:9px}.mg-storefront>.topbar .navlinks .discord{background:#5865f219!important;border:1px solid #7883fa40!important;color:#dadfff!important}
.mg-storefront>main{min-height:55vh}.mg-storefront:not(.compact-home)>main>.page-hero{padding-top:64px!important;padding-bottom:48px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.mg-storefront .btn{border-radius:12px}.mg-storefront .btn.primary{background:linear-gradient(115deg,#a74cf2,#7737d0);border-color:#bc75fb70;box-shadow:0 6px 25px #8e3de71a}
.mg-storefront .home-service-card,.mg-storefront .rev-card,.mg-storefront .product-catalog-card{border-color:#b27adb26;box-shadow:0 18px 55px #0002}
.mg-storefront .compact-reviews .reviews-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important;transform:none!important;animation:none!important}
.mg-storefront .compact-reviews .reviews-wrap{overflow:visible!important;mask:none!important;-webkit-mask:none!important;max-height:none!important}
.mg-storefront .compact-reviews .rev-card{min-width:0!important;width:auto!important;max-width:none!important;min-height:218px;padding:24px!important;background:linear-gradient(135deg,#15101e,#0b0911)!important;display:flex!important;flex-direction:column!important;border-radius:18px!important}
.mg-storefront .rev-verified{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.mg-storefront .review-product-label{font-size:14px!important;line-height:1.4;color:#c3afd9}.mg-storefront .review-purchase-badge{font-size:10px;white-space:nowrap}
.mg-storefront .compact-reviews .rev-stars{color:#d6a7ff;letter-spacing:3px;margin-top:15px;font-size:18px}
.mg-storefront .compact-reviews .rev-text{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;max-height:none!important;white-space:normal!important;font-size:17px;line-height:1.6;color:#e0d9e9;flex:1;margin:13px 0 20px}
.mg-storefront .compact-reviews .review-byline{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff0b;padding-top:15px;margin-top:auto;font-size:13px;color:#a195af}.mg-storefront .rev-author{color:#cfc2dd}
.mg-storefront>.site-footer{border-top-color:#ffffff10;background:#07060b!important}.mg-storefront .site-depth-canvas,.mg-storefront .ambient-depth-canvas{display:none!important}
.mg-storefront .preview-strip{font-family:Arial,sans-serif}.mg-storefront .preview-toast{font-family:Arial,sans-serif}
.mg-storefront .compact-reviews .rev-card{height:auto!important;min-height:300px;overflow:visible!important}
.mg-storefront .compact-reviews .rev-stars{margin:14px 0 0;line-height:1}
.mg-storefront .compact-reviews .rev-text{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3!important;line-clamp:3;overflow:hidden!important;max-height:81px!important;flex:none;font-size:16px;line-height:1.6;margin:13px 0 16px}
.preview-read-review{align-self:flex-start;border:0;background:transparent;color:#caa2f1;padding:0 0 16px;font:600 13px/1.5 Rajdhani,sans-serif;cursor:pointer}.preview-read-review:focus-visible{outline:2px solid #caa2f1;outline-offset:5px}
.preview-review-dialog{width:min(620px,calc(100vw - 40px));max-height:80vh;overflow:auto;background:#15101e;color:#e9e0f2;border:1px solid #9870b6;border-radius:20px;padding:30px;box-shadow:0 25px 90px #000a}.preview-review-dialog::backdrop{background:#030106c9;backdrop-filter:blur(7px)}.preview-review-dialog h2{font:600 20px/1.5 Rajdhani,sans-serif}.preview-review-dialog p{font-size:19px;line-height:1.7;white-space:pre-wrap}.preview-review-dialog small{display:block;color:#b1a0c1;margin-bottom:22px}
.mg-storefront .package-hero-panel{background:radial-gradient(ellipse at 55% 8%,#9a46e62b,transparent 57%),linear-gradient(145deg,#110c1c,#08060f)!important;background-size:auto!important}
.mg-storefront>main>.package-hero{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:980px){.mg-storefront .navlinks.preview-menu-open{display:flex!important;position:absolute;top:100%;left:0;right:0;padding:20px;background:#100b18;flex-direction:column;align-items:stretch}.mg-storefront .compact-reviews .reviews-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.mg-storefront .compact-reviews .reviews-track{grid-template-columns:1fr!important}.mg-storefront .compact-reviews .rev-card{min-height:0}.mg-storefront:not(.compact-home)>main>.page-hero{padding-top:36px!important;padding-bottom:30px!important}.mg-storefront .preview-strip span{display:none}}

/* Compact navigation feedback, with the official Discord brand treatment. */
.mg-storefront>.topbar .navlinks a:not(.discord){position:relative;padding:8px 11px;min-height:38px;border:1px solid transparent;border-radius:10px;transition:background .18s,border-color .18s,color .18s}
.mg-storefront>.topbar .navlinks a::after{display:none!important;content:none!important;box-shadow:none!important}
.mg-storefront>.topbar .navlinks a:not(.discord):hover{background:#a56bea0c;border-color:#b88ce81a}
.mg-storefront>.topbar .navlinks a.active:not(.discord){background:#b780ee12!important;border-color:#b68cdb2b!important;color:#f7edff!important;box-shadow:none!important}
.mg-storefront>.topbar .navlinks .discord{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;background:#5865F2!important;border:1px solid #5865F2!important;color:#fff!important;box-shadow:0 5px 16px #0003!important;min-height:44px;white-space:nowrap;transition:box-shadow .18s,transform .18s}
.mg-storefront>.topbar .navlinks .discord:hover{background:#5865F2!important;box-shadow:0 7px 22px #5865f233!important;transform:translateY(-1px)}
.mg-storefront .nav-discord-symbol{display:block!important;width:20px!important;height:16px!important;min-width:20px;max-height:16px;object-fit:contain;filter:none!important;transform:none!important}
.mg-storefront>.topbar .navlinks a:focus-visible{outline:2px solid #c7a2ef;outline-offset:3px}
.mg-storefront .support-float,.mg-storefront .support-float:hover{box-shadow:0 12px 32px #0005!important;filter:none!important}
.mg-storefront .support-float::before,.mg-storefront .support-float::after{display:none!important}
.mg-storefront .compact-faq-list details{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 4px 16px #0001}
.mg-storefront .compact-faq-list details:focus-within{border-color:#bb83ef66;box-shadow:0 0 0 2px #a773dc18}
.mg-storefront .compact-faq-list summary:focus-visible{outline:2px solid #c99cf3;outline-offset:-4px;border-radius:14px}
@media(hover:hover) and (pointer:fine){.mg-storefront .compact-faq-list details:hover{transform:translateY(-2px);background:#1a1325;border-color:#bc80ed66;box-shadow:0 8px 24px #0003}.mg-storefront .compact-faq-list details:hover summary span{color:#e1bdff}}
@media(max-width:980px){
  .mg-storefront>.topbar .navlinks:is(.open,.preview-menu-open){left:14px!important;right:14px!important;top:calc(100% + 8px)!important;padding:10px!important;gap:4px!important;border:1px solid #a77bd72e;border-radius:16px;background:#110c19!important;box-shadow:0 18px 44px #0007;max-height:calc(100dvh - 110px);overflow-y:auto}
  .mg-storefront>.topbar .navlinks:is(.open,.preview-menu-open) a{width:100%;text-align:left!important;justify-content:flex-start;padding:11px 14px;min-height:43px}
  .mg-storefront>.topbar .navlinks:is(.open,.preview-menu-open) a.active:not(.discord){padding-left:29px}
  .mg-storefront>.topbar .navlinks:is(.open,.preview-menu-open) a.active:not(.discord)::before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;left:13px;top:50%;transform:translateY(-50%);background:#c69aef;box-shadow:none}
  .mg-storefront>.topbar .navlinks:is(.open,.preview-menu-open) .discord{margin-top:6px;justify-content:center;padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){.mg-storefront .compact-faq-list details,.mg-storefront>.topbar .navlinks a{transition:none!important}.mg-storefront .compact-faq-list details:hover,.mg-storefront>.topbar .navlinks .discord:hover{transform:none!important}}
@media(min-width:981px){.mg-storefront>.topbar .navlinks a:not(.discord){padding-inline:9px}}

/* White headings and trust labels, with softer secondary footer copy. */
.mg-storefront .site-footer{--footer-copy:#b9b0c6}
.mg-storefront .site-footer :is(.footer-brand-block p,.footer-column a,.footer-commerce-kicker,.footer-payment-note,.footer-bottom p){color:var(--footer-copy)!important;font-weight:400!important}
.mg-storefront .site-footer :is(.footer-column h2,.footer-trust span){color:#eee8f5!important;font-weight:700!important}
.mg-storefront .site-footer .footer-column a:is(:hover,:focus-visible){color:#d3b2ee!important;text-decoration:underline!important;text-decoration-color:#b575ed!important;text-decoration-thickness:2px!important;text-underline-offset:5px}
.mg-storefront .site-footer .footer-payment-note{font-size:13px!important;line-height:1.6!important}
.mg-storefront .site-footer .footer-bottom p{font-size:13px!important;line-height:1.6}
/* Keep the header invite compact while preserving a comfortable mobile target. */
@media(min-width:981px){
  .mg-storefront>.topbar .navlinks .discord{padding:7px 12px!important;min-height:40px!important;font-size:15px!important;line-height:24px!important;gap:7px!important;border-radius:10px}
  .mg-storefront>.topbar .navlinks .discord .nav-discord-symbol{width:17px!important;min-width:17px!important;height:14px!important;max-height:14px!important}
}

/* Final shared finish: readable copy, restrained surfaces and consistent controls. */
body.mg-storefront{--preview-copy:#d4cddd;--preview-muted:#b9afc8;--preview-border:#b58bdf2e;--preview-accent:#c69af0;--muted:var(--preview-muted);color-scheme:dark}
.mg-storefront :is(.home-hero-copy .lead,.page-hero .lead,.intro p,.section-head p,.policy-content p,.policy-content li,.heist-step p,.heist-rule p,.after-step p,.after-payment-copy p){color:var(--preview-copy)!important}
.mg-storefront :is(.home-benefits,.hint,.count,.product-plan-comparison,.heist-command-stats small){color:var(--preview-muted)}
.mg-storefront>main>.page-hero:not(.heist-hero):not(.package-hero) h1{font-size:clamp(32px,4.5vw,56px)!important;line-height:1.15!important;letter-spacing:-.035em}
.mg-storefront>main>.page-hero.policy-hero{padding-top:52px!important;padding-bottom:30px!important}
.mg-storefront .policy-content:not(.contact-content):not(.about-content){width:min(920px,100%)!important;max-width:920px!important;margin-inline:auto!important;padding-inline:24px}
.mg-storefront .policy-content p{line-height:1.75!important}
.mg-storefront .policy-content h2{font-size:clamp(21px,2.2vw,27px);line-height:1.35;margin-top:36px}
.mg-storefront .policy-content a{color:#d1b0f2;text-underline-offset:4px;text-decoration-thickness:1px}
.mg-storefront :is(.about-intro,.about-story,.about-principle,.contact-channel,.contact-note,.heist-step){background:linear-gradient(145deg,#15101f,#0b0912)!important;border-color:var(--preview-border)!important;box-shadow:inset 0 1px #ffffff04,0 12px 35px #0002!important}
.mg-storefront .contact-channel-grid{gap:18px}
.mg-storefront .contact-channel a{line-height:1.5}
.mg-storefront .btn{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.mg-storefront .btn.ghost{background:#ffffff04;border-color:#b38cda33;color:#eee8f5}
.mg-storefront .btn.primary{color:#fff}
.mg-storefront :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #d0a8f5!important;outline-offset:4px}
.mg-storefront :is(input,textarea,select)::placeholder{color:#b0a5bf;opacity:1}
.mg-storefront :is(input,textarea,select){accent-color:#aa69e5}
.mg-storefront :is(.btn,.footer-social-link,.tabbtn,.preview-plan-trigger){-webkit-tap-highlight-color:transparent}
.mg-storefront .footer-bottom{padding-bottom:56px}
.mg-storefront .footer-social-link{border-radius:10px}
@media(hover:hover) and (pointer:fine){
  .mg-storefront .btn:not(:disabled):hover{transform:translateY(-1px);border-color:#c693ed88;box-shadow:0 6px 22px #0003}
  .mg-storefront .contact-channel:hover{border-color:#bd87e866!important;box-shadow:0 12px 30px #0003!important}
  .mg-storefront .footer-social-link:hover{background:#b681e51a;color:#fff}
}
@media(max-width:700px){
  .mg-storefront>main>.page-hero:not(.heist-hero):not(.package-hero) h1{font-size:clamp(29px,7.7vw,40px)!important}
  .mg-storefront .policy-content:not(.contact-content):not(.about-content){padding-inline:18px}
  .mg-storefront .policy-content p{font-size:16px!important}
  .mg-storefront .legal-page-nav a{min-height:44px}
  .mg-storefront .footer-bottom{padding-bottom:70px;gap:14px}
  .mg-storefront .mg-kicker{line-height:1.8;letter-spacing:.14em}
  .mg-storefront .mg-kicker::before{flex:0 0 16px}
}
@media(prefers-reduced-motion:reduce){.mg-storefront .btn{transition:none}.mg-storefront .btn:hover{transform:none}}

/* Use the homepage's responsive title and introductory-copy scale everywhere in the shop. */
body.mg-storefront{--mg-shop-title:clamp(36px,3.7vw,64px);--mg-shop-intro:19px;--mg-shop-intro-leading:1.65}
.mg-storefront .home-hero-copy h1,
.mg-storefront #products-content .intro h1,
.mg-storefront .heist-hero.heist-hero-v2 .heist-hero-copy h1,
.mg-storefront>main>.page-hero.product-store-hero:not(.heist-hero):not(.package-hero) h1{font-size:var(--mg-shop-title)!important;line-height:1.13!important;letter-spacing:-.045em!important}
.mg-storefront .home-hero-copy .lead,
.mg-storefront #products-content .intro p,
.mg-storefront .heist-hero .heist-hero-copy .lead.heist-hero-lead,
.mg-storefront .product-store-hero>.lead{font-size:var(--mg-shop-intro)!important;line-height:var(--mg-shop-intro-leading)!important}
.mg-storefront .rev-stars{color:#facc15!important}
@media(min-width:1500px){body.mg-storefront{--mg-shop-title:64px;--mg-shop-intro:21px}}
@media(max-width:980px){body.mg-storefront{--mg-shop-title:clamp(29px,3.8vw,40px);--mg-shop-intro:17px}}
@media(max-width:680px){body.mg-storefront{--mg-shop-title:clamp(29px,7.5vw,47px);--mg-shop-intro-leading:1.5}}