/* Template Core v1.1 responsive compatibility layer.
 * Loaded after the legacy theme CSS so fixes can be deployed without editing
 * thousands of per-brand theme files.
 */

:root {
    --core-container-width: 1200px;
    --core-section-shift: 0px;
    --core-card-radius: 8px;
    --core-button-weight: 600;
    --core-hero-media-max-width: 500px;
    --core-hero-media-max-height: 580px;
    --core-logo-max-width: 210px;
    --core-hero-gap: 36px;
    --core-game-image-radius: 8px;
}

@media (min-width: 1200px) {
    .container { max-width: var(--core-container-width); }
}

html { overflow-x: hidden; }
body { overflow-wrap: break-word; }
img { max-width: 100%; height: auto; }

.inline-action-form { display: inline; margin: 0; padding: 0; }
.action-as-link {
    appearance: none;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
}
.action-media {
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}
.action-icon { appearance: none; background: none; border: 0; cursor: pointer; padding: 0; }
button.cmn--btn, button.cmn--btn2 { cursor: pointer; border: 0; }

.tpl-section-shift { transform: translateY(var(--core-section-shift)); }
.game__items, .bonus_content, .faq__board { border-radius: var(--core-card-radius); }
.cmn--btn, .cmn--btn2 { font-weight: var(--core-button-weight); }

/* Header/logo normalization. */
.header-wrapper .logo-menu .logo,
.header-wrapper .logo-menu a.logo { display: flex; align-items: center; }
.header-wrapper .logo-menu img,
.core-logo {
    display: block;
    width: auto !important;
    max-width: min(100%, var(--core-logo-max-width)) !important;
    max-height: 72px;
    object-fit: contain;
}

/* Hero media: legacy full-page screenshots are frequently very tall. */
.hero-row { row-gap: var(--core-hero-gap); }
.core-hero-media-col {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}
.core-hero-media,
.core-hero-media.action-media img,
.action-media .core-hero-media {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: min(100%, var(--core-hero-media-max-width)) !important;
    max-height: min(var(--core-hero-media-max-height), 68vh) !important;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}
.core-hero-media--mobile,
.action-media .core-hero-media--mobile {
    max-width: min(100%, 320px) !important;
    max-height: 520px !important;
}
.core-hero-media--login,
.action-media .core-hero-media--login {
    max-width: min(100%, 300px) !important;
    max-height: 520px !important;
}

/* Games and utility images should never escape their cards/columns. */
.game__items { overflow: hidden; }
.game__items > img,
.core-game-image {
    display: block;
    width: 100% !important;
    height: auto !important;
    border-radius: var(--core-game-image-radius);
}
.faq__thumb img,
.contact__section img,
.footer__section img { height: auto; }

/* Table/content safety for generated SEO text. */
.main-content { min-width: 0; }
.main-content img { max-width: 100%; height: auto; }
.main-content table { max-width: 100%; }
.main-content iframe,
.main-content video { max-width: 100%; }
.table-responsive-core { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Stable presentation variants. */
.tpl-hero-v2 .row.hero-row { flex-direction: row-reverse; }
.tpl-hero-v3 .about__content { max-width: 760px; margin-left: auto; margin-right: auto; }
.tpl-header-v2 .header-wrapper { flex-direction: row-reverse; }
.tpl-header-v2 .main-menu { margin-left: auto; margin-right: auto; }
.tpl-header-v3 .header-wrapper { align-items: center; gap: 20px; }
.tpl-footer-v2 .footer__top > .row { flex-direction: row-reverse; }
.tpl-footer-v3 .footer__bottom { border-top: 1px solid rgba(255,255,255,.12); padding-top: 20px; }
.core-surface-v2 .game__items { overflow: hidden; }
.core-surface-v3 .faq__board { overflow: hidden; }

.main-menu .inline-action-form { display: inline-block; }
.header-wrapper .main-menu li .action-as-link {
    color: var(--css-h-menu-link);
    font-weight: 600;
    font-size: 18px;
    transition: all .3s;
    font-family: "Jost", sans-serif;
    text-transform: capitalize;
}
.header-wrapper .main-menu li .action-as-link:hover { color: var(--css-h-menu-link-hover); }
.footer__top .widget__items .content-area .quick-link li .action-as-link {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--css-footer-text);
    transition: all .5s;
    margin-left: 24px;
    font-weight: 400;
}
.footer__top .widget__items .content-area .quick-link li .action-as-link img {
    margin-right: -28px;
    opacity: 0;
    transition: all .3s;
}
.footer__top .widget__items .content-area .quick-link li:hover .action-as-link { color: var(--ratting-color); }
.footer__top .widget__items .content-area .quick-link li:hover .action-as-link img { opacity: 1; margin-right: 5px; }

