/* Radar storefront: product imagery, readable prices and restrained controls. */
:root {
  color-scheme: dark;
  --rg-header-height: 60px;
  --rg-lime: #C8FF00;
  --rg-container: 1280px;
}
@media (min-width: 1680px) { :root { --rg-container: 1600px; } }
@media (min-width: 2200px) { :root { --rg-container: 1904px; } }
@media (max-width: 767px) { :root { --rg-header-height: 153px; } }
html { color-scheme: dark; scrollbar-color: #26303d #080a0c; scrollbar-width: thin; }
body { scrollbar-color: #26303d #080a0c; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #080a0c; }
::-webkit-scrollbar-thumb { background: #26303d; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3a4759; }
.rg-catalog { --rg-surface:#10141c; --rg-line:#26303d; --rg-muted:#9aa5b5; --rg-lime:#c8ff00; }
.rg-container, .rg-shell { width:100%; max-width:var(--rg-container); margin-inline:auto; padding-inline:32px; box-sizing:border-box; }
@media (max-width: 639px) { .rg-container, .rg-shell { padding-inline:16px; } }
.rg-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:16px 10px; }
.rg-intro-copy { width:100%; max-width:100%; }
.rg-eyebrow { color:#9aa5b5; font:500 12px/1.4 Inter,sans-serif; letter-spacing:.08em; text-transform:uppercase; margin:0 0 8px; }
.rg-intro h1 { color:#f5f7fa; font:700 clamp(28px,2.8vw,32px)/1.15 'Chakra Petch',sans-serif; letter-spacing:-.025em; max-width:720px; }
.rg-intro h1 span:not(.hl):not(.nw) { display:block; }
#catalog-title .hl { color: var(--rg-lime, #C8FF00); display: inline; white-space: nowrap; font: inherit; }
#catalog-title .nw { display: inline; white-space: nowrap; color: inherit; font: inherit; }
@media (max-width: 480px) {
  #catalog-title .nw { white-space: normal; }
}
.rg-intro-note { color:#9aa5b5; font:400 16px/1.5 Inter,sans-serif; margin-top:8px; max-width:720px; }
.rg-intro-actions { display:flex; align-items:center; justify-content:space-between; width:100%; gap:16px; margin-top:14px; flex-wrap:nowrap; }
.rg-btn-secondary-outline { display:inline-flex; align-items:center; justify-content:center; height:34px; padding:0 16px; background:transparent; border:1px solid #334155; border-radius:8px; color:#f1f5f9; font:600 13px/1 Inter,sans-serif; text-decoration:none; white-space:nowrap; transition:all .15s ease; flex-shrink:0; cursor:pointer; margin-left:auto; }
.rg-btn-secondary-outline:hover { background:#161c28; border-color:#64748b; color:#ffffff; }
.rg-trust-line { display:inline-flex; align-items:center; gap:10px; color:#94a3b8; font:500 13px/1.4 Inter,sans-serif; white-space:nowrap; }
.rg-trust-item { display:inline-flex; align-items:center; gap:6px; }
.rg-trust-icon { width:15px; height:15px; stroke:#64748b; flex-shrink:0; }
@media (min-width:640px) {
  .rg-trust-item + .rg-trust-item::before { content:"·"; margin-right:4px; color:#475569; font-weight:bold; }
}
.rg-trust-dot { color:#475569; font-weight:bold; }
.rg-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; color:#f5f7fa; font:500 14px/1.3 Inter,sans-serif; }
.rg-text-link:hover { color:#ffffff; text-decoration:underline; }
.rg-text-link span { font-size:16px; }
.rg-mobile-search { display:none; }
.rg-spotlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-bottom:16px; }
.rg-spotlight { display:grid; grid-template-columns:minmax(0,1fr) 260px; align-items:center; min-width:0; min-height:224px; position:relative; background:#10141c; border:1px solid #26303d; border-radius:16px; overflow:hidden; padding:16px; gap:16px; }
.rg-spotlight-copy { padding:0; z-index:1; min-width:0; }
.rg-spotlight .rg-eyebrow { font-size:12px; margin-bottom:8px; }
.rg-spotlight h2 { margin:8px 0; font:700 20px/1.3 'Chakra Petch',sans-serif; color:#f5f7fa; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rg-store { display:inline-flex; align-items:center; gap:8px; min-width:0; color:#c2cad6; font:500 12px/1.4 Inter,sans-serif; }
.rg-store-logo-box { width:22px; height:22px; border-radius:6px; background:#161C28; border:1px solid #26303D; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; padding:2px; }
.rg-store-logo-box img, .rg-store img { width:16px; height:16px; object-fit:contain; flex-shrink:0; display:block; }
.rg-store span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rg-status-badge { display:inline-flex; align-items:center; justify-content:center; padding:3px 8px; border-radius:6px; background:#18202C; border:1px solid #2C384B; color:#E2E8F0; font:500 12px/1.2 Inter,sans-serif; text-transform:none; letter-spacing:0; white-space:nowrap; }
.rg-spotlight .rg-status-badge, .rg-status-badge-highlight { background:rgba(200,255,0,0.15) !important; border:1px solid #C8FF00 !important; color:#C8FF00 !important; font-weight:700 !important; }
.rg-spotlight-art { display:flex; align-items:center; justify-content:center; min-width:0; width:260px; height:auto; padding:0; margin:0; box-sizing:border-box; flex-shrink:0; }
.rg-spotlight-art-frame { width:260px; height:auto; aspect-ratio:16 / 9; display:flex; align-items:center; justify-content:center; border-radius:12px; position:relative; overflow:hidden; transition:border-color .2s ease; box-sizing:border-box; }
.rg-spotlight-art:hover .rg-spotlight-art-frame { border-color:#384659; }
.rg-spotlight-art-frame img { max-width:100%; max-height:100%; width:100%; height:100%; object-fit:contain; border-radius:8px; position:relative; z-index:1; transition:transform .22s ease; }
.rg-spotlight-art:hover .rg-spotlight-art-frame img { transform:scale(1.02); }
.rg-spotlight-games .rg-spotlight-art-frame { aspect-ratio:16 / 9; width:100%; height:auto; min-height:0; max-height:none; padding:0; background:#0b0e14; border:1px solid #1f2633; position:relative; overflow:hidden; }
.rg-spotlight-games .rg-spotlight-art img { width:100%; height:100%; max-width:100%; max-height:none; object-fit:cover; object-position:center top; border-radius:0; }
.rg-spotlight-logo-overlay { position:absolute; inset:0; z-index:10; display:flex; align-items:flex-end; justify-content:flex-start; padding:12px 14px; pointer-events:none; background:linear-gradient(to top, rgba(0,0,0,0.90) 0%, rgba(0,0,0,0.50) 40%, rgba(0,0,0,0.15) 70%, transparent 100%); }
.rg-spotlight-logo-img { max-height:38%; max-width:55%; width:auto; height:auto; object-fit:contain; filter:drop-shadow(0 4px 12px rgba(0,0,0,0.95)); }
.rg-spotlight-hardware .rg-spotlight-art-frame { aspect-ratio:16 / 9; width:100%; height:auto; min-height:0; max-height:none; background:#F4F5F7; border:1px solid #E2E8F0; padding:0; isolation:isolate; overflow:hidden; }
.rg-spotlight-hardware .rg-spotlight-art img { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; padding:8px; mix-blend-mode:multiply; border-radius:0; box-sizing:border-box; transform:scale(1.28); transition:transform .22s ease; }
.rg-spotlight-hardware .rg-spotlight-art:hover img { transform:scale(1.34); }
.rg-spotlight-hardware .rg-spotlight-art:hover .rg-spotlight-art-frame { border-color:#94A3B8; background:#F4F5F7; }
.rg-spotlight-btn { display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 16px; background:#c8ff00; color:#080a0c; font:700 14px/1 Inter,sans-serif; text-transform:none; letter-spacing:0; border-radius:8px; margin-top:12px; transition:background .15s ease, transform .15s ease; }
.rg-spotlight-btn:hover { background:#d4ff33; transform:translateY(-1px); color:#000; }
.rg-spotlight-btn:active { transform:translateY(1px) scale(0.98); }
.rg-spotlight-price del { display:block; color:#9aa5b5; font-size:12px; }
.rg-spotlight-price strong { color:#c8ff00; font:700 20px/1.3 'Chakra Petch',sans-serif; }
.rg-spotlight-price small,.rg-price-line small { font-size:14px; }
.rg-condition { color:#b4becb; font:400 12px/1.4 Inter,sans-serif; white-space:nowrap; }
.rg-spotlight-price .rg-condition { margin-left:8px; }
.rg-catalog .rg-toolbar { top:var(--rg-header-height, 60px) !important; padding-block:6px !important; transition:box-shadow .2s ease, padding .2s ease; }
.rg-catalog .rg-toolbar.is-stuck { box-shadow:0 10px 24px -6px rgba(0,0,0,0.85); }
.rg-catalog header > div,.rg-catalog .rg-toolbar > div { max-width:var(--rg-container); }
.rg-catalog #catalogo { scroll-margin-top:calc(var(--rg-header-height, 60px) + 8px); }
.rg-catalog .tab-btn, .rg-catalog .free-platform-btn { min-height:34px; height:34px; background:#121620; border:1px solid #222936; border-radius:8px; color:#cbd5e1; white-space:nowrap; padding:4px 12px; font:500 14px/1 Inter,sans-serif; text-transform:none !important; letter-spacing:0 !important; display:inline-flex; align-items:center; gap:6px; transition:all .15s ease; cursor:pointer; }
.rg-catalog .tab-btn:hover, .rg-catalog .free-platform-btn:hover { color:#ffffff; border-color:#384659; background:#181F2C; }
.rg-catalog .tab-btn.active, .rg-catalog .free-platform-btn.active { background:#F1F5F9 !important; border-color:#FFFFFF !important; color:#080A0E !important; font-weight:700 !important; box-shadow:0 2px 8px rgba(0,0,0,0.35) !important; }
.rg-catalog .tab-btn span:last-child, .rg-catalog .free-platform-btn span:last-child { background:#161C28; color:#94a3b8; font-size:12px; padding:1px 6px; border-radius:9999px; font-weight:500; }
.rg-catalog .tab-btn.active span:last-child, .rg-catalog .free-platform-btn.active span:last-child { background:#0F172A !important; color:#F8FAFC !important; font-weight:700 !important; }
.rg-catalog .rg-toolbar select,.rg-catalog .rg-toolbar button { min-height:34px; height:34px; text-transform:none !important; font-size:14px; }
.rg-catalog #viewGridBtn,.rg-catalog #viewListBtn { min-width:32px; height:30px; min-height:30px; }
.rg-catalog header input { min-height:38px; }
.rg-catalog header button,.rg-catalog header a { min-height:36px; }
.rg-nav-link { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:36px; height:36px; line-height:1; vertical-align:middle; }
.rg-filter-details summary { display:none; }
.rg-filter-details { min-width:0; }
.rg-filter-content { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.rg-filter-group { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.rg-toolbar-inner { width:100% !important; }
.rg-toolbar-inner > div:first-child { width:100% !important; }
@media (min-width:1200px) {
  .rg-toolbar-inner { display:flex !important; justify-content:space-between !important; gap:12px !important; }
  .rg-toolbar-inner > * { margin-top:0 !important; width:100% !important; }
  .rg-filter-content { border-top:none !important; padding-top:0 !important; flex-wrap:nowrap !important; }
}
@media (max-width:1199px) {
  .rg-catalog .rg-toolbar.is-stuck:not(.filters-pinned) #catalogFilters { display:none !important; }
}
.rg-catalog .rg-deal { display:flex; flex-direction:column; min-width:0; min-height:412px; height:auto; padding:14px 16px; border:1px solid #222936; background:#10141c; border-radius:14px; overflow:hidden; }
.rg-catalog .card-hover-fx:hover { box-shadow:0 12px 28px -10px rgba(0,0,0,0.85); transform:translateY(-2px); border-color:#384659; }
.rg-deal .card-header-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:26px; margin-bottom:10px; }
.rg-deal .card-image-box { aspect-ratio:16 / 9; flex-shrink:0; width:100%; position:relative; display:flex; align-items:center; justify-content:center; background:#0b0e14; border:1px solid #1E2532; border-radius:10px; overflow:hidden; transition:border-color .2s ease; }
.rg-deal:hover .card-image-box { border-color:#334155; }
.rg-deal .card-image-box.card-image-game { aspect-ratio:16 / 9; padding:0 !important; background:#0B0E14; }
.rg-deal .card-image-box.card-image-game img { width:100% !important; height:100% !important; object-fit:cover; position:relative; z-index:1; transition:transform .22s ease; }
.rg-deal .card-image-box.card-image-hardware { background:#0D1118; padding:7px !important; }
.rg-deal .card-image-box.card-image-hardware img { width:144px !important; height:144px !important; aspect-ratio:1 / 1 !important; background:#F8FAFC; border-radius:8px; padding:12px !important; object-fit:contain !important; position:relative; z-index:1; transition:transform .22s ease; }
.rg-deal .card-image-box img.is-placeholder-cover { width:100% !important; height:100% !important; object-fit:cover !important; background:#0B0E14 !important; padding:0 !important; }
.rg-deal:hover .card-image-box img { transform:scale(1.02); }
/* Non-16:9 (vertical or square) media rule: object-fit: contain over a blurred copy of the same image in the background */
.rg-deal .card-image-box.is-nonwide-media::before,
.rg-spotlight-games .rg-spotlight-art-frame.is-nonwide-media::before,
.rg-offer-art.is-nonwide-media::before,
.rg-gallery-thumb.is-nonwide-media::before {
  content: "";
  position: absolute;
  inset: -14px;
  background-image: var(--rg-blur-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(18px) brightness(0.46) saturate(1.15);
  transform: scale(1.08);
  z-index: 0;
  pointer-events: none;
}
.rg-deal .card-image-box.is-nonwide-media img,
.rg-spotlight-games .rg-spotlight-art-frame.is-nonwide-media img,
.rg-offer-art.is-nonwide-media #mainProductImage,
.rg-gallery-thumb.is-nonwide-media img {
  object-fit: contain !important;
  position: relative;
  z-index: 1;
}
.rg-image-empty { font-size:12px; color:#9aa5b5; }
.rg-deal .card-title-box { height:68px; flex-shrink:0; padding-top:10px; overflow:hidden; }
.rg-category { display:block; color:#8490A3; text-transform:uppercase; letter-spacing:.08em; font:500 12px/1.3 Inter,sans-serif; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rg-deal h3 { color:#f5f7fa; font:500 14px/1.4 Inter,sans-serif; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rg-deal h3 a:hover { color:#ffffff; text-decoration:underline; }
.rg-deal .card-price-box { margin-top:auto; padding-bottom:8px; }
.rg-old-price { height:18px; font-size:12px; color:#8490A3; }
.rg-price-line { display:flex; align-items:baseline; gap:6px; }
.rg-price-line strong { color:#c8ff00; font:700 20px/1.25 'Chakra Petch',sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
.rg-coupon { display:flex; flex-direction:column; justify-content:center; align-items:flex-end; min-width:0; max-width:65%; min-height:36px; color:#b7c1cf; font-size:12px; }
.rg-coupon strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#e2e8f0; font:500 12px/1.3 monospace; }
.rg-coupon:hover { color:#ffffff; }
.rg-deal .card-action-box { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.rg-buy { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:0 14px; min-height:40px; height:40px; flex:1; background:#c8ff00; color:#080a0c; font:700 14px/1.2 Inter,sans-serif; text-transform:none; border-radius:8px; transition:background .15s ease, transform .15s ease; }
.rg-buy:hover { background:#d4ff33; transform:translateY(-1px); color:#000; }
.rg-buy:active { transform:translateY(1px) scale(0.98); filter:brightness(0.95); }
.rg-history-link { display:flex; align-items:center; min-height:44px; font-size:11px; color:#b7c1cf; }
.rg-history-link:hover { color:white; text-decoration:underline; }
.rg-community { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:32px; padding-block:24px; border-block:1px solid #26303d; }
.rg-community h2 { font:600 20px/1.3 'Chakra Petch',sans-serif; }
.rg-community p { color:#9aa5b5; font-size:13px; margin-top:6px; }
.rg-community a { display:flex; align-items:center; gap:10px; min-height:44px; white-space:nowrap; font-size:13px; }
.rg-community svg { width:20px; height:20px; fill:#229ed9; }
.rg-history { scroll-margin-top:100px; border-top:1px solid #26303d; margin-top:32px; padding-top:24px; }
.rg-history summary { cursor:pointer; min-height:44px; font:600 22px/1.5 'Chakra Petch',sans-serif; color:#f5f7fa; }
.rg-history p { color:#9aa5b5; font-size:13px; line-height:1.6; margin:12px 0; }
.rg-history-table { max-height:280px; overflow:auto; scrollbar-color: #26303d #0e121a; scrollbar-width: thin; }
.rg-history-table::-webkit-scrollbar { width: 6px; height: 6px; }
.rg-history-table::-webkit-scrollbar-track { background: #0e121a; border-radius: 4px; }
.rg-history-table::-webkit-scrollbar-thumb { background: #26303d; border-radius: 4px; }
.rg-history-table::-webkit-scrollbar-thumb:hover { background: #3a4759; }
.rg-history table { width:100%; max-width:640px; text-align:left; font-size:13px; border-collapse:collapse; }
.rg-history th,.rg-history td { padding:12px 16px; border-bottom:1px solid #26303d; }
.rg-history td:last-child { color:#c8ff00; font-variant-numeric:tabular-nums; }
.rg-catalog #dealsGrid { scroll-margin-top:240px; }
.rg-catalog #dealsGrid.list-view-mode .rg-specs { display:none; }
.rg-catalog #dealsGrid.list-view-mode .card-title-box { height:auto; padding-top:0; min-width:0; }
.rg-catalog #dealsGrid.list-view-mode .card-action-box { width:200px !important; }
@media (min-width:640px) and (max-width:999px) {
  .rg-spotlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .rg-spotlight { display:flex; flex-direction:column; padding:16px; gap:14px; min-height:auto; }
  .rg-spotlight-art { order:-1; width:100%; height:auto; padding:0; }
  .rg-spotlight-art-frame { width:100%; aspect-ratio:16 / 9; }
  .rg-spotlight-copy { width:100%; padding:0; }
  .rg-spotlight h2 { font-size:16px; }
}
@media (min-width:1000px) and (max-width:1199px) {
  .rg-spotlight { grid-template-columns:minmax(0,1fr) 220px; }
  .rg-spotlight-art, .rg-spotlight-art-frame { width:220px; }
}
@media (max-width:1023px) {
  .rg-intro { flex-wrap:wrap; gap:16px; }
  .rg-intro-actions { flex-wrap:wrap; gap:12px; }
  .rg-intro-link { display:none; }
  .rg-mobile-search { display:block; width:100%; }
  .rg-mobile-search input { width:100%; min-height:44px; padding:10px 14px; border:1px solid #26303d; border-radius:10px; background:#10141c; font-size:13px; color:#f5f7fa; }
  .rg-catalog #dealsGrid.list-view-mode .deal-card { display:grid !important; grid-template-columns:80px minmax(0,1fr); gap:12px !important; }
  .rg-catalog #dealsGrid.list-view-mode .deal-card[style*="display: none"] { display:none !important; }
  .rg-catalog #dealsGrid.list-view-mode .card-header-bar { grid-column:1 / -1; width:auto !important; flex-direction:row !important; }
  .rg-catalog #dealsGrid.list-view-mode .card-title-box { grid-column:2; }
  .rg-catalog #dealsGrid.list-view-mode .card-price-box { grid-column:2; width:auto !important; text-align:left !important; }
  .rg-catalog #dealsGrid.list-view-mode .card-action-box { grid-column:1 / -1; width:100% !important; }
}
@media (max-width:639px) {
  .rg-shell { padding-inline:16px; }
  .rg-intro { padding-block:16px; gap:16px; }
  .rg-intro .rg-eyebrow,.rg-intro .rg-intro-note { display:none; }
  .rg-intro h1 { font-size:22px; }
  .rg-intro-note { font-size:12px; margin-top:8px; }
  .rg-intro-actions { margin-top:10px; gap:10px; flex-wrap:wrap; }
  .rg-trust-line { flex-wrap:wrap; font-size:11px; gap:6px 10px; white-space:normal; }
  .rg-btn-secondary-outline { margin-left:0; }
  .rg-intro-link { display:none; }
  .rg-spotlights { display:grid; grid-template-columns:1fr; gap:12px; padding-bottom:16px; }
  .rg-spotlight { width:100%; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr); padding:14px; gap:12px; min-height:160px; }
  .rg-spotlight-copy { padding:0; }
  .rg-spotlight-art { width:100%; height:auto; padding:0; }
  .rg-spotlight-art-frame { width:100%; aspect-ratio:16 / 9; }
  .rg-spotlight h2 { font-size:14px; line-height:1.25; margin-block:4px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .rg-spotlight .rg-eyebrow { font-size:10px; margin-bottom:6px; }
  .rg-spotlight-price strong { font-size:20px; }
  .rg-catalog .rg-toolbar { position:static; }
  .rg-catalog .tab-btn { padding-inline:9px; font-size:12px; }
  .rg-filter-details summary { display:flex; align-items:center; cursor:pointer; min-height:44px; color:#c2cad6; font:500 12px/1.4 Inter,sans-serif; }
  .rg-filter-details summary::after { content:'+'; margin-left:auto; font-size:20px; }
  .rg-filter-details[open] summary::after { content:'−'; }
  .rg-filter-content { padding-bottom:12px; }
  .rg-filter-group { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .rg-filter-group select { width:100%; }
  .rg-community { align-items:flex-start; flex-direction:column; gap:12px; }
  .rg-catalog #dealsGrid { scroll-margin-top:90px; }
}
@media (prefers-reduced-motion:reduce) {
  .rg-spotlight-art img, .rg-deal .card-image-box img { transition:none; transform:none !important; }
  .rg-buy { transition:none; transform:none !important; }
}

/* Media Gallery & Lightbox */
.rg-gallery-ribbon {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding-block: 4px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.rg-gallery-ribbon::-webkit-scrollbar {
  display: none;
}
.rg-gallery-thumb {
  scroll-snap-align: start;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.rg-gallery-thumb:hover {
  transform: translateY(-2px);
}
.rg-gallery-thumb.active-thumb {
  border-color: #c8ff00 !important;
  box-shadow: 0 0 12px rgba(200, 255, 0, 0.25);
  opacity: 1 !important;
}
.scrollbar-none {
  scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}

/* Explicit Lightbox Positioning */
.rg-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(7, 9, 12, 0.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: 24px;
}
.rg-lightbox.is-open {
  display: flex !important;
}
.rg-lightbox-inner {
  position: relative !important;
  width: 100% !important;
  max-width: 1100px !important;
  height: 100% !important;
  max-height: 92vh !important;
  margin: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.rg-lightbox-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 10001 !important;
}
.rg-lightbox-counter {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 10001 !important;
}
.rg-lightbox-prev {
  position: absolute !important;
  left: max(16px, calc(50% - 430px - 62px)) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10001 !important;
}
.rg-lightbox-next {
  position: absolute !important;
  right: max(16px, calc(50% - 430px - 62px)) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10001 !important;
}
.rg-lightbox-thumbs {
  position: absolute !important;
  bottom: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10001 !important;
}
@media (max-width: 767px) {
  .rg-lightbox {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 64px 12px 20px !important;
  }
  .rg-lightbox-inner {
    height: auto !important;
    max-height: none !important;
    flex-direction: column !important;
  }
  .rg-lightbox-stage {
    max-width: 94vw !important;
    max-height: 62vh !important;
    padding: 0 !important;
  }
  #lbMainImage {
    max-width: 92vw !important;
    max-height: 60vh !important;
    padding: 8px !important;
  }
  .rg-lightbox-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 94vw !important;
    position: static !important;
    z-index: 10001 !important;
  }
  .rg-lightbox-prev,
  .rg-lightbox-next {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: rgba(8, 11, 16, 0.62) !important;
    backdrop-filter: blur(8px) !important;
    flex-shrink: 0 !important;
  }
  .rg-lightbox-thumbs {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    max-width: calc(94vw - 96px) !important;
    background: rgba(8, 11, 16, 0.68) !important;
  }
}

/* Explicit Modal Dialog */
.rg-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(7, 9, 12, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 16px;
}
.rg-modal.is-open {
  display: flex !important;
}
.rg-modal-box {
  width: 100%;
  max-width: 440px;
  background: #0C0F16;
  border: 1px solid #202735;
  border-radius: 16px;
  padding: 24px;
  position: relative;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
}
.rg-modal-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: #121620 !important;
  border: 1px solid #202735 !important;
  color: #94A3B8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.rg-modal-close:hover {
  border-color: #64748B !important;
  color: #FFFFFF !important;
}
.rg-modal-preview {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #07090C !important;
  border: 1px solid #1A202C !important;
  border-radius: 12px !important;
  padding: 12px !important;
  margin-block: 14px !important;
}
.rg-modal-preview-thumb {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  background: #0C0F16 !important;
  border: 1px solid #202735 !important;
  border-radius: 8px !important;
  padding: 4px !important;
  flex-shrink: 0 !important;
}
.rg-modal-input-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  margin-top: 6px !important;
}
.rg-modal-input-prefix {
  position: absolute !important;
  left: 14px !important;
  color: #64748B !important;
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  pointer-events: none !important;
}
.rg-modal-input {
  width: 100% !important;
  padding: 10px 14px 10px 42px !important;
  background: #121620 !important;
  border: 1px solid #202735 !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}
.rg-modal-input:focus {
  border-color: #C8FF00 !important;
  box-shadow: 0 0 12px rgba(200, 255, 0, 0.15) !important;
}

/* Custom Utility Classes (Sprint 4 Regression Prevention) */
@keyframes rg-spin {
  to { transform: rotate(360deg); }
}
.rg-spinner {
  animation: rg-spin 0.75s linear infinite;
}
@keyframes rg-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.skeleton-shimmer {
  background: linear-gradient(90deg, #121620 25%, #1D2434 50%, #121620 75%);
  background-size: 200% 100%;
  animation: rg-shimmer 1.4s ease-in-out infinite;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Large Screen Adaptations (>=1680px and >=2200px) */
@media (min-width: 1680px) {
  #dealsGrid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .rg-spotlight {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
  .rg-spotlight-art,
  .rg-spotlight-art-frame {
    width: clamp(260px, 22vw, 360px) !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
  }
  .rg-intro h1 {
    font-size: clamp(32px, 1.1vw + 14px, 40px) !important;
    max-width: 820px !important;
  }
}

@media (min-width: 2200px) {
  #dealsGrid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1921px) {
  body {
    background-image:
      linear-gradient(rgba(7, 9, 12, 0.82), rgba(7, 9, 12, 0.88)),
      radial-gradient(ellipse 90% 50% at 50% -15%, rgba(200, 255, 0, 0.04), transparent 70%),
      radial-gradient(circle at 85% 15%, rgba(255, 90, 0, 0.03), transparent 50%),
      url('/images/bg_cyber-2560.webp') !important;
  }
}