/* sun-of-egypt5.pro — palette + layout
   Visually distinct from .online sibling: deeper teal-night accent,
   warm amber for primary CTA, BEM-ish `pro-` class prefix.
*/
:root{
  --night:#0d1a2b;
  --night-2:#142841;
  --amber:#e0a23a;
  --amber-deep:#b27716;
  --sand:#f5e6c3;
  --ivory:#fbf7ef;
  --text:#1c2236;
  --muted:#4a5773;
  --line:#dccfb2;
  --radius:8px;
  --shadow:0 4px 14px rgba(13,26,43,.10);
  --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;overflow-x:hidden;margin:0;padding:0}
body{font-family:'Manrope',system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--ivory);line-height:1.6;font-size:17px}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--amber-deep);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--night)}
h1,h2,h3,h4{font-family:'Manrope',sans-serif;color:var(--night);line-height:1.25;margin:1.6em 0 .6em}
h1{font-size:2.1rem;font-weight:800;letter-spacing:-.01em}
h2{font-size:1.55rem;font-weight:700}
h3{font-size:1.18rem;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em 1.4em;padding:0}
li{margin:.25em 0}

/* ===== header ===== */
.pro-header{position:sticky;top:0;z-index:50;background:var(--night);color:#fff;border-bottom:1px solid #1d324c}
.pro-header__row{display:flex;align-items:center;gap:18px;max-width:var(--maxw);margin:0 auto;padding:12px 20px}
.pro-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.01em}
.pro-logo__icon{font-size:22px;color:var(--amber)}
.pro-logo__text{font-size:18px}
.pro-nav{margin-left:auto}
.pro-nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.pro-nav a{color:#dbe4f1;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:15px}
.pro-nav a:hover{background:#1d324c;color:#fff}
.pro-nav a[aria-current=page]{background:#1d324c;color:#fff}
.pro-cta{display:inline-block;background:var(--amber);color:#1a1100;font-weight:700;text-decoration:none;padding:10px 18px;border-radius:6px;transition:background .15s ease;border:1px solid var(--amber-deep)}
.pro-cta:hover{background:var(--amber-deep);color:#1a1100}
.pro-cta--header{margin-left:6px}
.pro-burger{display:none;background:none;border:0;cursor:pointer;width:42px;height:42px;padding:0;margin-left:auto;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.pro-burger span{display:block;width:24px;height:2px;background:#fff;border-radius:1px}

/* ===== main ===== */
.pro-main{max-width:var(--maxw);margin:0 auto;padding:24px 20px 48px}
.pro-breadcrumb{font-size:14px;color:var(--muted);margin:0 0 20px}
.pro-breadcrumb a{color:var(--muted)}
.pro-breadcrumb__sep{margin:0 8px;color:var(--line)}
.pro-h1{font-family:'Manrope',sans-serif;font-size:clamp(1.75rem,2.2vw + 1rem,2.6rem);font-weight:800;line-height:1.18;color:var(--ink);margin:8px 0 14px;letter-spacing:-.01em}
.pro-meta-stamp{font-size:13px;color:var(--muted);margin:-8px 0 18px}

.pro-snippet{background:#fff5dd;border-left:4px solid var(--amber);padding:14px 18px;border-radius:0 var(--radius) var(--radius) 0;font-size:1.04rem;margin:18px 0 28px}

.pro-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin:24px 0 28px}
.pro-hero figure{margin:0}
.pro-hero img{border-radius:var(--radius);box-shadow:var(--shadow)}

.pro-quickfacts{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:24px 0;box-shadow:var(--shadow)}
.pro-quickfacts h3{margin-top:0}
.pro-quickfacts ul{list-style:none;margin:0;padding:0}
.pro-quickfacts li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line);font-size:15px}
.pro-quickfacts li:last-child{border-bottom:0}
.pro-quickfacts li strong{color:var(--night)}

.pro-proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.pro-proscons section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}
.pro-proscons h3{margin-top:0;font-size:1.05rem}
.pro-proscons--pros{border-left:4px solid #5b9f5b}
.pro-proscons--cons{border-left:4px solid #c25b5b}

.pro-cta-block{margin:30px 0;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.pro-cta--big{font-size:1.1rem;padding:14px 28px}
.pro-cta-block__sub{font-size:13px;color:var(--muted);margin:10px 0 0}

figure{margin:24px 0}
figure img{border-radius:var(--radius);box-shadow:var(--shadow)}
figcaption{font-size:13px;color:var(--muted);margin-top:6px;text-align:center}

.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0}
table{border-collapse:collapse;min-width:100%;background:#fff;font-size:15px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left}
th{background:#fff5dd;color:var(--night)}

ol.pro-steps{counter-reset:step;list-style:none;padding:0;margin:18px 0}
ol.pro-steps li{counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px 14px 56px;margin:10px 0;position:relative;box-shadow:var(--shadow)}
ol.pro-steps li::before{content:counter(step);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--amber);color:#1a1100;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}

.pro-faq{margin:36px 0 0}
.pro-faq__item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0;margin:10px 0;overflow:hidden}
.pro-faq__item summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none;min-height:44px;display:flex;align-items:center}
.pro-faq__item summary::-webkit-details-marker{display:none}
.pro-faq__item summary::after{content:'+';margin-left:auto;color:var(--amber-deep);font-weight:700}
.pro-faq__item[open] summary::after{content:'–'}
.pro-faq__answer{padding:0 18px 16px;border-top:1px solid var(--line)}

/* ===== footer ===== */
.pro-footer{background:var(--night);color:#cdd6e6;margin-top:48px;padding:32px 0 12px}
.pro-footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.pro-footer h4{color:#fff;margin:0 0 12px}
.pro-footer ul{list-style:none;margin:0;padding:0}
.pro-footer a{color:#cdd6e6;text-decoration:none;padding:4px 0;display:inline-block}
.pro-footer a:hover{color:var(--amber)}
.pro-age{display:inline-block;background:var(--amber);color:#1a1100;font-weight:700;padding:4px 10px;border-radius:4px;margin:0 0 8px}
.pro-rg-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.pro-legal{max-width:var(--maxw);margin:24px auto 0;padding:12px 20px 0;border-top:1px solid #1d324c;font-size:13px;color:#8ea0bf;text-align:center}

/* ===== eeat page tweaks ===== */
.pro-body--about .pro-main,
.pro-body--responsible-gaming .pro-main,
.pro-body--terms .pro-main,
.pro-body--privacy .pro-main{max-width:880px}
.pro-eeat h2{margin-top:1.8em}

/* ===== mobile ===== */
@media (max-width:860px){
  h1{font-size:1.5rem}
  h2{font-size:1.25rem}
  h3{font-size:1.08rem}
  body{font-size:16px}
  .pro-header__row{padding:10px 14px;gap:8px}
  .pro-main{padding:18px 14px 36px}
  .pro-hero{grid-template-columns:1fr;gap:14px}
  .pro-proscons{grid-template-columns:1fr;gap:12px}
  .pro-footer__grid{grid-template-columns:1fr;gap:18px}
  .pro-cta--header{display:none}
  .pro-burger{display:flex;margin-left:auto}
  .pro-nav.nav-main{display:none;order:99;flex-basis:100%;margin-left:0}
  .pro-nav.nav-main.open{display:block}
  .pro-nav.nav-main ul{flex-direction:column;gap:0;padding:6px 0;background:#0a1422;border-radius:6px}
  .pro-nav.nav-main a{display:block;padding:12px 14px;border-radius:0;border-bottom:1px solid #1d324c;min-height:44px;font-size:16px}
  .pro-nav.nav-main a:last-child{border-bottom:0}
  .pro-main{max-width:100%}
}

@media (min-width:861px){
  .pro-burger{display:none}
}

/* footer disclosure block is intentionally absent — per house rules,
   the affiliate disclosure lives only on /about/. */