.bonus { display: flex; margin-bottom: 10px; justify-content: center; }
.bonus_content { padding: 10px 20px; border: 2px solid var(--theme-color); }
.bonus_title { margin: 0 0 10px; font-size: 25px; font-weight: bold; }
.page-withdrawal div.about__content div.section-header p:last-child { margin-bottom: 0; }
.toc-content ul { margin-top: 12px; }
.toc-content .level-h3 { margin-left: 18px; }
.toc-content .level-h4,
.toc-content .level-h5,
.toc-content .level-h6 { margin-left: 32px; }

@media (max-width: 1199px) {
    :root {
        --core-hero-media-max-width: 460px;
        --core-hero-media-max-height: 540px;
    }
    .hero-row { row-gap: 28px; }
}

@media (max-width: 991px) {
    .header-wrapper .main-menu li .action-as-link {
        display: block;
        padding: 8px 10px 9px;
        font-size: 17px;
        width: 100%;
    }
    .core-hero-media-col.full-width { display: none !important; }
    .mobile-width .action-media { margin-left: auto; margin-right: auto; }
    .page-login .button__grp { margin-bottom: 20px; }
    .about__content { width: 100%; }
    .main-content table { min-width: 520px; }
}

@media (max-width: 767px) {
    .withdrawal_button { margin-top: 5px; margin-bottom: 25px; }
    .main-content { padding-left: 4px; padding-right: 4px; }
    .main-content h1, .main-content h2, .main-content h3,
    .main-content h4, .main-content h5, .main-content h6 { overflow-wrap: anywhere; }
    .contact__section .c__shpae,
    .contact__section .king__ludu,
    .contact__section .l__shape,
    .contact__section .king__ludu2 { pointer-events: none; }
}

@media (min-width: 768px) {
    .withdrawal_button { display: none; }
}

@media (max-width: 575px) {
    :root { --core-hero-gap: 18px; }
    .core-hero-media--mobile,
    .action-media .core-hero-media--mobile { max-width: min(100%, 280px) !important; }
    .button__grp { flex-wrap: wrap; }
    .button__grp form { max-width: 100%; }
    .button__grp button { max-width: 100%; }
}

/* v1.3 production/SEO presentation layer. */
.core-breadcrumbs {
    padding: 14px 0 4px;
    font-size: 14px;
    line-height: 1.5;
}
.core-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.core-breadcrumbs li { display: inline-flex; align-items: center; min-width: 0; }
.core-breadcrumbs li + li::before { content: "/"; opacity: .55; margin-right: 6px; }
.core-breadcrumbs a,
.core-breadcrumbs span { color: inherit; opacity: .82; overflow-wrap: anywhere; }
.core-breadcrumb-v2 li + li::before { content: "›"; }

/* Existing v1/v2 profiles may contain larger values. This cap deliberately
 * tightens all hero screenshots without changing their frozen profile file. */
.core-hero-media,
.core-hero-media.action-media img,
.action-media .core-hero-media {
    max-width: min(100%, var(--core-hero-media-max-width), 480px) !important;
    max-height: min(var(--core-hero-media-max-height), 56vh, 560px) !important;
}
.core-hero-media--mobile,
.action-media .core-hero-media--mobile {
    max-width: min(100%, 300px) !important;
    max-height: min(480px, 58vh) !important;
}
.core-hero-media--login,
.action-media .core-hero-media--login {
    max-width: min(100%, 290px) !important;
    max-height: min(480px, 58vh) !important;
}

