/*
Theme Name: Online Krypto Casino
Theme URI: https://bisque-toad-902556.hostingersite.com
Description: Premium German crypto casino affiliate theme
Version: 1.0
Author: bisque-toad-902556.hostingersite.com
Text Domain: online-krypto-casino
*/

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

/* ─── CSS VARIABLES ─────────────────────────────── */
:root {
  --bg:         #070B18;
  --bg-alt:     #0C1025;
  --bg-card:    #111830;
  --bg-hover:   #162040;
  --accent:     #00D8A8;
  --accent-dim: rgba(0,216,168,0.15);
  --accent-dim2:rgba(0,216,168,0.06);
  --gold:       #F0A500;
  --gold-dim:   rgba(240,165,0,0.12);
  --danger:     #FF5C5C;
  --success:    #4ADE80;
  --text:       #E8EDF5;
  --text-muted: #7A8499;
  --text-faint: #4A5568;
  --border:     rgba(255,255,255,0.07);
  --border-accent: rgba(0,216,168,0.3);
  --radius:     8px;
  --shadow:     0 4px 24px rgba(0,0,0,0.5);
  --max-w:      1280px;
  --font-head:  'Space Grotesk', sans-serif;
  --font-body:  'Plus Jakarta Sans', sans-serif;
  --font-mono:  'JetBrains Mono', monospace;
}

/* ─── RESET ─────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:var(--font-body); font-size:16px; line-height:1.7; overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-head); font-weight:700; line-height:1.25; color:var(--text); }
h1 { font-size:clamp(1.8rem,4vw,3rem); }
h2 { font-size:clamp(1.4rem,3vw,2rem); margin-bottom:1rem; }
h3 { font-size:clamp(1.1rem,2vw,1.4rem); margin-bottom:.75rem; }
p { margin-bottom:1rem; }
ul,ol { padding-left:1.5rem; margin-bottom:1rem; }
strong { color:var(--text); font-weight:600; }

/* ─── CONTAINER ──────────────────────────────────── */
.container { max-width:var(--max-w); margin:0 auto; padding:0 24px; }

/* ─── HEADER ─────────────────────────────────────── */
.site-header { position:sticky; top:0; z-index:1000; background:rgba(7,11,24,0.96); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:64px; max-width:var(--max-w); margin:0 auto; padding:0 24px; }
.site-logo { font-family:var(--font-head); font-size:1.05rem; font-weight:700; color:var(--text); text-decoration:none; }
.site-logo span { color:var(--accent); }
.site-logo:hover { text-decoration:none; }
.main-nav ul { list-style:none; display:flex; gap:4px; padding:0; margin:0; }
.main-nav a { display:block; padding:8px 14px; font-size:.875rem; font-weight:500; color:var(--text-muted); text-decoration:none; border-radius:6px; transition:color .2s,background .2s; }
.main-nav a:hover { color:var(--accent); background:var(--accent-dim2); text-decoration:none; }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; background:none; border:none; }
.hamburger span { display:block; width:22px; height:2px; background:var(--text); border-radius:2px; transition:all .3s; }
.mobile-nav { display:none; background:var(--bg-alt); border-top:1px solid var(--border); }
.mobile-nav.open { display:block; }
.mobile-nav ul { list-style:none; padding:12px 24px 16px; margin:0; }
.mobile-nav li { border-bottom:1px solid var(--border); }
.mobile-nav li:last-child { border-bottom:none; }
.mobile-nav a { display:block; padding:13px 0; color:var(--text); font-weight:500; text-decoration:none; font-size:.95rem; }

