/* radioservis-as.cz — style.css — prefix: rsc */

/* === RESET === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { overflow-x: hidden; max-width: 100%; }
body { font-family: 'Inter', 'Segoe UI', sans-serif; background: #f5f5f5; color: #1a1a2e; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
button { cursor: pointer; border: 0; background: none; font-family: inherit; }
h1,h2,h3,h4,h5,p,li,blockquote,td,th { overflow-wrap: anywhere; word-break: break-word; }

/* === ROOT === */
:root {
  --rsc-teal:        #00b4d8;
  --rsc-teal-dark:   #0096b4;
  --rsc-teal-light:  #e0f7fc;
  --rsc-yellow:      #ffd500;
  --rsc-yellow-dark: #e6c000;
  --rsc-green:       #06d6a0;
  --rsc-bg:          #ffffff;
  --rsc-bg-gray:     #f5f6f8;
  --rsc-text:        #1a1a2e;
  --rsc-text-muted:  #6b7280;
  --rsc-text-dim:    #9ca3af;
  --rsc-border:      #e5e7eb;
  --rsc-radius:      12px;
  --rsc-radius-sm:   8px;
  --rsc-radius-lg:   20px;
  --rsc-shadow:      0 2px 12px rgba(0,0,0,.07);
  --rsc-shadow-lg:   0 8px 32px rgba(0,0,0,.12);
  --rsc-container:   1280px;

  /* Game card colors */
  --card-live:    #e8f5e9;
  --card-slots:   #fff3e0;
  --card-bonus:   #e3f2fd;
  --card-poker:   #f3e5f5;
  --card-ruleta:  #fce4ec;
  --card-mobile:  #e0f7fa;
}

/* === CONTAINER === */
.rsc-container { max-width: var(--rsc-container); margin-inline: auto; padding-inline: 20px; }
@media (min-width: 760px)  { .rsc-container { padding-inline: 28px; } }
@media (min-width: 1200px) { .rsc-container { padding-inline: 36px; } }