.core-nav-compact .header-wrapper .main-menu { gap: 2px; }
.core-nav-compact .header-wrapper .main-menu li a,
.core-nav-compact .header-wrapper .main-menu li .action-as-link { font-size: 16px; }
.core-shadow-v1 .game__items,
.core-shadow-v1 .faq__board,
.core-shadow-v1 .bonus_content { box-shadow: 0 10px 28px rgba(0,0,0,.14); }
.core-divider-v1 main > section + section { border-top: 1px solid rgba(127,127,127,.10); }
.main-content h2 { font-size: calc(2rem * var(--core-heading-scale)); }
.main-content h3 { font-size: calc(1.55rem * var(--core-heading-scale)); }

/* CLS/media safety. */
.core-logo,
.core-hero-media,
.core-game-image { height: auto; }

@media (max-width: 1199px) {
    .core-hero-media,
    .core-hero-media.action-media img,
    .action-media .core-hero-media {
        max-width: min(100%, 440px) !important;
        max-height: min(520px, 54vh) !important;
    }
}

@media (max-width: 991px) {
    .core-breadcrumbs { padding-top: 10px; }
    .core-hero-media-col.full-width { display: none !important; }
    .mobile-width { display: block; }
    .mobile-width .core-hero-media { margin-top: 18px; }
}

@media (max-width: 767px) {
    .core-breadcrumbs { font-size: 13px; }
    .core-hero-media--mobile,
    .action-media .core-hero-media--mobile,
    .core-hero-media--login,
    .action-media .core-hero-media--login {
        max-height: 430px !important;
    }
}

@media (max-width: 575px) {
    .core-hero-media--mobile,
    .action-media .core-hero-media--mobile { max-width: min(100%, 260px) !important; }
    .core-hero-media--login,
    .action-media .core-hero-media--login { max-width: min(100%, 250px) !important; }
    .core-breadcrumbs ol { gap: 4px; }
    .core-breadcrumbs li + li::before { margin-right: 4px; }
}

/* v1.4 frontend/diversity compatibility layer. Dynamic brand/profile values
 * now live in /core-assets/generated/site-{hash}.css, not in an inline style tag. */
[hidden] { display: none !important; }
.core-section-top { margin-top: 15px; }
.core-content-wrap--lp { padding-top: 20px; }
.core-full-heading { max-width: 100%; }
.core-review-rating { padding-top: 0; }
.core-footer-copy { text-align: center; }

/* Layout-family-safe structural variations. Legacy theme classes remain in DOM
 * for backwards compatibility; these rules only adjust presentation. */
.hero-media-left .hero-row { flex-direction: row-reverse; }
.tpl-hero-v4 .core-hero-copy-col { flex: 0 0 58%; max-width: 58%; }
.tpl-hero-v4 .core-hero-media-col { flex: 0 0 42%; max-width: 42%; }
.tpl-hero-v5 .hero-row { text-align: center; justify-content: center; }
.tpl-hero-v5 .core-hero-copy-col { flex: 0 0 100%; max-width: 900px; }
.tpl-hero-v5 .core-hero-media-col { flex: 0 0 100%; max-width: 100%; margin-top: 26px; }
.tpl-hero-v5 .button__grp { justify-content: center; }
.tpl-header-v4 .header-wrapper { display: grid; grid-template-columns: auto 1fr auto; gap: 22px; }
.tpl-header-v4 .main-menu { justify-content: center; }
.tpl-footer-v4 .footer__top > .row { justify-content: space-around !important; }

/* Component profile variants. */
.games-variant-2 .game__items { transition: transform .2s ease; }
.games-variant-2 .game__items:hover { transform: translateY(-3px); }
.games-variant-3 .game__items { background: transparent; }
.games-variant-4 .game__overlay { opacity: .94; }
.faq-variant-2 .accordion-item + .accordion-item { margin-top: 8px; }
.faq-variant-3 .accordion-item { border-left: 0; border-right: 0; }
.reviews-variant-2 .player__items { padding: 28px; }
.reviews-variant-3 .player__items { border: 1px solid rgba(127,127,127,.12); }
.toc-variant-2 { border-left: 3px solid var(--theme-color); padding-left: 18px; }
.toc-variant-3 { border-bottom: 1px solid rgba(127,127,127,.16); padding-bottom: 14px; }

