/* FAST GAME SMM: neon violet surfaces over the shared storefront theme. */
.smm-page {
  --smm-accent: #c29aff;
  --smm-muted: #b7accb;
  --smm-border: #a475ff30;
  --smm-panel: #1b1030;
  color: #fbf9ff;
  background: radial-gradient(ellipse at 88% 12%, #7937bd16, transparent 40%), #0d071a;
  font-size: 15px;
}
.smm-page .brand-mark-image { width: 48px; height: 48px; padding: 0; background: transparent; transform: none; overflow: hidden; border: 1px solid #bd88ff4d; border-radius: 50%; box-shadow: 0 0 21px #ad56ff1f; }
.smm-page .brand-mark-image img { width: 100%; height: 100%; object-fit: cover; }
.smm-brand-second { color: #c29aff; }
.smm-nav-new { padding: 3px 6px; color: #ead7ff; background: #a475ff24; border: 1px solid #c194ff40; border-radius: 5px; font-size: 9px; }
.smm-page .nav-links .active::after { height: 3px; background: linear-gradient(90deg, #a475ff, #ef78ed); box-shadow: 0 0 14px #bd84ff80; }
.smm-page .smm-support-button { font-size: 13px; }
.smm-breadcrumb { margin: 28px 0; font-size: 13px; color: #d9ccea; }
.smm-breadcrumb a, .smm-breadcrumb > span:nth-child(2) { color: #a699bb; }
.smm-skip-link, .smm-noscript { color: #190d2e; }
.smm-noscript a { color: #190d2e; }
.smm-intro { isolation: isolate; min-height: 405px; padding: 43px 46px; gap: 20px; border-color: #c79cff52; border-radius: 28px; background: radial-gradient(ellipse at 93% 16%, #eb66d538, transparent 45%), radial-gradient(ellipse at 80% 100%, #673aff70, transparent 53%), linear-gradient(115deg, #221139, #36165a 66%, #261044); box-shadow: inset 0 1px #ecd6ff21, 0 24px 70px #04010d40, 0 0 45px #9c50ff0d; }
.smm-intro::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .3; background-image: linear-gradient(#d6abff10 1px, transparent 1px), linear-gradient(90deg, #d6abff10 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(90deg, transparent 12%, #000); }
.smm-intro::after { content: ''; position: absolute; right: -40px; top: -170px; width: 550px; height: 700px; z-index: -1; pointer-events: none; border: 1px solid #d6a4ff29; border-radius: 50%; transform: rotate(28deg); box-shadow: 0 0 100px #c864fa16, inset 0 0 95px #a75bff1c; }
.smm-intro-copy { position: relative; z-index: 2; }
.smm-intro .eyebrow { display: inline-flex; padding: 8px 11px; gap: 8px; border: 1px solid #c29aff4d; background: #c18aff13; border-radius: 7px; color: #e5caff; font-size: 10px; letter-spacing: 1.35px; }
.smm-live-dot { width: 6px; height: 6px; background: #e9b3ff; box-shadow: 0 0 12px #e8a0ff91; }
.smm-intro h1 { margin: 20px 0 17px; font-size: clamp(34px, 3.2vw, 47px); line-height: 1.16; letter-spacing: -1.8px; text-wrap: balance; }
.smm-intro h1 span { color: #e6b4ff; background: linear-gradient(95deg, #cea5ff, #efa2f0); background-clip: text; -webkit-text-fill-color: transparent; }
.smm-intro-copy > p { font-size: 15px; line-height: 1.8; color: #c9bedb; }
.smm-intro-points { margin-top: 21px; gap: 18px; font-size: 12px; color: #ded2ef; }
.smm-intro-points > span { gap: 7px; }
.smm-intro-points svg { color: #c7a0ff; }
.smm-intro-actions { display: flex; align-items: center; gap: 18px; margin-top: 28px; }
.smm-intro-cta { min-height: 47px; padding: 12px 19px; font-size: 13px; }
.smm-intro-cta > span { margin-left: 10px; font-size: 19px; line-height: 1; }
.smm-intro-actions > span { max-width: 130px; color: #bc9fd4; font-size: 9px; letter-spacing: 1.5px; line-height: 1.7; }
.smm-intro-art { width: 350px; height: 302px; margin: 0 2px 0 0; z-index: 1; }
.smm-intro-art::before { content: ''; position: absolute; left: 33px; top: 26px; width: 286px; height: 240px; background: #a465ff30; border-radius: 50%; filter: blur(38px); }
.smm-orbit { border-color: #c793ff45; box-shadow: 0 0 22px #a465ff12; transform: translate(-50%, -50%) rotate(-30deg); }
.smm-orbit-one { width: 290px; height: 204px; }
.smm-orbit-two { width: 400px; height: 294px; border-style: dashed; border-color: #ddabff26; }
.smm-art-core { left: 103px; top: 73px; width: 142px; height: 142px; overflow: hidden; background: #0a0318; border: 1px solid #ce92ff7d; border-radius: 32px; color: #e9c7ff; transform: rotate(-10deg); box-shadow: 0 14px 45px #16012380, 0 0 47px #c26cff55, inset 0 1px #f5d6ff80; }
.smm-art-core img { width: 100%; height: 100%; object-fit: cover; }
.smm-art-social { width: 77px; height: 77px; border-radius: 22px; border-color: #e0c2ff57; background: linear-gradient(145deg, #76569a9c, #342052d9); backdrop-filter: blur(10px); box-shadow: inset 0 1px #fff3, 0 20px 34px #10042066; animation: smm-social-float 6s ease-in-out infinite; }
.smm-art-telegram { left: 3px; top: 39px; color: #a8efff; background: linear-gradient(140deg, #4074bfc9, #32375dad); }
.smm-art-vk { right: 1px; top: 19px; color: #ecdcff; background: linear-gradient(135deg, #9762daa8, #603592c9); font-size: 36px; animation-delay: -2s; }
.smm-art-youtube { right: 20px; bottom: 32px; color: #ffc7f7; background: linear-gradient(135deg, #a74590bd, #51284dbd); animation-delay: -4s; }
.smm-art-youtube path { fill: #783571; }
.smm-art-spark { color: #e3b1ff; text-shadow: 0 0 16px #ce89ff; }
.smm-art-spark-one { right: 104px; top: 4px; font-size: 28px; }
.smm-art-spark-two { left: 30px; bottom: 55px; font-size: 28px; color: #77e1ff; }
.smm-art-label { bottom: 0; left: 62px; gap: 8px; color: #d1acfa; font-size: 9px; letter-spacing: 1.65px; }
.smm-art-chip { position: absolute; left: -3px; bottom: 33px; display: flex; align-items: center; gap: 7px; padding: 9px 12px; background: #321b4ecc; backdrop-filter: blur(10px); border: 1px solid #bd86ff55; border-radius: 10px; box-shadow: 0 10px 25px #0d031b45; transform: rotate(-6deg); color: #e7d1ff; font-size: 11px; font-weight: 700; }
.smm-art-chip svg { color: #bb94ff; }
@keyframes smm-social-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
.smm-workspace { padding-top: 48px; }
.smm-catalog-top { margin-bottom: 26px; }
.smm-catalog-top .eyebrow, .smm-help .eyebrow, .smm-saved-order .eyebrow { color: #c295f2; font-size: 10px; letter-spacing: 1.6px; }
.smm-catalog-top h2, .smm-help h2 { font-size: 32px; letter-spacing: -1px; }
.smm-title-dot { color: #d68afd; }
.smm-catalog-updated { color: #ac9abb; font-size: 12px; }
.smm-platforms { gap: 11px; margin-bottom: 26px; }
.smm-platform { min-height: 61px; padding: 15px 10px; gap: 9px; border-color: #b484ff2c; border-radius: 15px; background: linear-gradient(145deg, #291841, #1b1030); color: #d3c6e7; font-size: 13px !important; font-weight: 700 !important; box-shadow: inset 0 1px #ffffff08; transition: background .2s, border-color .2s, transform .2s, box-shadow .2s; }
.smm-platform:hover { background: #34204e; border-color: #c395ff80; transform: translateY(-2px); box-shadow: 0 7px 23px #09011033; }
.smm-platform[aria-pressed="true"] { color: #fff; border-color: #d7b1ffb3; background: linear-gradient(120deg, #8048c6, #a454d0); box-shadow: 0 5px 22px #a763ff2b, inset 0 1px #fff3; }
.smm-platform-icon { color: #c9a2ff; }
.smm-platform[aria-pressed="true"] .smm-platform-icon { color: #fff; }
.smm-workspace-grid { grid-template-columns: minmax(0, 1fr) 372px; gap: 26px; }
.smm-search { min-height: 50px; padding: 0 15px; background: #190f2a; color: #b096cd; border-color: #b484ff35; border-radius: 12px; }
.smm-search:focus-within { border-color: #c29aff; box-shadow: 0 0 0 3px #a475ff12; }
.smm-search input { height: 48px; font-size: 13px; color: #fbf9ff; }
.smm-search input::placeholder { color: #a395b7; }
.smm-select-wrap { width: 210px; }
.smm-select-wrap select, .smm-sort-label select { height: 50px; background-color: #190f2a; border-color: #b484ff35; color: #d0c1e5; border-radius: 12px; font-size: 13px; }
.smm-select-wrap option, .smm-sort-label option { background: #1b1030; color: #ede5fa; }
.smm-list-toolbar { min-height: 58px; font-size: 12px; }
.smm-list-toolbar > p, .smm-sort-label { color: #a897bf; }
.smm-sort-label select { height: 34px; font-size: 12px; background-color: transparent; color: #d8c8eb; }
.smm-service-list { gap: 12px; }
.smm-service-card { gap: 15px; padding: 21px 18px; background: linear-gradient(115deg, #24163b, #1b1030); border-color: #a475ff30; border-radius: 16px; color: #fbf9ff; box-shadow: inset 0 1px #fff05, 0 6px 24px #0300081a; transition: background .2s, border-color .2s, box-shadow .2s, transform .2s; }
.smm-service-card:hover { background: linear-gradient(115deg, #30204a, #231438); border-color: #bc8dff75; box-shadow: 0 7px 26px #7d3dcc12; transform: translateY(-1px); }
.smm-service-card[aria-pressed="true"] { border-color: #c59bffbc; background: linear-gradient(115deg, #57317b70, #211136); box-shadow: inset 3px 0 #ba88ff, 0 5px 28px #9c5dff16; }
.smm-service-icon { width: 42px; height: 42px; background: #9c66f123; color: #d2b6ff; border: 1px solid #bc91ff20; border-radius: 12px; }
.smm-service-category { color: #b39bcf; font-size: 11px; margin-bottom: 4px; }
.smm-service-name { font-size: 14px; line-height: 1.65; }
.smm-service-meta { color: #b1a1c4; font-size: 11px; margin-top: 8px; }
.smm-service-price { flex-basis: 115px; }
.smm-service-price strong { color: #f1e5ff; font-size: 18px; }
.smm-service-price small { color: #b19cc8; font-size: 11px; }
.smm-service-select { width: 26px; height: 26px; border-color: #bc91ff55; color: #d5b5fc; font-size: 17px; }
.smm-service-card[aria-pressed="true"] .smm-service-select { background: #c29aff; color: #2b124b; border-color: #c29aff; }
.smm-load-more { min-height: 48px; font-size: 13px !important; }
.smm-catalog-note { color: #ac9bc1; gap: 10px; }
.smm-catalog-note p { font-size: 12px; line-height: 1.8; }
.smm-catalog-message { background: linear-gradient(135deg, #211236, #170d29); border-color: #bb88ff55; border-radius: 18px; }
.smm-catalog-message-icon { width: 52px; height: 52px; background: #a475ff18; border-color: #c69aff44; color: #cda7ff; }
.smm-catalog-message h3 { font-size: 18px; }
.smm-catalog-message p { color: #bdadcf; font-size: 13px; }
.smm-catalog-message .button { min-height: 45px; font-size: 13px; }
.smm-skeleton { height: 129px; background: linear-gradient(100deg, #211236 10%, #35204f 40%, #211236 70%); background-size: 200% 100%; border-radius: 16px; }
.smm-order-panel { top: 103px; border-color: #bd8aff4f; border-radius: 21px; background: linear-gradient(145deg, #2c1742, #1c102e 46%); box-shadow: 0 18px 44px #08031042, inset 0 1px #e4baff14; }
.smm-order-heading { padding: 24px; gap: 12px; border-color: #a475ff2b; background: linear-gradient(90deg, #a475ff12, transparent); }
.smm-order-heading-icon { width: 40px; height: 40px; border: 1px solid #c89aff42; background: #a475ff20; color: #d4b3ff; border-radius: 12px; }
.smm-order-heading h2 { font-size: 20px; letter-spacing: -.5px; }
.smm-order-heading p { font-size: 11px; color: #b4a2c9; }
.smm-step-number { color: #c19be9; font-size: 12px; }
.smm-order-empty { padding: 42px 24px 36px; }
.smm-empty-icon { width: 74px; height: 74px; background: radial-gradient(ellipse at 20% 10%, #a475ff35, transparent), #28183d; color: #c39beb; border-color: #c08cff40; border-radius: 21px; box-shadow: 0 0 30px #af6aff12; }
.smm-order-empty h3 { font-size: 17px; }
.smm-order-empty p { color: #bdaccf; font-size: 13px; }
.smm-empty-line { background: linear-gradient(90deg, #a475ff, #ef78ed); width: 45px; }
.smm-order-form { padding: 24px; }
.smm-selected-category { font-size: 11px; color: #d4adff; }
.smm-selected-service h3 { font-size: 16px; line-height: 1.65; }
.smm-selected-id { color: #ab96c0; font-size: 11px; }
.smm-service-details { background: #160c24; border-color: #a475ff38; border-radius: 11px; }
.smm-service-details summary { font-size: 12px; color: #dfccf3; }
.smm-service-details p { color: #bba7ce; font-size: 12px; }
.smm-field > label { color: #e2d3f0; font-size: 12px; line-height: 1.6; }
.smm-field > label span { color: #ab94c2; font-size: 10px; white-space: nowrap; }
.smm-field input { min-height: 48px; border-color: #a475ff45; border-radius: 11px; background: #13091f; color: #fbf9ff; font-size: 14px; }
.smm-field input::placeholder { color: #a08bac; font-size: 13px; }
.smm-field > p { color: #ac96bf; font-size: 11px; }
.smm-order-total { border-color: #ad78ed36; }
.smm-order-total > span { font-size: 14px; color: #ddcbed; }
.smm-order-total strong { font-size: 31px; color: #d9b4ff; }
.smm-quote-status { font-size: 11px; color: #b49bc9; }
.smm-quote-status[data-error="true"], .smm-order-message[data-error="true"] { color: #ffb6cf; }
.smm-quote-refresh { font-size: 12px !important; }
.smm-consent { gap: 9px; color: #b7a3c8; font-size: 11px; }
.smm-consent input { width: 16px; height: 16px; }
.smm-consent a { color: #d8b9fa; }
.smm-submit, .smm-checkout-link { min-height: 49px; font-size: 13px !important; }
.smm-checkout-note { color: #ac96be; font-size: 11px; }
.smm-order-message { color: #d7c0e9; font-size: 12px; }
.smm-panel-support { padding: 18px; gap: 11px; border-color: #a475ff30; background: #170c26; }
.smm-support-dot { width: 29px; height: 29px; border-color: #c296ff55; background: radial-gradient(circle at 50% 50%, #dab0ff 0 3px, transparent 4px), #3b2154; box-shadow: 0 0 13px #a475ff12; }
.smm-panel-support p { color: #b29ac7; font-size: 11px; }
.smm-panel-support a { color: #e1c5ff; font-size: 12px; }
.smm-saved-order { background: linear-gradient(120deg, #281640, #1b1030); border-color: #c394ff3b; border-radius: 18px; }
.smm-saved-order h2 { font-size: 22px; }
.smm-saved-order p { color: #bca7cf; font-size: 13px; }
.smm-saved-order-actions { font-size: 13px; }
.smm-saved-order-actions .button { font-size: 12px; }
.smm-help { margin: 58px 0 52px; padding: 32px; border: 1px solid #ac77fa30; border-radius: 22px; gap: 32px; background: radial-gradient(ellipse at 5% 100%, #8d4acb20, transparent 65%), #180d28; }
.smm-help > div { flex-basis: 190px; }
.smm-help h2 { font-size: 25px; }
.smm-help ol { gap: 25px; }
.smm-help li { gap: 13px; }
.smm-help li > span { width: 36px; height: 36px; font-size: 12px; border: 1px solid #c49bfa43; color: #d9b7ff; background: linear-gradient(135deg, #a475ff22, #a475ff06); border-radius: 11px; }
.smm-help h3 { margin-top: 3px; font-size: 13px; }
.smm-help p { font-size: 12px; color: #b7a4c9; }
.smm-footer-inner { gap: 25px; padding-top: 30px; padding-bottom: 30px; }
.smm-footer-inner .brand { font-size: 18px; }
.smm-page .smm-footer-inner .brand-mark-image { width: 43px; height: 43px; }
.smm-footer-inner > a:last-child { color: #d0a9ee; font-size: 12px; }
.smm-footer-copyright { color: #9e88b2; font-size: 11px; }
.smm-footer-inner nav a { font-size: 11px; color: #af9abf; }
@media (max-width: 1100px) {
  .smm-intro { padding: 35px; gap: 10px; }
  .smm-intro h1 { font-size: 39px; }
  .smm-intro-copy > p { font-size: 14px; }
  .smm-intro-art { width: 285px; margin-right: -12px; transform: scale(.87); }
  .smm-intro-points { font-size: 11px; gap: 14px; }
  .smm-workspace-grid { grid-template-columns: minmax(0, 1fr) 330px; gap: 19px; }
  .smm-platform { font-size: 12px !important; gap: 7px; }
  .smm-service-card { padding: 18px 15px; gap: 12px; }
  .smm-service-price { flex-basis: 102px; }
  .smm-service-select { display: none; }
  .smm-help { flex-direction: column; align-items: flex-start; gap: 24px; }
  .smm-help > div { flex: initial; }
  .smm-help ol { width: 100%; }
  .smm-footer-inner { gap: 22px; }
}
@media (max-width: 800px) {
  .smm-intro { min-height: 400px; padding: 31px; }
  .smm-intro h1 { font-size: 36px; letter-spacing: -1.5px; }
  .smm-intro .eyebrow { font-size: 9px; letter-spacing: 1px; }
  .smm-intro-copy > p { font-size: 13px; }
  .smm-intro-points { gap: 11px; }
  .smm-intro-art { width: 220px; margin: 0 -30px 0 -50px; transform: scale(.72); }
  .smm-intro-actions > span { display: none; }
  .smm-workspace-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .smm-platform { min-width: 133px; min-height: 59px; }
  .smm-platform:first-child { min-width: 151px; }
  .smm-platforms { scrollbar-color: #7753a5 #1b1030; }
  .smm-service-icon { display: grid; }
  .smm-catalog-updated { font-size: 11px; }
  .smm-order-panel { position: static; }
  .smm-order-form { column-gap: 24px; }
  .smm-footer-inner nav { width: 100%; }
}
@media (max-width: 620px) {
  .smm-page .header-inner { gap: 12px; }
  .smm-page .brand-mark-image { width: 39px; height: 39px; border-radius: 50%; }
  .smm-page .smm-support-button { width: 38px; min-height: 38px; }
  .smm-intro { min-height: 0; padding: 29px 25px 22px; flex-direction: column; align-items: stretch; gap: 0; border-radius: 22px; }
  .smm-intro::after { width: 410px; right: -120px; top: 100px; }
  .smm-intro h1 { font-size: clamp(29px, 6.7vw, 39px); line-height: 1.18; letter-spacing: -1.1px; margin: 20px 0 17px; }
  .smm-intro-copy > p { font-size: 14px; line-height: 1.75; }
  .smm-intro .eyebrow { font-size: 8px; padding: 7px 9px; letter-spacing: .8px; }
  .smm-intro-points { flex-direction: column; gap: 9px; margin-top: 19px; font-size: 12px; }
  .smm-intro-points svg { width: 15px; height: 15px; }
  .smm-intro-actions { margin-top: 23px; }
  .smm-intro-cta { min-height: 46px; font-size: 13px; }
  .smm-intro-art { display: block; align-self: center; width: 310px; height: 218px; margin: 5px 0 -3px; transform: none; }
  .smm-orbit-one { width: 243px; height: 132px; }
  .smm-orbit-two { width: 318px; height: 190px; }
  .smm-art-core { width: 108px; height: 108px; left: 99px; top: 48px; border-radius: 25px; }
  .smm-art-social { width: 58px; height: 58px; border-radius: 17px; }
  .smm-art-telegram { left: 23px; top: 27px; }
  .smm-art-telegram svg { width: 26px; height: 26px; }
  .smm-art-vk { right: 20px; top: 14px; font-size: 29px; }
  .smm-art-youtube { right: 15px; bottom: 40px; }
  .smm-art-youtube svg { width: 29px; }
  .smm-art-label { font-size: 8px; left: 71px; bottom: 4px; letter-spacing: 1.3px; }
  .smm-art-chip { font-size: 10px; left: 8px; bottom: 34px; padding: 7px 9px; }
  .smm-art-spark-one { top: 7px; right: 90px; font-size: 23px; }
  .smm-art-spark-two { left: 5px; bottom: 87px; font-size: 21px; }
  .smm-intro-art::before { width: 240px; height: 170px; }
  .smm-breadcrumb { font-size: 12px; margin: 23px 0 21px; }
  .smm-workspace { padding-top: 35px; }
  .smm-catalog-top { flex-direction: column; align-items: flex-start; gap: 9px; margin-bottom: 20px; }
  .smm-catalog-top h2 { font-size: 29px; }
  .smm-catalog-top .eyebrow { font-size: 9px; }
  .smm-catalog-updated { font-size: 11px; }
  .smm-platforms { margin-bottom: 18px; gap: 9px; }
  .smm-platform { min-width: 125px; min-height: 57px; font-size: 12px !important; border-radius: 13px; }
  .smm-platform:first-child { min-width: 146px; }
  .smm-filters { flex-direction: column; gap: 10px; }
  .smm-search { padding: 0 13px; gap: 9px; }
  .smm-search input { font-size: 16px; }
  .smm-select-wrap { width: 100%; max-width: none; }
  .smm-select-wrap select { padding-left: 13px; font-size: 14px; }
  .smm-list-toolbar { min-height: 56px; font-size: 11px; gap: 9px; }
  .smm-sort-label { font-size: 0; }
  .smm-sort-label select { font-size: 11px; }
  .smm-service-card { gap: 10px; padding: 18px 14px; border-radius: 14px; }
  .smm-service-icon { display: none; }
  .smm-service-name { font-size: 13px; }
  .smm-service-category { font-size: 10px; }
  .smm-service-meta { font-size: 10px; }
  .smm-service-price { flex-basis: 91px; }
  .smm-service-price strong { font-size: 16px; }
  .smm-service-price small { font-size: 10px; }
  .smm-catalog-note p { font-size: 11px; }
  .smm-order-heading { padding: 22px; }
  .smm-order-heading h2 { font-size: 20px; }
  .smm-order-heading p { font-size: 10px; }
  .smm-order-form { display: block; padding: 22px; }
  .smm-field input { font-size: 16px; }
  .smm-field > label { flex-wrap: wrap; }
  .smm-help { margin: 36px 0; padding: 26px 23px; gap: 25px; }
  .smm-help h2 { font-size: 26px; }
  .smm-help ol { grid-template-columns: 1fr; gap: 23px; }
  .smm-help h3 { font-size: 14px; }
  .smm-help p { font-size: 12px; }
  .smm-footer-inner { gap: 20px; }
  .smm-footer-inner .brand { font-size: 16px; }
  .smm-footer-copyright { font-size: 9px; }
  .smm-footer-inner nav { gap: 12px; }
  .smm-footer-inner nav a { font-size: 11px; }
  .smm-catalog-message { padding: 34px 20px; }
  .smm-catalog-message h3 { font-size: 17px; }
  .smm-catalog-message p { font-size: 13px; }
}
@media (max-width: 360px) {
  .smm-intro { padding-inline: 21px; }
  .smm-intro h1 { font-size: 27px; }
  .smm-intro-art { transform: scale(.9); margin-inline: -14px; }
  .smm-footer-copyright { width: 100%; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .smm-art-social { animation: none; }
}