/* === BUTTONS === */
.rsc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 22px; border-radius: 50px; font-weight: 700; font-size: 14px; letter-spacing: .02em; transition: background .15s, box-shadow .15s, transform .1s; white-space: nowrap; max-width: 100%; cursor: pointer; }
.rsc-btn--primary { background: var(--rsc-yellow); color: #1a1a2e; box-shadow: 0 4px 14px rgba(255,213,0,.4); }
.rsc-btn--primary:hover { background: var(--rsc-yellow-dark); transform: translateY(-1px); }
.rsc-btn--teal { background: var(--rsc-teal); color: #fff; box-shadow: 0 4px 14px rgba(0,180,216,.35); }
.rsc-btn--teal:hover { background: var(--rsc-teal-dark); }
.rsc-btn--outline { background: transparent; border: 2px solid var(--rsc-teal); color: var(--rsc-teal); }
.rsc-btn--outline:hover { background: var(--rsc-teal); color: #fff; }
.rsc-btn--ghost { background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.3); }
.rsc-btn--ghost:hover { background: rgba(255,255,255,.25); }
.rsc-btn--lg { padding: 14px 32px; font-size: 16px; }
.rsc-btn--sm { padding: 7px 16px; font-size: 12.5px; }

/* ============================================================ HEADER ============================================================ */
.rsc-header { position: sticky; top: 0; z-index: 400; background: var(--rsc-teal); box-shadow: 0 2px 12px rgba(0,180,216,.25); }
.rsc-header__inner { display: flex; align-items: center; gap: 16px; padding: 12px 0; min-width: 0; }
.rsc-header__logo { flex-shrink: 0; display: flex; align-items: center; }
.rsc-header__logo img { height: 38px; width: auto; max-width: 160px; object-fit: contain; }
.rsc-header__logo-text { font-size: 20px; font-weight: 900; color: #fff; letter-spacing: -.02em; }
.rsc-header__logo-text span { color: var(--rsc-yellow); }
.rsc-header__nav { display: none; flex: 1; align-items: center; gap: 2px; }
.rsc-header__nav a { padding: 7px 13px; font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.88); border-radius: 8px; transition: background .15s, color .15s; white-space: nowrap; }
.rsc-header__nav a:hover, .rsc-header__nav a.is-active { background: rgba(255,255,255,.18); color: #fff; }
.rsc-header__spacer { flex: 1; }
.rsc-header__actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.rsc-header__search { display: none; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.15); color: #fff; font-size: 16px; transition: background .15s; }
.rsc-header__search:hover { background: rgba(255,255,255,.25); }
.rsc-header__burger { display: flex; width: 36px; height: 36px; flex-direction: column; justify-content: center; align-items: center; gap: 5px; border-radius: 8px; background: rgba(255,255,255,.15); }
.rsc-header__burger span { display: block; width: 20px; height: 2px; background: #fff; border-radius: 2px; }
@media (min-width: 1024px) { .rsc-header__nav { display: flex; } .rsc-header__burger { display: none; } .rsc-header__search { display: flex; } }
@media (min-width: 760px) { .rsc-header__logo img { height: 42px; max-width: none; } }
@media (max-width: 479px) { .rsc-header__actions .rsc-btn--sm:not(.rsc-btn--primary) { display: none; } }

/* MOBILE SIDEBAR OVERLAY */
.rsc-sidebar-overlay { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; max-width: 300px; z-index: 9999; flex-direction: column; background: var(--rsc-teal); box-shadow: 4px 0 24px rgba(0,0,0,.2); transform: translateX(-100%); transition: transform .3s ease; }
.rsc-sidebar-overlay.is-open { display: flex; transform: translateX(0); }
.rsc-sidebar-overlay__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,.15); flex-shrink: 0; }
.rsc-sidebar-overlay__head-logo { font-size: 18px; font-weight: 900; color: #fff; }
.rsc-sidebar-overlay__head-logo span { color: var(--rsc-yellow); }
.rsc-sidebar-overlay__close { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.15); color: #fff; font-size: 18px; }
.rsc-sidebar-overlay__body { overflow-y: auto; flex: 1; padding: 12px 0; }
.rsc-sidebar-overlay__section { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.rsc-sidebar-overlay__label { padding: 8px 20px 3px; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.rsc-sidebar-overlay__section a { display: flex; align-items: center; gap: 10px; padding: 10px 20px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.88); transition: background .12s; }
.rsc-sidebar-overlay__section a:hover { background: rgba(255,255,255,.12); color: #fff; }
.rsc-sidebar-overlay__actions { padding: 16px 20px; border-top: 1px solid rgba(255,255,255,.15); display: flex; flex-direction: column; gap: 8px; }

/* ============================================================ HERO ============================================================ */
.rsc-hero { background: linear-gradient(135deg, #00b4d8 0%, #0096b4 40%, #48cae4 100%); position: relative; overflow: hidden; padding: 48px 0 52px; }
.rsc-hero::before { content: ''; position: absolute; top: -60px; right: -60px; width: 400px; height: 400px; background: rgba(255,255,255,.06); border-radius: 50%; pointer-events: none; }
.rsc-hero::after { content: ''; position: absolute; bottom: -80px; left: 20%; width: 300px; height: 300px; background: rgba(255,255,255,.04); border-radius: 50%; pointer-events: none; }
.rsc-hero__inner { display: grid; grid-template-columns: 1fr; gap: 28px; position: relative; z-index: 2; }
@media (min-width: 900px) { .rsc-hero__inner { grid-template-columns: 1fr 320px; align-items: center; } }
.rsc-hero__content { }
.rsc-hero__eyebrow { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.35); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 5px 14px; border-radius: 50px; margin-bottom: 16px; }
.rsc-hero h1 { font-size: clamp(28px, 4.5vw, 52px); font-weight: 900; color: #fff; line-height: 1.1; margin-bottom: 12px; }
.rsc-hero h1 em { font-style: normal; color: var(--rsc-yellow); }
.rsc-hero__sub { font-size: 16px; color: rgba(255,255,255,.82); margin-bottom: 28px; max-width: 480px; line-height: 1.6; }
.rsc-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.rsc-hero__stats { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 28px; }
.rsc-hero__stat { text-align: center; }
.rsc-hero__stat-value { font-size: 22px; font-weight: 900; color: var(--rsc-yellow); line-height: 1; }
.rsc-hero__stat-label { font-size: 11px; color: rgba(255,255,255,.7); text-transform: uppercase; letter-spacing: .06em; margin-top: 3px; }

/* JACKPOT WIDGET */
.rsc-jackpot-widget { background: rgba(255,255,255,.15); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.25); border-radius: var(--rsc-radius-lg); padding: 20px; }
.rsc-jackpot-widget__title { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.65); margin-bottom: 14px; }
.rsc-jackpot-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.rsc-jackpot-item:last-child { border-bottom: 0; padding-bottom: 0; }
.rsc-jackpot-item__name { font-size: 13px; font-weight: 700; color: #fff; }
.rsc-jackpot-item__amount { font-size: 16px; font-weight: 900; color: var(--rsc-yellow); }
.rsc-jackpot-item__sub { font-size: 10px; color: rgba(255,255,255,.55); }

/* ============================================================ GAME CARDS ============================================================ */
.rsc-games { background: var(--rsc-bg); padding-block: 40px; }
.rsc-games__title { font-size: clamp(20px, 2.5vw, 26px); font-weight: 900; color: var(--rsc-text); margin-bottom: 24px; }
.rsc-games__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (min-width: 600px) { .rsc-games__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .rsc-games__grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 1200px) { .rsc-games__grid { grid-template-columns: repeat(6, 1fr); gap: 16px; } }

.rsc-game-card { position: relative; border-radius: var(--rsc-radius-lg); overflow: hidden; cursor: pointer; transition: transform .2s, box-shadow .2s; text-decoration: none; display: flex; flex-direction: column; padding: 20px 16px; min-height: 140px; justify-content: space-between; }
.rsc-game-card:hover { transform: translateY(-4px); box-shadow: var(--rsc-shadow-lg); }
.rsc-game-card--live    { background: linear-gradient(135deg, #00c853 0%, #00e676 100%); }
.rsc-game-card--slots   { background: linear-gradient(135deg, #ff6d00 0%, #ffab40 100%); }
.rsc-game-card--bonus   { background: linear-gradient(135deg, #1565c0 0%, #42a5f5 100%); }
.rsc-game-card--poker   { background: linear-gradient(135deg, #6a1b9a 0%, #ab47bc 100%); }
.rsc-game-card--ruleta  { background: linear-gradient(135deg, #c62828 0%, #ef5350 100%); }
.rsc-game-card--mobile  { background: linear-gradient(135deg, #00838f 0%, #26c6da 100%); }
.rsc-game-card__icon { font-size: 32px; margin-bottom: 8px; }
.rsc-game-card__name { font-size: 15px; font-weight: 900; color: #fff; line-height: 1.2; }
.rsc-game-card__sub { font-size: 11px; color: rgba(255,255,255,.78); margin-top: 4px; }
.rsc-game-card__arrow { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.22); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; }

/* ============================================================ SECTIONS ============================================================ */
.rsc-section { padding-block: 36px; }
.rsc-section--gray { background: var(--rsc-bg-gray); }
.rsc-section__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; gap: 12px; flex-wrap: wrap; }
.rsc-section__title { font-size: clamp(18px, 2.2vw, 24px); font-weight: 900; color: var(--rsc-text); }
.rsc-section__more { font-size: 13px; color: var(--rsc-teal); font-weight: 700; display: flex; align-items: center; gap: 4px; }
.rsc-section__more:hover { text-decoration: underline; }

/* BREADCRUMBS */
.rsc-breadcrumbs { padding: 10px 0; font-size: 12.5px; color: var(--rsc-text-muted); background: var(--rsc-bg); border-bottom: 1px solid var(--rsc-border); }
.rsc-breadcrumbs ol { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.rsc-breadcrumbs a { color: var(--rsc-teal); }
.rsc-breadcrumbs a:hover { text-decoration: underline; }
.rsc-breadcrumbs li + li::before { content: '›'; margin-right: 4px; color: var(--rsc-text-dim); }

/* CONTENT */
.rsc-content h2 { color: var(--rsc-teal-dark); margin-bottom: 10px; font-size: clamp(17px, 2.2vw, 22px); font-weight: 800; }
.rsc-content p { margin-bottom: 12px; color: var(--rsc-text-muted); font-size: 14px; line-height: 1.75; }
.rsc-content ul { margin: 10px 0 14px; display: flex; flex-direction: column; gap: 7px; }
.rsc-content ul li { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: var(--rsc-text); }
.rsc-content ul li::before { content: '✓'; color: var(--rsc-green); font-weight: 700; flex-shrink: 0; }
article img, section.rsc-content img { display: block; max-width: 720px; width: 100%; height: auto; max-height: 400px; object-fit: contain; margin: 16px auto; border-radius: var(--rsc-radius); }
header img { max-height: 42px; width: auto; object-fit: contain; }

/* TABLE */
.rsc-table-wrap { overflow-x: auto; margin: 14px 0; border-radius: var(--rsc-radius); border: 1px solid var(--rsc-border); }
.rsc-table-wrap table { width: 100%; min-width: 460px; border-collapse: collapse; font-size: 13.5px; background: var(--rsc-bg); }
.rsc-table-wrap th { background: var(--rsc-teal); color: #fff; padding: 10px 14px; font-weight: 700; text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.rsc-table-wrap td { padding: 10px 14px; border-bottom: 1px solid var(--rsc-border); color: var(--rsc-text-muted); }
.rsc-table-wrap tr:last-child td { border-bottom: 0; }
.rsc-table-wrap tr:nth-child(even) td { background: var(--rsc-bg-gray); }

/* QUOTE */
.rsc-quote { border-left: 4px solid var(--rsc-teal); background: var(--rsc-teal-light); border-radius: 0 var(--rsc-radius) var(--rsc-radius) 0; padding: 14px 18px; margin: 16px 0; font-style: italic; font-size: 14px; color: var(--rsc-text); line-height: 1.7; }
.rsc-quote cite { display: block; font-style: normal; font-size: 12px; font-weight: 700; color: var(--rsc-teal-dark); margin-top: 7px; }

/* ============================================================ OFFERS LISTING ============================================================ */
.rsc-offers { padding-block: 36px; }
.rsc-offers__grid { display: grid; grid-template-columns: 1fr; gap: 16px; max-width: 1040px; margin-inline: auto; }
@media (min-width: 800px) { .rsc-offers__grid { grid-template-columns: 1fr 1.06fr 1fr; align-items: start; } }

.rsc-offers__card { position: relative; background: var(--rsc-bg); border: 2px solid var(--rsc-border); border-radius: var(--rsc-radius-lg); overflow: hidden; cursor: pointer; transition: border-color .2s, box-shadow .2s; box-shadow: var(--rsc-shadow); }
.rsc-offers__card:hover { border-color: var(--rsc-teal); box-shadow: var(--rsc-shadow-lg); }
.rsc-offers__card * { pointer-events: none; }
.rsc-offers__overlay-link { position: absolute; inset: 0; z-index: 1; font-size: 0; pointer-events: auto; cursor: pointer; }
.rsc-offers__review-link { position: relative; z-index: 3; pointer-events: auto; cursor: pointer; }
.rsc-offers__cta { position: relative; z-index: 3; pointer-events: auto; cursor: pointer; display: block; }

.rsc-offers__card--top { border-color: var(--rsc-teal); box-shadow: 0 0 0 1px rgba(0,180,216,.2), var(--rsc-shadow-lg); }
.rsc-offers__ribbon { display: block; background: var(--rsc-teal); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; text-align: center; padding: 6px 16px; position: relative; z-index: 3; }

.rsc-offers__head { background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%); padding: 18px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--rsc-border); text-align: center; }
.rsc-offers__head--top { background: linear-gradient(135deg, #b2ebf2 0%, #80deea 100%); }
.rsc-offers__logo img { height: 36px; width: auto; max-width: 110px; object-fit: contain; margin: 0 auto 6px; }
.rsc-offers__stars { display: flex; align-items: center; justify-content: center; gap: 2px; }
.rsc-offers__stars em { font-size: 13px; color: var(--rsc-yellow); font-style: normal; }
.rsc-offers__rating { font-size: 11.5px; font-weight: 700; color: var(--rsc-text-muted); margin-left: 4px; }

.rsc-offers__body { padding: 16px; text-align: center; }
.rsc-offers__tag { display: inline-flex; align-items: center; gap: 3px; background: var(--rsc-teal-light); border: 1px solid rgba(0,180,216,.3); color: var(--rsc-teal-dark); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 3px 9px; border-radius: 4px; margin-bottom: 9px; }
.rsc-offers__tags { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-bottom: 9px; }
.rsc-offers__bonus { font-size: 17px; font-weight: 900; color: var(--rsc-text); margin-bottom: 10px; line-height: 1.3; }
.rsc-offers__usp { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; align-items: center; }
.rsc-offers__usp li { display: flex; align-items: flex-start; gap: 6px; font-size: 12.5px; color: var(--rsc-text-muted); text-align: left; }
.rsc-offers__usp li::before { content: '✓'; color: var(--rsc-green); font-weight: 700; flex-shrink: 0; }
.rsc-offers__now { display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 12px; font-weight: 700; color: var(--rsc-text); background: var(--rsc-bg-gray); border: 1px solid var(--rsc-border); border-radius: 6px; padding: 7px 10px; margin-bottom: 10px; }
.rsc-offers__timer-wrap { background: var(--rsc-bg-gray); border: 1px solid var(--rsc-border); border-radius: 6px; padding: 8px 10px; text-align: center; margin-bottom: 10px; }
.rsc-offers__timer-label { font-size: 9.5px; color: var(--rsc-text-muted); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 2px; }
.rsc-offers__timer { font-size: 22px; font-weight: 900; color: var(--rsc-teal); font-variant-numeric: tabular-nums; }
.rsc-offers__cta-row { padding: 0 16px 12px; display: flex; flex-direction: column; gap: 8px; }
.rsc-offers__cta { text-align: center; background: var(--rsc-yellow); color: var(--rsc-text); font-weight: 900; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; padding: 13px 18px; border-radius: 50px; box-shadow: 0 4px 14px rgba(255,213,0,.4); transition: background .15s; }
.rsc-offers__cta:hover { background: var(--rsc-yellow-dark); }
.rsc-offers__review-link { display: block; text-align: center; font-size: 12.5px; color: var(--rsc-teal); font-weight: 600; text-decoration: underline; padding: 2px 0; }
.rsc-offers__urgency { padding: 0 14px 11px; font-size: 10.5px; color: var(--rsc-text-dim); text-align: center; }
@media (max-width: 799px) { .rsc-offers__card--top { order: -1; } }

/* ============================================================ SLOTS LISTING ============================================================ */
.rsc-slots { padding-block: 36px; }
.rsc-slots__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (min-width: 500px)  { .rsc-slots__grid { grid-template-columns: repeat(3, 1fr); gap: 12px; } }
@media (min-width: 800px)  { .rsc-slots__grid { grid-template-columns: repeat(4, 1fr); gap: 14px; } }
@media (min-width: 1100px) { .rsc-slots__grid { grid-template-columns: repeat(6, 1fr); gap: 12px; } }

.rsc-slots__grid > div { position: relative; aspect-ratio: 3/4; border-radius: var(--rsc-radius); overflow: hidden; border: 1px solid var(--rsc-border); background: var(--rsc-bg-gray); transition: box-shadow .2s, border-color .2s; }
.rsc-slots__grid > div:hover { box-shadow: 0 6px 20px rgba(0,180,216,.2); border-color: var(--rsc-teal); }
.rsc-slots__tile { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; background: transparent; aspect-ratio: auto; border-radius: 0; }
.rsc-slots__tile img { width: 100%; height: 100%; object-fit: contain; padding: 3px; background: var(--rsc-bg-gray); }
.rsc-slots__top-row, .rsc-slots__meta-row, .rsc-slots__play-icon { pointer-events: none; }
.rsc-slots__top-row { position: absolute; top: 6px; left: 6px; right: 6px; display: flex; align-items: flex-start; justify-content: space-between; z-index: 3; }
.rsc-slots__hot { background: var(--rsc-teal); color: #fff; font-size: 8.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; padding: 2px 6px; border-radius: 4px; }
.rsc-slots__rtp { background: rgba(0,0,0,.55); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }
.rsc-slots__meta-row { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background: linear-gradient(transparent, rgba(0,0,0,.85)); padding: 16px 8px 8px; }
.rsc-slots__name { font-size: 11px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rsc-slots__jackpot { font-size: 9px; font-weight: 800; color: var(--rsc-yellow); }
.rsc-slots__play-icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 4; opacity: 0; background: rgba(0,180,216,.4); transition: opacity .2s; }
.rsc-slots__play-icon span { width: 42px; height: 42px; border-radius: 50%; background: var(--rsc-teal); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900; }
.rsc-slots__grid > div:hover .rsc-slots__play-icon { opacity: 1; }

/* ============================================================ AUTHOR ============================================================ */
.rsc-author { background: var(--rsc-bg); border: 2px solid var(--rsc-border); border-radius: var(--rsc-radius-lg); padding: 22px; display: flex; align-items: flex-start; gap: 18px; box-shadow: var(--rsc-shadow); }
.rsc-author__photo { flex-shrink: 0; width: 84px; height: 84px; }
.rsc-author__photo img { width: 84px; height: 84px; min-width: 84px; min-height: 84px; border-radius: 50%; object-fit: cover; object-position: center top; border: 3px solid var(--rsc-teal); display: block; }
.rsc-author__name { font-size: 16px; font-weight: 800; color: var(--rsc-text); margin-bottom: 2px; }
.rsc-author__role { font-size: 12.5px; color: var(--rsc-teal-dark); font-weight: 600; margin-bottom: 8px; }
.rsc-author__bio { font-size: 13px; color: var(--rsc-text-muted); line-height: 1.65; margin-bottom: 8px; }
.rsc-author__link { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: #0077b5; }
.rsc-author__link:hover { text-decoration: underline; }
.rsc-author__badge { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; background: var(--rsc-teal-light); border: 1px solid rgba(0,180,216,.3); color: var(--rsc-teal-dark); padding: 4px 10px; border-radius: 4px; margin-top: 6px; }
@media (max-width: 560px) { .rsc-author { flex-direction: column; align-items: center; text-align: center; } }

/* ============================================================ REVIEWS ============================================================ */
.rsc-reviews-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 600px) { .rsc-reviews-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .rsc-reviews-grid { grid-template-columns: repeat(4, 1fr); } }
.rsc-review-card { background: var(--rsc-bg); border: 1px solid var(--rsc-border); border-radius: var(--rsc-radius-lg); padding: 18px; }
.rsc-review-card__top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.rsc-review-card__avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--rsc-teal-light); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; color: var(--rsc-teal-dark); flex-shrink: 0; overflow: hidden; }
.rsc-review-card__name { font-size: 13.5px; font-weight: 700; color: var(--rsc-text); }
.rsc-review-card__date { font-size: 11px; color: var(--rsc-text-dim); }
.rsc-review-card__stars { display: flex; gap: 2px; margin-bottom: 8px; }
.rsc-review-card__stars em { font-style: normal; color: var(--rsc-yellow); font-size: 14px; }
.rsc-review-card__text { font-size: 13px; color: var(--rsc-text-muted); line-height: 1.6; }

/* ============================================================ FAQ ============================================================ */
.rsc-faq { padding-block: 28px; }
.rsc-faq__item { border: 1px solid var(--rsc-border); border-radius: var(--rsc-radius); margin-bottom: 8px; overflow: hidden; background: var(--rsc-bg); }
.rsc-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; cursor: pointer; font-weight: 700; font-size: 14px; color: var(--rsc-text); list-style: none; background: var(--rsc-bg); }
.rsc-faq__q::-webkit-details-marker { display: none; }
.rsc-faq__q::after { content: '+'; font-size: 20px; color: var(--rsc-teal); flex-shrink: 0; transition: transform .2s; }
details[open] > .rsc-faq__q::after { transform: rotate(45deg); }
.rsc-faq__a { padding: 12px 18px 14px; font-size: 13.5px; color: var(--rsc-text-muted); line-height: 1.7; border-top: 1px solid var(--rsc-border); }

/* ============================================================ RELATED ============================================================ */
.rsc-related { padding-block: 18px; }
.rsc-related__title { font-size: 10.5px; font-weight: 700; color: var(--rsc-text-dim); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; }
.rsc-related__list { display: flex; flex-wrap: wrap; gap: 7px; }
.rsc-related__list a { display: inline-flex; align-items: center; gap: 4px; background: var(--rsc-bg); border: 1px solid var(--rsc-border); border-radius: 50px; padding: 5px 13px; font-size: 12.5px; color: var(--rsc-teal-dark); font-weight: 600; transition: background .15s, border-color .15s; pointer-events: auto; }
.rsc-related__list a:hover { background: var(--rsc-teal-light); border-color: rgba(0,180,216,.4); }

/* ============================================================ FAB ============================================================ */
.rsc-fab { display: none; position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 95; padding: 15px 36px; background: var(--rsc-yellow); color: var(--rsc-text); font-weight: 900; font-size: 14px; text-transform: uppercase; letter-spacing: .05em; border-radius: 50px; box-shadow: 0 8px 24px rgba(255,213,0,.5); transition: background .15s, transform .15s; align-items: center; justify-content: center; min-width: 240px; max-width: calc(100% - 28px); white-space: nowrap; text-align: center; }
.rsc-fab:hover { background: var(--rsc-yellow-dark); transform: translateX(-50%) translateY(-2px); }
@media (max-width: 979px) { .rsc-fab { display: inline-flex; } }
@media (max-width: 480px) { .rsc-fab { padding: 13px 28px; font-size: 13px; min-width: 200px; } }
body.is-cookies-shown .rsc-fab { bottom: 110px; }

/* ============================================================ FOOTER ============================================================ */
.rsc-footer { background: #1a1a2e; color: rgba(255,255,255,.65); padding-block-start: 44px; font-size: 13px; }
.rsc-footer__top { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.1); }
.rsc-footer__brand { grid-column: 1 / -1; }
.rsc-footer__brand-name { font-size: 20px; font-weight: 900; color: #fff; margin-bottom: 10px; }
.rsc-footer__brand-name span { color: var(--rsc-yellow); }
.rsc-footer__brand p { font-size: 12.5px; color: rgba(255,255,255,.45); max-width: 380px; line-height: 1.6; margin-bottom: 14px; }
.rsc-footer__social { display: flex; gap: 10px; flex-wrap: wrap; }
.rsc-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: rgba(255,255,255,.65); font-size: 16px; transition: background .15s, color .15s; }
.rsc-footer__social a:hover { background: var(--rsc-teal); color: #fff; border-color: var(--rsc-teal); }
.rsc-footer__col h4 { font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.85); margin-bottom: 12px; }
.rsc-footer__col ul li { margin-bottom: 7px; }
.rsc-footer__col a { font-size: 12.5px; color: rgba(255,255,255,.45); transition: color .15s; }
.rsc-footer__col a:hover { color: var(--rsc-teal); }
@media (min-width: 600px) { .rsc-footer__top { grid-template-columns: 1fr 1fr 1fr; } }
@media (min-width: 900px) { .rsc-footer__top { grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; gap: 24px; } .rsc-footer__brand { grid-column: auto; } }
@media (max-width: 599px) { .rsc-footer { padding-block-start: 28px; } .rsc-footer__col h4 { font-size: 10px; margin-bottom: 7px; } .rsc-footer__col a { font-size: 12px; } .rsc-footer__brand { grid-column: 1/-1; } }

.rsc-footer__trust { padding-block: 18px; border-bottom: 1px solid rgba(255,255,255,.08); }
.rsc-footer__trust-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.rsc-footer__trust-item { display: inline-flex; align-items: center; gap: 5px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 6px; padding: 6px 12px; font-size: 11.5px; font-weight: 700; color: rgba(255,255,255,.6); }

.rsc-footer__rg { padding-block: 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
.rsc-footer__rg-inner { display: flex; align-items: flex-start; gap: 12px; }
.rsc-footer__rg-badge { flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; background: #e63024; border: 2px solid rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; color: #fff; }
.rsc-footer__rg p { font-size: 11px; color: rgba(255,255,255,.38); line-height: 1.6; }
.rsc-footer__rg a { color: rgba(255,255,255,.6); text-decoration: underline; }

.rsc-footer__bottom { padding-block: 14px 18px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.rsc-footer__copy { font-size: 11px; color: rgba(255,255,255,.28); }
.rsc-footer__legal { display: flex; flex-wrap: wrap; gap: 12px; }
.rsc-footer__legal a { font-size: 11px; color: rgba(255,255,255,.32); transition: color .15s; }
.rsc-footer__legal a:hover { color: var(--rsc-teal); }

/* ============================================================ SITEMAP ============================================================ */
.rsc-sitemap-grid { display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 24px; }
@media (min-width: 500px)  { .rsc-sitemap-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 800px)  { .rsc-sitemap-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .rsc-sitemap-grid { grid-template-columns: repeat(4, 1fr); } }
.rsc-sitemap-card { background: var(--rsc-bg); border: 1px solid var(--rsc-border); border-radius: var(--rsc-radius); padding: 12px 15px; transition: border-color .15s; }
.rsc-sitemap-card:hover { border-color: var(--rsc-teal); }
.rsc-sitemap-card a { font-weight: 700; font-size: 13px; color: var(--rsc-teal-dark); display: block; margin-bottom: 3px; pointer-events: auto; }
.rsc-sitemap-card a:hover { text-decoration: underline; }
.rsc-sitemap-card p { font-size: 11.5px; color: var(--rsc-text-muted); }
.rsc-sitemap-section { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--rsc-teal-dark); padding: 8px 0 6px; border-bottom: 2px solid rgba(0,180,216,.25); margin-bottom: 10px; }

/* ============================================================ MOBILE ============================================================ */
@media (max-width: 759px) {
  .rsc-container { padding-inline: 14px; }
  .rsc-hero { padding: 32px 0 36px; }
  .rsc-hero h1 { font-size: clamp(24px, 8vw, 36px); }
  .rsc-hero__sub { font-size: 14px; }
  .rsc-hero__ctas .rsc-btn { width: 100%; max-width: 320px; justify-content: center; }
  .rsc-offers__grid { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
  .rsc-slots__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .rsc-author { flex-direction: column; align-items: center; text-align: center; padding: 16px; }
  .rsc-section__head { flex-direction: column; align-items: flex-start; gap: 5px; }
  .rsc-reviews-grid { grid-template-columns: 1fr; }
  .rsc-faq__q { font-size: 13px; padding: 12px 14px; }
  .rsc-footer__top { grid-template-columns: 1fr 1fr; }
  .rsc-footer__brand { grid-column: 1/-1; }
}
@media (max-width: 380px) {
  .rsc-slots__grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
  .rsc-footer__top { grid-template-columns: 1fr 1fr; }
}

/* Hero promo text (not h1) */
.rsc-hero__promo { font-size: clamp(28px, 4.5vw, 52px); font-weight: 900; color: #fff; line-height: 1.1; margin-bottom: 12px; text-shadow: 0 2px 8px rgba(0,0,0,.15); }
.rsc-hero__promo em { font-style: normal; color: var(--rsc-yellow); }
@media (max-width: 639px) { .rsc-hero__promo { font-size: clamp(24px, 8vw, 36px); } }

/* === HEADER WHITE OVERRIDE (design from screenshot 1) === */
.rsc-header { background: #ffffff !important; box-shadow: 0 1px 0 #e5e7eb, 0 2px 8px rgba(0,0,0,.06) !important; border-bottom: 1px solid #e5e7eb; }
.rsc-header__logo-text { color: var(--rsc-teal) !important; }
.rsc-header__logo-text span { color: var(--rsc-teal-dark) !important; }
.rsc-header__nav a { color: #374151 !important; }
.rsc-header__nav a:hover, .rsc-header__nav a.is-active { background: var(--rsc-teal-light) !important; color: var(--rsc-teal-dark) !important; }
.rsc-header__search { background: #f3f4f6 !important; color: #374151 !important; }
.rsc-header__search:hover { background: #e5e7eb !important; }
.rsc-header__burger { background: #f3f4f6 !important; }
.rsc-header__burger span { background: #374151 !important; }
.rsc-header__actions .rsc-btn--ghost { background: transparent !important; color: var(--rsc-text) !important; border: 1.5px solid var(--rsc-border) !important; }
.rsc-header__actions .rsc-btn--ghost:hover { background: var(--rsc-bg-gray) !important; }
/* Sidebar overlay stays teal */
.rsc-sidebar-overlay { background: var(--rsc-teal) !important; }

/* === ALLWYN STYLE OVERRIDE === */

/* Logo background = white (matches header) */
.rsc-header__logo img {
  background: #ffffff;
  border-radius: 8px;
  padding: 2px 4px;
}

/* Hero — light blue like Allwyn */
.rsc-hero {
  background: linear-gradient(135deg, #d0f0f5 0%, #b2e8f0 30%, #e8f8fb 70%, #f0fbfd 100%) !important;
  padding: 56px 0 60px !important;
}
.rsc-hero::before, .rsc-hero::after { display: none; }

/* Hero text — dark like screenshot */
.rsc-hero h1, .rsc-hero__promo {
  color: #1a1a2e !important;
  text-shadow: none !important;
  font-size: clamp(30px, 4.5vw, 54px) !important;
}
.rsc-hero h1 em, .rsc-hero__promo em { color: #f5a623 !important; font-style: normal; }
.rsc-hero__sub { color: #374151 !important; font-size: 16px !important; }
.rsc-hero__eyebrow { background: rgba(0,180,216,.12) !important; border-color: rgba(0,180,216,.3) !important; color: var(--rsc-teal-dark) !important; }
.rsc-hero__stat-value { color: #f5a623 !important; }
.rsc-hero__stat-label { color: #374151 !important; }

/* Hero CTA — teal outlined like "VSADIT EXTRA RENTU" */
.rsc-hero__ctas .rsc-btn--primary {
  background: transparent !important;
  color: var(--rsc-teal-dark) !important;
  border: 2px solid var(--rsc-teal) !important;
  box-shadow: none !important;
}
.rsc-hero__ctas .rsc-btn--primary:hover {
  background: var(--rsc-teal) !important;
  color: #fff !important;
}
.rsc-hero__ctas .rsc-btn--ghost {
  background: var(--rsc-yellow) !important;
  color: #1a1a2e !important;
  border-color: var(--rsc-yellow) !important;
}
.rsc-hero__ctas .rsc-btn--ghost:hover {
  background: var(--rsc-yellow-dark) !important;
  border-color: var(--rsc-yellow-dark) !important;
}

/* Jackpot widget — white card on light hero */
.rsc-jackpot-widget {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
}
.rsc-jackpot-widget__title { color: #6b7280 !important; }
.rsc-jackpot-item__name { color: #1a1a2e !important; }
.rsc-jackpot-item__sub { color: #9ca3af !important; }
.rsc-jackpot-item { border-bottom-color: #f3f4f6 !important; }
.rsc-jackpot-widget .rsc-btn--primary {
  background: var(--rsc-yellow) !important;
  color: #1a1a2e !important;
}

/* Header login buttons — like screenshot PŘIHLÁSIT dark + VYTVOŘIT outlined */
.rsc-header__actions .rsc-btn--primary {
  background: #1a1a2e !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
.rsc-header__actions .rsc-btn--primary:hover { background: #374151 !important; }
.rsc-header__actions .rsc-btn--ghost {
  color: #1a1a2e !important;
  border-color: #d1d5db !important;
  border-radius: 6px !important;
}

/* Game cards — second accent color purple-ish for some */
.rsc-game-card--bonus { background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%) !important; }

/* === HEADER = SAME COLOR AS HERO BANNER === */
:root { --rsc-hero-bg: #c8eef5; }

.rsc-header {
  background: var(--rsc-hero-bg) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.rsc-hero {
  background: linear-gradient(180deg, var(--rsc-hero-bg) 0%, #dff5f9 60%, #edfafd 100%) !important;
}

/* Logo — replace blue padding with hero/header bg */
.rsc-header__logo img {
  background: var(--rsc-hero-bg) !important;
  border-radius: 8px !important;
  padding: 3px 5px !important;
}

/* Nav links on light blue */
.rsc-header__nav a { color: #1a1a2e !important; }
.rsc-header__nav a:hover, .rsc-header__nav a.is-active {
  background: rgba(0,0,0,.08) !important;
  color: #1a1a2e !important;
}
.rsc-header__search { background: rgba(0,0,0,.08) !important; color: #1a1a2e !important; }
.rsc-header__burger { background: rgba(0,0,0,.08) !important; }
.rsc-header__burger span { background: #1a1a2e !important; }

/* Login buttons on light blue bg */
.rsc-header__actions .rsc-btn--ghost {
  background: rgba(255,255,255,.4) !important;
  border-color: rgba(0,0,0,.15) !important;
  color: #1a1a2e !important;
}

/* === LOGO BG COLOR MATCH === */
:root { --rsc-hero-bg: #cff3f0 !important; }

.rsc-header__logo img {
  height: 56px !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* === LOGO SIZE + EXACT BG COLOR FIX === */
:root { --rsc-hero-bg: #c8eeea !important; }

.rsc-header__logo img {
  height: 72px !important;
}

.rsc-header {
  background: #c8eeea !important;
}
.rsc-hero {
  background: linear-gradient(180deg, #c8eeea 0%, #d8f3f0 60%, #e8faf8 100%) !important;
}

/* === FINAL LOGO + COLOR FIX === */
.rsc-header__logo img { height: 100px !important; }

.rsc-header { background: #dff6f4 !important; padding: 6px 0 !important; }
.rsc-hero { background: linear-gradient(180deg, #dff6f4 0%, #e8faf8 60%, #f0fdfc 100%) !important; }

/* === LEFT MENU BUTTON (как на скриншоте) === */
.rsc-header__burger--left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background: transparent !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  flex-shrink: 0 !important;
  order: -1 !important;
}
.rsc-header__burger--left span:not(.rsc-header__burger-text) {
  background: #1a1a2e !important;
  width: 22px !important;
  height: 2.5px !important;
  border-radius: 2px !important;
  display: block !important;
}
.rsc-header__burger-text {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: #1a1a2e !important;
  margin-top: 1px !important;
  line-height: 1 !important;
  background: none !important;
  height: auto !important;
  width: auto !important;
  border-radius: 0 !important;
}
.rsc-header__burger--left:hover { background: rgba(0,0,0,.07) !important; }

/* На мобильном убираем старый правый бургер (его больше нет) */
@media (max-width: 1023px) {
  .rsc-header__burger--left { display: flex !important; }
}

/* === LOGO BIGGER === */
.rsc-header__logo img { height: 80px !important; }

.rsc-header__logo img { height: 120px !important; }
.rsc-header__inner { padding: 8px 0 !important; }

/* === MENU TEXT FIX === */
.rsc-header__burger-text {
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: #1a1a2e !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin-top: 3px !important;
}

/* === BURGER MENU COMPLETE FIX === */
.rsc-header__burger--left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: transparent !important;
  border: none !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

/* 3 полоски */
.rsc-header__burger--left span:not(.rsc-header__burger-text) {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  background: #1a1a2e !important;
  border-radius: 2px !important;
  margin: 3px 0 !important;
}

/* Текст MENU */
.rsc-header__burger--left .rsc-header__burger-text {
  display: block !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  color: #1a1a2e !important;
  margin: 3px 0 0 0 !important;
  border-radius: 0 !important;
  line-height: 1 !important;
}

/* === SIDEBAR OVERLAY — цвет как баннер === */
.rsc-sidebar-overlay {
  background: #dff6f4 !important;
  box-shadow: 4px 0 32px rgba(0,0,0,.12) !important;
}
.rsc-sidebar-overlay__head {
  background: #dff6f4 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}
.rsc-sidebar-overlay__head-logo { color: #1a1a2e !important; }
.rsc-sidebar-overlay__head-logo span { color: var(--rsc-teal-dark) !important; }
.rsc-sidebar-overlay__close {
  background: rgba(0,0,0,.08) !important;
  color: #1a1a2e !important;
}
.rsc-sidebar-overlay__close:hover { background: rgba(0,0,0,.15) !important; }
.rsc-sidebar-overlay__section { border-bottom-color: rgba(0,0,0,.08) !important; }
.rsc-sidebar-overlay__label { color: rgba(0,0,0,.4) !important; }
.rsc-sidebar-overlay__section a {
  color: #1a1a2e !important;
  font-weight: 600 !important;
}
.rsc-sidebar-overlay__section a:hover {
  background: rgba(0,0,0,.06) !important;
  color: #000 !important;
}
.rsc-sidebar-overlay__actions {
  border-top-color: rgba(0,0,0,.08) !important;
  background: #dff6f4 !important;
}
.rsc-sidebar-overlay__actions .rsc-btn--ghost {
  background: rgba(0,0,0,.08) !important;
  color: #1a1a2e !important;
  border-color: transparent !important;
}
.rsc-sidebar-overlay__actions .rsc-btn--primary {
  background: var(--rsc-yellow) !important;
  color: #1a1a2e !important;
}

/* === EXACT COLOR MATCH #d6f4f1 === */
.rsc-header,
.rsc-sidebar-overlay,
.rsc-sidebar-overlay__head,
.rsc-sidebar-overlay__actions {
  background: #d6f4f1 !important;
}
.rsc-hero {
  background: linear-gradient(180deg, #d6f4f1 0%, #e2f8f5 60%, #eefcfa 100%) !important;
}
:root { --rsc-hero-bg: #d6f4f1 !important; }

/* === FOOTER LIGHT STYLE (screenshot 3) === */
.rsc-footer {
  background: #f8f8f6 !important;
  color: #374151 !important;
}
.rsc-footer__top { background: transparent !important; border-bottom-color: #e5e7eb !important; }
.rsc-footer__brand-name { color: #1a1a2e !important; }
.rsc-footer__brand p { color: #6b7280 !important; }
.rsc-footer__social a { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #374151 !important; }
.rsc-footer__social a:hover { background: var(--rsc-teal-light) !important; color: var(--rsc-teal-dark) !important; border-color: rgba(0,180,216,.3) !important; }
.rsc-footer__col h4 { color: #1a1a2e !important; }
.rsc-footer__col a { color: #6b7280 !important; }
.rsc-footer__col a:hover { color: var(--rsc-teal-dark) !important; }
.rsc-footer__trust { border-bottom-color: #e5e7eb !important; }
.rsc-footer__trust-item { background: #fff !important; border-color: #e5e7eb !important; color: #374151 !important; }
.rsc-footer__rg p { color: #9ca3af !important; }
.rsc-footer__rg a { color: #6b7280 !important; }
.rsc-footer__rg-badge { background: #ef4444 !important; }
.rsc-footer__copy { color: #9ca3af !important; }
.rsc-footer__legal a { color: #9ca3af !important; }
.rsc-footer__legal a:hover { color: var(--rsc-teal-dark) !important; }

/* Logo in header — centered, bigger */
.rsc-header__logo { flex: 1; display: flex; justify-content: center; }
.rsc-header__logo img { height: 110px !important; }

/* === SIDEBAR MENU — UPPERCASE STYLE LIKE SCREEN 2 === */
.rsc-sidebar-overlay__section {
  padding: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}
.rsc-sidebar-overlay__label {
  display: none !important;
}
.rsc-sidebar-overlay__section a {
  display: flex !important;
  align-items: center !important;
  padding: 14px 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #1a1a2e !important;
  gap: 0 !important;
  border-left: none !important;
  transition: background .12s !important;
}
.rsc-sidebar-overlay__section a:hover {
  background: rgba(0,0,0,.05) !important;
  padding-left: 26px !important;
}
/* Скрываем подпункты — показываем только первый */
.rsc-sidebar-overlay__section a:not(:first-of-type) {
  display: none !important;
}

/* === SIDEBAR ITEMS — flat uppercase list === */
.rsc-sidebar-overlay__item {
  display: block !important;
  padding: 15px 22px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #1a1a2e !important;
  border-bottom: 1px solid rgba(0,0,0,.07) !important;
  transition: background .12s, padding-left .12s !important;
  pointer-events: auto !important;
}
.rsc-sidebar-overlay__item:hover {
  background: rgba(0,0,0,.05) !important;
  padding-left: 28px !important;
  color: #000 !important;
}
/* Hide old section styles */
.rsc-sidebar-overlay__section { display: none !important; }

/* === BEAUTIFUL TABLES === */
.rsc-table-wrap {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.08) !important;
  margin: 20px 0 !important;
}
.rsc-table-wrap table {
  min-width: 0 !important;
  width: 100% !important;
  border-collapse: collapse !important;
}
.rsc-table-wrap th {
  background: linear-gradient(135deg, #00b4d8 0%, #0096b4 100%) !important;
  color: #fff !important;
  padding: 13px 18px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.rsc-table-wrap th:first-child { border-radius: 0 !important; }
.rsc-table-wrap td {
  padding: 12px 18px !important;
  font-size: 13.5px !important;
  border-bottom: 1px solid #f0f4f8 !important;
  vertical-align: middle !important;
  color: #374151 !important;
}
.rsc-table-wrap tr:last-child td { border-bottom: none !important; }
.rsc-table-wrap tr:nth-child(even) td { background: #f8fbfd !important; }
.rsc-table-wrap tr:hover td { background: #e8f7fb !important; transition: background .15s; }
.rsc-table-wrap td:first-child { font-weight: 600 !important; color: #1a1a2e !important; }
.rsc-table-wrap td:last-child {
  text-align: center !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
}

/* === EXACT LOGO BG COLOR === */
.rsc-header,
.rsc-sidebar-overlay,
.rsc-sidebar-overlay__head,
.rsc-sidebar-overlay__actions {
  background: #E0F2F1 !important;
}
.rsc-hero {
  background: linear-gradient(180deg, #E0F2F1 0%, #e8f7f5 50%, #f0faf9 100%) !important;
}

.rsc-header__logo img { height: 140px !important; }
.rsc-header { padding: 4px 0 !important; }

/* === TABLE MOBILE + BEAUTIFUL === */
.rsc-table-wrap {
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,180,216,.1), 0 1px 4px rgba(0,0,0,.06) !important;
}

/* Sticky first column on mobile */
@media (max-width: 640px) {
  .rsc-table-wrap { border-radius: 12px !important; }
  .rsc-table-wrap table { min-width: 0 !important; width: 100% !important; }
  .rsc-table-wrap th,
  .rsc-table-wrap td { padding: 10px 12px !important; font-size: 12.5px !important; }
  .rsc-table-wrap th:nth-child(2),
  .rsc-table-wrap td:nth-child(2) { display: none !important; }
  .rsc-table-wrap th:last-child { text-align: center !important; }
}

/* Stars styling */
.rsc-table-wrap td:last-child { font-size: 16px !important; letter-spacing: 2px !important; color: #f5a623 !important; }

/* Emoji column */
.rsc-table-wrap td:first-child { display: flex; align-items: center; gap: 8px; font-weight: 600 !important; }

/* Hover row highlight */
.rsc-table-wrap tbody tr { transition: background .15s; cursor: default; }
.rsc-table-wrap tbody tr:hover td { background: #e0f7f4 !important; }

/* Header gradient stronger */
.rsc-table-wrap thead tr th {
  background: linear-gradient(90deg, #00b4d8 0%, #0096b4 100%) !important;
  font-size: 11px !important;
  padding: 12px 18px !important;
}

/* === SITEMAP H2 SECTION LABELS === */
h2.rsc-sitemap-section {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--rsc-teal-dark) !important;
  padding: 8px 0 6px !important;
  border-bottom: 2px solid rgba(0,180,216,.25) !important;
  margin: 28px 0 10px !important;
}