/* Stable data-hooks are used by JS; CSS vocabulary classes may differ by site. */
[data-component="main-content"] img { max-width: 100%; height: auto; }
[data-image-preset="hero"],
[data-image-preset="hero_mobile"],
[data-image-preset="hero_login"] { object-fit: contain; }
[data-image-preset="game"] { object-fit: cover; }

/* Spacing profiles work as multipliers without rewriting legacy theme CSS. */
.spacing-profile-compact .pt-120 { padding-top: 92px !important; }
.spacing-profile-compact .pb-120 { padding-bottom: 92px !important; }
.spacing-profile-compact .pb-160 { padding-bottom: 112px !important; }
.spacing-profile-relaxed .pt-120 { padding-top: 138px !important; }
.spacing-profile-relaxed .pb-120 { padding-bottom: 138px !important; }
.spacing-profile-relaxed .pb-160 { padding-bottom: 178px !important; }

@media (max-width: 991px) {
    .tpl-hero-v4 .core-hero-copy-col,
    .tpl-hero-v4 .core-hero-media-col,
    .tpl-hero-v5 .core-hero-copy-col,
    .tpl-hero-v5 .core-hero-media-col { flex: 0 0 100%; max-width: 100%; }
    .tpl-header-v4 .header-wrapper { display: flex; }
    .hero-media-left .hero-row { flex-direction: row; }
}

@media (max-width: 767px) {
    .core-section-top { margin-top: 10px; }
    .core-content-wrap--lp { padding-top: 12px; }
    .spacing-profile-relaxed .pt-120,
    .spacing-profile-compact .pt-120 { padding-top: 72px !important; }
    .spacing-profile-relaxed .pb-120,
    .spacing-profile-compact .pb-120 { padding-bottom: 72px !important; }
}

/* ========================================================================
 * Template Core v1.5 Diversity v2
 * Real component/layout implementations for fresh ThemeProfile v5 sites.
 * Legacy ThemeProfile v1-v4 sites keep their v1.4 component markup.
 * ======================================================================== */

/* Header variants ------------------------------------------------------- */
.header-nav-wrap { min-width: 0; }
.header-brand-cluster,
.header-end,
.header-upper-actions,
.header-rail-end { display: flex; align-items: center; gap: 16px; }
.tpl-header-v5 .header-upper-row {
    display: flex; align-items: center; justify-content: space-between; gap: 24px;
    padding: 12px 0 6px;
}
.tpl-header-v5 .header-lower-row { display: flex; justify-content: center; padding-bottom: 10px; }
.tpl-header-v5 .header-lower-row .main-menu { justify-content: center; }
.tpl-header-v6 .header-centered-brand { display: flex; justify-content: center; padding-top: 12px; }
.tpl-header-v6 .header-centered-nav { justify-content: center; }
.tpl-header-v6 .header-centered-nav .main-menu { margin-left: auto; margin-right: auto; }
.tpl-header-v7 .core-header-fluid { padding-left: 2.5vw; padding-right: 2.5vw; }
.tpl-header-v7 .header-rail { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 24px; margin: 0 auto; }
.tpl-header-v7 .header-rail-center { min-width: 0; }
.tpl-header-v7 .header-rail-center .main-menu { justify-content: center; }

