:root {
    --rs-bg: #06080b;
    --rs-panel: #11151b;
    --rs-panel-deep: #0b0e13;
    --rs-line: #282d35;
    --rs-red: #fb3347;
    --rs-text: #f6f7f9;
    --rs-muted: #99a0ac;
}

html { background: var(--rs-bg); scroll-behavior: smooth; }
body { margin: 0; background: var(--rs-bg) !important; color: var(--rs-text) !important; font-family: Inter, "Segoe UI", Arial, sans-serif !important; }
body.rs-locked { overflow: hidden; }
[hidden] { display: none !important; }
.app-shell { display: block !important; min-height: calc(100vh - 240px); background: var(--rs-bg) !important; }
.design-stage { width: 100% !important; min-width: 0 !important; margin: 0 !important; background: var(--rs-bg) !important; }
.sidebar, .sidebar-backdrop, #storefront-controls, .samurai-hero, .market-category-rail, .purchase-ribbon, #catalog, #how, footer.design-footer { display: none !important; }
main#main.design-main { width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 65vh; padding: 0 !important; margin: 0 !important; background: var(--rs-bg) !important; }
#catalog-view { width: 100% !important; padding: 0 !important; margin: 0 !important; max-width: none !important; }
.rs-wrap { width: min(100% - 48px, 1280px); margin-inline: auto; }
#rs-header *, #rs-home *, #rs-footer *, #rs-cart *, #rs-info * { box-sizing: border-box; }
#rs-header button, #rs-home button, #rs-footer button, #rs-cart button, #rs-info button { cursor: pointer; font: inherit; }
#rs-header svg, #rs-home svg, #rs-footer svg, #rs-cart svg, #rs-info svg { width: 19px; height: 19px; flex: none; }
#rs-header :focus-visible, #rs-home :focus-visible, #rs-footer :focus-visible, #rs-cart :focus-visible, #rs-info :focus-visible { outline: 2px solid #ff6575; outline-offset: 3px; }