/* ─── HERO ───────────────────────────────────────── */
.hero { min-height:60vh; display:flex; align-items:center; justify-content:center; text-align:center; background:linear-gradient(160deg,#0A1030 0%,var(--bg) 100%); position:relative; overflow:hidden; padding:80px 24px 60px; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(0,216,168,0.07) 0%,transparent 70%); pointer-events:none; }
.hero-content { position:relative; z-index:1; max-width:820px; }
.hero-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; background:var(--accent-dim); border:1px solid var(--border-accent); border-radius:100px; font-size:.78rem; font-family:var(--font-mono); color:var(--accent); letter-spacing:.05em; margin-bottom:20px; }
.hero h1 { margin-bottom:16px; background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,.75) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero-sub { font-size:1.05rem; color:var(--text-muted); max-width:640px; margin:0 auto 20px; }
.hero-meta { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; margin-bottom:28px; font-size:.82rem; color:var(--text-faint); }
.hero-meta-inner { display:flex; align-items:center; gap:8px; }
.hero-meta img { width:28px; height:28px; border-radius:50%; object-fit:cover; border:2px solid var(--border-accent); }
.hero-meta span { color:var(--text-muted); }
.hero-meta strong { color:var(--accent); font-weight:600; }
.btn { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:var(--radius); font-family:var(--font-head); font-weight:600; font-size:.9rem; letter-spacing:.03em; cursor:pointer; border:none; transition:all .25s; text-decoration:none; }
.btn-primary { background:var(--accent); color:#041015; }
.btn-primary:hover { background:#00efc0; transform:translateY(-2px); box-shadow:0 6px 24px rgba(0,216,168,0.35); text-decoration:none; color:#041015; }

/* ─── TOC ────────────────────────────────────────── */
.toc-wrap { max-width:600px; margin:0 auto 32px; }
.toc-toggle { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); cursor:pointer; font-size:.875rem; font-weight:600; color:var(--text); user-select:none; transition:background .2s; }
.toc-toggle:hover { background:var(--bg-hover); }
.toc-arrow { transition:transform .3s; color:var(--accent); font-style:normal; }
.toc-toggle.open .toc-arrow { transform:rotate(180deg); }
.toc-list { display:none; padding:8px 16px 12px; background:var(--bg-card); border:1px solid var(--border); border-top:none; border-radius:0 0 var(--radius) var(--radius); list-style:none; margin:0; }
.toc-list.open { display:block; }
.toc-list li { border-bottom:1px solid var(--border); }
.toc-list li:last-child { border-bottom:none; }
.toc-list a { display:block; padding:8px 0; font-size:.82rem; color:var(--text-muted); text-decoration:none; transition:color .2s; }
.toc-list a:hover { color:var(--accent); }

/* ─── SECTION DIVIDER ────────────────────────────── */
.section-divider { margin:40px auto; display:flex; align-items:center; justify-content:center; gap:8px; }
.section-divider span { width:6px; height:6px; border-radius:50%; background:rgba(0,216,168,0.25); }
.section-divider span:nth-child(2) { background:rgba(0,216,168,0.55); }

/* ─── SECTIONS ───────────────────────────────────── */
.section { padding:64px 0; }
.section-alt { background:var(--bg-alt); }
.section-heading { margin-bottom:32px; }
.section-heading h2 { margin-bottom:6px; }
.section-heading p { color:var(--text-muted); font-size:.95rem; margin:0; }

/* ─── CASINO GRID ────────────────────────────────── */
.casino-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media(max-width:1024px){ .casino-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .casino-grid { grid-template-columns:repeat(2,1fr); gap:12px; } }
@media(max-width:400px){ .casino-grid { grid-template-columns:1fr; } }

/* ─── CASINO CARD ────────────────────────────────── */
.casino-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; transition:transform .25s,box-shadow .25s,border-color .25s; display:flex; flex-direction:column; }
.casino-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--border-accent); }
.card-rank-bar { background:var(--accent); color:#041015; font-family:var(--font-mono); font-size:.7rem; font-weight:500; padding:4px 10px; display:flex; align-items:center; justify-content:space-between; }
.card-badge { background:rgba(4,16,21,0.2); padding:2px 8px; border-radius:4px; font-size:.65rem; }
.card-logo-wrap { padding:14px; background:#0A0E1E; display:flex; align-items:center; justify-content:center; height:68px; }
.card-logo-wrap img { max-height:38px; max-width:100%; object-fit:contain; }
.card-body { padding:14px; flex:1; display:flex; flex-direction:column; }
.card-name { font-family:var(--font-head); font-size:.95rem; font-weight:700; margin-bottom:4px; }
.card-rating { display:flex; align-items:center; gap:6px; margin-bottom:10px; }
.stars { color:var(--gold); font-size:.82rem; }
.rating-num { font-family:var(--font-mono); font-size:.78rem; color:var(--text-muted); }
.card-bonus { background:var(--gold-dim); border:1px solid rgba(240,165,0,0.2); border-radius:6px; padding:8px 10px; margin-bottom:10px; font-size:.78rem; color:var(--gold); font-weight:600; line-height:1.4; }
.card-details { display:grid; grid-template-columns:auto 1fr; gap:3px 10px; margin-bottom:10px; font-size:.74rem; align-items:center; }
.detail-label { color:var(--text-faint); white-space:nowrap; }
.detail-value { color:var(--text-muted); font-family:var(--font-mono); font-size:.7rem; }
.card-payments { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:10px; }
.pay-tag { display:inline-flex; padding:2px 7px; background:rgba(255,255,255,0.05); border:1px solid var(--border); border-radius:4px; font-size:.62rem; font-family:var(--font-mono); color:var(--text-muted); font-weight:500; }
.bonus-toggle-btn { background:none; border:none; color:var(--accent); font-size:.76rem; cursor:pointer; padding:0 0 8px; display:flex; align-items:center; gap:4px; font-family:var(--font-body); }
.bonus-details-content { display:none; background:var(--accent-dim2); border:1px solid rgba(0,216,168,0.15); border-radius:6px; padding:10px; font-size:.76rem; color:var(--text-muted); margin-bottom:10px; line-height:1.55; }
.bonus-details-content.open { display:block; }
.card-terms { font-size:.66rem; color:var(--text-faint); margin-bottom:10px; line-height:1.4; margin-top:auto; }
.card-cta { display:block; width:100%; padding:11px; background:var(--accent); color:#041015; font-family:var(--font-head); font-weight:700; font-size:.85rem; letter-spacing:.04em; border-radius:6px; text-align:center; text-decoration:none; transition:background .2s,transform .2s; border:none; cursor:pointer; }
.card-cta:hover { background:#00efc0; transform:translateY(-1px); text-decoration:none; color:#041015; }

/* ─── REVIEW BLOCKS ──────────────────────────────── */
.review-block { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:24px; }
.review-topbar { display:flex; align-items:center; gap:16px; padding:16px 20px; background:var(--bg-alt); border-bottom:1px solid var(--border); flex-wrap:wrap; }
.review-logo { width:80px; height:40px; object-fit:contain; flex-shrink:0; background:#0A0E1E; border-radius:6px; padding:4px; }
.review-topbar-info { flex:1; min-width:150px; }
.review-topbar-info h3 { font-size:1.05rem; margin:0 0 4px; }
.review-topbar-rating { display:flex; align-items:center; gap:8px; }
.review-cta { display:inline-flex; align-items:center; gap:6px; padding:10px 18px; background:var(--accent); color:#041015; font-weight:700; font-size:.82rem; border-radius:6px; text-decoration:none; flex-shrink:0; transition:background .2s; }
.review-cta:hover { background:#00efc0; text-decoration:none; color:#041015; }
.review-screenshots { display:grid; grid-template-columns:1fr 1fr; gap:2px; max-height:220px; overflow:hidden; }
.review-screenshots img { width:100%; height:110px; object-fit:cover; cursor:pointer; transition:opacity .2s; }
.review-screenshots img:hover { opacity:.82; }
.review-body { padding:24px 24px 20px; font-size:.95rem; }
.review-body h3 { color:var(--accent); font-size:.95rem; margin-top:1.4rem; margin-bottom:.4rem; }
.review-body h3:first-child { margin-top:0; }
.review-body p { color:var(--text-muted); }
.review-body strong { color:var(--text); }

/* ─── TABLE RESPONSIVE ───────────────────────────── */
.table-responsive { overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:1.2rem; }
.review-body table, .content-section table, .page-content table { width:100%; border-collapse:collapse; font-size:.875rem; }
.review-body table th, .content-section table th, .page-content table th { background:var(--bg-alt); color:var(--text); font-weight:600; padding:10px 12px; text-align:left; border-bottom:2px solid var(--border-accent); white-space:nowrap; }
.review-body table td, .content-section table td, .page-content table td { padding:9px 12px; border-bottom:1px solid var(--border); color:var(--text-muted); vertical-align:top; }
.review-body table tr:hover td, .content-section table tr:hover td { background:var(--accent-dim2); }
@media(max-width:768px){ .review-body table td,.review-body table th,.content-section table td,.content-section table th,.page-content table td,.page-content table th { font-size:13px; min-width:90px; padding:8px 10px; } }

/* ─── PROS / CONS ────────────────────────────────── */
.pros-cons { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--border); border-radius:6px; overflow:hidden; margin-top:16px; }
.pros-col-head { background:rgba(74,222,128,0.1); color:var(--success); font-weight:700; font-size:.82rem; padding:9px 14px; border-bottom:1px solid var(--border); }
.cons-col-head { background:rgba(255,92,92,0.08); color:var(--danger); font-weight:700; font-size:.82rem; padding:9px 14px; border-bottom:1px solid var(--border); border-left:1px solid var(--border); }
.pros-list,.cons-list { list-style:none; padding:0; margin:0; }
.pros-list li { padding:8px 14px; font-size:.8rem; color:var(--text-muted); border-bottom:1px solid var(--border); display:flex; gap:8px; align-items:flex-start; line-height:1.4; }
.pros-list li::before { content:'✓'; color:var(--success); flex-shrink:0; font-weight:700; margin-top:1px; }
.cons-list li { padding:8px 14px; font-size:.8rem; color:var(--text-muted); border-bottom:1px solid var(--border); border-left:1px solid var(--border); display:flex; gap:8px; align-items:flex-start; line-height:1.4; }
.cons-list li::before { content:'✗'; color:var(--danger); flex-shrink:0; font-weight:700; margin-top:1px; }
.pros-list li:last-child,.cons-list li:last-child { border-bottom:none; }

/* ─── CONTENT SECTIONS ───────────────────────────── */
.content-section { padding:60px 0; }
.section-spacing { margin-bottom:60px; }
.two-col-block { display:grid; grid-template-columns:40% 60%; gap:40px; align-items:start; }
.two-col-block.reverse { grid-template-columns:60% 40%; }
.two-col-block.reverse .col-image { order:2; }
.two-col-block.reverse .col-text  { order:1; }
.section-placeholder { width:100%; aspect-ratio:4/3; background:rgba(255,255,255,0.02); border:2px dashed var(--border-accent); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:.72rem; color:var(--text-faint); }
.col-text h2 { color:var(--text); }
.col-text h3 { color:var(--accent); margin-top:1.25rem; }
.col-text p { color:var(--text-muted); }
.col-text strong { color:var(--text); }
@media(max-width:768px){ .two-col-block,.two-col-block.reverse { grid-template-columns:1fr; } .two-col-block.reverse .col-image { order:0; } .two-col-block.reverse .col-text { order:1; } }

/* ─── FAQ ────────────────────────────────────────── */
.faq-list { max-width:860px; }
.faq-item { border-bottom:1px solid var(--border); }
.faq-question { display:flex; align-items:center; justify-content:space-between; padding:18px 0; cursor:pointer; font-family:var(--font-head); font-weight:600; font-size:1rem; color:var(--text); user-select:none; min-height:48px; gap:16px; transition:color .2s; }
.faq-question:hover { color:var(--accent); }
.faq-icon { flex-shrink:0; width:28px; height:28px; display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:1.1rem; transition:transform .3s; border:1px solid var(--border-accent); border-radius:50%; font-style:normal; }
.faq-item.open .faq-icon { transform:rotate(45deg); }
.faq-answer { display:none; padding-bottom:18px; font-size:.93rem; color:var(--text-muted); line-height:1.7; }
.faq-answer.open { display:block; }
.faq-answer strong { color:var(--text); }

/* ─── AUTHOR BOX ─────────────────────────────────── */
.author-box { display:flex; gap:24px; align-items:flex-start; background:var(--bg-card); border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:var(--radius); padding:24px; margin-top:32px; }
.author-img { width:72px; height:72px; border-radius:50%; object-fit:cover; border:2px solid var(--border-accent); flex-shrink:0; }
.author-info h4 { font-size:.95rem; margin-bottom:2px; }
.author-title { font-size:.76rem; color:var(--accent); font-family:var(--font-mono); margin-bottom:8px; }
.author-info p { font-size:.875rem; color:var(--text-muted); margin:0; }
@media(max-width:600px){ .author-box { flex-direction:column; } }

/* ─── INNER HERO ─────────────────────────────────── */
.inner-hero { min-height:40vh; display:flex; align-items:center; background:linear-gradient(160deg,#0A1030 0%,var(--bg) 100%); position:relative; overflow:hidden; padding:60px 0; }
.inner-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 30% 50%,rgba(0,216,168,0.05) 0%,transparent 70%); pointer-events:none; }
.inner-hero.tall { min-height:45vh; }
.inner-hero-content { position:relative; z-index:1; }
.inner-hero h1 { font-size:clamp(1.6rem,3.5vw,2.6rem); margin-bottom:10px; }
.inner-hero p { color:var(--text-muted); font-size:1rem; max-width:600px; margin-bottom:0; }
.badge-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.badge-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 14px; background:var(--accent-dim); border:1px solid var(--border-accent); border-radius:100px; font-size:.78rem; font-family:var(--font-mono); color:var(--accent); }
.badge-pill-gold { background:var(--gold-dim); border-color:rgba(240,165,0,0.3); color:var(--gold); }

/* ─── PAGE CONTENT ───────────────────────────────── */
.page-wrap { padding:60px 0; }
.page-content { max-width:860px; }
.page-content h2 { color:var(--text); margin-top:2rem; margin-bottom:.75rem; }
.page-content h2:first-child { margin-top:0; }
.page-content h3 { color:var(--accent); margin-top:1.5rem; }
.page-content p { color:var(--text-muted); }
.page-content ul li { color:var(--text-muted); margin-bottom:.3rem; }
.page-content em { color:var(--text-faint); font-style:italic; }

/* ─── TEAM GRID ──────────────────────────────────── */
.team-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:24px; }
@media(max-width:600px){ .team-grid { grid-template-columns:1fr; } }
.team-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.team-card-img { width:100%; height:180px; object-fit:cover; }
.team-card-info { padding:16px; }
.team-card-info h4 { font-size:1rem; margin-bottom:2px; }
.team-card-role { font-size:.76rem; color:var(--accent); font-family:var(--font-mono); margin-bottom:8px; display:block; }
.team-card-info p { font-size:.85rem; color:var(--text-muted); margin:0; }

/* ─── CONTACT ────────────────────────────────────── */
.contact-wrap { display:grid; grid-template-columns:1fr 300px; gap:40px; padding:60px 0; }
@media(max-width:900px){ .contact-wrap { grid-template-columns:1fr; } }
.contact-form-box { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); padding:28px; }
.contact-form-box h2 { margin-bottom:20px; }
.form-group { margin-bottom:15px; }
.form-group label { display:block; font-size:.8rem; font-weight:600; color:var(--text-muted); margin-bottom:6px; }
.form-group input,.form-group select,.form-group textarea { width:100%; background:var(--bg-alt); border:1px solid var(--border); border-radius:6px; padding:10px 14px; color:var(--text); font-family:var(--font-body); font-size:.9rem; transition:border-color .2s; outline:none; -webkit-appearance:none; }
.form-group input:focus,.form-group select:focus,.form-group textarea:focus { border-color:var(--border-accent); }
.form-group textarea { min-height:110px; resize:vertical; }
.form-group select { cursor:pointer; }
.form-submit { width:100%; padding:12px; background:var(--accent); color:#041015; font-family:var(--font-head); font-weight:700; font-size:.9rem; border-radius:6px; border:none; cursor:pointer; transition:background .2s; }
.form-submit:hover { background:#00efc0; }
.toast { display:none; padding:12px 16px; background:rgba(74,222,128,0.1); border:1px solid rgba(74,222,128,0.3); border-radius:6px; color:var(--success); font-size:.875rem; margin-top:12px; }
.toast.show { display:block; }
.contact-info-box { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); padding:24px; align-self:start; }
.contact-info-box h3 { font-size:.95rem; margin-bottom:16px; }
.contact-info-item { display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; font-size:.875rem; color:var(--text-muted); }
.ci-icon { width:32px; height:32px; display:flex; align-items:center; justify-content:center; background:var(--accent-dim2); border-radius:6px; color:var(--accent); flex-shrink:0; font-size:.85rem; border:1px solid var(--border-accent); }

/* ─── LIGHTBOX ───────────────────────────────────── */
.lightbox-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.9); z-index:9999; align-items:center; justify-content:center; padding:20px; }
.lightbox-overlay.open { display:flex; }
.lightbox-overlay img { max-width:90vw; max-height:85vh; object-fit:contain; border-radius:8px; }
.lightbox-close { position:absolute; top:20px; right:24px; color:white; font-size:2rem; cursor:pointer; line-height:1; background:none; border:none; padding:4px; }

/* ─── FOOTER ─────────────────────────────────────── */
.site-footer { background:var(--bg-alt); border-top:1px solid var(--border); padding:40px 0; }
.footer-inner { max-width:var(--max-w); margin:0 auto; padding:0 24px; }
.footer-brand { font-family:var(--font-head); font-size:1rem; font-weight:700; color:var(--text-muted); margin-bottom:14px; }
.footer-brand span { color:var(--accent); }
.footer-disclaimer { font-size:.76rem; color:var(--text-faint); line-height:1.7; max-width:820px; }
.footer-disclaimer p { margin-bottom:6px; }
.footer-disclaimer a { color:var(--accent); }
.footer-disclaimer a:hover { text-decoration:underline; }
.review-screenshot img {
    object-fit: contain !important;
    height: auto !important;
    max-height: 280px;
    background: #111;
}

img {
    object-fit: contain !important;
}
.review-screenshots img,
.review-screenshot img,
img[alt*="Screenshot"] {
    object-fit: contain !important;
    height: auto !important;
    max-height: 300px !important;
    width: 100% !important;
    background: #0A0318;
}