/* Hero variants --------------------------------------------------------- */
.hero-card-frame,
.hero-pane-copy,
.hero-pane-media,
.hero-panel { border-radius: var(--core-card-radius); }
.tpl-hero-v3 .hero-card-frame { padding: clamp(18px, 2vw, 34px); background: rgba(127,127,127,.045); }
.tpl-hero-v4 .hero-pane-copy { padding-right: clamp(18px,3vw,50px); }
.tpl-hero-v4 .hero-pane-media { display: flex; align-items: center; justify-content: center; }
.tpl-hero-v5 .hero-centered-copy { max-width: 900px; margin: 0 auto; text-align: center; }
.tpl-hero-v5 .hero-centered-copy .button__grp { justify-content: center; }
.tpl-hero-v5 .hero-centered-media { display: flex; justify-content: center; margin-top: 28px; }
.tpl-hero-v6 .hero-fluid-shell { padding-left: 0; padding-right: 0; }
.tpl-hero-v6 .hero-split-copy { display: flex; align-items: center; }
.tpl-hero-v6 .hero-split-inner { width: min(100%, var(--core-container-width)); padding: clamp(28px,5vw,80px); margin-left: auto; }
.tpl-hero-v6 .hero-split-media { display: flex; align-items: center; justify-content: center; min-height: 520px; background: rgba(127,127,127,.045); }
.tpl-hero-v7 .hero-editorial-copy { max-width: 850px; }
.tpl-hero-v7 .hero-editorial-media { display: flex; justify-content: flex-start; margin-top: 30px; }
.tpl-hero-v8 .hero-panel-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr); gap: var(--core-hero-gap); align-items: stretch; }
.tpl-hero-v8 .hero-panel { padding: clamp(20px,3vw,46px); background: rgba(127,127,127,.045); }
.tpl-hero-v8 .hero-panel-media { display: flex; justify-content: center; align-items: center; }
.hero-preview-copy > :last-child { margin-bottom: 0; }

