:root {
  --sg-ink: #10213d;
  --sg-muted: #58708f;
  --sg-line: #c9dceb;
  --sg-surface: #ffffff;
  --sg-soft: #eef6fb;
  --sg-navy: #08263a;
  --sg-navy-2: #123f59;
  --sg-yellow: #ffd51a;
  --sg-yellow-soft: #fff4bf;
  --sg-teal: #0cae9a;
  --sg-teal-dark: #087a6e;
  --sg-red: #a92d45;
  --sg-red-soft: #fff0f3;
  --sg-shadow: 0 18px 45px rgba(16, 33, 61, .08);
}

html { scroll-behavior: smooth; }
body.sazka-games-review-page { color: var(--sg-ink); background: #f2f7fb; }
.sazka-games-review-page main { overflow: clip; }
.sazka-games-review-page .section-shell { width: min(1160px, calc(100% - 40px)); }
.sazka-games-review-page .site-header { background: rgba(255, 255, 255, .98); border-bottom: 1px solid #dbe7f0; }
.sazka-games-review-page .button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-weight: 850; text-align: center; line-height: 1.2; }
.sazka-games-review-page .button-primary { color: #092238; background: var(--sg-yellow); border-color: var(--sg-yellow); box-shadow: 0 10px 24px rgba(255, 213, 26, .22); }
.sazka-games-review-page .button-primary:hover { background: #ffdf4b; }
.sazka-games-review-page .button-secondary { color: #0c65b7; background: #fff; border: 1px solid #b9d0e3; }
.sazka-games-review-page .eyebrow { margin: 0 0 12px; color: #0675d7; font-size: .78rem; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.sazka-games-review-page h1,
.sazka-games-review-page h2,
.sazka-games-review-page h3 { color: var(--sg-ink); text-wrap: balance; }
.sazka-games-review-page p,
.sazka-games-review-page li { line-height: 1.72; }
.sazka-games-review-page a { text-underline-offset: 3px; }

.sg-hero { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(390px, .94fr); gap: 42px; align-items: start; padding: 72px 0 50px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-bottom: 32px; color: #6b7e97; font-size: .9rem; }
.breadcrumbs a { color: #0675d7; font-weight: 750; text-decoration: none; }
.sg-hero-copy h1 { margin: 0; max-width: 740px; font-size: clamp(2.65rem, 5.3vw, 4.9rem); line-height: .99; letter-spacing: -.052em; }
.sg-lead { max-width: 750px; margin: 24px 0 0; color: #506987; font-size: 1.12rem; }
.sg-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sg-meta span { padding: 10px 14px; border: 1px solid #d4e2ec; border-radius: 999px; background: #fff; font-size: .84rem; font-weight: 800; box-shadow: 0 8px 20px rgba(16, 33, 61, .04); }
.sg-hero-copy .article-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.sg-affiliate-note { margin: 22px 0 0; padding: 15px 17px; color: #584a29; background: #fff9e8; border-left: 4px solid #f4b700; font-size: .86rem; }

.sg-hero-card { overflow: hidden; background: #fff; border: 1px solid var(--sg-line); border-radius: 24px; box-shadow: var(--sg-shadow); }
.sg-hero-media { margin: 0; background: #091826; }
.sg-hero-media img { display: block; width: 100%; height: auto; object-fit: contain; background: #091826; }
.sg-hero-media figcaption { padding: 8px 16px; color: #bcd4df; background: #091826; font-size: .72rem; line-height: 1.45; }
.sg-score-summary { display: grid; grid-template-columns: 92px 1fr; gap: 18px; align-items: center; padding: 24px; }
.sg-score-summary h2 { margin: 0 0 7px; font-size: 1.25rem; }
.sg-score-summary p { margin: 0; color: #596f88; font-size: .86rem; line-height: 1.55; }
.sg-score-ring { position: relative; isolation: isolate; display: grid; place-content: center; width: 88px; aspect-ratio: 1; color: #fff; background: conic-gradient(var(--sg-teal) 0 84%, #dce8ec 84% 100%); border-radius: 50%; }
.sg-score-ring::before { content: ""; position: absolute; inset: 9px; z-index: 0; border-radius: 50%; background: var(--sg-navy); }
.sg-score-ring strong,
.sg-score-ring span { position: relative; z-index: 1; }
.sg-score-ring strong { font-size: 1.75rem; line-height: 1; }
.sg-score-ring span { display: block; margin-top: 3px; font-size: .7rem; text-align: center; }
.sg-fact-list { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid #dbe5ec; }
.sg-fact-list div { min-width: 0; padding: 18px; border-right: 1px solid #dbe5ec; border-bottom: 1px solid #dbe5ec; }
.sg-fact-list div:nth-child(even) { border-right: 0; }
.sg-fact-list dt { color: #667b93; font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.sg-fact-list dd { margin: 6px 0 0; font-weight: 850; overflow-wrap: anywhere; }

.sg-route { margin-bottom: 36px; padding: 30px 32px 34px; background: #e7f4ff; border: 1px solid #bcd8ef; border-radius: 22px; }
.sg-route > h2 { margin: 0 0 12px; font-size: clamp(1.8rem, 3vw, 2.45rem); }
.sg-route > p:not(.eyebrow) { max-width: 900px; color: #4a6584; }
.sg-route-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 22px; }
.sg-route-grid a { display: flex; min-width: 0; min-height: 170px; flex-direction: column; padding: 18px; color: var(--sg-ink); background: #fff; border: 1px solid #bfd4e5; border-radius: 14px; text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.sg-route-grid a:hover { transform: translateY(-2px); border-color: #1485e4; }
.sg-route-grid span { color: var(--sg-teal-dark); font-size: .75rem; font-weight: 900; text-transform: uppercase; }
.sg-route-grid strong { margin-top: 12px; color: #0669bd; font-size: 1.02rem; text-decoration: underline; }
.sg-route-grid small { margin-top: auto; padding-top: 14px; color: #62758d; line-height: 1.55; }

.article-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 32px; align-items: start; padding-bottom: 60px; }
.article-sidebar { position: sticky; top: 92px; display: grid; gap: 18px; }
.toc-card { padding: 23px; background: #fff; border: 1px solid var(--sg-line); border-radius: 18px; box-shadow: 0 12px 30px rgba(16, 33, 61, .05); }
.toc-card h2 { margin: 0 0 14px; font-size: 1rem; text-transform: uppercase; }
.toc-card ol { margin: 0; padding: 0; list-style: none; counter-reset: sg-toc; }
.toc-card li { counter-increment: sg-toc; border-bottom: 1px solid #e1e9ee; }
.toc-card li:last-child { border-bottom: 0; }
.toc-card a { display: grid; grid-template-columns: 30px 1fr; gap: 5px; padding: 9px 0; color: #516984; font-size: .8rem; font-weight: 780; line-height: 1.35; text-decoration: none; }
.toc-card a::before { content: counter(sg-toc, decimal-leading-zero); color: #0878dd; font-weight: 900; }
.toc-card a:hover { color: #0878dd; }
.sg-sticky-cta { padding: 20px; color: #fff; background: linear-gradient(145deg, #073748, #0b5962); border-top: 5px solid #19cfb6; border-radius: 16px; }
.sg-sticky-cta p { margin: 0; color: #83fff0; font-size: .7rem; font-weight: 900; text-transform: uppercase; }
.sg-sticky-cta > strong { display: block; margin: 8px 0 6px; font-size: 1.42rem; line-height: 1.15; }
.sg-sticky-cta > span { display: block; color: #d8eef0; font-size: .78rem; line-height: 1.55; }
.sg-sticky-cta .button { width: 100%; margin: 15px 0 8px; color: #092238; background: var(--sg-yellow); }
.sg-sticky-cta small { color: #b4d3d8; }

.article-content { display: grid; min-width: 0; gap: 28px; }
.sg-section { min-width: 0; padding: clamp(28px, 4vw, 46px); background: var(--sg-surface); border: 1px solid var(--sg-line); border-radius: 22px; box-shadow: 0 12px 30px rgba(16, 33, 61, .045); }
.sg-section > h2,
.sg-final > h2 { margin: 0 0 18px; font-size: clamp(2rem, 4vw, 3.15rem); line-height: 1.08; letter-spacing: -.035em; }
.sg-section > h3 { margin: 34px 0 10px; font-size: 1.38rem; }
.sg-section > p { color: #425d7a; }
.sg-verdict { color: #fff; background: linear-gradient(145deg, #092b42, #0b6a6e); border: 0; }
.sg-verdict h2,
.sg-verdict h3 { color: #fff; }
.sg-verdict .eyebrow { color: #8dfff0; }
.sg-verdict > p { color: #e4f2f3; }
.sg-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 28px; }
.sg-pros-cons > div { padding: 22px; color: var(--sg-ink); border-radius: 16px; }
.sg-pros { background: #ecfbf7; border: 1px solid #9adfce; }
.sg-cons { background: #fff0f3; border: 1px solid #efb7c3; }
.sg-pros-cons h3 { margin: 0 0 12px; color: var(--sg-ink); }
.sg-pros-cons ul { margin: 0; padding-left: 20px; }
.sg-pros-cons li { margin-bottom: 6px; }
.sg-inline-cta { display: flex; gap: 24px; align-items: center; justify-content: space-between; margin-top: 20px; padding: 20px 22px; color: var(--sg-ink); background: #fff; border-radius: 14px; }
.sg-inline-cta h3 { margin: 0 0 5px; color: var(--sg-ink); }
.sg-inline-cta p { margin: 0; color: #566f88; line-height: 1.5; }
.sg-inline-cta .button { flex: 0 0 auto; color: #08243a; background: var(--sg-yellow); }

.sg-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; }
.sg-stat-grid > div { min-width: 0; padding: 20px; background: var(--sg-soft); border: 1px solid #c7deec; border-radius: 14px; }
.sg-stat-grid span { color: #657a91; font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.sg-stat-grid strong { display: block; margin-top: 8px; font-size: 1.18rem; overflow-wrap: anywhere; }
.sg-stat-grid small { display: block; margin-top: 6px; color: #5b7188; line-height: 1.45; }
.sg-source-note { margin: 24px 0 0; padding: 18px 20px; color: #274e61 !important; background: #eaf7f3; border-left: 5px solid var(--sg-teal); border-radius: 0 13px 13px 0; }

.sg-score-panel { display: grid; grid-template-columns: 132px 1fr; gap: 24px; align-items: center; margin: 28px 0 20px; padding: 24px; color: #fff; background: linear-gradient(135deg, #0b2d46, #0b6566); border-radius: 18px; }
.sg-score-panel h3 { margin: 0 0 8px; color: #fff; font-size: 1.4rem; }
.sg-score-panel p { margin: 0; color: #dceff0; }
.sg-score-big { position: relative; isolation: isolate; display: grid; place-content: center; width: 122px; aspect-ratio: 1; text-align: center; background: conic-gradient(var(--sg-yellow) 0 84%, rgba(255,255,255,.22) 84% 100%); border-radius: 50%; }
.sg-score-big::before { content: ""; position: absolute; inset: 11px; z-index: 0; border-radius: 50%; background: #0c4857; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.sg-score-big strong,
.sg-score-big span { position: relative; z-index: 1; color: #fff; }
.sg-score-big strong { font-size: 2.65rem; line-height: 1; }
.sg-score-big span { margin-top: 4px; font-size: .72rem; }
.sg-score-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sg-score-grid > div { display: grid; grid-template-columns: 1fr auto; min-width: 0; padding: 20px; background: #f8fbfd; border: 1px solid #c9ddeb; border-radius: 14px; }
.sg-score-grid span { grid-column: 1 / -1; color: #0575d7; font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.sg-score-grid h3 { grid-column: 1 / -1; margin: 10px 0 5px; font-size: 1.18rem; }
.sg-score-grid p { grid-column: 1 / -1; min-height: 54px; margin: 0 0 14px; color: #4a627e; font-size: .88rem; }
.sg-bar { align-self: center; height: 5px; margin-right: 18px; overflow: hidden; background: #dce5eb; border-radius: 99px; }
.sg-bar i { display: block; width: var(--value); height: 100%; background: var(--sg-teal); }
.sg-score-grid b { color: #0676d8; white-space: nowrap; }

.sg-bonus-table,
.sg-comparison { overflow: hidden; margin: 25px 0; border: 1px solid #bfd6e7; border-radius: 15px; }
.sg-bonus-table > div,
.sg-comparison > div { display: grid; grid-template-columns: minmax(130px, .7fr) minmax(220px, 1.5fr) minmax(180px, 1fr); }
.sg-bonus-table > div > *,
.sg-comparison > div > * { min-width: 0; padding: 17px 18px; border-right: 1px solid #d6e3eb; border-bottom: 1px solid #d6e3eb; overflow-wrap: anywhere; }
.sg-bonus-table > div > *:last-child,
.sg-comparison > div > *:last-child { border-right: 0; }
.sg-bonus-table > div:last-child > *,
.sg-comparison > div:last-child > * { border-bottom: 0; }
.sg-table-head { color: #fff; background: var(--sg-navy); font-size: .76rem; font-weight: 900; text-transform: uppercase; }
.sg-bonus-table > div:not(.sg-table-head):nth-child(odd),
.sg-comparison > div:not(.sg-table-head):nth-child(odd) { background: #f5f9fc; }
.sg-bonus-table strong { color: var(--sg-teal-dark); font-size: 1.05rem; }
.sg-warning { margin: 25px 0; padding: 22px; color: #664811; background: #fff4cd; border-left: 5px solid #f3ad00; border-radius: 0 14px 14px 0; }
.sg-warning p { margin: 7px 0 0; }
.sg-checklist { margin: 16px 0 0; padding: 0; list-style: none; counter-reset: sg-check; }
.sg-checklist li { counter-increment: sg-check; position: relative; margin: 10px 0; padding-left: 44px; }
.sg-checklist li::before { content: counter(sg-check); position: absolute; left: 0; top: 2px; display: grid; place-content: center; width: 28px; height: 28px; color: #fff; background: var(--sg-teal-dark); border-radius: 50%; font-size: .75rem; font-weight: 900; }
.sg-inline-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }

.sg-steps { margin: 25px 0; padding: 0; list-style: none; }
.sg-steps li { display: grid; grid-template-columns: 58px 1fr; gap: 18px; padding: 20px 0; border-bottom: 1px solid #dbe5ec; }
.sg-steps li:last-child { border-bottom: 0; }
.sg-steps li > span { display: grid; place-content: center; width: 50px; height: 50px; color: #fff; background: var(--sg-navy); border-radius: 50%; font-weight: 900; }
.sg-steps h3 { margin: 0 0 5px; font-size: 1.18rem; }
.sg-steps p { margin: 0; color: #536d88; }

.sg-wide-figure { overflow: hidden; margin: 25px 0; background: #071c29; border-radius: 16px; }
.sg-wide-figure img { display: block; width: 100%; height: auto; object-fit: contain; }
.sg-wide-figure figcaption { padding: 12px 16px; color: #d3e4eb; font-size: .8rem; line-height: 1.5; }
.sg-contain-figure { padding-top: 14px; background: #0a2435; }
.sg-contain-figure img { max-height: 360px; object-fit: contain; }
.sg-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 24px; }
.sg-card-grid-four { grid-template-columns: repeat(2, 1fr); }
.sg-card-grid > div { padding: 22px; background: #f4f9fc; border: 1px solid #cbdfea; border-top: 4px solid var(--sg-teal); border-radius: 14px; }
.sg-card-grid span { color: var(--sg-teal-dark); font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.sg-card-grid h3 { margin: 9px 0 8px; font-size: 1.14rem; }
.sg-card-grid p { margin: 0; color: #526a85; }

.sg-math-section { color: #fff; background: linear-gradient(135deg, #0a2d48, #0f4b62); border: 0; }
.sg-math-section h2,
.sg-math-section h3 { color: #fff; }
.sg-math-section .eyebrow { color: #7fffea; }
.sg-definition-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 26px; }
.sg-definition-grid > div { padding: 22px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 14px; }
.sg-definition-grid strong { color: var(--sg-yellow); font-size: .76rem; letter-spacing: .05em; }
.sg-definition-grid h3 { margin: 10px 0 8px; }
.sg-definition-grid p { margin: 0; color: #e3edf3; }
.sg-example { margin-top: 16px; padding: 22px; color: var(--sg-ink); background: #fff; border-left: 5px solid var(--sg-yellow); border-radius: 0 14px 14px 0; }
.sg-example h3 { margin: 0 0 7px; color: var(--sg-ink); }
.sg-example p { margin: 0; color: #4c6680; }
.sg-rule { padding: 20px 22px; color: #28505a; background: #e6f8f3; border-left: 5px solid var(--sg-teal); border-radius: 0 13px 13px 0; }
.sg-rule p { margin: 6px 0 0; }
.sg-text-link { display: inline-flex; margin-top: 22px; color: #0673d1; font-weight: 850; }

.sg-payment-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 26px 0; }
.sg-payment-flow > div { padding: 20px; background: #f6fafc; border: 1px solid #c8ddea; border-radius: 14px; }
.sg-payment-flow span { color: #0785d8; font-weight: 900; }
.sg-payment-flow h3 { margin: 10px 0 7px; font-size: 1.08rem; }
.sg-payment-flow p { margin: 0; color: #536c85; font-size: .9rem; }

.sg-safety { color: #fff; background: linear-gradient(145deg, #075a5a, #0b332f); border: 0; }
.sg-safety h2,
.sg-safety h3 { color: #fff; }
.sg-safety .eyebrow { color: #8affed; }
.sg-safety > p { color: #e0f1ef; }
.sg-safety a { color: #fff; font-weight: 800; }
.sg-safety-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 25px 0; }
.sg-safety-grid > div { padding: 22px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); border-radius: 14px; }
.sg-safety-grid span { color: var(--sg-yellow); font-size: .75rem; font-weight: 900; text-transform: uppercase; }
.sg-safety-grid h3 { margin: 9px 0 7px; }
.sg-safety-grid p { margin: 0; color: #e4f1ef; }
.sg-legal-warning { margin: 24px 0; padding: 20px 22px; color: #6f1624; background: #fff4f5; border: 2px solid #d4445b; border-radius: 14px; }
.sg-legal-warning strong { color: #7b1527; font-size: 1.02rem; }
.sg-legal-warning p { margin: 6px 0 0; color: #7b2635; font-weight: 700; }

.sg-mistake-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 25px; }
.sg-mistake-grid > div { padding: 21px; background: #fff6f7; border: 1px solid #edc8cf; border-top: 4px solid #b33c52; border-radius: 14px; }
.sg-mistake-grid span { color: #aa2e45; font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.sg-mistake-grid h3 { margin: 8px 0 6px; font-size: 1.12rem; }
.sg-mistake-grid p { margin: 0; color: #566c84; }

.faq-block { display: grid; gap: 10px; margin-top: 24px; }
.faq-block details { overflow: hidden; background: #f7fafc; border: 1px solid #caddea; border-radius: 13px; }
.faq-block summary { padding: 18px 20px; color: var(--sg-ink); font-weight: 850; cursor: pointer; }
.faq-block details p { margin: 0; padding: 0 20px 20px; color: #4d6681; }
.sg-author-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 24px; }
.sg-author-grid > div { display: grid; grid-template-columns: 82px 1fr; gap: 16px; align-items: center; padding: 20px; background: #f6fafc; border: 1px solid #cbdfea; border-radius: 14px; }
.sg-author-grid img { width: 82px; height: 82px; object-fit: cover; border-radius: 50%; }
.sg-author-grid h3 { margin: 0 0 4px; font-size: 1.08rem; }
.sg-author-grid p { margin: 0; color: #597088; font-size: .87rem; }
.sg-source-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.sg-source-grid > div { padding: 20px; background: #f7fafc; border: 1px solid #c9ddeb; border-radius: 14px; }
.sg-source-grid h3 { margin: 0 0 9px; font-size: 1.06rem; }
.sg-source-grid p { margin: 0; line-height: 1.8; }
.sg-source-grid a { color: #0673d1; font-weight: 780; }
.sg-method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px; }
.sg-method-grid > div { display: flex; min-width: 0; flex-direction: column; gap: 6px; padding: 16px; background: #eef5fa; border-radius: 12px; }
.sg-method-grid span { color: #5b7189; font-size: .75rem; }
.sg-method-grid strong { overflow-wrap: anywhere; }

.sg-final { padding: clamp(30px, 4.5vw, 50px); color: #fff; background: linear-gradient(135deg, #0b253e, #0d6b68); border-radius: 22px; box-shadow: var(--sg-shadow); }
.sg-final h2 { color: #fff; }
.sg-final .eyebrow { color: #8affed; }
.sg-final > p { color: #e6f2f3; }
.sg-final .article-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 16px; }
.sg-final small { color: #cfe1e5; }
.sg-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.sg-related-grid > a { overflow: hidden; color: var(--sg-ink); background: #fff; border: 1px solid #c9ddeb; border-radius: 14px; text-decoration: none; }
.sg-related-grid img { display: block; width: 100%; height: 145px; object-fit: cover; background: #eef4f7; }
.sg-related-grid a:nth-child(3) img { object-fit: contain; padding: 18px; }
.sg-related-grid div { padding: 17px; }
.sg-related-grid span { color: #0674d3; font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.sg-related-grid h3 { margin: 7px 0; font-size: 1.12rem; text-decoration: underline; }
.sg-related-grid p { margin: 0; color: #5b7189; font-size: .88rem; }

@media (max-width: 1080px) {
  .sg-hero { grid-template-columns: 1fr; }
  .sg-hero-card { max-width: 820px; }
  .sg-route-grid { grid-template-columns: 1fr 1fr; }
  .article-layout { grid-template-columns: 1fr; }
  .article-sidebar { position: static; grid-template-columns: 1fr 1fr; }
  .toc-card ol { columns: 2; column-gap: 28px; }
  .toc-card li { break-inside: avoid; }
}

@media (max-width: 820px) {
  .sazka-games-review-page .section-shell { width: min(100% - 28px, 1160px); }
  .sg-hero { padding-top: 44px; gap: 28px; }
  .sg-hero-copy h1 { font-size: clamp(2.5rem, 10vw, 4rem); }
  .sg-stat-grid { grid-template-columns: 1fr 1fr; }
  .sg-score-grid,
  .sg-pros-cons,
  .sg-definition-grid,
  .sg-safety-grid,
  .sg-source-grid,
  .sg-author-grid,
  .sg-mistake-grid { grid-template-columns: 1fr; }
  .sg-payment-flow { grid-template-columns: 1fr 1fr; }
  .sg-card-grid { grid-template-columns: 1fr; }
  .sg-related-grid { grid-template-columns: 1fr; }
  .sg-related-grid img { height: auto; max-height: 320px; object-fit: contain; }
  .sg-inline-cta { align-items: stretch; flex-direction: column; }
  .sg-inline-cta .button { width: 100%; }
  .sg-bonus-table > div,
  .sg-comparison > div { grid-template-columns: 1fr; }
  .sg-bonus-table > div > *,
  .sg-comparison > div > * { border-right: 0; }
  .sg-bonus-table > div > *:last-child,
  .sg-comparison > div > *:last-child { border-bottom: 1px solid #d6e3eb; }
  .sg-bonus-table > div:last-child > *:last-child,
  .sg-comparison > div:last-child > *:last-child { border-bottom: 0; }
  .sg-table-head { display: none !important; }
  .sg-bonus-table > div strong::before,
  .sg-comparison > div strong::before { content: "Položka"; display: block; margin-bottom: 5px; color: #64788e; font-size: .68rem; text-transform: uppercase; }
}

@media (max-width: 600px) {
  .sazka-games-review-page .section-shell { width: min(100% - 20px, 1160px); }
  .sg-hero-copy h1 { font-size: clamp(2.2rem, 12vw, 3.2rem); }
  .sg-lead { font-size: 1rem; }
  .sg-hero-copy .article-actions,
  .sg-final .article-actions,
  .sg-inline-actions { display: grid; grid-template-columns: 1fr; }
  .sg-hero-copy .article-actions .button,
  .sg-final .article-actions .button,
  .sg-inline-actions .button { width: 100%; }
  .sg-hero-card { border-radius: 16px; }
  .sg-score-summary { grid-template-columns: 1fr; }
  .sg-score-ring { width: 78px; }
  .sg-route { padding: 24px 18px; }
  .sg-route-grid { grid-template-columns: 1fr; }
  .sg-route-grid a { min-height: 145px; }
  .article-sidebar { grid-template-columns: 1fr; }
  .toc-card ol { columns: 1; }
  .sg-section,
  .sg-final { padding: 25px 19px; border-radius: 17px; }
  .sg-section > h2,
  .sg-final > h2 { font-size: clamp(1.75rem, 9vw, 2.4rem); }
  .sg-stat-grid,
  .sg-payment-flow,
  .sg-method-grid { grid-template-columns: 1fr; }
  .sg-score-panel { grid-template-columns: 1fr; }
  .sg-score-big { width: 110px; }
  .sg-score-grid > div { padding: 17px; }
  .sg-score-grid p { min-height: 0; }
  .sg-steps li { grid-template-columns: 45px 1fr; gap: 12px; }
  .sg-steps li > span { width: 42px; height: 42px; }
  .sg-author-grid > div { grid-template-columns: 1fr; }
  .sg-author-grid img { width: 70px; height: 70px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sg-route-grid a { transition: none; }
}