#rs-header {
    display: block !important;
    position: sticky;
    top: 0;
    z-index: 65;
    width: 100%;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(7, 9, 12, .97);
    border-bottom: 1px solid #272c34;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
    backdrop-filter: blur(16px);
}
.rs-header-main { display: grid; grid-template-columns: 156px minmax(180px, 1fr) auto; align-items: center; gap: 20px; min-height: 65px; }
.rs-brand { display: flex; align-items: center; gap: 4px; color: #fff; text-decoration: none; min-width: 0; }
.rs-brand img { width: 43px; height: 43px; object-fit: contain; filter: drop-shadow(0 0 9px #f331466b); }
.rs-brand span { display: grid; gap: 1px; font-size: 11px; line-height: 1.05; font-weight: 900; letter-spacing: -.03em; }
.rs-brand strong { color: var(--rs-red); font-size: 16px; line-height: 1; }
.rs-search { position: relative; display: flex !important; align-items: center; gap: 0 !important; min-width: 0; height: 40px; margin: 0 !important; padding: 0 !important; background: #1b1e25; border: 1px solid #393d47; border-radius: 10px; color: #aeb5c0; }
.rs-search > svg { margin-left: 12px; width: 16px !important; height: 16px !important; }
.rs-search input { flex: 1; width: 100%; min-width: 0; height: 100%; padding: 0 11px; color: #f7f8fa; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 12px; }
.rs-search input::placeholder { color: #a2a7b2; }
.rs-search > button { height: 40px; width: 43px; flex: none; display: grid; place-items: center; border: 0; border-radius: 0 9px 9px 0; background: var(--rs-red); color: #fff; }
.rs-search > button:hover, .rs-red-button:hover { background: #ff4d5e; transform: translateY(-1px); }
.rs-suggestions { position: absolute; top: 44px; left: 0; right: 0; display: grid; padding: 5px; border: 1px solid #353b46; border-radius: 11px; background: #10141b; box-shadow: 0 20px 50px #0009; z-index: 4; }
.rs-suggestions button { padding: 10px; border: 0; border-radius: 7px; background: transparent; color: #eef0f3; text-align: left; font-size: 12px !important; }
.rs-suggestions button:hover { background: #212732; }
.rs-header-actions { display: flex; align-items: center; gap: 15px; }
.rs-icon-action { position: relative; display: grid; justify-items: center; gap: 2px; min-width: 57px; padding: 3px 0; border: 0; background: transparent; color: #e4e5e9; font-size: 10px !important; }
.rs-icon-action span { white-space: nowrap; }
.rs-icon-action:hover, .rs-icon-action.active { color: #ff6471; }
.rs-icon-action i, .rs-cart-trigger i { position: absolute; top: -5px; right: 6px; display: grid; place-items: center; min-width: 17px; height: 17px; padding-inline: 3px; border-radius: 10px; background: var(--rs-red); color: #fff; font-style: normal; font-size: 10px; font-weight: 800; }
.rs-cart-trigger { position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 103px; height: 38px; padding: 0 11px; border: 1px solid #3b404a; border-radius: 9px; background: #191d23; color: #fff; font-size: 11px !important; }
.rs-cart-trigger:hover { border-color: #f44355; }
.rs-cart-trigger i { right: 3px; }
.rs-profile { display: flex; align-items: center; gap: 7px; min-width: 136px; padding: 0; border: 0; background: transparent; color: #fff; text-align: left; }
.rs-profile > svg { width: 31px !important; height: 31px !important; padding: 5px; border: 1px solid #3c424d; border-radius: 9px; background: #1b2028; color: #ff7c8a; }
.rs-profile > span:nth-child(2) { display: grid; gap: 2px; }
.rs-profile b { max-width: 82px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.rs-profile small { color: #b8bdc8; font-size: 9px; }
.rs-chevron { color: #b6bbc4; font-size: 15px; }
.rs-mobile-menu { display: none; border: 0; background: transparent; color: #fff; }
.rs-header-nav { display: flex !important; align-items: center; gap: 30px; min-height: 43px; margin-inline: auto !important; }
.rs-catalog-trigger { display: inline-flex; align-items: center; justify-content: space-between; gap: 11px; width: 125px; height: 35px; padding: 0 12px; flex: none; border: 0; border-radius: 7px; background: var(--rs-red); color: #fff; font-size: 11px !important; font-weight: 750 !important; }
.rs-catalog-trigger svg { width: 15px !important; height: 15px !important; }
.rs-nav-links { display: flex; gap: 25px; min-width: 0; }
.rs-nav-links .rs-mobile-nav-link { display: none; }
.rs-nav-links button, .rs-lang { padding: 8px 0; border: 0; background: transparent; color: #e7e8eb; white-space: nowrap; font-size: 11px !important; }
.rs-nav-links button:hover, .rs-lang:hover { color: #ff6674; }
.rs-lang { margin-left: auto; font-weight: 700 !important; }
.rs-menu { position: absolute; left: 0; right: 0; top: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; padding: 13px; border: 1px solid #303641; border-radius: 0 0 14px 14px; background: #10151c; box-shadow: 0 20px 40px #0009; }
.rs-menu button, .rs-profile-menu button { padding: 11px 12px; border: 0; border-radius: 8px; background: #171d26; color: #f1f2f4; text-align: left; font-size: 12px !important; }
.rs-menu button:hover, .rs-profile-menu button:hover { background: #2a222c; color: #ff7180; }
.rs-profile-menu { position: absolute; top: 61px; right: max(24px, calc((100vw - 1280px) / 2)); width: 190px; display: grid; gap: 4px; padding: 8px; border: 1px solid #343b47; border-radius: 12px; background: #0e1219; box-shadow: 0 20px 40px #000a; }

#rs-home { display: block; background: var(--rs-bg); color: #fff; }
.rs-hero { position: relative; height: 390px; overflow: hidden; border-bottom: 1px solid #171c24; background: radial-gradient(circle at 69% 35%, #a3262d 0%, #321318 22%, #090c11 53%, #07090c 100%); }
.rs-hero-landscape { position: absolute; inset: 0; background: radial-gradient(circle at 70% 38%,#a3262d80,transparent 36%),linear-gradient(90deg,#06080b 0%,#07090cc9 42%,transparent 70%),linear-gradient(0deg,#040609 0%,transparent 28%),url('media/reference/hero-main-20261002.webp') center / cover no-repeat; opacity: .8; filter: saturate(1.08); }
.rs-hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; padding: 25px 40px 30px; }
.rs-kicker { margin: 0 0 7px; color: #a9adb7; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
#rs-hero-title { width: min(64%, 680px); margin: 0; color: #fff; font-size: clamp(42px, 6.2vw, 83px); font-weight: 950; line-height: .87; letter-spacing: -.065em; text-transform: uppercase; text-shadow: 0 6px 30px #0009; }
#rs-hero-title em { color: #f53348; font-style: normal; }
.rs-hero-product #rs-hero-title { width: min(56%, 580px); font-size: clamp(38px, 4.5vw, 58px); line-height: 1.02; overflow-wrap: anywhere; }
.rs-hero-product .rs-hero-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.rs-hero-description { max-width: 490px; min-height: 39px; margin: 14px 0 15px; color: #d3d6dc; font-size: 13px; line-height: 1.35; }
.rs-red-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 39px; padding: 0 18px; border: 1px solid #ff5765; border-radius: 8px; background: linear-gradient(180deg,#ff4558,#ee253f); box-shadow: 0 6px 18px #ed1d3530, inset 0 1px #ffffff2c; color: #fff; font-size: 12px !important; font-weight: 800 !important; transition: background .15s, transform .15s, box-shadow .15s; }
.rs-red-button:disabled { border-color: #55242b; background: #55242b; color: #aeb1b7; cursor: not-allowed !important; box-shadow: none; }
.rs-hero-button { min-width: 198px; height: 43px; }
.rs-hero-button svg { width: 17px !important; height: 17px !important; }
.rs-hero-benefits { display: flex; gap: 24px; margin-top: 30px; color: #d0d2d8; font-size: 10px; }
.rs-hero-benefits span { display: inline-flex; align-items: center; gap: 8px; max-width: 150px; }
.rs-hero-benefits span::first-letter { color: var(--rs-red); }
.rs-hero-benefits b { font-weight: 500; line-height: 1.25; }
.rs-hero-japanese { position: absolute; z-index: 3; top: 96px; right: 27px; color: #f9d9d9; writing-mode: vertical-rl; font-size: 16px; letter-spacing: .25em; text-shadow: 0 2px 7px #000; }
.rs-hero-controls { position: absolute; right: 3%; bottom: 17px; z-index: 3; display: flex; align-items: center; gap: 8px; }
.rs-hero-controls > div { display: flex; gap: 5px; }
.rs-hero-controls button { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #515963; border-radius: 50%; background: #11151c9c; color: #fff; font-size: 17px !important; }
#rs-hero-dots button { width: 8px; height: 8px; padding: 0; border: 0; background: #c6cbd0; }
#rs-hero-dots button.active { background: #fff; box-shadow: 0 0 0 3px #fa344550; }
.rs-home-inner { padding-top: 11px; }
#rs-category-grid { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 10px; }
.rs-category-card { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; min-height: 92px; padding: 9px 5px; border: 1px solid #252a32; border-radius: 11px; background: linear-gradient(145deg,#181d24,#10141a); color: #f7f7f9; text-align: center; }
.rs-category-card:hover, .rs-category-card.active { border-color: #e44255; background: linear-gradient(145deg,#28171d,#14151b); }
.rs-category-symbol { display: grid; place-items: center; height: 27px; color: #fa3d50; font-size: 24px; font-weight: 900; text-shadow: 0 0 15px #f738516b; }
.rs-category-card:nth-child(3) .rs-category-symbol, .rs-category-card:nth-child(4) .rs-category-symbol { color: #3cbaff; text-shadow: 0 0 14px #168aff82; }
.rs-category-card:nth-child(5) .rs-category-symbol { color: #49baff; }
.rs-category-card strong { max-width: 100%; margin-top: 4px; font-size: 10px; line-height: 1.15; }
.rs-category-card small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; color: #9b9fa8; font-size: 9px; }
.rs-promos { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; margin-top: 16px; }
.rs-promo { position: relative; min-height: 165px; overflow: hidden; border: 1px solid #29313d; border-radius: 12px; background: radial-gradient(circle at 75% 60%,#063d9a,#07142e 60%,#080b13); }
.rs-promo-subscriptions { background: radial-gradient(circle at 78% 50%,#851721,#260e16 55%,#100b0e); }
.rs-promo-software { background: radial-gradient(circle at 77% 53%,#0b3b90,#10162e 55%,#080b13); }
.rs-promo > img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 48%); mask-image: linear-gradient(90deg,transparent 0%,#000 48%); }
.rs-promo > div { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 67%; min-height: 165px; padding: 16px 0 16px 19px; }
.rs-promo h2 { margin: 0 0 7px; color: #fff; font-size: 18px; line-height: 1.1; letter-spacing: -.03em; }
.rs-promo p { margin: 0 0 12px; color: #c1c8d6; font-size: 10px; line-height: 1.4; }
.rs-promo button, .rs-exclusive button, .rs-telegram a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 8px 14px; border: 1px solid #5b6371; border-radius: 8px; background: #1a202ae6; color: #fff; text-decoration: none; font-size: 12px !important; font-weight: 700; }
.rs-promo button:hover, .rs-exclusive button:hover, .rs-telegram a:hover { border-color: #fa3a4e; color: #fff; background: #bd2635; }
.rs-promo button svg, .rs-exclusive button svg, .rs-telegram svg { width: 13px !important; height: 13px !important; }
.rs-products-section { padding: 18px 0 15px; scroll-margin-top: 125px; }
.rs-section-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.rs-section-head > div { display: flex; align-items: center; gap: 10px; }
.rs-section-head h2 { margin: 0; color: #fff; font-size: 18px; line-height: 1.2; }
.rs-fire { font-size: 20px; }
.rs-see-all { display: inline-flex; align-items: center; gap: 5px; border: 0; background: none; color: #f3f4f6; font-size: 11px !important; }
.rs-see-all svg { width: 13px !important; height: 13px !important; }
.rs-product-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 11px; }
.rs-product-tabs button { min-height: 34px; padding: 8px 12px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #b8bec9; font-size: 11px !important; }
.rs-product-tabs button:hover, .rs-product-tabs button.active { background: #271820; color: #ff4459; }
.rs-products-frame { position: relative; }
.rs-product-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; min-height: 250px; }
.rs-product-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid #2a3039; border-radius: 11px; background: linear-gradient(#151a1e,#11161b); box-shadow: 0 9px 25px #0005; }
.rs-product-card:hover { border-color: #e04452; transform: translateY(-2px); transition: border-color .15s, transform .15s; }
.rs-product-art { position: relative; display: grid; place-items: center; width: 100%; height: 158px; padding: 0; overflow: hidden; border: 0; background: radial-gradient(circle at 50% 35%,#283246,#0d1219 75%); }
.rs-product-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; image-rendering: auto; }
.rs-product-placeholder { display: grid; place-items: center; width: 100%; height: 100%; padding: 12px; background: radial-gradient(circle at 75% 20%,#96304188,transparent 45%),linear-gradient(130deg,#0d1421,#141921 55%,#0b0e15); color: #fff; font-size: clamp(14px,1.5vw,21px); font-weight: 900; line-height: 1.08; letter-spacing: -.045em; text-align: center; text-shadow: 0 2px 10px #000; }
.rs-favorite-button { position: absolute; top: 7px; right: 7px; display: grid; place-items: center; width: 25px; height: 25px; padding: 4px; border: 1px solid #ffffff50; border-radius: 50%; background: #080b12bc; color: #fff; }
.rs-favorite-button svg { width: 14px !important; height: 14px !important; }
.rs-favorite-button.active { color: #ff3d50; background: #2f111b; }
.rs-favorite-button.active svg { fill: #ff3d50; }
.rs-product-body { display: flex; flex-direction: column; min-height: 146px; padding: 8px 10px 10px; }
.rs-product-meta { display: flex; gap: 10px; min-height: 15px; color: #a3abb7; font-size: 9px; }
.rs-product-meta span:first-child { color: #ffd45b; }
.rs-product-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; min-height: 26px; padding: 0; overflow: hidden; border: 0; background: transparent; color: #fff; text-align: left; font-size: 11px !important; font-weight: 780 !important; line-height: 1.18; }
.rs-product-name:hover { color: #ff6675; }
.rs-product-body > small { min-height: 24px; margin-top: 4px; color: #c1c3ca; font-size: 9px; }
.rs-product-price { margin: 3px 0 8px; color: #fff; font-size: 14px; }
.rs-product-buy { width: 100%; min-height: 42px; margin-top: auto; font-size: 12px !important; }
.rs-product-buy svg { width: 14px !important; height: 14px !important; }
.rs-carousel-arrow { position: absolute; top: 42%; z-index: 2; display: grid; place-items: center; width: 31px; height: 31px; padding: 0; border: 1px solid #4e5866; border-radius: 50%; background: #171d27e8; color: #fff; font-size: 23px !important; }
.rs-carousel-left { left: -15px; }
.rs-carousel-right { right: -15px; }
.rs-empty { grid-column: 1 / -1; display: grid; place-items: center; min-height: 170px; padding: 20px; border: 1px dashed #37404c; border-radius: 12px; color: #b5bdc7; text-align: center; }
.rs-trust { min-height: 164px; border-block: 1px solid #282a32; background: radial-gradient(circle at 82% 58%,#85293975 0 11%,transparent 12%),radial-gradient(ellipse at 74% 98%,#8423344a,transparent 49%),linear-gradient(115deg,#0a0e16,#160d16 52%,#090c12); }
.rs-trust-content { display: grid; grid-template-columns: .9fr 1.6fr; align-items: center; gap: 24px; min-height: 164px; }
.rs-trust h2 { max-width: 360px; margin: 0 0 8px; color: #fff; font-size: 23px; line-height: 1.1; }
.rs-trust p { max-width: 400px; margin: 0; color: #c2c7d0; font-size: 11px; line-height: 1.5; }
.rs-trust-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.rs-trust-stats > div { display: grid; align-content: center; gap: 5px; min-width: 0; min-height: 74px; padding: 14px; border: 1px solid #ffffff29; border-radius: 10px; background: #10151dcb; }
.rs-trust-stats strong { color: #fff; font-size: 21px; line-height: 1.15; white-space: nowrap; }
.rs-trust-stats span { color: #b9bfcb; font-size: 11px; line-height: 1.25; }
.rs-bottom-promos { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; padding-block: 17px; }
.rs-exclusive, .rs-telegram { position: relative; min-height: 120px; overflow: hidden; padding: 20px; border: 1px solid #2a3038; border-radius: 12px; background: linear-gradient(90deg,#180b10,#110e13ab),url('/store/media/reference/hero-blood-moon-v4.webp') right 39% / cover; }
.rs-exclusive h2, .rs-telegram h2 { position: relative; margin: 0 0 5px; color: #ff4155; font-size: 18px; }
.rs-exclusive p, .rs-telegram p { position: relative; margin: 0 0 9px; color: #d2d7dd; font-size: 10px; }
.rs-exclusive button { position: relative; }
.rs-telegram { background: radial-gradient(circle at 90% 70%,#086184,#09151e 49%,#0a1017); }
.rs-telegram-mark { position: absolute; top: 11px; right: 23px; display: grid; place-items: center; width: 68px; height: 68px; filter: drop-shadow(0 0 18px #229ed988); }
.rs-telegram-mark svg { display: block; width: 100% !important; height: 100% !important; }
.rs-telegram-button-mark, .rs-footer-channel-mark { display: inline-grid; place-items: center; width: 18px; height: 18px; flex: none; }
.rs-telegram-button-mark svg, .rs-footer-channel-mark svg { display: block; width: 18px !important; height: 18px !important; }
#rs-telegram-link, #rs-footer-channel { gap: 7px; }
.rs-telegram h2, .rs-telegram p { max-width: 65%; color: #fff; }

#rs-footer { display: block !important; width: 100%; max-width: none !important; padding: 30px 0 16px !important; margin: 0 !important; border-top: 1px solid #292e38; background: linear-gradient(180deg,#10141a,#0c0f13 80%) !important; color: #b9c1cd; }
.rs-footer-grid { display: grid; grid-template-columns: minmax(220px,1.55fr) repeat(4,minmax(120px,.75fr)); align-items: start; gap: clamp(20px,3vw,42px); }
.rs-footer-brand .rs-brand { display: inline-flex; width: auto; padding: 0; color: #fff; }
.rs-footer-brand .rs-brand img { display: block; width: 48px; height: 48px; object-fit: contain; }
.rs-footer-brand .rs-brand span { font-size: 12px; }
.rs-footer-brand .rs-brand strong { font-size: 17px; }
.rs-footer-brand p { max-width: 245px; margin: 8px 0 0; color: #aeb7c4; font-size: 12px; line-height: 1.55; }
#rs-footer h3 { margin: 5px 0 12px; color: #f2f4f7; font-size: 13px; font-weight: 750; }
#rs-footer .rs-footer-grid > div:not(.rs-footer-brand) { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
#rs-footer button, #rs-footer a { display: inline-flex; align-items: center; width: fit-content; padding: 1px 0; border: 0; background: transparent; color: #b9c1cd; text-decoration: none; font-size: 12px !important; line-height: 1.4; }
#rs-footer button:hover, #rs-footer a:hover { color: #ff6b7b; }
.rs-copyright { margin-top: 25px; padding-top: 13px; border-top: 1px solid #242a33; color: #8d96a3; text-align: right; font-size: 11px; }

#rs-overlay { position: fixed; inset: 0; z-index: 90; background: #000b; opacity: 0; transition: opacity .25s; }
#rs-overlay.open { opacity: 1; }
#rs-cart { position: fixed; z-index: 91; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: min(430px,100vw); padding: 22px; border-left: 1px solid #343b45; background: #0d1117; color: #fff; box-shadow: -30px 0 70px #0009; transform: translateX(105%); transition: transform .25s; }
#rs-cart.open { transform: none; }
.rs-cart-head { display: flex; justify-content: space-between; align-items: start; gap: 15px; padding-bottom: 15px; border-bottom: 1px solid #29303a; }
.rs-cart-head small { color: #ff5e6b; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.rs-cart-head h2 { margin: 5px 0 0; color: #fff; font-size: 25px; }
.rs-cart-head button, #rs-info > button { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #333b46; border-radius: 8px; background: #1a2029; color: #fff; }
#rs-cart-items { display: grid; align-content: start; gap: 10px; overflow: auto; flex: 1; padding: 17px 0; }
.rs-cart-item { display: grid; grid-template-columns: 66px minmax(0,1fr) 24px; align-items: start; gap: 11px; padding: 9px; border: 1px solid #29313c; border-radius: 11px; background: #141a22; }
.rs-cart-item img { width: 66px; height: 67px; border-radius: 6px; background: #0e131b; object-fit: contain; }
.rs-cart-item strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.rs-cart-item small { display: block; margin: 4px 0 6px; color: #aab3bf; font-size: 10px; }
.rs-cart-remove { display: grid; place-items: center; width: 28px; height: 28px; padding: 2px; border: 0; border-radius: 6px; background: transparent; color: #aeb7c2; }
.rs-cart-remove:hover { background: #3c232c; color: #fff; }
.rs-cart-remove svg { width: 15px !important; height: 15px !important; }
.rs-quantity { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 11px; }
.rs-quantity button { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid #444d59; border-radius: 7px; background: #202833; color: #fff; font-size: 17px !important; }
.rs-quantity button:hover { border-color: #fb5364; background: #30222b; }
.rs-cart-empty { margin: 0; padding: 20px; border: 1px dashed #39414d; border-radius: 10px; color: #aeb7c2; font-size: 13px; line-height: 1.5; }
.rs-cart-bottom { padding-top: 16px; border-top: 1px solid #29303a; }
.rs-cart-total { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 16px; }
.rs-cart-total strong { font-size: 23px; }
#rs-cart-message { min-height: 16px; color: #eeb1b8; font-size: 11px; line-height: 1.35; }
#rs-checkout { width: 100%; min-height: 47px; }
#rs-info { width: min(500px,calc(100vw - 32px)); max-width: none; padding: 26px; border: 1px solid #3b424c; border-radius: 16px; background: #10151d; color: #fff; box-shadow: 0 30px 90px #000c; }
#rs-info::backdrop { background: #000b; backdrop-filter: blur(5px); }
#rs-info > button { float: right; }
#rs-info h2 { margin: 5px 0 15px; font-size: 26px; }
#rs-info p { color: #bfc5ce; font-size: 14px; line-height: 1.55; }
#rs-info .rs-red-button { margin-top: 8px; }
.rs-review-list { display: grid; gap: 7px; max-height: 300px; overflow-y: auto; margin: 18px 0; }
.rs-review-list button { display: grid; gap: 5px; width: 100%; padding: 12px 14px; border: 1px solid #35404d; border-radius: 9px; background: #19212b; color: #fff; text-align: left; }
.rs-review-list button:hover { border-color: #fc5265; background: #28212b; }
.rs-review-list strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.rs-review-list span { color: #ffd45b; font-size: 11px; }
.rs-detail-add { display: inline-flex; justify-content: center; width: 100%; margin-top: 9px; padding: 12px; border: 1px solid #fb4152; border-radius: 9px; background: #21151b; color: #fff; font-weight: 750; }
.rs-detail-add:hover { background: #642632; }

/* Existing account, support and admin routes retain their working controls. */
.workspace { width: min(100% - 48px, 1280px) !important; max-width: 1280px !important; margin: 0 auto !important; padding: 30px 0 55px !important; color: #f5f6f8 !important; }
.workspace h1, .workspace h2, .workspace h3 { color: #f5f6f8 !important; }
.workspace p, .workspace small, .workspace .muted { color: #b0b7c2; }
.workspace :is(.account-hero,.account-summary,.history-row,.admin-row,.order-admin,.category-tile,.store-profile,.stats-grid > article,.account-panel,.cabinet-card) { border-color: #333b45 !important; background-color: #111720 !important; color: #f6f7f9 !important; }
.workspace :is(input,select,textarea), dialog :is(input,select,textarea) { border: 1px solid #39424f !important; background: #151c25 !important; color: #fff !important; }
.workspace :is(button,.outline), dialog :is(button,.outline) { color: #fff; }
.workspace button.outline { border: 1px solid #465161 !important; background: #19222d !important; color: #e8edf4 !important; box-shadow: none !important; }
.workspace button.outline:hover { border-color: #fb5869 !important; background: #28202b !important; color: #fff !important; }
.workspace .primary, dialog .primary { border-color: #ec3549 !important; background: #ed3549 !important; color: #fff !important; }

/* Keep the legacy light-theme cascade from painting white panels into the
   admin, support, and request views. */
.workspace :is(.admin-navigation-v4,.admin-content-v4,.admin-panel,.admin-context-head,.license-issuer-v2,.license-control,.license-issuer-preview,.request-form,#support-view > form) { border-color: #303a48 !important; background: linear-gradient(145deg,#121a25,#0c121b) !important; color: #edf2f8 !important; box-shadow: 0 12px 28px #0002 !important; }
.workspace :is(.admin-product-card,.admin-user-row,.admin-license-row,.admin-crypto-claim,.request-card,.ticket-thread article,.license-control,.license-issuer-preview) { border-color: #303a48 !important; background: #171f2a !important; color: #edf2f8 !important; }
#support-view .ticket-thread article, dialog.ticket-dialog .ticket-thread article { border-color: #303a48 !important; background: #171f2a !important; color: #edf2f8 !important; box-shadow: none !important; }
#support-view .ticket-thread article.staff-message, dialog.ticket-dialog .ticket-thread article.staff-message { border-color: #334a60 !important; background: #192633 !important; }
#support-view .ticket-thread article :is(p,small), dialog.ticket-dialog .ticket-thread article :is(p,small) { color: #b0bdcc !important; }
.workspace :is(.admin-context-head,.license-issuer-v2,.license-control,.license-issuer-preview) :is(h2,h3,strong,label) { color: #f4f7fb !important; }
.workspace :is(.admin-context-head,.license-issuer-v2,.license-control,.license-issuer-preview) :is(p,small,.muted) { color: #aab7c8 !important; }
#admin-view .admin-navigation-v4 { border-color: #303a48 !important; background: #0c121b !important; }
#admin-view .admin-nav-v4 { border-color: transparent !important; background: transparent !important; color: #aeb9c8 !important; }
#admin-view .admin-nav-v4 > span { border-color: #384453 !important; background: #18212d !important; color: #b9c5d4 !important; }
#admin-view .admin-nav-v4:hover { border-color: #70404f !important; background: #211b25 !important; color: #fff !important; }
#admin-view .admin-nav-v4.active, #admin-view .admin-content-v4 .admin-tabs button.active, #admin-view .admin-tabs button.active { border-color: #75414f !important; background: #2b1b27 !important; color: #ffc0d0 !important; box-shadow: none !important; }
#admin-view .admin-content-v4 .admin-tabs, #admin-view .admin-tabs { border-color: #303a48 !important; background: #0c121b !important; }
#admin-view .admin-content-v4 .admin-tabs button, #admin-view .admin-tabs button { border-color: transparent !important; background: transparent !important; color: #aeb9c8 !important; }
#admin-view .admin-content-v4 .admin-tabs button.active, #admin-view .admin-tabs button.active { border-color: #75414f !important; background: #2b1b27 !important; color: #ffc0d0 !important; }
#admin-view .admin-content-v4 :is(.stats-grid article,.admin-row,.order-admin,.financial-row,.audit-row,.admin-user-row,.admin-license-row,.admin-crypto-claim,.license-control,.license-issuer-preview,.admin-license-details > div,.admin-user-stats > div,.empty) { border-color: #303a48 !important; background: #141c26 !important; color: #edf2f8 !important; box-shadow: none !important; }
#admin-view .admin-content-v4 :is(h2,h3,strong), #admin-view .admin-content-v4 .stats-grid strong, #admin-view .admin-content-v4 .admin-license-details span, #admin-view .admin-content-v4 .admin-user-stats strong { color: #f2f5f9 !important; }
#admin-view .admin-content-v4 :is(p,small,.muted,.admin-license-details small,.admin-user-stats small) { color: #aab7c8 !important; }
#admin-view .admin-content-v4 :is(input,select,textarea), #admin-view :is(.license-control input,.license-control select,.license-control textarea) { border-color: #394553 !important; background: #111923 !important; color: #f3f6fa !important; }
#admin-view .admin-content-v4 :is(pre,.empty) { border-color: #303a48 !important; background: #0d131c !important; color: #c4cfdd !important; }
#admin-view .license-created-v2 { border-color: #285b49 !important; background: #10221c !important; color: #e0f5ea !important; }
#admin-view .license-created-v2 > strong { color: #e8fff1 !important; }
#requests-view .request-card, #requests-view .request-form, #support-view > form { border-color: #303a48 !important; background: #121a24 !important; color: #edf2f8 !important; }
#requests-view .request-card h3, #requests-view .request-card strong { color: #f2f5f9 !important; }
#requests-view .request-card p, #requests-view .request-card small { color: #b0bdcc !important; }

/* The account route uses dark surfaces throughout. Earlier light-theme rules
   had left pale text on white cards after the storefront theme was changed. */
#account-view .section-title .outline { border: 1px solid #465161 !important; background: #19222d !important; color: #f4f7fb !important; }
#account-view .section-title .outline:hover { border-color: #fb5869 !important; background: #2b1d27 !important; }
#account-view .account-hero-v2 { border-color: #333d4b !important; background: linear-gradient(120deg,#111923,#151c27 72%,#302032) !important; color: #f5f7fb !important; }
#account-view .account-wallet-v2 { border-color: #3b4655 !important; background: linear-gradient(145deg,#1a2431,#111923 68%,#261d2a) !important; box-shadow: inset 0 1px #ffffff0b,0 10px 26px #0003 !important; }
#account-view .account-wallet-copy > span { color: #c0cad8 !important; }
#account-view .account-wallet-copy > strong { color: #f4f7fb !important; }
#account-view .account-wallet-copy > small { color: #9eacbf !important; }
#account-view .account-topup { box-shadow: 0 8px 22px #ed253f38 !important; }
#account-view .account-identity h2 { color: #f8f9fc !important; }
#account-view .account-meta, #account-view .account-email { color: #b1bdcc !important; }
#account-view .account-online { color: #70dcb3 !important; }
#account-view .account-stats-v2 article, #account-view .account-command-center, #account-view .account-panel { border: 1px solid #303a48 !important; background: linear-gradient(145deg,#121a25,#0c121b) !important; color: #f4f7fb !important; box-shadow: 0 12px 28px #0002 !important; }
#account-view .account-stats-v2 strong, #account-view .account-command-head h2, #account-view .account-panel-head h2 { color: #f6f8fb !important; }
#account-view .account-stats-v2 small, #account-view .account-stats-v2 em, #account-view .account-panel-head p { color: #adb9ca !important; }
#account-view .account-action-v2, #account-view .account-utility { border: 1px solid #384453 !important; background: #18212d !important; color: #ecf1f7 !important; }
#account-view .account-action-v2:hover, #account-view .account-utility:hover { border-color: #fc6474 !important; background: #28202b !important; color: #fff !important; }
#account-view .account-action-v2.action-topup { border-color: #79414f !important; background: #2b1b27 !important; }
#account-view .account-action-copy strong, #account-view .account-utility strong { color: #f3f6fb !important; }
#account-view .account-action-copy small { color: #aebacc !important; }
#account-view .account-command-title small { color: #ff91a2 !important; }
#account-view .account-command-head > .muted { color: #aab6c6 !important; }
#account-view .account-utilities { border-top-color: #303a48 !important; }
#account-view .license-row, #account-view .purchase-row, #account-view .invoice-row, #account-view .account-empty { border: 1px solid #303a48 !important; background: #171f2a !important; color: #edf2f8 !important; }
#account-view .license-row:hover, #account-view .purchase-row:hover, #account-view .invoice-row:hover { border-color: #a8495a !important; }
#account-view .license-row h3, #account-view .purchase-row h3, #account-view .invoice-row h3 { color: #f7f9fc !important; }
#account-view .license-row small, #account-view .purchase-row small, #account-view .invoice-row small, #account-view .license-info small { color: #adb9ca !important; }
#account-view .license-info strong { color: #e7eef8 !important; }
#account-view .license-key-line code { border-color: #6c344d !important; background: #2c1b2a !important; color: #ffaccb !important; }
#account-view .license-copy, #account-view .license-reset:not(:disabled) { border: 1px solid #75445d !important; background: #33202f !important; color: #ffd1e0 !important; }
#account-view .license-copy:hover, #account-view .license-reset:not(:disabled):hover { border-color: #ff789e !important; background: #4b263d !important; }
#account-view .license-reset:disabled { border-color: #364250 !important; background: #202833 !important; color: #a4afbf !important; }
#account-view .account-count { border-color: #70404f !important; background: #281c28 !important; color: #ffc0d0 !important; }
#account-view .license-note { color: #aebacc !important; }
#detail, #login, #editor, #inventory, dialog.ticket-dialog, dialog.review-dialog { border-color: #353c47 !important; background: #111720 !important; color: #f6f7f9 !important; }
#detail :is(h2,h3,strong), #login :is(h2,h3,strong), #editor :is(h2,h3,strong), #inventory :is(h2,h3,strong) { color: #f7f8fa !important; }
#detail :is(p,small), #login :is(p,small), #editor :is(p,small), #inventory :is(p,small) { color: #b8c0ca; }

/* Login dialogs are created dynamically, so #login alone cannot style them. */
dialog.auth-dialog { border: 1px solid #3c4553 !important; border-radius: 20px !important; background: radial-gradient(circle at 5% 0%,#37202d 0%,transparent 44%),#101720 !important; color: #f7f8fa !important; box-shadow: 0 30px 100px #000d !important; }
dialog.auth-dialog::backdrop { background: #03060bdb; backdrop-filter: blur(8px); }
dialog.auth-dialog :is(h2,h3,strong,label) { color: #f7f8fa !important; }
dialog.auth-dialog :is(p,small) { color: #b3bdcc !important; }
dialog.auth-dialog > .eyebrow { color: #ff8190 !important; }
dialog.auth-dialog .close { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid #3b4654 !important; border-radius: 10px; background: #1c2632 !important; color: #dce4ed !important; box-shadow: none !important; }
dialog.auth-dialog .close:hover { border-color: #fa5064 !important; background: #38212b !important; color: #fff !important; }
dialog.auth-dialog .auth-choice { min-height: 92px; border: 1px solid #394553 !important; border-radius: 14px; background: #1a2330 !important; color: #f7f8fa !important; box-shadow: 0 8px 24px #0003; }
dialog.auth-dialog .auth-choice:hover { border-color: #ff6375 !important; background: #2a2431 !important; }
dialog.auth-dialog .auth-choice-email { border-color: #7e4358 !important; background: #271b2a !important; }
dialog.auth-dialog .auth-choice-copy strong { font-size: 14px; }
dialog.auth-dialog .auth-choice-copy small { color: #aab6c7 !important; font-size: 11px; }
dialog.auth-dialog .auth-secondary { border: 1px solid #3c4653; background: #1a2330; color: #e3e8ef; }
dialog.auth-dialog .auth-secondary:hover { border-color: #ff6375; background: #30232d; }

#detail { width: min(900px, calc(100% - 32px)); max-width: 900px; padding: 24px !important; border: 1px solid #343b47 !important; border-radius: 18px; background: #0c1017 !important; box-shadow: 0 32px 100px #000c; }
#detail::backdrop { background: #02040ad9; backdrop-filter: blur(7px); }
#detail .product-close { position: sticky; top: 0; z-index: 8; float: right; display: grid; place-items: center; width: 38px; min-width: 38px; height: 38px; min-height: 38px; padding: 0; border: 1px solid #353e4a; border-radius: 10px; background: #1b222d; color: #e8ecf3; font-size: 22px; box-shadow: none; }
#detail .product-close:hover { border-color: #ff5365; background: #2e1a22; color: #fff; }
#detail .product-close::after { content: none; }
#detail-content { gap: 26px; align-items: start; }
#detail-content .market-detail-media-column { padding: 0; }
#detail-content .design-detail-poster { width: 100%; max-width: none; min-height: 310px; aspect-ratio: 1.12; overflow: hidden; border: 1px solid #343b49; border-radius: 15px; background: #101824; }
#detail-content .design-detail-poster > img { width: 100%; height: 100%; object-fit: cover; }
#detail-content .rs-detail-poster { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 16px; padding: clamp(24px, 4vw, 42px); background: radial-gradient(circle at 78% 25%, #d2384b64, transparent 34%), radial-gradient(circle at 84% 72%, #142e6680, transparent 48%), linear-gradient(145deg, #15121b, #0a0d15 65%); }
#detail-content .rs-detail-poster::before { content: '侍'; position: absolute; top: 8%; right: 9%; color: #ffffff10; font-size: clamp(90px, 12vw, 160px); font-weight: 900; line-height: 1; }
#detail-content .rs-detail-overline { position: relative; color: #ff6878; font-size: 11px; font-weight: 800; letter-spacing: .22em; }
#detail-content .rs-detail-poster-name { position: relative; max-width: 100%; overflow-wrap: anywhere; color: #fff; font-size: clamp(29px, 4vw, 47px); font-weight: 900; line-height: 1.04; letter-spacing: -.06em; text-transform: uppercase; text-shadow: 0 5px 22px #0008; }
#detail-content .rs-detail-poster-caption { position: relative; color: #c6cbd5; font-size: 10px; font-weight: 700; letter-spacing: .18em; }
#detail-content .rs-detail-spotify { background: radial-gradient(circle at 74% 34%, #0fc08c83, transparent 38%), linear-gradient(145deg, #102c28, #071411 75%); }
#detail-content .rs-detail-chatgpt { background: radial-gradient(circle at 75% 32%, #22cba38c, transparent 40%), linear-gradient(145deg, #0e302c, #071311 75%); }
#detail-content .rs-detail-playstation, #detail-content .rs-detail-windows { background: radial-gradient(circle at 75% 31%, #2c78fca0, transparent 40%), linear-gradient(145deg, #101c45, #091225 75%); }
#detail-content .rs-detail-youtube, #detail-content .rs-detail-netflix { background: radial-gradient(circle at 76% 31%, #ea1b3d9c, transparent 40%), linear-gradient(145deg, #351016, #12080f 75%); }
#detail-content .detail-rating { display: inline-flex; width: auto; margin-top: 12px; padding: 7px 11px; border: 1px solid #3c424e; border-radius: 9px; background: #171e28; color: #f5cf6d; font-size: 12px; }
#detail-content .market-detail-info-column { padding: 4px 0 10px; }
#detail-content .market-detail-category { color: #ff6172; font-size: 11px; letter-spacing: .12em; }
#detail-content h2 { color: #fff; font-size: clamp(23px, 3vw, 31px); line-height: 1.12; }
#detail-content .market-detail-seller { display: inline-flex; width: auto; margin: 12px 0 2px; padding: 7px 10px; border: 1px solid #315b4b; border-radius: 8px; background: #10251f; color: #92d5b6; font-size: 11px; }
#detail-content .detail-meta { margin: 18px 0; padding: 16px 0; border-color: #353d49; }
#detail-content .detail-meta .price { color: #fff; font-size: 28px; }
#detail-content .detail-meta .status { color: #99d8b6; font-size: 12px; }
#detail-content .detail-description { color: #c0c7d1; font-size: 13px; line-height: 1.6; }
#detail-content .payment-options { display: grid; gap: 10px; margin-top: 20px; }
#detail-content .payment-options > button { min-height: 46px; border-radius: 9px; }
#detail-content .payment-options .primary { border: 1px solid #ff5766; background: linear-gradient(180deg, #ff4558, #ec2940); box-shadow: 0 8px 24px #ed1d3530; font-weight: 800; }
#detail-content .payment-options > p { color: #aeb7c4; font-size: 11px; line-height: 1.5; }
#detail-content .product-balance { border-color: #343f4d !important; background: linear-gradient(145deg,#17212d,#111923) !important; color: #d8e1ed !important; }
#detail-content .product-balance span { color: #b9c5d4 !important; }
#detail-content .product-balance strong { color: #8ee4c8 !important; }
#detail-content .payment-divider { color: #b5c0ce !important; }
#detail-content .payment-divider::before, #detail-content .payment-divider::after { background: #394452 !important; }
#detail-content .payment-note { color: #aab6c6 !important; }
#detail-content .payment-options > .muted { color: #c0cad7 !important; }
#detail-content .provider-pay { border-color: #394553 !important; background: linear-gradient(145deg,#18212d,#101720) !important; color: #f2f5f8 !important; }
#detail-content .provider-pay .provider-copy strong, #detail-content .provider-pay .provider-price { color: #f2f5f8 !important; }
#detail-content .provider-pay .provider-copy small { color: #b2bece !important; }
#detail-content .rs-detail-add { margin: 0; border: 1px solid #fa4053; background: #25141c; color: #fff; box-shadow: none; }
#detail-content .rs-detail-add:hover { background: #4a1d2a; }
@media (max-width: 700px) {
    #detail { width: calc(100% - 18px); max-height: calc(100dvh - 18px); padding: 15px !important; }
    #detail-content { grid-template-columns: 1fr; gap: 14px; }
    #detail-content .design-detail-poster { min-height: 185px; max-height: 28vh; aspect-ratio: 1.7; margin: 0; }
    #detail-content .rs-detail-poster { padding: 22px; }
    #detail-content .rs-detail-poster-name { font-size: clamp(25px, 7vw, 35px); }
    #detail-content .market-detail-info-column { padding: 0 2px 6px; }
}

@media (max-width: 1130px) {
    .rs-header-main { gap: 12px; grid-template-columns: 145px minmax(160px,1fr) auto; }
    .rs-header-actions { gap: 8px; }
    .rs-profile { min-width: 115px; }
    .rs-nav-links { gap: 16px; }
}
@media (max-width: 900px) {
    .rs-wrap { width: min(100% - 32px,1280px); }
    .rs-header-main { grid-template-columns: 130px minmax(130px,1fr) auto; }
    .rs-icon-action span, .rs-cart-trigger span, .rs-profile > span:nth-child(2), .rs-chevron { display: none; }
    .rs-icon-action { min-width: 27px; }
    .rs-cart-trigger { min-width: 39px; width: 39px; padding: 0; }
    .rs-profile { min-width: 32px; }
    .rs-header-nav { gap: 15px; }
    .rs-nav-links { gap: 11px; overflow-x: auto; }
    #rs-category-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .rs-product-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .rs-promos { gap: 10px; }
    .rs-promo h2 { font-size: 15px; }
}
@media (max-width: 680px) {
    .rs-wrap { width: min(100% - 24px,1280px); }
    .rs-header-main { grid-template-columns: 1fr auto; gap: 5px; min-height: 94px; align-content: start; padding-top: 5px; }
    .rs-brand img { width: 34px; height: 34px; }
    .rs-brand span { font-size: 9px; }
    .rs-brand strong { font-size: 13px; }
    .rs-header-actions { gap: 7px; justify-content: end; }
    .rs-header-actions .rs-icon-action:nth-child(2), .rs-header-actions .rs-icon-action:nth-child(3), .rs-profile { display: none; }
    .rs-mobile-menu { display: grid; place-items: center; width: 30px; height: 32px; }
    .rs-search { grid-column: 1 / -1; grid-row: 2; height: 34px; margin: 2px 0 5px; }
    .rs-search > button { height: 34px; width: 38px; }
    .rs-header-nav { min-height: 40px; gap: 7px; }
    .rs-catalog-trigger { width: 105px; height: 32px; gap: 5px; font-size: 10px !important; }
    .rs-nav-links { gap: 13px; }
    .rs-nav-links button { font-size: 10px !important; }
    .rs-lang { font-size: 10px !important; }
    #rs-header:not(.rs-nav-open) .rs-nav-links { display: none; }
    #rs-header.rs-nav-open .rs-header-nav { flex-wrap: wrap; }
    #rs-header.rs-nav-open .rs-nav-links { order: 3; width: 100%; padding-bottom: 8px; flex-wrap: wrap; gap: 3px 15px; }
    #rs-header.rs-nav-open .rs-mobile-nav-link { display: inline-flex; }
    .rs-menu { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .rs-hero { height: 410px; }
    .rs-hero-landscape { background-image: linear-gradient(90deg,#06080b 0%,#06080bf5 48%,#06080b9c 73%,#06080b20 100%),linear-gradient(0deg,#040609 0%,transparent 32%),url('media/reference/hero-main-20261002.webp'); background-position: center,center,right -150px center; background-size: 100% 100%,100% 100%,auto 100%; background-repeat: no-repeat; opacity: 1; }
    .rs-hero-content { padding: 25px 8px; justify-content: center; }
    .rs-kicker { max-width: 240px; font-size: 8px; }
    #rs-hero-title { width: 90%; max-width: 410px; font-size: clamp(43px,12vw,64px); line-height: .9; }
    .rs-hero-product #rs-hero-title { width: 82%; font-size: clamp(29px, 8.3vw, 43px); }
    .rs-hero-description { max-width: 290px; min-height: 60px; font-size: 12px; }
    .rs-hero-benefits { max-width: 260px; flex-wrap: wrap; gap: 8px 15px; margin-top: 28px; font-size: 9px; }
    .rs-hero-japanese { right: 9px; top: 57px; font-size: 12px; }
    .rs-hero-controls { right: 10px; bottom: 12px; }
    #rs-category-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
    .rs-category-card { min-height: 80px; }
    .rs-category-card strong { font-size: 9px; overflow-wrap: anywhere; }
    .rs-category-card small { font-size: 8px; }
    .rs-promos { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin-top: 12px; padding-bottom: 4px; }
    .rs-promo { flex: 0 0 min(83vw,320px); scroll-snap-align: start; }
    .rs-products-section { scroll-margin-top: 145px; }
    .rs-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
    .rs-product-art { height: clamp(132px,38vw,166px); }
    .rs-carousel-left { left: -5px; }
    .rs-carousel-right { right: -5px; }
    .rs-trust-content { grid-template-columns: 1fr; gap: 15px; padding-block: 24px; }
    .rs-trust-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
    .rs-trust-stats > div { padding: 9px; }
    .rs-trust-stats strong { font-size: 18px; }
    .rs-bottom-promos { grid-template-columns: 1fr; gap: 10px; }
    .rs-telegram-mark { top: 14px; right: 17px; width: 54px; height: 54px; }
    #rs-footer { padding: 22px 0 14px !important; }
    .rs-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 21px 18px; }
    .rs-footer-brand { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 12px; }
    .rs-footer-brand .rs-brand img { width: 42px; height: 42px; }
    .rs-footer-brand .rs-brand span { font-size: 10px; }
    .rs-footer-brand .rs-brand strong { font-size: 15px; }
    .rs-footer-brand p { max-width: none; margin: 0; text-align: right; font-size: 11px; }
    #rs-footer h3 { margin-bottom: 8px; font-size: 12px; }
    #rs-footer button, #rs-footer a { font-size: 12px !important; }
    .rs-copyright { margin-top: 18px; padding-top: 12px; text-align: left; font-size: 10px; }
    .workspace { width: min(100% - 24px,1280px) !important; }
}
@media (prefers-reduced-motion: reduce) {
    #rs-home *, #rs-header *, #rs-cart *, #rs-overlay { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.telegram-brand-mark { display: block; width: 100%; height: 100%; flex: none; }
.announcement .telegram-icon { transform: none !important; }
.announcement .telegram-icon .telegram-brand-mark { width: 100%; height: 100%; }
.auth-button-icon .telegram-brand-mark { width: 22px; height: 22px; }
.auth-choice-icon .telegram-brand-mark { width: 25px; height: 25px; }
.channel-icon { display: grid; place-items: center; }
.channel-icon .telegram-brand-mark { width: 32px; height: 32px; filter: drop-shadow(0 4px 10px #229ed94a); }
.account-utility.telegram-link .telegram-utility-icon { display: grid; place-items: center; overflow: hidden; background: #229ed91b !important; }
.account-utility.telegram-link .telegram-brand-mark { width: 16px; height: 16px; }
.rs-category-symbol .telegram-brand-mark { width: 34px; height: 34px; }
.workspace > .section-title { border-bottom: 0 !important; }