/* Games variants -------------------------------------------------------- */
.game-media-button { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.game-card-footer,
.game-figure-caption,
.game-numbered-copy { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding-top: 14px; }
.game-card-footer h4,
.game-figure-caption h4,
.game-numbered-copy h4 { margin: 0; min-width: 0; }
.games-variant-3 .game-list { display: grid; gap: 14px; }
.games-variant-3 .game-list-row { display: grid; grid-template-columns: 92px minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 12px; border-bottom: 1px solid rgba(127,127,127,.12); }
.games-variant-3 .game-list-media { width: 92px; min-width: 92px; }
.games-variant-3 .game-list-media img { width: 92px; aspect-ratio: 1 / 1; object-fit: cover; }
.games-variant-3 .game-list-copy h4 { margin: 0 0 4px; }
.games-variant-3 .game-list-brand { opacity: .68; font-size: .9em; }
.games-variant-4 .game-overlay-card { position: relative; overflow: hidden; }
.games-variant-4 .game-overlay-card .game__overlay h4 { margin-bottom: 16px; color: inherit; }
.games-variant-5 .game-figure { margin: 0; }
.games-variant-5 .game-figure-caption { align-items: flex-start; }
.games-variant-6 .game-numbered { position: relative; }
.games-variant-6 .game-number-badge { position: absolute; z-index: 2; left: 22px; top: 14px; min-width: 34px; height: 34px; padding: 0 8px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }

/* FAQ variants ---------------------------------------------------------- */
.faq-wide-board { max-width: 980px; margin-left: auto; margin-right: auto; }
.faq-centered-head .section-header { text-align: center; margin-left: auto; margin-right: auto; }
.faq-details-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.faq-detail-card,
.faq-split-detail { border: 1px solid rgba(127,127,127,.16); border-radius: var(--core-card-radius); padding: 0; overflow: hidden; }
.faq-detail-card summary,
.faq-split-detail summary { cursor: pointer; list-style: none; padding: 18px 20px; font-weight: 700; }
.faq-detail-card summary::-webkit-details-marker,
.faq-split-detail summary::-webkit-details-marker { display: none; }
.faq-detail-card summary::after,
.faq-split-detail summary::after { content: "+"; float: right; margin-left: 14px; color: var(--theme-color); }
.faq-detail-card[open] summary::after,
.faq-split-detail[open] summary::after { content: "−"; }
.faq-detail-answer,
.faq-split-detail > div { padding: 0 20px 18px; }
.faq-numbered-list { display: grid; gap: 22px; }
.faq-numbered-item { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 20px; padding-bottom: 22px; border-bottom: 1px solid rgba(127,127,127,.14); }
.faq-numbered-item .faq-number { font-weight: 800; font-size: 1.4rem; line-height: 1.25; }
.faq-numbered-item h3 { margin-top: 0; }
.faq-split-layout { align-items: flex-start; }
.faq-split-items { display: grid; gap: 12px; }
.faq-split-intro { position: sticky; top: 100px; }

/* Reviews variants ------------------------------------------------------ */
.review-static-grid .player__items { height: 100%; }
.review-grid-card blockquote { margin: 14px 0 0; }
.review-grid-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.review-quote-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.review-quote-card { margin: 0; }
.review-quote-card blockquote { font-size: 1.05em; line-height: 1.65; }
.review-quote-card figcaption { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-top: 18px; }
.reviews-split { align-items: flex-start; }
.reviews-split-heading { position: sticky; top: 100px; }
.reviews-split-list { display: grid; gap: 14px; }
.review-split-item { display: grid; grid-template-columns: minmax(170px,.35fr) minmax(0,1fr); gap: 24px; align-items: start; }
.review-split-meta h6 { margin-bottom: 8px; }
.review-compact-stack { display: grid; gap: 0; }
.review-compact-row { display: grid; grid-template-columns: minmax(190px,.32fr) minmax(0,1fr); gap: 24px; align-items: start; border-radius: 0 !important; }
.review-compact-name { display: grid; gap: 8px; }

/* Footer variants ------------------------------------------------------- */
.footer-centered { display: grid; gap: 30px; text-align: center; }
.footer-centered .quick-link { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; }
.footer-centered .quick-link li { width: auto; }
.footer-centered-engagement { max-width: 720px; margin: 0 auto; }
.footer-grid-areas { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; }
.footer-two-level { display: grid; gap: 42px; }
.footer-two-level-top { max-width: 760px; }
.footer-two-level-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
.footer-editorial { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: 56px; }
.footer-editorial-secondary { display: grid; gap: 32px; }
.footer-rail { display: grid; grid-template-columns: auto minmax(0,1fr) minmax(260px,.65fr); gap: 36px; align-items: start; }
.footer-rail-links .quick-link,
.footer-rail-meta .quick-link { margin: 0; }
.footer-rail-engagement { padding-top: 36px; }

/* Layout families ------------------------------------------------------- */
.layout-family-magazine .section-header h2 { letter-spacing: -.025em; }
.layout-family-magazine .main-content { max-width: 1020px; }
.layout-family-magazine .game__section .section-header { max-width: 760px; }
.layout-family-split main > section > .container { width: min(94%, var(--core-container-width)); }
.layout-family-split .main-content { max-width: 1080px; }
.layout-family-editorial .main-content { max-width: 940px; }
.layout-family-portal .game__section > .container { max-width: min(var(--core-container-width), 96vw); }
.layout-family-wide main > section > .container { max-width: min(var(--core-container-width),95vw); }
.layout-family-compact .section-header { margin-bottom: 0; }

/* Section-treatment profiles ------------------------------------------ */
.section-treatment-cards main > section { padding-left: clamp(8px,1.5vw,22px); padding-right: clamp(8px,1.5vw,22px); }
.section-treatment-cards main > section > .container { padding-left: clamp(18px,2.2vw,34px); padding-right: clamp(18px,2.2vw,34px); }
.section-treatment-alternating main > section:nth-of-type(even) { background: rgba(127,127,127,.035); }
.section-treatment-divided main > section + section { border-top: 1px solid rgba(127,127,127,.12); }
.content-align-balanced .main-content { margin-left: auto; margin-right: auto; }
.content-align-centered .section-header { text-align: center; }

/* Navigation density ---------------------------------------------------- */
.core-nav-airy .header-wrapper .main-menu { column-gap: 20px; }
.core-nav-airy .header-wrapper .main-menu li a,
.core-nav-airy .header-wrapper .main-menu li .action-as-link { letter-spacing: .01em; }

/* Surface/shadow/divider v2 -------------------------------------------- */
.core-surface-v4 .game__items,
.core-surface-v4 .faq-detail-card,
.core-surface-v4 .player__items { border: 1px solid rgba(127,127,127,.14); }
.core-shadow-v2 .game__items,
.core-shadow-v2 .faq-detail-card,
.core-shadow-v2 .player__items { box-shadow: 0 16px 40px rgba(0,0,0,.16); }
.core-divider-v2 main > section + section { border-top: 2px solid rgba(127,127,127,.08); }

/* Icon profiles --------------------------------------------------------- */
.icon-profile-chevron .faq-detail-card summary::after,
.icon-profile-chevron .faq-split-detail summary::after { content: "›"; transform: rotate(90deg); }
.icon-profile-chevron .faq-detail-card[open] summary::after,
.icon-profile-chevron .faq-split-detail[open] summary::after { transform: rotate(-90deg); }
.icon-profile-solid .faq-detail-card summary::after,
.icon-profile-solid .faq-split-detail summary::after { font-weight: 900; }

@media (max-width: 1199px) {
    .tpl-header-v7 .header-rail { grid-template-columns: auto minmax(0,1fr) auto; gap: 16px; }
    .tpl-hero-v6 .hero-split-media { min-height: 440px; }
    .footer-rail { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .footer-rail-brand { grid-column: 1 / -1; }
}

@media (max-width: 991px) {
    .tpl-header-v5 .header-lower-row,
    .tpl-header-v6 .header-centered-nav,
    .tpl-header-v7 .header-rail { display: flex; }
    .tpl-header-v5 .header-lower-row { justify-content: flex-start; }
    .tpl-header-v6 .header-centered-brand { justify-content: flex-start; }
    .tpl-header-v7 .header-rail-center { flex: 1 1 auto; }
    .tpl-hero-v6 .hero-split-inner { padding: 36px 5vw; }
    .tpl-hero-v6 .hero-split-media { min-height: auto; padding: 28px 0; }
    .tpl-hero-v8 .hero-panel-grid { grid-template-columns: 1fr; }
    .faq-split-intro,
    .reviews-split-heading { position: static; }
    .faq-details-grid,
    .review-quote-list { grid-template-columns: 1fr; }
    .footer-grid-areas,
    .footer-editorial { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .games-variant-3 .game-list-row { grid-template-columns: 72px minmax(0,1fr); }
    .games-variant-3 .game-list-media { width: 72px; min-width: 72px; }
    .games-variant-3 .game-list-media img { width: 72px; }
    .games-variant-3 .game-list-action { grid-column: 2; }
    .game-card-footer,
    .game-figure-caption,
    .game-numbered-copy { align-items: flex-start; flex-direction: column; }
    .faq-numbered-item { grid-template-columns: 42px minmax(0,1fr); gap: 12px; }
    .review-split-item,
    .review-compact-row { grid-template-columns: 1fr; gap: 10px; }
    .footer-two-level-links,
    .footer-rail { grid-template-columns: 1fr; }
}
.toc-variant-4 { border: 1px solid rgba(127,127,127,.16); border-radius: var(--core-card-radius); padding: 16px 20px; }
.toc-variant-4 > summary { cursor: pointer; font-weight: 700; }
.toc-variant-4 .toc-details-list { margin: 14px 0 0; padding-left: 22px; }
.hero-media-stacked .hero-row { flex-direction: column; align-items: center; }
.hero-media-stacked .core-hero-copy-col,
.hero-media-stacked .core-hero-media-col { flex: 0 0 100%; max-width: min(100%, 980px); }
.hero-media-stacked .core-hero-media-col { margin-top: 24px; }
.theme-profile-v5 .tpl-header-v2 .header-wrapper { flex-direction: row; }
.theme-profile-v5 .tpl-footer-v2 .footer__top > .row { flex-direction: row; }
@media (min-width: 992px) {
    .theme-profile-v5 .tpl-header-v5 .main-menu { position: relative; display: flex; align-items: center; }
    .theme-profile-v5 .tpl-header-v5 .main-menu li { position: relative; padding-left: 20px; }
    .theme-profile-v5 .tpl-header-v5 .main-menu li a,
    .theme-profile-v5 .tpl-header-v5 .main-menu li .action-as-link { color: var(--css-h-menu-link); font-weight: 600; font-size: 18px; }
    .theme-profile-v5 .tpl-header-v5 .main-menu .cmn-grp { display: none; }
}
button.header-bar { background: transparent; border: 0; padding: 0; color: inherit; }
