/* PartnerCMS theme asset root: /assets/themes/casino-review-portal/ */
:root{
  --primary:#1e88e5;
  --primary-dark:#0d47a1;
  --accent:#ff9800;
  --success:#1f9d61;
  --light:#f5f5f5;
  --dark:#212121;
  --text:#444;
  --muted:#727272;
  --border:#e0e0e0;
  --soft-border:#f0f3f7;
  --footer:#08192b;
  --radius:4px;
  --shadow:0 2px 10px rgba(0,0,0,.05);
  --transition:all .2s ease;
  --font:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --font-head:Manrope,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:var(--primary);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--primary-dark)}
img{max-width:100%;height:auto;vertical-align:middle}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--dark);line-height:1.28;margin:0 0 .75em;font-weight:700}
h1{font-size:26px;letter-spacing:-.02em}h2{font-size:23px;letter-spacing:-.015em}h3{font-size:19px}h4{font-size:16px}
p{font-size:15px;line-height:1.68;margin:0 0 1.25em}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 15px}
.main-content{padding:30px 0 42px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Header: structure intentionally follows the supplied DLE theme, classes are new. */
.site-header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}
.site-header__top{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border)}
.site-logo{display:flex;align-items:center;min-width:174px;color:#111;text-decoration:none}
.site-logo:hover{text-decoration:none;color:#111}
.site-logo__mark{display:grid;place-items:center;width:31px;height:31px;margin-right:9px;background:var(--primary);color:#fff;font-weight:800;font-size:16px;border-radius:3px}
.site-logo__text{font-family:var(--font-head);font-weight:800;font-size:18px;line-height:1;letter-spacing:-.025em}
.site-logo__sub{display:block;margin-top:4px;font-family:var(--font);font-size:9px;font-weight:700;letter-spacing:.12em;color:#8a8a8a}
.header-search{flex:1;max-width:500px;margin:0 20px;position:relative}
.header-search input{width:100%;height:44px;padding:0 48px 0 18px;border:1px solid var(--border);border-radius:var(--radius);font-size:15px;color:#222;background:#fff;outline:none;transition:var(--transition)}
.header-search input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(30,136,229,.13)}
.header-search button{position:absolute;right:5px;top:5px;width:34px;height:34px;border:0;background:transparent;color:#292929;font-size:18px;display:grid;place-items:center}
.search-suggest{display:none;position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid var(--border);box-shadow:0 10px 24px rgba(0,0,0,.12);z-index:1010;max-height:420px;overflow:auto}
.search-suggest.is-open{display:block}
.search-suggest__group{padding:10px 0;border-bottom:1px solid #eee}.search-suggest__group:last-child{border-bottom:0}
.search-suggest__label{padding:0 14px 7px;color:#777;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.search-suggest__item{display:block;padding:9px 14px;color:#222;font-size:14px}.search-suggest__item:hover{background:#f7f9fb;text-decoration:none}
.site-header__tools{display:flex;align-items:center;justify-content:flex-end;min-width:230px}
.header-bonus-promo{min-height:44px;padding:7px 10px;display:flex;align-items:center;gap:9px;color:#202020;background:#f5f8ff;border:1px solid #dce8fb;text-decoration:none}
.header-bonus-promo:hover{color:#202020;border-color:#b9d2f6;background:#eef5ff}
.header-bonus-promo__icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;color:#1e88e5;background:#fff;border:1px solid #cfe0f7;font-size:12px}
.header-bonus-promo__copy{display:grid;line-height:1.1;white-space:nowrap}
.header-bonus-promo__copy small{color:#6b7480;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.header-bonus-promo__copy b{margin-top:3px;font-size:12px;font-weight:700}
.header-bonus-promo__arrow{margin-left:2px;color:#1e88e5;font-weight:800}
.mobile-menu-btn{display:none;width:40px;height:40px;border:0;background:#fff;color:#222;font-size:24px;align-items:center;justify-content:center}

.main-menu{padding:5px 0}.main-menu ul{display:flex;list-style:none;gap:12px;align-items:center;flex-wrap:wrap}.main-menu li{position:relative}
.main-menu li>a,.main-menu li>button{display:flex;align-items:center;padding:10px 15px;border:0;background:transparent;color:var(--dark);font-size:14px;font-weight:600;border-radius:var(--radius);text-decoration:none}
.main-menu li>a:hover,.main-menu li>button:hover{background:rgba(30,136,229,.1);text-decoration:none;color:var(--dark)}
.main-menu .has-dropdown>button::after{content:"⌄";font-size:13px;margin-left:7px;transform:translateY(-1px)}
.main-menu__dropdown{position:absolute!important;left:0;top:100%;display:block!important;min-width:245px;padding:10px 0!important;background:#fff;box-shadow:0 9px 24px rgba(0,0,0,.12);border:1px solid #eee;border-radius:var(--radius);opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--transition);z-index:100}
.has-dropdown:hover .main-menu__dropdown,.has-dropdown:focus-within .main-menu__dropdown{opacity:1;visibility:visible;transform:none}
.main-menu__dropdown li a{display:block!important;padding:9px 18px!important;border-radius:0!important;font-size:13px!important;font-weight:500!important}.main-menu__dropdown li a:hover{background:#f5f8fb!important;color:var(--primary)!important}

/* Main layout */
.content-with-sidebar{display:flex;gap:20px;margin:0 0 30px}.content-area{flex:1;min-width:0}.sidebar{width:300px;flex:0 0 300px}.sidebar_sticky{position:sticky;top:126px;align-self:flex-start}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.section-title{font-family:var(--font-head);font-size:24px;font-weight:800;color:var(--dark);letter-spacing:-.02em}
.section-more{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#f8f9fa;border:1px solid #f0f0f0;border-radius:var(--radius);color:#202020;font-size:13px;font-weight:600}.section-more:hover{background:var(--primary);border-color:var(--primary);color:#fff;text-decoration:none}
.breadcrumbs,.pcms-breadcrumbs{display:block;width:100%;margin:0 0 20px;padding:0;color:#666;font-size:13px;line-height:1.5}.pcms-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.pcms-breadcrumbs li{display:flex;align-items:center;min-width:0}.pcms-breadcrumbs li+li::before{content:"›";display:inline-block;margin:0 8px;color:#c2c7ce}.breadcrumbs a,.pcms-breadcrumbs a{color:#555;text-decoration:none}.breadcrumbs a:hover,.pcms-breadcrumbs a:hover{color:var(--primary)}.breadcrumbs span,.pcms-breadcrumbs span{color:#8a8f96}.pcms-breadcrumbs [aria-current="page"] span{color:#8a8f96}
.category-head{margin:0 0 20px}.category-head h1{margin-bottom:9px}.category-head p{margin:0;color:#666;max-width:900px}

/* Casino rating — converted from bookmakers-rating */
.casino-rating{counter-reset:casnum;margin:0 auto;padding:10px;background:#f8f9fa;border-radius:var(--radius)}
.casino-board__item{display:flex;flex-direction:column;padding:15px;background:#fff;border-bottom:1px solid var(--soft-border);min-height:70px;counter-increment:casnum}
.casino-board__item:first-child{border-radius:4px 4px 0 0}.casino-board__item:last-child{border-bottom:0;border-radius:0 0 4px 4px}.casino-board__row{display:flex;align-items:center;width:100%}
.casino-board__rank{display:flex;align-items:center;min-width:36px;height:24px;padding-left:5px;margin-right:15px;border-right:1px solid #efefef;font-size:20px;font-weight:800;line-height:24px;flex-shrink:0}.casino-board__rank::before{content:counter(casnum)}
.casino-board__logo{width:120px;height:36px;margin-right:20px;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;overflow:hidden}.casino-board__logo img{max-width:105px;max-height:34px;object-fit:contain}.casino-board__logo-fallback{display:flex;align-items:center;justify-content:center;width:105px;height:32px;background:#102033;color:#fff;font-size:12px;font-weight:800;letter-spacing:.03em}
.casino-board__name{display:none}
.casino-board__rating{display:flex;align-items:center;justify-content:center;margin-right:30px;flex-shrink:0}.casino-board__rating-box{min-width:72px}.casino-board__label,.casino-board__bonus-label{display:block;margin-bottom:4px;color:rgba(0,0,0,.54);font-size:12px;line-height:16px}.casino-board__rating-value{display:flex;align-items:center;color:rgba(0,0,0,.82);font-size:16px;font-weight:800}.casino-board__star{width:19px;height:19px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6.068 9.967 5.634 8 1 6.033 5.641 1 6.068l3.822 3.311-1.148 4.921L8 11.689l4.326 2.611-1.141-4.921L15 6.068Z' fill='%23FFCE00'/%3E%3C/svg%3E") center/contain no-repeat}
.casino-board__bonus{display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-right:auto;padding-right:8px;text-align:right}.casino-board__bonus strong{font-size:16px;line-height:1.1;color:rgba(0,0,0,.82);font-weight:800}
.casino-board__apps{display:flex;align-items:center;gap:10px;margin:0 15px}.casino-board__app{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#f0f0f0;color:#242424;border-radius:4px;font-size:16px;font-weight:800}.casino-board__app:hover{background:#e7e7e7;color:#000;text-decoration:none}
.casino-board__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.casino-board__btn{display:flex;align-items:center;justify-content:center;width:100px;height:36px;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none}.casino-board__btn--review{border:1px solid #dedede;color:rgba(0,0,0,.72);background:#fff}.casino-board__btn--review:hover{background:#dedede;color:#333;text-decoration:none}.casino-board__btn--site{border:1px solid var(--primary);background:var(--primary);color:#fff}.casino-board__btn--site:hover{border-color:#314363;background:#314363;color:#fff;text-decoration:none}
.casino-board__empty-site{opacity:.55;pointer-events:none}

/* Casino category menu, same placement as DLE bookmakers menu */
.casino-categories{background:#fff;border:1px solid var(--soft-border);border-radius:var(--radius);overflow:hidden}.casino-categories__title{padding:14px 15px;border-bottom:1px solid var(--soft-border);font-family:var(--font-head);font-size:17px;font-weight:800;color:#303030}.casino-categories__grid{display:grid;grid-template-columns:repeat(2,1fr);padding:8px}.casino-categories__item{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 10px;color:#333;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:3px}.casino-categories__item:hover{background:#f5f9fd;color:var(--primary);text-decoration:none}.casino-categories__icon{display:grid;place-items:center;width:24px;height:24px;color:var(--primary);font-size:16px}

/* Offers / bonuses */
.bonuses-section,.demo-section,.reviews-section,.articles-section,.news-section{margin-bottom:30px}.offers-wrap{overflow:visible}.offers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.offer-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#08192b;color:#fff;border-radius:var(--radius)}.offer-card__image{height:165px;overflow:hidden;background:#12263c}.offer-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.offer-card:hover .offer-card__image img{transform:scale(1.035)}
.offer-card__content{display:flex;flex:1;flex-direction:column}.offer-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px}.offer-card__brand{display:flex;align-items:center;justify-content:center;min-width:84px;height:34px;padding:0 8px;background:#fff;border:1px solid rgba(255,255,255,.55);color:#152437;border-radius:2px;font-size:12px;font-weight:800}.offer-card__type{color:#c9d8e7;font-size:12px;font-weight:700}.offer-card__body{padding:2px 14px 12px}.offer-card__title{display:block;color:#fff;font-size:15px;font-weight:700;line-height:1.4}.offer-card__title:hover{color:#fff;text-decoration:underline}.offer-card__benefit{margin-top:8px;color:#fff;font-size:16px;font-weight:800}.offer-card__meta{margin-top:7px;color:#aebfd0;font-size:12px}.offer-card__footer{display:flex;gap:8px;align-items:center;margin-top:auto;padding:12px 14px 14px}.promo-chip{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;background:#fff;border:1px dashed #7f96aa;color:#102033;border-radius:3px;font-size:12px;font-weight:800;cursor:pointer;user-select:none}.offer-card__cta{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;margin-left:auto;background:var(--primary);color:#fff;border-radius:3px;font-size:13px;font-weight:700}.offer-card__cta:hover{background:#1565c0;color:#fff;text-decoration:none}

/* Demo games — replaces forecast section */
.demo-tabs{display:flex;align-items:center;gap:7px;margin-bottom:12px;overflow:auto;padding-bottom:1px}.demo-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #e2e5e9;background:#fff;color:#404040;border-radius:3px;font-size:13px;font-weight:700;white-space:nowrap}.demo-tab:hover,.demo-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.demo-tab--all{margin-left:auto}
.demo-scroller{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.demo-card{display:flex;flex-direction:column;min-width:0;height:100%;background:#fff;border:1px solid var(--soft-border);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.demo-card:hover{border-color:#cbdcf0;box-shadow:0 9px 20px rgba(0,0,0,.08)}.demo-card.is-hidden{display:none}.demo-card__media{position:relative;height:155px;background:#e9eef4;overflow:hidden}.demo-card__media img{width:100%;height:100%;object-fit:cover}.demo-card__badge{position:absolute;left:10px;top:10px;padding:4px 7px;background:#fff;color:#1e1e1e;border-radius:2px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.demo-card__body{display:flex;flex-direction:column;flex:1;padding:13px}.demo-card__provider{font-size:11px;color:#777;margin-bottom:5px}.demo-card__title{display:block;color:#292929;font-size:15px;font-weight:750;line-height:1.35;margin-bottom:10px}.demo-card__title:hover{color:var(--primary);text-decoration:none}.demo-card__facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.demo-card__fact{padding:7px 8px;background:#f7f9fb;font-size:11px;color:#777}.demo-card__fact b{display:block;margin-top:2px;color:#222;font-size:12px}.demo-card__play{display:flex;align-items:center;justify-content:center;height:36px;margin-top:10px;background:var(--primary);color:#fff;border-radius:3px;font-size:13px;font-weight:800}.demo-card__play:hover{background:#1565c0;color:#fff;text-decoration:none}

/* Latest reviews */
.reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.review-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--soft-border);background:#fff;border-radius:var(--radius);overflow:hidden}.review-card:nth-child(n+5){display:none}.review-card__media{height:120px;display:flex;align-items:center;justify-content:center;background:#f7f9fb;overflow:hidden}.review-card__media img{max-width:150px;max-height:70px;object-fit:contain}.review-card__media span{font-size:20px;font-weight:800;color:#23364a}.review-card__body{padding:13px}.review-card__title{display:block;color:#242424;font-size:15px;font-weight:800;margin-bottom:7px}.review-card__excerpt{margin:0;color:#6b6b6b;font-size:12px;line-height:1.5}.review-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:0 13px 13px}.review-card__rating{display:flex;align-items:center;gap:5px;font-weight:800;color:#222}.review-card__rating::before{content:"★";color:#ffce00}.review-card__link{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 11px;border:1px solid #ddd;border-radius:3px;color:#292929;font-size:12px;font-weight:700}.review-card__link:hover{background:#eee;color:#222;text-decoration:none}

/* CTA strip */
.portal-cta{margin:0 0 30px;background:#0c2c4b;color:#fff}.portal-cta__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px 25px}.portal-cta__mark{display:grid;place-items:center;width:58px;height:58px;background:#fff;color:#0c2c4b;font-family:var(--font-head);font-weight:900;font-size:19px;border-radius:3px}.portal-cta h3{margin:0 0 4px;color:#fff;font-size:19px}.portal-cta p{margin:0;color:#cbd7e2;font-size:13px}.portal-cta__btn{display:flex;align-items:center;justify-content:center;min-width:190px;height:42px;background:var(--primary);color:#fff;border-radius:3px;font-size:14px;font-weight:800}.portal-cta__btn:hover{background:#fff;color:#102c49;text-decoration:none}

/* Articles and news */
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border:1px solid var(--soft-border);border-radius:var(--radius)}.guide-card__image{height:180px;overflow:hidden;background:#eef2f5}.guide-card__image img{width:100%;height:100%;object-fit:cover}.guide-card__body{display:flex;flex:1;flex-direction:column;padding:15px}.guide-card__title{display:block;color:#262626;font-size:15px;font-weight:750;line-height:1.4;margin-bottom:9px}.guide-card__title:hover{color:var(--primary);text-decoration:none}.guide-card__excerpt{margin:0 0 12px;color:#666;font-size:13px;line-height:1.55}.guide-card__meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;color:#888;font-size:11px}
.news-feed{border-top:1px solid var(--soft-border)}.news-row{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--soft-border)}.news-row:nth-child(n+7){display:none}.news-row__date{color:#8a8a8a;font-size:12px;padding-top:2px}.news-row__title{display:block;margin-bottom:5px;color:#252525;font-size:15px;font-weight:750;line-height:1.4}.news-row__title:hover{color:var(--primary);text-decoration:none}.news-row__excerpt{margin:0;color:#666;font-size:13px;line-height:1.55}

/* Sidebar */
.sidebar-widget{margin-bottom:20px;background:#fff;border:1px solid var(--soft-border);border-radius:var(--radius)}.sidebar-widget:last-child{margin-bottom:0}.widget-title{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--soft-border);font-family:var(--font-head);font-size:17px;font-weight:800;color:#333}.widget-title__icon{color:var(--primary)}.sidebar-menu{list-style:none;padding:15px}.sidebar-menu li{margin-bottom:6px}.sidebar-menu li:last-child{margin-bottom:0}.sidebar-menu a{display:flex;align-items:center;gap:9px;padding:10px 12px;background:rgba(30,136,229,.03);border-radius:var(--radius);color:#333;font-size:13px;font-weight:600}.sidebar-menu a:hover{background:rgba(30,136,229,.1);color:#222;text-decoration:none;transform:translateX(3px)}.sidebar-menu__icon{width:18px;text-align:center;color:var(--primary)}
.sidebar-note{padding:15px;color:#666;font-size:12px;line-height:1.6}.sidebar-note strong{display:block;margin-bottom:5px;color:#2f2f2f;font-size:13px}

/* Category lists */
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-grid--bonuses{grid-template-columns:repeat(3,1fr)}.category-grid--games{grid-template-columns:repeat(4,1fr)}.category-list--news{display:block}.category-list--news .news-row:nth-child(n){display:grid}.category-list--articles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pcms-category-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 20px;padding:14px 16px;background:#fff;border:1px solid #e4e7eb;border-radius:2px}.pcms-category-filters label{display:flex;flex-direction:column;gap:5px;margin:0;color:#555;font-size:12px;font-weight:600}.pcms-category-filters .pcms-filter-label{display:block;color:#555;font-size:12px;font-weight:600}.pcms-category-filters input:not([type="checkbox"]),.pcms-category-filters select{height:40px;min-width:150px;padding:0 11px;border:1px solid #d5d9df;background:#fff;border-radius:2px;color:#222;font-size:14px;outline:none}.pcms-category-filters input:focus,.pcms-category-filters select:focus{border-color:#8bb8e7;box-shadow:0 0 0 2px rgba(30,136,229,.08)}.pcms-category-filters .pcms-filter-check{flex-direction:row;align-items:center;min-height:40px;padding-top:20px;gap:7px}.pcms-category-filters button{height:40px;padding:0 16px;border:0;border-radius:2px;background:var(--primary);color:#fff;font-size:14px;font-weight:700}.pcms-category-filters>a{display:inline-flex;align-items:center;height:40px;color:#6b7280;font-size:13px}.pcms-pagination,.pcms-load-more{margin-top:20px}.pcms-pagination{display:flex;gap:5px;flex-wrap:wrap}.pcms-pagination a,.pcms-pagination span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #ddd;color:#333;border-radius:3px}.pcms-pagination .is-active,.pcms-pagination [aria-current="page"]{background:var(--primary);border-color:var(--primary);color:#fff}.pcms-load-more a,.pcms-load-more button{display:flex;align-items:center;justify-content:center;width:100%;height:42px;background:#f7f9fb;border:1px solid #e3e7eb;color:#333;font-weight:700;border-radius:3px}
.child-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.child-category{display:block;padding:12px;border:1px solid #e7eaee;background:#fff;color:#333;border-radius:3px}.child-category strong{display:block;font-size:14px}.child-category span{display:block;margin-top:4px;color:#777;font-size:11px}.child-category:hover{border-color:#c5d9ee;color:var(--primary);text-decoration:none}

/* Full review */
.review-shell{display:flex;gap:20px}.review-main{flex:1;min-width:0}.review-hero{margin-bottom:20px;background:#fff;border:1px solid var(--soft-border);border-radius:var(--radius);overflow:hidden}.review-hero__top{display:grid;grid-template-columns:145px minmax(0,1fr) minmax(220px,.8fr) auto;gap:18px;align-items:center;padding:18px}.review-hero__logo{display:flex;align-items:center;justify-content:center;height:86px;background:#f8f9fa;border:1px solid #eef0f3}.review-hero__logo img{max-width:120px;max-height:58px;object-fit:contain}.review-hero__logo span{font-size:20px;font-weight:900;color:#24374b}.review-hero__title h1{font-size:24px;margin:0 0 6px}.review-score{display:flex;align-items:center;gap:7px}.review-score__star{color:#ffce00;font-size:18px}.review-score strong{font-size:18px;color:#222}.review-score span{font-size:12px;color:#777}.review-hero__bonus{border-left:1px solid #eee;padding-left:18px}.review-hero__bonus small{display:block;color:#777;font-size:11px;margin-bottom:4px}.review-hero__bonus strong{display:block;font-size:16px;color:#222}.review-hero__actions{display:flex;flex-direction:column;gap:7px;min-width:130px}.review-hero__cta{display:flex;align-items:center;justify-content:center;height:40px;background:var(--primary);color:#fff;border-radius:3px;font-size:13px;font-weight:900}.review-hero__cta:hover{background:#314363;color:#fff;text-decoration:none}.review-hero__outline{display:flex;align-items:center;justify-content:center;height:36px;border:1px solid #ddd;color:#333;border-radius:3px;font-size:12px;font-weight:700}.review-hero__outline:hover{background:#eee;color:#222;text-decoration:none}.review-promo{display:flex;align-items:center;gap:8px;padding:0 18px 16px}.review-promo__label{font-size:12px;color:#777}
.review-lead{font-size:15px;color:#555}.facts-grid{display:grid;grid-template-columns:repeat(2,1fr);margin:0 0 22px;border:1px solid #e9edf1;border-bottom:0}.fact-row{display:grid;grid-template-columns:minmax(125px,.9fr) 1.1fr;gap:12px;align-items:center;min-height:48px;padding:10px 13px;border-bottom:1px solid #e9edf1}.fact-row:nth-child(odd){border-right:1px solid #e9edf1}.fact-row__name{display:flex;align-items:center;gap:8px;color:#6c6c6c;font-size:12px}.fact-row__icon{color:var(--primary)}.fact-row__value{color:#222;font-size:13px;font-weight:700;word-break:break-word}
.toc-box{margin:0 0 22px;border:1px solid #e5e9ed;border-radius:var(--radius);background:#f9fafb}.toc-box__head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e8ebef}.toc-box__title{margin:0;color:var(--dark);font-family:var(--font-head);font-size:15px;font-weight:750;line-height:1.3}.toc-box__toggle{border:0;background:transparent;color:#555}.toc-box__body{padding:10px 14px 12px}.toc-box__body ol{margin:0;padding-left:20px}.toc-box__body li{margin:6px 0;font-size:13px}.toc-box__body a{color:#3d536a}.toc-box.is-collapsed .toc-box__body{display:none}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}.pros-box,.cons-box{border:1px solid #e6eaed;padding:15px;border-radius:var(--radius)}.pros-box h3,.cons-box h3{font-size:15px;margin:0 0 10px}.pros-box h3{color:#177f50}.cons-box h3{color:#b64a41}.pros-box ul,.cons-box ul{list-style:none;margin:0;padding:0}.pros-box li,.cons-box li{position:relative;padding:7px 0 7px 22px;border-bottom:1px solid #f0f2f4;font-size:13px}.pros-box li:last-child,.cons-box li:last-child{border-bottom:0}.pros-box li::before{content:"✓";position:absolute;left:0;color:#1f9d61;font-weight:900}.cons-box li::before{content:"×";position:absolute;left:1px;color:#d85a50;font-weight:900}
.article-body{font-size:15px;line-height:1.72;color:#414141}.article-body h2{margin:1.55em 0 .65em;font-size:23px}.article-body h3{margin:1.35em 0 .55em;font-size:19px}.article-body p{font-size:15px;line-height:1.72}.article-body ul,.article-body ol{margin:0 0 20px 24px}.article-body li{margin-bottom:7px}.article-body img{display:block;margin:18px auto}.article-body table{width:100%;border-collapse:collapse;margin:18px 0;display:block;overflow:auto}.article-body th,.article-body td{padding:11px 12px;border:1px solid #e3e7eb;text-align:left}.article-body th{background:#f6f8fa;color:#333}.article-body blockquote{margin:20px 0;padding:14px 18px;border-left:3px solid var(--primary);background:#f6f9fc;color:#535353}
.related-block{margin-top:25px}.related-block h2{font-size:20px}.related-items{display:grid;gap:12px}.related-items.pcms-material-collection--casino{display:block;counter-reset:casnum;margin:0 auto;padding:10px;background:#f8f9fa;border-radius:var(--radius)}.related-items.pcms-material-collection--bonus{grid-template-columns:repeat(3,1fr)}.related-items.pcms-material-collection--game{grid-template-columns:repeat(4,1fr)}.related-items.pcms-material-collection--article{grid-template-columns:repeat(3,1fr)}.related-items.pcms-material-collection--news{display:block;border-top:1px solid var(--soft-border)}.related-items.pcms-material-collection--news .news-row:nth-child(n){display:grid}.related-items.pcms-material-collection--generic{grid-template-columns:repeat(2,1fr)}

/* Full bonus */
.offer-hero{margin-bottom:20px;padding:20px;background:#08192b;color:#fff;border-radius:var(--radius)}.offer-hero__eyebrow{color:#9cb1c4;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.offer-hero h1{margin:6px 0 8px;color:#fff}.offer-hero__benefit{font-size:22px;font-weight:900}.offer-hero__actions{display:flex;gap:8px;align-items:center;margin-top:14px}.offer-hero__cta{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;background:var(--primary);color:#fff;border-radius:3px;font-weight:800}.offer-hero__cta:hover{background:#1565c0;color:#fff}.offer-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.offer-fact{padding:12px;background:#f7f9fb;border:1px solid #ebeff3;font-size:12px;color:#777}.offer-fact b{display:block;margin-top:4px;color:#222;font-size:14px}

/* Full game */
.game-head{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;margin-bottom:22px}.game-head__image{height:250px;background:#eef2f5;border:1px solid #e7eaed;overflow:hidden}.game-head__image img{width:100%;height:100%;object-fit:cover}.game-head__info{padding:3px 0}.game-head__info h1{margin-bottom:10px}.game-head__provider{color:#777;font-size:13px;margin-bottom:14px}.game-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.game-stat{padding:11px 12px;border:1px solid #e8ebef;background:#f9fafb;color:#777;font-size:11px}.game-stat b{display:block;margin-top:3px;color:#222;font-size:14px}.game-play{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:42px;margin-top:13px;background:var(--primary);color:#fff;border-radius:3px;font-weight:800}.game-play:hover{background:#1565c0;color:#fff;text-decoration:none}

/* Articles / pages */
.article-layout{display:flex;gap:20px}.article-main{flex:1;min-width:0}.article-head{margin-bottom:20px}.article-head__meta{display:flex;flex-wrap:wrap;gap:10px;color:#7d7d7d;font-size:12px;margin-top:-4px}.article-cover{height:370px;margin-bottom:20px;background:#eef2f5;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.news-label{display:inline-block;margin-bottom:8px;color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}

/* Search */
.search-head{margin-bottom:20px}.search-form-page{display:flex;gap:7px;max-width:700px}.search-form-page input{flex:1;height:42px;padding:0 13px;border:1px solid #d9dde2;border-radius:3px}.search-form-page button{height:42px;padding:0 18px;border:0;background:var(--primary);color:#fff;border-radius:3px;font-weight:800}.search-zone{margin-bottom:26px}.search-zone__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.search-zone__head h2{margin:0;font-size:21px}.search-zone__head span{color:#888;font-size:12px}.search-zone__all{font-size:12px;font-weight:700}.search-zone__items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.search-zone__items>.casino-board__item{grid-column:1/-1}.search-zone__items>.news-row{grid-column:1/-1}

/* Generic cards */
.generic-card{padding:15px;border:1px solid var(--soft-border);background:#fff;border-radius:var(--radius)}.generic-card h3{font-size:16px;margin:0 0 6px}.generic-card p{margin:0;color:#666;font-size:13px}
.category-card{display:block;padding:14px;border:1px solid #e5e9ed;background:#fff;color:#333;border-radius:3px}.category-card strong{display:block;margin-bottom:5px;font-size:15px}.category-card span{display:block;color:#777;font-size:12px}.category-card:hover{border-color:#bfd6ed;text-decoration:none}

/* Footer */
.site-footer{background:var(--footer);color:#fff;padding:40px 0 15px}.site-footer__top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px}.footer-about{max-width:290px}.footer-logo{display:flex;align-items:center;color:#fff;margin-bottom:14px}.footer-logo .site-logo__mark{background:#fff;color:#0b2136}.footer-logo .site-logo__text{color:#fff}.footer-about p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.65}.footer-menu{display:flex;gap:30px;flex-wrap:wrap}.footer-menu__col{min-width:145px}.footer-menu__col h4{margin:0 0 13px;color:#fff;font-size:15px}.footer-menu__col ul{list-style:none}.footer-menu__col li{margin-bottom:8px}.footer-menu__col a{color:rgba(255,255,255,.7);font-size:13px}.footer-menu__col a:hover{color:#fff;text-decoration:none;padding-left:3px}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.52);font-size:12px}.footer-badges{display:flex;align-items:center;gap:8px}.footer-badge{display:grid;place-items:center;min-width:32px;height:26px;padding:0 8px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:800;border-radius:2px}

/* Mobile drawer and bottom navigation */
.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:1190;opacity:0;transition:opacity .2s}.mobile-menu-overlay.is-open{display:block;opacity:1}.mobile-menu{position:fixed;top:0;right:-100%;width:min(420px,100%);height:100dvh;background:#fff;z-index:1200;display:flex;flex-direction:column;box-shadow:-4px 0 20px rgba(0,0,0,.14);transition:right .23s ease}.mobile-menu.is-open{right:0}.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--border)}.mobile-menu__close{width:40px;height:40px;border:0;background:#fff;font-size:27px;color:#222}.mobile-menu__content{flex:1;overflow:auto}.mobile-menu__list{list-style:none}.mobile-menu__list>li{border-bottom:1px solid var(--border)}.mobile-menu__list a,.mobile-menu__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 20px;border:0;background:#fff;color:#222;text-align:left;font-size:14px;font-weight:700}.mobile-menu__list a:hover,.mobile-menu__toggle:hover{background:#f7f9fb;text-decoration:none}.mobile-menu__sub{display:none;list-style:none;background:#f8f8f8}.mobile-menu__sub.is-open{display:block}.mobile-menu__sub a{padding:12px 20px 12px 31px;font-weight:500;font-size:13px;background:#f8f8f8}.mobile-menu__foot{padding:15px;border-top:1px solid var(--border)}.mobile-menu__search{display:flex}.mobile-menu__search input{flex:1;height:42px;padding:0 12px;border:1px solid var(--border);border-right:0;border-radius:3px 0 0 3px}.mobile-menu__search button{width:44px;border:0;background:var(--primary);color:#fff;border-radius:0 3px 3px 0}
.mobile-bottom-nav{display:none}

/* Responsive */
@media(max-width:1200px){
  .content-with-sidebar,.review-shell,.article-layout{flex-direction:column}.sidebar{width:100%;flex-basis:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sidebar_sticky{position:static}.offers-grid,.demo-scroller{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:repeat(2,1fr)}.articles-grid,.category-list--articles{grid-template-columns:repeat(2,1fr)}.category-grid--games{grid-template-columns:repeat(3,1fr)}
  .review-hero__top{grid-template-columns:130px 1fr 1fr}.review-hero__actions{grid-column:2/4;display:grid;grid-template-columns:1fr 1fr}.review-promo{padding-left:166px}
}
@media(max-width:768px){
  body{font-size:15px;padding-bottom:62px}.container{padding:0 12px}.site-header__top{padding:12px 0;border-bottom:0}.site-logo{min-width:0}.site-logo__text{font-size:17px}.header-search,.site-header__tools,.main-menu{display:none}.mobile-menu-btn{display:flex;margin-left:auto}.main-content{padding:18px 0 30px}.section-title{font-size:21px}.section-more{font-size:12px}.content-with-sidebar{gap:16px}.sidebar{display:block}.sidebar-widget{margin-bottom:14px}.casino-rating{padding:8px}.casino-board__item{padding:10px 0 11px;margin-bottom:12px;border:1px solid #eef1f4;border-radius:4px}.casino-board__item:last-child{margin-bottom:0;border:1px solid #eef1f4;border-radius:4px}.casino-board__row{flex-wrap:wrap}.casino-board__rank{margin:0 12px 9px 11px}.casino-board__logo{width:115px;margin:0 0 9px}.casino-board__rating{margin:0 19px 9px auto}.casino-board__name{display:none}.casino-board__bonus{width:100%;margin:0;padding:10px 12px 12px;align-items:center;text-align:center;border-top:1px solid #f1f2f4}.casino-board__bonus-label{font-size:12px}.casino-board__bonus strong{font-size:16px}.casino-board__apps{display:none}.casino-board__actions{width:100%;padding:0 12px}.casino-board__btn{width:calc(50% - 4px);height:39px}.casino-categories__grid{grid-template-columns:repeat(3,1fr)}
  .offers-wrap{overflow:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.offers-wrap::-webkit-scrollbar{display:none}.offers-grid{display:flex;gap:12px}.offer-card{flex:0 0 280px;scroll-snap-align:start}.demo-scroller{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:0 12px 5px}.demo-scroller::-webkit-scrollbar{display:none}.demo-card{flex:0 0 275px;scroll-snap-align:start}.demo-tab--all{margin-left:0}.reviews-grid{grid-template-columns:repeat(2,1fr)}.review-card:nth-child(n+5){display:none}.articles-grid,.category-list--articles{grid-template-columns:1fr}.category-grid,.category-grid--bonuses{grid-template-columns:1fr}.category-grid--games{grid-template-columns:repeat(2,1fr)}.news-row{grid-template-columns:80px 1fr}.portal-cta__inner{grid-template-columns:auto 1fr;padding:18px}.portal-cta__btn{grid-column:1/-1;width:100%}.facts-grid{grid-template-columns:1fr}.fact-row:nth-child(odd){border-right:0}.review-hero__top{display:flex;flex-wrap:wrap;gap:12px;padding:14px}.review-hero__logo{width:105px;height:70px}.review-hero__title{flex:1}.review-hero__title h1{font-size:21px}.review-hero__bonus{width:100%;padding:11px 0 0;border-left:0;border-top:1px solid #eee}.review-hero__actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.review-promo{padding:0 14px 14px}.pros-cons{grid-template-columns:1fr}.game-head{grid-template-columns:1fr}.game-head__image{height:230px}.offer-facts{grid-template-columns:1fr}.article-cover{height:250px}.related-items.pcms-material-collection--bonus,.related-items.pcms-material-collection--article,.related-items.pcms-material-collection--generic{grid-template-columns:1fr}.related-items.pcms-material-collection--game{grid-template-columns:repeat(2,1fr)}.child-categories{grid-template-columns:repeat(2,1fr)}.search-zone__items{grid-template-columns:1fr}
  .mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:58px;background:#fff;border-top:1px solid #e3e3e3;z-index:1050;box-shadow:0 -3px 12px rgba(0,0,0,.06)}.mobile-bottom-nav a,.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:#fff;color:#444;font-size:10px;font-weight:700;text-decoration:none}.mobile-bottom-nav a:hover,.mobile-bottom-nav button:hover{color:var(--primary);text-decoration:none}.mobile-bottom-nav__icon{font-size:18px;line-height:1}.mobile-bottom-nav__menu{color:var(--primary)!important}
  .site-footer{padding-bottom:25px}.site-footer__top{display:block}.footer-about{max-width:none;margin-bottom:25px}.footer-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.site-footer__bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){
  h1{font-size:23px}h2{font-size:21px}.container{padding:0 10px}.site-logo__mark{width:29px;height:29px}.site-logo__sub{display:none}.casino-categories__grid{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr}.review-card:nth-child(n+4){display:none}.category-grid--games{grid-template-columns:1fr}.related-items.pcms-material-collection--game{grid-template-columns:1fr}.news-row{grid-template-columns:1fr;gap:4px}.news-row__date{font-size:11px}.portal-cta__mark{display:none}.portal-cta__inner{display:block}.portal-cta__btn{margin-top:13px}.game-stats{grid-template-columns:1fr}.child-categories{grid-template-columns:1fr}.footer-menu{grid-template-columns:1fr 1fr}.article-cover{height:210px}.review-hero__logo{width:88px}.review-hero__actions{grid-template-columns:1fr}.review-score strong{font-size:17px}
}

/* Live material collections — same visual grammar as category listings. */
.pcms-material-collection--casino{display:block;counter-reset:casnum;margin:20px 0;padding:10px;background:#f8f9fa;border-radius:var(--radius)}
.pcms-material-collection--bonus{grid-template-columns:repeat(3,minmax(0,1fr))}
.pcms-material-collection--game{grid-template-columns:repeat(4,minmax(0,1fr))}
.pcms-material-collection--article{grid-template-columns:repeat(3,minmax(0,1fr))}
.pcms-material-collection--news{display:block;border-top:1px solid var(--soft-border)}
.pcms-material-collection--news .news-row:nth-child(n){display:grid}
.pcms-material-collection--mixed{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
@media(max-width:980px){
  .pcms-material-collection--bonus,.pcms-material-collection--article{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcms-material-collection--game{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .pcms-material-collection--bonus,.pcms-material-collection--article,.pcms-material-collection--mixed{grid-template-columns:1fr}
  .pcms-material-collection--game{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .pcms-material-collection--game{grid-template-columns:1fr}
}

/* PartnerCMS 2.5 tags */
.portal-tags{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap;margin:22px 0;padding-top:14px;border-top:1px solid var(--soft-border)}.portal-tags>span{padding-top:4px;color:#777;font-size:12px;font-weight:700}.portal-tags .pcms-content-tags{display:flex;flex-wrap:wrap;gap:6px}.portal-tags .pcms-content-tag{display:inline-flex;padding:4px 8px;border:1px solid #dfe5eb;border-radius:2px;background:#fff;color:#4a5561;font-size:12px;text-decoration:none}.portal-tags .pcms-content-tag:hover{border-color:#9fc5ec;color:var(--primary);text-decoration:none}.tag-page-head small{display:block;margin-top:7px;color:#7c858f;font-size:12px}.tag-results{margin-top:18px}.tag-results.pcms-material-collection--casino{padding:8px;background:#f8f9fa}.tag-description{margin-top:24px;padding-top:20px;border-top:1px solid var(--soft-border)}

/* ========================================================================
   1.1.0 — compact editorial refresh inspired by dense gambling portals.
   No third-party fonts/assets are bundled; system fonts only.
   ======================================================================== */
:root{
  --primary:#2b79bd;
  --primary-dark:#1d5f96;
  --accent:#f0a000;
  --light:#f6f7f8;
  --dark:#202428;
  --text:#444a50;
  --muted:#7a8086;
  --border:#dfe3e6;
  --soft-border:#e9ecef;
  --footer:#17202a;
  --radius:2px;
  --shadow:0 1px 3px rgba(20,30,40,.06);
  --font:Arial,"Segoe UI",sans-serif;
  --font-head:Arial,"Segoe UI",sans-serif;
}
body{font-size:14px;line-height:1.5;background:#f6f7f8;color:var(--text)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);font-weight:700;letter-spacing:0}
h1{font-size:25px}h2{font-size:21px}h3{font-size:17px}h4{font-size:15px}
p{font-size:14px;line-height:1.62;margin-bottom:1em}
.container{max-width:1180px;padding:0 14px}
.main-content{padding:22px 0 34px}

/* Compact desktop header */
.site-header{position:sticky;top:0;background:#fff;box-shadow:none;border-bottom:1px solid #d9dde1}
.site-header__top{min-height:64px;padding:9px 0;border-bottom:1px solid #edf0f2}
.site-logo{min-width:180px}
.site-logo__mark{width:30px;height:30px;margin-right:8px;border-radius:2px;font-size:15px}
.site-logo__text{font-size:17px;font-weight:800}
.site-logo__sub{margin-top:3px;font-size:8px;letter-spacing:.11em}
.header-search{max-width:430px;margin:0 24px}
.header-search input{height:38px;padding:0 42px 0 13px;border-color:#d9dde1;border-radius:2px;font-size:13px;background:#fbfcfd}
.header-search input:focus{background:#fff;box-shadow:0 0 0 2px rgba(43,121,189,.1)}
.header-search button{right:2px;top:2px;width:34px;height:34px;font-size:17px}
.search-suggest{top:42px;border-radius:0;box-shadow:0 8px 18px rgba(0,0,0,.11)}
.site-header__tools{min-width:auto;gap:9px}
.header-socials__label{font-size:11px;color:#858b91;white-space:nowrap}
.header-socials{display:flex;align-items:center;gap:5px}
.header-socials__item{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce1e5;background:#fff;color:#4b535a;font-size:10px;font-weight:800;text-decoration:none}
.header-socials__item:hover{border-color:var(--primary);background:var(--primary);color:#fff;text-decoration:none}
.main-menu{padding:0}
.main-menu>ul{gap:0;min-height:39px}
.main-menu li>a,.main-menu li>button{height:39px;padding:0 12px;border-radius:0;font-size:12px;font-weight:700;letter-spacing:.015em}
.main-menu li>a:hover,.main-menu li>button:hover{background:#f3f6f8;color:var(--primary)}
.main-menu__dropdown{min-width:225px;padding:5px 0!important;border-radius:0;border-color:#dde2e5;box-shadow:0 8px 18px rgba(0,0,0,.1)}
.main-menu__dropdown li a{height:auto!important;padding:8px 13px!important;font-size:12px!important}

/* Section rhythm */
.home-rating-section,.compact-section,.home-editorial-grid,.home-content{margin-bottom:22px}
.section-heading{margin-bottom:10px}
.section-heading--line{padding-bottom:7px;border-bottom:2px solid #2f3439}
.section-title{font-size:19px;font-weight:700;letter-spacing:0}
.section-kicker{margin-bottom:2px;color:#8a9096;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.section-more{padding:0;border:0;background:transparent;border-radius:0;color:#6d747b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.section-more:hover{background:transparent;color:var(--primary)}
.breadcrumbs,.pcms-breadcrumbs{margin-bottom:14px;font-size:12px}
.category-head{margin-bottom:13px}.category-head h1{margin-bottom:6px}.category-head p{font-size:13px;line-height:1.55}
.category-head--compact{padding-bottom:10px;border-bottom:1px solid #e0e4e7}
.content-area--wide{width:100%}

/* Compact category strip instead of bulky category cards */
.casino-filter-strip{display:flex;align-items:center;gap:0;margin:0 0 10px;overflow-x:auto;border:1px solid #dfe3e6;background:#fff;scrollbar-width:thin}
.casino-filter-strip a{flex:0 0 auto;padding:8px 11px;border-right:1px solid #e6e9eb;color:#4f565c;font-size:12px;font-weight:700;white-space:nowrap}
.casino-filter-strip a:last-child{border-right:0}
.casino-filter-strip a:hover{background:#f4f7f9;color:var(--primary);text-decoration:none}

/* Casino rating: table grammar, without No-deposit / Devices columns */
.casino-table-head{display:grid;grid-template-columns:34px minmax(210px,1.2fr) 96px minmax(170px,.9fr) 174px;align-items:center;min-height:35px;padding:0 10px;border:1px solid #dfe3e6;border-bottom:0;background:#f0f2f3;color:#676e75;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.casino-table-head span:first-child{text-align:center}
.casino-table-head span:nth-child(3){text-align:center}
.casino-table-head span:nth-child(4){text-align:right;padding-right:10px}
.casino-rating{counter-reset:casnum;margin:0;padding:0;background:#fff;border:1px solid #dfe3e6;border-radius:0}
.casino-board__item{min-height:62px;padding:0 10px;border-bottom:1px solid #e5e8ea;border-radius:0!important;background:#fff}
.casino-board__item:hover{background:#fbfcfd}
.casino-board__row{display:grid;grid-template-columns:34px minmax(210px,1.2fr) 96px minmax(170px,.9fr) 174px;align-items:center;width:100%;min-height:61px}
.casino-board__rank{display:grid;place-items:center;min-width:0;width:34px;height:auto;margin:0;padding:0;border:0;color:#92989e;font-size:13px;font-weight:700}
.casino-board__identity{display:flex;align-items:center;min-width:0;gap:10px;padding:7px 8px}
.casino-board__logo{width:88px;height:34px;margin:0;display:flex;align-items:center;justify-content:flex-start;flex:0 0 88px;overflow:hidden}
.casino-board__logo img{max-width:84px;max-height:31px;object-fit:contain}
.casino-board__logo-fallback{width:84px;height:30px;font-size:10px}
.casino-board__name{display:block;min-width:0;color:#262a2e;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.casino-board__name:hover{color:var(--primary);text-decoration:none}
.casino-board__rating{display:flex;align-items:center;justify-content:center;margin:0}
.casino-board__rating-box{min-width:0}
.casino-board__rating-value{justify-content:center;font-size:14px;font-weight:700}
.casino-board__star{width:15px;height:15px;margin-right:4px}
.casino-board__bonus{display:flex;align-items:flex-end;justify-content:center;margin:0;padding:0 10px;text-align:right}
.casino-board__bonus strong{font-size:13px;line-height:1.25;font-weight:700;color:#34393e}
.casino-board__apps,.casino-board__label,.casino-board__bonus-label{display:none!important}
.casino-board__actions{display:flex;justify-content:flex-end;gap:6px;padding-left:8px}
.casino-board__btn{width:78px;height:31px;border-radius:2px;font-size:11px;font-weight:700}
.casino-board__btn--review{border:1px solid #d5dade;background:#fff;color:#4e555c}
.casino-board__btn--review:hover{background:#eef1f3;color:#333}
.casino-board__btn--site{border-color:var(--primary);background:var(--primary);color:#fff}
.casino-board__btn--site:hover{border-color:var(--primary-dark);background:var(--primary-dark)}

/* Bonus cards: less banner-like, more directory-like */
.offers-grid{gap:8px}
.offers-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.offer-card{border:1px solid #dfe4e7;border-radius:2px;background:#fff;color:#333;box-shadow:none}
.offer-card__image{height:92px;background:#f1f3f5;border-bottom:1px solid #e7eaec}
.offer-card__top{padding:8px 10px 4px}
.offer-card__brand{min-width:0;height:auto;padding:0;border:0;background:transparent;color:#737a81;font-size:10px;text-transform:uppercase}
.offer-card__type{font-size:10px;color:#8b9298}
.offer-card__body{padding:3px 10px 7px}
.offer-card__title{color:#252a2e;font-size:13px;line-height:1.35}
.offer-card__title:hover{color:var(--primary);text-decoration:none}
.offer-card__benefit{margin-top:5px;color:#22272b;font-size:15px}
.offer-card__meta{margin-top:4px;color:#858c92;font-size:10px}
.offer-card__footer{padding:7px 10px 9px;border-top:1px solid #edf0f2}
.promo-chip{min-height:29px;padding:0 7px;border-color:#b5bec5;border-radius:2px;font-size:10px}
.offer-card__cta{min-height:29px;padding:0 10px;border-radius:2px;font-size:11px}

/* Demo games: small catalog cards similar to dense slot directories */
.demo-tabs{gap:4px;margin-bottom:8px}
.demo-tab{padding:5px 9px;border-radius:2px;font-size:11px}
.demo-scroller{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.demo-card{border-color:#dfe4e7;border-radius:2px;box-shadow:none}
.demo-card:hover{border-color:#b9cbd9;box-shadow:none}
.demo-card__media{height:108px}
.demo-card__badge{left:6px;top:6px;padding:2px 5px;border-radius:1px;font-size:8px}
.demo-card__body{padding:8px}
.demo-card__provider{margin-bottom:2px;font-size:9px}
.demo-card__title{margin-bottom:6px;font-size:12px;line-height:1.3}
.demo-card__facts{gap:4px}.demo-card__fact{padding:4px 5px;font-size:9px}.demo-card__fact b{font-size:10px}
.demo-card__play{height:28px;margin-top:6px;border-radius:2px;font-size:10px}
.home-demo-compact .demo-card__facts{display:none}

/* Editorial columns */
.home-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.home-editorial-grid .compact-section{margin-bottom:0}
.articles-grid--compact{grid-template-columns:1fr;gap:0;border-top:1px solid #e2e6e8}
.articles-grid--compact .guide-card{display:grid;grid-template-columns:112px 1fr;min-height:88px;border:0;border-bottom:1px solid #e2e6e8;border-radius:0;background:transparent}
.articles-grid--compact .guide-card__image{height:87px}
.articles-grid--compact .guide-card__body{padding:9px 10px}
.articles-grid--compact .guide-card__title{margin-bottom:4px;font-size:13px}
.articles-grid--compact .guide-card__excerpt{display:none}
.articles-grid--compact .guide-card__meta{font-size:9px}
.news-feed--compact .news-row{grid-template-columns:74px 1fr;gap:9px;padding:9px 0}
.news-feed--compact .news-row__date{font-size:10px}
.news-feed--compact .news-row__title{margin-bottom:2px;font-size:13px;line-height:1.32}
.news-feed--compact .news-row__excerpt{font-size:11px;line-height:1.45}

/* Generic cards and body surfaces */
.generic-card{padding:13px;border-radius:0;background:#fff}
.article-body{font-size:14px;line-height:1.68;color:#43494f}
.article-body h2{font-size:21px}.article-body h3{font-size:17px}.article-body p{font-size:14px;line-height:1.68}
.article-body--spaced,.home-content{padding:18px 20px;background:#fff;border:1px solid #e0e4e7}

/* Sidebar remains available on inner pages, but reduced to a compact list. */
.content-with-sidebar{gap:16px;margin-bottom:22px}
.sidebar{width:260px;flex:0 0 260px}
.sidebar_sticky{top:112px}
.sidebar-widget{margin-bottom:12px;border-radius:2px}
.widget-title{padding:10px 11px;font-size:14px}
.sidebar-menu{padding:7px}
.sidebar-menu li{margin-bottom:2px}
.sidebar-menu a{padding:7px 8px;border-radius:1px;font-size:11px;background:#fafbfc}
.sidebar-note{padding:11px;font-size:11px;line-height:1.5}
.casino-categories{border-radius:2px}.casino-categories__title{padding:10px 11px;font-size:14px}.casino-categories__grid{padding:5px}.casino-categories__item{min-height:38px;padding:6px 7px;font-size:11px}.casino-categories__icon{width:19px;height:19px;font-size:12px}

/* Review pages become flatter and denser without changing functionality. */
.review-hero{border-radius:2px;box-shadow:none}
.review-hero__top{padding:14px}
.review-hero__logo{height:78px}
.review-hero__title h1{font-size:23px}
.review-hero__cta,.review-hero__outline{height:36px;border-radius:2px;font-size:12px}
.facts-grid{border-radius:2px}
.fact-row{min-height:42px;padding:8px 10px}
.toc-box{border-radius:2px}

/* Footer density */
.site-footer{padding:28px 0 12px}
.site-footer__top{margin-bottom:20px}
.footer-about p,.footer-menu__col a{font-size:11px}
.footer-menu__col h4{font-size:13px}
.site-footer__bottom{font-size:10px}

/* Mobile drawer stays as the established PartnerCMS pattern. */
.mobile-socials{display:flex;gap:6px;margin-bottom:10px}
.mobile-socials a{flex:1;display:flex;align-items:center;justify-content:center;height:34px;border:1px solid #dfe3e6;color:#4a5157;font-size:11px;font-weight:700}
.mobile-socials a:hover{background:#f4f7f9;color:var(--primary);text-decoration:none}
.mobile-menu__head{padding:11px 13px}
.mobile-menu__list a,.mobile-menu__toggle{padding:12px 16px;font-size:12px}
.mobile-menu__sub a{padding:10px 16px 10px 26px;font-size:11px}
.mobile-menu__foot{padding:11px 13px}
.mobile-menu__search input{height:38px;border-radius:2px 0 0 2px;font-size:12px}
.mobile-menu__search button{height:38px;border-radius:0 2px 2px 0}

/* Live collections follow the same compact rating grammar. */
.pcms-material-collection--casino{margin:14px 0;padding:0;border:1px solid #dfe3e6;border-radius:0;background:#fff}

@media(max-width:1100px){
  .container{max-width:960px}
  .header-socials__label{display:none}
  .main-menu li>a,.main-menu li>button{padding:0 9px;font-size:11px}
  .casino-table-head,.casino-board__row{grid-template-columns:32px minmax(190px,1.2fr) 82px minmax(150px,.9fr) 150px}
  .casino-board__identity{gap:7px}.casino-board__logo{width:74px;flex-basis:74px}.casino-board__logo img{max-width:70px}
  .casino-board__actions{gap:4px}.casino-board__btn{width:70px}
  .offers-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .demo-scroller{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:768px){
  body{font-size:14px;padding-bottom:58px;background:#fff}
  .container{padding:0 10px}
  .site-header__top{min-height:52px;padding:7px 0;border-bottom:0}
  .site-logo__mark{width:28px;height:28px}.site-logo__text{font-size:16px}
  .main-content{padding:14px 0 24px}
  .section-heading--line{padding-bottom:6px}.section-title{font-size:18px}.section-more{font-size:10px}
  .casino-filter-strip{margin-bottom:8px}
  .casino-filter-strip a{padding:7px 9px;font-size:11px}
  .casino-table-head{display:none}
  .casino-rating{border:0;background:transparent}
  .casino-board__item{margin-bottom:7px;padding:0;border:1px solid #dfe3e6!important;border-radius:2px!important;background:#fff}
  .casino-board__row{display:grid;grid-template-columns:32px minmax(0,1fr) 68px;min-height:0;padding:8px 8px 7px}
  .casino-board__rank{grid-column:1;grid-row:1;width:32px;font-size:12px}
  .casino-board__identity{grid-column:2;grid-row:1;padding:0 6px;gap:7px}
  .casino-board__logo{width:70px;flex-basis:70px;height:31px}.casino-board__logo img{max-width:67px;max-height:29px}
  .casino-board__name{font-size:12px}
  .casino-board__rating{grid-column:3;grid-row:1}
  .casino-board__bonus{grid-column:1/-1;grid-row:2;align-items:flex-start;padding:8px 4px 7px;margin-top:7px;border-top:1px solid #edf0f2;text-align:left}
  .casino-board__bonus::before{content:"Прив. бонус";margin-right:7px;color:#8a9096;font-size:10px;font-weight:400}
  .casino-board__bonus strong{font-size:12px}
  .casino-board__actions{grid-column:1/-1;grid-row:3;padding:0 4px;gap:6px}
  .casino-board__btn{width:auto;flex:1;height:32px;font-size:11px}
  .offers-grid--compact{grid-template-columns:1fr 1fr;gap:7px}
  .offers-wrap{overflow:visible;margin:0;padding:0}
  .offers-grid{display:grid}.offer-card{flex:auto}
  .offer-card__image{height:78px}
  .demo-scroller{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;overflow:visible;margin:0;padding:0}
  .demo-card{flex:auto}.demo-card__media{height:92px}.demo-card__body{padding:7px}.demo-card__title{font-size:11px}
  .home-editorial-grid{grid-template-columns:1fr;gap:18px}
  .articles-grid--compact .guide-card{grid-template-columns:96px 1fr}
  .articles-grid--compact .guide-card__image{height:78px}
  .news-feed--compact .news-row{grid-template-columns:68px 1fr}
  .article-body--spaced,.home-content{padding:14px;border-left:0;border-right:0}
  .mobile-bottom-nav{height:54px}
  .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:9px}
  .mobile-bottom-nav__icon{font-size:16px}
}

@media(max-width:520px){
  h1{font-size:21px}h2{font-size:19px}
  .home-rating-section,.compact-section,.home-editorial-grid,.home-content{margin-bottom:18px}
  .section-title{font-size:17px}
  .casino-board__row{grid-template-columns:28px minmax(0,1fr) 58px;padding:7px 6px}
  .casino-board__rank{width:28px}
  .casino-board__identity{padding-left:3px}.casino-board__logo{width:58px;flex-basis:58px}.casino-board__logo img{max-width:56px}
  .casino-board__name{font-size:11px}
  .casino-board__rating-value{font-size:12px}.casino-board__star{width:13px;height:13px}
  .offers-grid--compact{grid-template-columns:1fr}
  .offer-card__image{display:none}
  .demo-scroller{grid-template-columns:repeat(2,1fr)}
  .demo-card__media{height:96px}
  .articles-grid--compact .guide-card{grid-template-columns:82px 1fr}
  .articles-grid--compact .guide-card__image{height:70px}
  .news-feed--compact .news-row{grid-template-columns:1fr;gap:2px}.news-row__date{font-size:9px}
}
.home-intro{max-width:900px;margin:0 0 18px}.home-intro h1{margin:0 0 6px}.home-intro p{margin:0;color:#646b71;font-size:13px;line-height:1.55}
@media(max-width:768px){.home-intro{margin-bottom:14px}.home-intro p{font-size:12px}}

/* ========================================================================
   Casino Review Portal 1.2.0 — supplied jGambling structure pass
   One continuous left content surface + compact right sidebar widgets.
   ======================================================================== */
:root{
  --jg-bg:#e9e9e9;
  --jg-surface:#fff;
  --jg-line:#e4e7eb;
  --jg-ink:#20242b;
  --jg-muted:#6f7782;
  --jg-head:#1f2130;
  --jg-blue:#2396f7;
  --jg-blue-dark:#1478c9;
  --jg-radius:10px;
  --jg-shadow:0 1px 2px rgba(18,25,38,.08);
}
body{background:var(--jg-bg);color:#2f3338}
.container{max-width:1180px}
.main-content{padding:18px 0 34px}

/* Dark compact header close to the supplied WP reference. */
.site-header{position:sticky;top:0;background:linear-gradient(100deg,#20212b 0%,#181821 70%,#17131b 100%);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.site-header__top{min-height:60px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);justify-content:flex-start}
.site-logo{min-width:188px;color:#fff}.site-logo:hover{color:#fff}
.site-logo__mark{width:34px;height:28px;margin-right:9px;background:#2396f7;border-radius:2px;font-size:15px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.18)}
.site-logo__text{font-size:16px;color:#fff;letter-spacing:.01em}.site-logo__sub{margin-top:3px;color:#8f96a4;font-size:8px}
.header-search{max-width:330px;margin:0 24px 0 0}
.header-search input{height:34px;padding:0 42px 0 13px;border:1px solid #3b3d49;border-radius:5px;background:#292a34;color:#f6f7f9;font-size:12px;box-shadow:inset 0 1px 1px rgba(0,0,0,.2)}
.header-search input::placeholder{color:#8c909b}.header-search input:focus{background:#2d2f3a;border-color:#545766;box-shadow:none}
.header-search button{right:1px;top:1px;width:32px;height:32px;color:#f4c900;font-size:17px}
.search-suggest{top:38px;border-radius:5px}
.site-header__tools{margin-left:auto;min-width:0}.header-socials{gap:9px}.header-socials__item{width:28px;height:28px;border:1px solid #d9b800;border-radius:50%;background:transparent;color:#f2c900;font-size:8px}.header-socials__item:hover{border-color:#2396f7;background:#2396f7;color:#fff}
.main-menu{padding:0}.main-menu>ul{min-height:44px;gap:0}.main-menu li>a,.main-menu li>button{height:44px;padding:0 14px;border-radius:0;background:transparent;color:#e7e7eb;font-size:11px;font-weight:700;letter-spacing:.01em}
.main-menu li>a:hover,.main-menu li>button:hover{background:rgba(255,255,255,.05);color:#fff}
.mobile-menu-btn{margin-left:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:4px}

/* The structural point the reference gets right: 75/25, one surface on left. */
.jg-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start;margin-bottom:24px}
.jg-main-surface,.content-area.jg-main-surface,.article-main.jg-main-surface,.review-main.jg-main-surface{min-width:0;margin:0;padding:18px;background:var(--jg-surface);border:1px solid #e1e4e8;border-radius:var(--jg-radius);box-shadow:var(--jg-shadow)}
.content-with-sidebar,.article-layout,.review-shell{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start;margin-bottom:24px}
.content-with-sidebar .content-area,.article-layout .article-main,.review-shell .review-main{width:auto;min-width:0}
.sidebar,.right-sidebar{width:auto;min-width:0;flex:none}.sidebar_sticky,.right-sidebar.sidebar_sticky{position:sticky;top:122px;align-self:start}

/* Breadcrumbs sit on grey canvas like the reference, not inside a separate card. */
.breadcrumbs,.pcms-breadcrumbs{margin:0 0 12px;color:#777;font-size:11px}.breadcrumbs a,.pcms-breadcrumbs a{color:#666}.pcms-breadcrumbs li+li::before{margin:0 6px;color:#aaa}

/* Main left content typography. */
.jg-home-intro,.category-head{max-width:none;margin:0 0 15px}.jg-home-intro h1,.category-head h1{margin:0 0 8px;font-size:21px;line-height:1.25}.jg-home-intro p,.category-head p{max-width:none;margin:0;color:#424850;font-size:13px;line-height:1.65}
.jg-section{margin:20px 0 0}.jg-section:first-of-type{margin-top:10px}.jg-section-heading,.section-heading{margin:0 0 10px;padding:0 0 7px;border-bottom:1px solid #e4e8ec}.jg-section-heading .section-title,.section-title{font-size:18px;font-weight:700;letter-spacing:0;color:#252a31}.section-more{padding:0;border:0;background:none;color:#357fbc;font-size:11px;font-weight:600;text-transform:none}.section-more:hover{background:none;color:#145d97}
.jg-home-content,.jg-category-content{margin:18px 0 0;padding:0;border:0;background:transparent}.article-body{color:#333;font-size:13px;line-height:1.7}.article-body p{font-size:13px;line-height:1.72}.article-body h2{margin-top:1.15em;font-size:18px}.article-body h3{font-size:16px}

/* Casino rating: table inside the left surface. No compare, no no-deposit, no devices. */
.casino-table-head{display:grid;grid-template-columns:34px minmax(190px,1.15fr) 92px minmax(145px,.8fr) 86px;align-items:center;min-height:36px;padding:0 8px;border:0;border-radius:7px 7px 0 0;background:#222536;color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.casino-table-head span:first-child,.casino-table-head span:nth-child(3){text-align:center}.casino-table-head span:nth-child(4){text-align:left;padding:0}
.casino-rating{counter-reset:casnum;margin:0;padding:0;border:1px solid #e1e5e9;border-top:0;border-radius:0 0 7px 7px;background:#fff;overflow:hidden}
.casino-board__item{counter-increment:casnum;min-height:58px;padding:0 8px;border:0!important;border-bottom:1px solid #e6e9ec!important;border-radius:0!important;background:#fff;box-shadow:none}.casino-board__item:last-child{border-bottom:0!important}.casino-board__item:hover{background:#fbfdff}
.casino-board__row{display:grid;grid-template-columns:34px minmax(190px,1.15fr) 92px minmax(145px,.8fr) 86px;align-items:center;min-height:57px;width:100%}
.casino-board__rank{display:grid;place-items:center;width:34px;min-width:34px;height:auto;margin:0;padding:0;border:0;color:#656c75;font-size:12px;font-weight:700}.casino-board__rank::before{content:counter(casnum) "."}
.casino-board__identity{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 5px}.casino-board__logo{display:flex;align-items:center;justify-content:center;flex:0 0 62px;width:62px;height:38px;margin:0;border:1px solid #edf0f2;border-radius:50%;overflow:hidden;background:#fff}.casino-board__logo img{width:34px;height:34px;max-width:34px;max-height:34px;object-fit:cover;border-radius:50%}.casino-board__logo-fallback{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1f2530;color:#fff;font-size:8px;overflow:hidden}
.casino-board__name{display:block;min-width:0;color:#20252b;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.casino-board__name:hover{color:#2396f7}
.casino-board__rating{display:flex;justify-content:center;margin:0}.casino-board__rating-value{display:flex;align-items:center;font-size:12px;font-weight:700;color:#4d545c}.casino-board__star{width:14px;height:14px;margin-right:3px}
.casino-board__bonus{display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0 8px;text-align:left}.casino-board__bonus strong{font-size:11px;line-height:1.35;font-weight:500;color:#333940}.casino-board__label,.casino-board__bonus-label,.casino-board__apps{display:none!important}
.casino-board__actions{display:flex;justify-content:flex-end;gap:0;padding:0}.casino-board__btn{width:76px;height:30px;border-radius:6px;font-size:10px;font-weight:700}.casino-board__btn--review{display:none}.casino-board__btn--site{border:0;background:#2396f7;color:#fff;box-shadow:0 2px 6px rgba(35,150,247,.2)}.casino-board__btn--site:hover{background:#1478c9;color:#fff}

/* Sidebar widgets: compact stacks, matching the supplied screenshot. */
.jg-widget{margin:0 0 14px;padding:11px;background:#fff;border:1px solid #e1e4e8;border-radius:var(--jg-radius);box-shadow:var(--jg-shadow)}.jg-widget:last-child{margin-bottom:0}
.jg-widget__title{margin:0 0 8px;padding:0 0 7px;border-bottom:1px solid #e4e8ec;color:#29313b;font-size:16px;font-weight:600;line-height:1.2}
.jg-sidebar-casinos{display:block}.jg-sidebar-casino{display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 0;border-bottom:1px solid #edf0f2}.jg-sidebar-casino:last-child{border-bottom:0}.jg-sidebar-casino:nth-child(n+11){display:none}
.jg-sidebar-casino__logo{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;overflow:hidden;background:#f3f5f7}.jg-sidebar-casino__logo img{width:29px;height:29px;object-fit:cover;border-radius:50%}.jg-sidebar-casino__logo span{padding:2px;color:#4f5864;font-size:7px;font-weight:700;text-align:center;line-height:1}
.jg-sidebar-casino__info{flex:1;min-width:0}.jg-sidebar-casino__name{display:block;color:#222934;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jg-sidebar-casino__rating{display:flex;align-items:center;gap:2px;line-height:1}.jg-sidebar-casino__rating span{max-width:57px;overflow:hidden;color:#ed174c;font-size:9px;letter-spacing:-1px;white-space:nowrap}.jg-sidebar-casino__rating small{color:#6f7883;font-size:7px;font-weight:600}
.jg-sidebar-casino__play{display:flex;align-items:center;justify-content:center;flex:0 0 60px;height:27px;border-radius:6px;background:#2396f7;color:#fff!important;font-size:9px;font-weight:700}.jg-sidebar-casino__play:hover{background:#1478c9;text-decoration:none}
.jg-sidebar-news__item{display:flex;align-items:flex-start;gap:7px;padding:7px 0;border-bottom:1px solid #edf0f2}.jg-sidebar-news__item:last-child{border-bottom:0}.jg-sidebar-news__item:nth-child(n+6){display:none}.jg-sidebar-news__thumb{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:5px;overflow:hidden;background:#eef2f4;color:#6b7280}.jg-sidebar-news__thumb img{width:34px;height:34px;object-fit:cover}.jg-sidebar-news__title{display:-webkit-box;color:#28313c;font-size:10px;font-weight:600;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jg-sidebar-news time{display:block;margin-top:2px;color:#8b939c;font-size:7px}.jg-widget__more{display:block;margin-top:7px;color:#367fb9;font-size:9px;font-weight:600}
.jg-soft-list,.jg-sidebar-links{display:block}.jg-soft-list a,.jg-sidebar-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;padding:5px 2px;border-bottom:1px solid #edf0f2;color:#343c46;font-size:10px}.jg-soft-list a:last-child,.jg-sidebar-links a:last-child{border-bottom:0}.jg-soft-list a:hover,.jg-sidebar-links a:hover{color:#2396f7;text-decoration:none}.jg-soft-list b,.jg-sidebar-links span{color:#a4abb3;font-size:13px;font-weight:400}
.jg-widget-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.jg-widget-socials a{display:flex;align-items:center;justify-content:center;height:30px;border:1px solid #e2e6ea;border-radius:5px;color:#4c5661;font-size:9px;font-weight:700}.jg-widget-socials a:hover{border-color:#2396f7;color:#2396f7;text-decoration:none}

/* Existing category/card areas live inside one surface, so remove the card-on-card effect. */
.category-grid{gap:10px}.category-grid .generic-card,.category-grid .guide-card,.category-grid .offer-card,.category-grid .demo-card{box-shadow:none}
.articles-grid--compact{border-top:0}.articles-grid--compact .guide-card{grid-template-columns:104px 1fr;min-height:82px;border:0;border-bottom:1px solid #e5e9ec;background:transparent}.articles-grid--compact .guide-card:last-child{border-bottom:0}.articles-grid--compact .guide-card__image{height:81px;border-radius:5px;overflow:hidden}.articles-grid--compact .guide-card__body{padding:7px 9px}.articles-grid--compact .guide-card__title{font-size:12px}.articles-grid--compact .guide-card__meta{font-size:8px}
.demo-tabs{gap:4px;margin:0 0 8px}.demo-tab{padding:5px 9px;border-radius:5px;font-size:9px}.demo-scroller{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.demo-card{border:1px solid #e1e5e8;border-radius:7px;box-shadow:none}.demo-card__media{height:92px}.demo-card__body{padding:7px}.demo-card__title{font-size:10px}.demo-card__play{height:27px;border-radius:5px;font-size:9px}

/* Full story pages: the left column is a single white page, not several floating cards. */
.review-hero,.offer-hero,.game-head{margin-bottom:15px;border:0;border-bottom:1px solid #e5e9ec;border-radius:0;background:#fff;box-shadow:none;overflow:visible}.review-hero__top{padding:0 0 14px}.review-hero__logo{height:74px;border:1px solid #edf0f2;border-radius:6px;background:#f8f9fa}.review-hero__title h1{font-size:21px}.review-hero__bonus{padding-left:14px}.review-hero__actions{min-width:105px}.review-hero__cta,.review-hero__outline{height:34px;border-radius:6px;font-size:10px}.review-promo{padding:0 0 12px}.facts-grid{margin-bottom:17px;border:1px solid #e5e9ec;border-bottom:0;border-radius:6px;overflow:hidden}.fact-row{min-height:40px;padding:7px 9px}.toc-box{border-radius:6px;box-shadow:none}.pros-cons{gap:10px}.pros-box,.cons-box{border-radius:6px;box-shadow:none}
.related-block{margin-top:20px;padding-top:14px;border-top:1px solid #e5e9ec}.related-block h2{font-size:17px}

/* Pagination / utility controls. */
.pcms-pagination{margin-top:15px}.pcms-pagination a,.pcms-pagination span{border-radius:5px}
.jg-empty{padding:14px;color:#777;font-size:12px;text-align:center}

@media(max-width:1100px){
  .container{max-width:960px}
  .jg-layout,.content-with-sidebar,.article-layout,.review-shell{grid-template-columns:minmax(0,1fr) 240px;gap:14px}
  .casino-table-head,.casino-board__row{grid-template-columns:30px minmax(165px,1.1fr) 76px minmax(120px,.75fr) 75px}
  .casino-board__logo{flex-basis:50px;width:50px}.casino-board__identity{gap:5px}.casino-board__name{font-size:11px}.casino-board__bonus strong{font-size:10px}
  .main-menu li>a,.main-menu li>button{padding:0 9px;font-size:10px}
}

@media(max-width:768px){
  body{background:#f4f5f6;padding-bottom:58px}
  .site-header__top{min-height:52px;padding:7px 0}.site-header__tools,.header-search,.main-menu{display:none}.site-logo{min-width:0}.mobile-menu-btn{display:flex}
  .jg-layout,.content-with-sidebar,.article-layout,.review-shell{display:block;margin-bottom:16px}.right-sidebar,.sidebar{display:none}
  .jg-main-surface,.content-area.jg-main-surface,.article-main.jg-main-surface,.review-main.jg-main-surface{padding:13px;border-radius:8px}
  .main-content{padding:12px 0 22px}.breadcrumbs,.pcms-breadcrumbs{margin-bottom:9px;font-size:10px}
  .jg-home-intro h1,.category-head h1{font-size:19px}.jg-home-intro p,.category-head p,.article-body,.article-body p{font-size:12px;line-height:1.65}
  .casino-table-head{display:none}.casino-rating{border:0;border-radius:0;overflow:visible;background:transparent}
  .casino-board__item{margin:0;border-bottom:1px solid #e5e9ec!important;background:#fff}.casino-board__item:last-child{border-bottom:0!important}
  .casino-board__row{display:grid;grid-template-columns:28px minmax(0,1fr) 63px;min-height:52px;padding:5px 0}
  .casino-board__rank{grid-column:1;grid-row:1;width:28px;min-width:28px;font-size:10px}.casino-board__identity{grid-column:2;grid-row:1;padding:3px 4px}.casino-board__logo{width:38px;height:34px;flex-basis:38px;border:0}.casino-board__logo img{width:31px;height:31px;max-width:31px;max-height:31px}.casino-board__name{font-size:11px}
  .casino-board__rating{grid-column:3;grid-row:1}.casino-board__rating-value{font-size:10px}.casino-board__star{width:12px;height:12px}
  .casino-board__bonus{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;margin:0;padding:5px 4px;border-top:1px solid #f0f2f4;text-align:left}.casino-board__bonus::before{content:"Бонус:";margin-right:5px;color:#7c848d;font-size:9px}.casino-board__bonus strong{font-size:10px}
  .casino-board__actions{grid-column:1/-1;grid-row:3;padding:2px 4px 4px}.casino-board__btn--site{width:100%;height:29px;font-size:9px}.casino-board__btn--review{display:none}
  .demo-scroller{grid-template-columns:repeat(3,1fr)}
  .review-hero__top{grid-template-columns:74px minmax(0,1fr);gap:10px}.review-hero__bonus,.review-hero__actions{grid-column:1/-1;border-left:0;padding-left:0}.review-hero__actions{flex-direction:row}.review-hero__actions>*{flex:1}
}

@media(max-width:520px){
  .container{padding:0 8px}.jg-main-surface,.content-area.jg-main-surface,.article-main.jg-main-surface,.review-main.jg-main-surface{padding:11px}
  .jg-section-heading .section-title,.section-title{font-size:16px}.section-more{font-size:9px}
  .demo-scroller{grid-template-columns:repeat(2,1fr)}.demo-card__media{height:86px}
  .articles-grid--compact .guide-card{grid-template-columns:82px 1fr}.articles-grid--compact .guide-card__image{height:68px}
}

/* ========================================================================== 
   1.2.1 — Scale & 1400px layout polish
   Match the supplied jGambling theme proportions: 1400px canvas, 322px sidebar,
   readable editorial typography and real-size table/sidebar controls.
   ========================================================================== */
@media (min-width:1201px){
  body{font-size:15.5px;line-height:1.55;background:#e5e5e5}
  .container{width:1400px;max-width:calc(100% - 30px);padding:0}
  .main-content{padding:20px 0 38px}

  .jg-layout,.content-with-sidebar,.article-layout,.review-shell{
    grid-template-columns:minmax(0,1fr) 322px;
    gap:28px;
    margin-bottom:30px;
  }
  .jg-main-surface,.content-area.jg-main-surface,.article-main.jg-main-surface,.review-main.jg-main-surface{
    padding:18px;
    border:1px solid #e8ecf0;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,.06);
  }

  /* Header is compact, but not microscopic. */
  .site-header__top{min-height:64px;padding:12px 0}
  .site-logo{min-width:205px}
  .site-logo__mark{width:38px;height:32px;font-size:17px}
  .site-logo__text{font-size:19px}
  .site-logo__sub{font-size:9px}
  .header-search{max-width:430px;margin-right:28px}
  .header-search input{height:38px;padding:0 44px 0 15px;font-size:14px}
  .header-search button{width:36px;height:36px;font-size:19px}
  .header-socials__item{width:31px;height:31px;font-size:9px}
  .main-menu>ul{min-height:48px}
  .main-menu li>a,.main-menu li>button{height:48px;padding:0 16px;font-size:14px;font-weight:700}

  /* Main editorial typography. */
  .breadcrumbs,.pcms-breadcrumbs{margin-bottom:16px;font-size:13px}
  .jg-home-intro,.category-head{margin-bottom:18px}
  .jg-home-intro h1,.category-head h1{margin-bottom:10px;font-size:25px;line-height:1.22}
  .jg-home-intro p,.category-head p{font-size:15.5px;line-height:1.62}
  .jg-section{margin-top:25px}
  .jg-section-heading,.section-heading{margin-bottom:12px;padding-bottom:9px}
  .jg-section-heading .section-title,.section-title{font-size:22px;line-height:1.25}
  .section-more{font-size:13px}
  .article-body,.article-body p{font-size:15.5px;line-height:1.68}
  .article-body h2{font-size:22px}
  .article-body h3{font-size:19px}
  .article-body h4{font-size:17px}

  /* Rating table — proportions close to the source theme, but adapted to our 5 columns. */
  .casino-table-head{
    grid-template-columns:44px minmax(250px,1.35fr) 118px minmax(190px,.9fr) 112px;
    min-height:44px;
    padding:0 10px;
    border-radius:8px 8px 0 0;
    font-size:13px;
    font-weight:700;
  }
  .casino-rating{border-color:#e4e8ec;border-radius:0 0 8px 8px}
  .casino-board__item{min-height:68px;padding:0 10px}
  .casino-board__row{
    grid-template-columns:44px minmax(250px,1.35fr) 118px minmax(190px,.9fr) 112px;
    min-height:67px;
  }
  .casino-board__rank{width:44px;min-width:44px;font-size:17px}
  .casino-board__identity{gap:11px;padding:8px 7px}
  .casino-board__logo{flex:0 0 48px;width:48px;height:48px;border-radius:10px}
  .casino-board__logo img{width:42px;height:42px;max-width:42px;max-height:42px;border-radius:8px;object-fit:cover}
  .casino-board__logo-fallback{width:42px;height:42px;border-radius:8px;font-size:9px}
  .casino-board__name{font-size:15px;line-height:1.3}
  .casino-board__rating-value{font-size:14px}
  .casino-board__star{width:18px;height:18px;margin-right:5px}
  .casino-board__bonus{padding:0 10px}
  .casino-board__bonus strong{font-size:14px;line-height:1.4}
  .casino-board__btn{width:98px;height:34px;border-radius:7px;font-size:13px}
  .casino-board__btn--site{box-shadow:0 3px 9px rgba(0,102,212,.28)}

  /* Right sidebar: exactly the scale that makes 322px useful. */
  .jg-widget{
    margin-bottom:20px;
    padding:12px;
    border:1px solid #e8ecf0;
    border-radius:10px;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
  }
  .jg-widget__title{margin-bottom:10px;padding-bottom:8px;font-size:20px;line-height:1.25}
  .jg-sidebar-casino{gap:8px;min-height:48px;padding:8px 0}
  .jg-sidebar-casino__logo{flex-basis:32px;width:32px;height:32px;border-radius:8px}
  .jg-sidebar-casino__logo img{width:32px;height:32px;border-radius:8px}
  .jg-sidebar-casino__logo span{font-size:8px}
  .jg-sidebar-casino__name{font-size:14px;line-height:1.25}
  .jg-sidebar-casino__rating{gap:3px;margin-top:2px}
  .jg-sidebar-casino__rating span{max-width:76px;font-size:10px;letter-spacing:-.7px}
  .jg-sidebar-casino__rating small{font-size:10px}
  .jg-sidebar-casino__play{flex-basis:72px;height:30px;border-radius:8px;font-size:13px}

  .jg-sidebar-news__item{gap:8px;padding:8px 0}
  .jg-sidebar-news__thumb{flex-basis:40px;width:40px;height:40px;border-radius:8px}
  .jg-sidebar-news__thumb img{width:40px;height:40px}
  .jg-sidebar-news__title{font-size:14px;line-height:1.35}
  .jg-sidebar-news time{margin-top:3px;font-size:11px}
  .jg-widget__more{margin-top:9px;font-size:13px}
  .jg-soft-list a,.jg-sidebar-links a{min-height:38px;padding:7px 2px;font-size:14px}
  .jg-soft-list b,.jg-sidebar-links span{font-size:15px}
  .jg-widget-socials{gap:7px}
  .jg-widget-socials a{height:36px;border-radius:7px;font-size:12px}

  /* Home grids should stay compact, but readable. */
  .demo-tabs{gap:6px;margin-bottom:11px}
  .demo-tab{padding:7px 12px;border-radius:6px;font-size:12px}
  .demo-scroller{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .demo-card{border-radius:9px}
  .demo-card__media{height:126px}
  .demo-card__body{padding:10px}
  .demo-card__title{font-size:14px;line-height:1.35}
  .demo-card__play{height:32px;border-radius:6px;font-size:12px}

  .articles-grid--compact .guide-card{grid-template-columns:138px 1fr;min-height:108px}
  .articles-grid--compact .guide-card__image{height:107px;border-radius:7px}
  .articles-grid--compact .guide-card__body{padding:10px 12px}
  .articles-grid--compact .guide-card__title{font-size:15px;line-height:1.35}
  .articles-grid--compact .guide-card__meta{font-size:11px}

  /* Full stories were scaled down too aggressively in 1.2.0. */
  .review-hero__logo{height:88px}
  .review-hero__title h1{font-size:26px}
  .review-hero__cta,.review-hero__outline{height:38px;font-size:13px}
  .fact-row{min-height:44px;padding:9px 11px;font-size:14px}
  .related-block h2{font-size:21px}
}

/* Preserve the wide two-column feeling on laptops without squeezing text. */
@media (min-width:769px) and (max-width:1200px){
  body{font-size:15px}
  .container{max-width:100%;padding:0 16px}
  .jg-layout,.content-with-sidebar,.article-layout,.review-shell{grid-template-columns:minmax(0,1fr) 290px;gap:18px}
  .jg-main-surface,.content-area.jg-main-surface,.article-main.jg-main-surface,.review-main.jg-main-surface{padding:17px}
  .jg-home-intro h1,.category-head h1{font-size:23px}
  .jg-home-intro p,.category-head p,.article-body,.article-body p{font-size:14.5px}
  .jg-section-heading .section-title,.section-title{font-size:20px}
  .casino-table-head,.casino-board__row{grid-template-columns:36px minmax(190px,1.2fr) 92px minmax(145px,.8fr) 90px}
  .casino-table-head{font-size:11px}
  .casino-board__name{font-size:13px}
  .casino-board__bonus strong{font-size:12px}
  .casino-board__btn{width:82px;height:32px;font-size:11px}
  .jg-widget__title{font-size:18px}
  .jg-sidebar-casino__name{font-size:13px}
  .jg-sidebar-casino__play{flex-basis:64px;font-size:11px}
  .jg-sidebar-news__title,.jg-soft-list a,.jg-sidebar-links a{font-size:13px}
}

/* Mobile menu stays as before, but content no longer looks like 10px UI text. */
@media(max-width:768px){
  body{font-size:14px}
  .jg-home-intro h1,.category-head h1{font-size:21px}
  .jg-home-intro p,.category-head p,.article-body,.article-body p{font-size:14px;line-height:1.62}
  .jg-section-heading .section-title,.section-title{font-size:18px}
  .section-more{font-size:11px}
  .casino-board__name{font-size:13px}
  .casino-board__rating-value{font-size:11px}
  .casino-board__bonus::before,.casino-board__bonus strong{font-size:11px}
  .casino-board__btn--site{height:32px;font-size:11px}
  .demo-tab{font-size:11px}
  .demo-card__title{font-size:12px}
  .demo-card__play{font-size:11px}
  .articles-grid--compact .guide-card__title{font-size:13px}
  .articles-grid--compact .guide-card__meta{font-size:10px}
}


/* ==========================================================================
   1.2.2 — Editorial polish
   One search field, centered header search, quieter related blocks, compact
   "Смотреть все" buttons and optional per-material TOC.
   ========================================================================== */
.search-query-caption{margin:7px 0 0;color:#68717b;font-size:14px}.search-query-caption strong{color:#222a33;font-weight:700}
.search-head{margin-bottom:20px}.search-head h1{margin-bottom:0}
/* The result page uses the header search only. Kept as a hard guard in case an old cached template contains the form. */
.search-form-page{display:none!important}

.section-more,.search-zone__all,.jg-widget__more{
  display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:5px 11px;
  border:1px solid #d8dde3;border-radius:5px;background:#fff;color:#48525c;
  font-size:12px;font-weight:600;line-height:1;text-decoration:none;box-shadow:none;
}
.section-more:hover,.search-zone__all:hover,.jg-widget__more:hover{border-color:#aeb8c2;background:#f7f8f9;color:#20262d;text-decoration:none}
.search-zone__head{align-items:center}.search-zone__all{margin-left:auto}

/* Related content should feel like a continuation of the article, not a stack of ruled tables. */
.related-block{margin-top:24px;padding-top:0;border-top:0}
.related-block h2{margin:0 0 12px;padding:0;border:0}
.portal-tags{margin-top:18px;padding-top:12px;border-top:1px solid #edf0f2}
.related-items.pcms-material-collection--news{border-top:0}
.related-items.pcms-material-collection--news .news-row{padding:11px 0;border:0;border-bottom:1px solid #edf0f2}
.related-items.pcms-material-collection--news .news-row:last-child{border-bottom:0}
.news-feed .news-row{border-bottom:1px solid #edf0f2}.news-feed .news-row:last-child{border-bottom:0}

@media (min-width:1201px){
  .site-header__top{display:grid;grid-template-columns:230px minmax(360px,1fr) 230px;align-items:center;column-gap:24px}
  .site-logo{justify-self:start;min-width:0}
  .header-search{justify-self:center;width:min(100%,520px);max-width:520px;margin:0}
  .site-header__tools{justify-self:end;min-width:0}
  .section-more,.search-zone__all,.jg-widget__more{font-size:12px}
}
@media (min-width:769px) and (max-width:1200px){
  .site-header__top{display:grid;grid-template-columns:190px minmax(260px,1fr) 150px;column-gap:16px}
  .header-search{justify-self:center;width:min(100%,430px);max-width:430px;margin:0}
  .site-header__tools{justify-self:end;min-width:0}
}
@media(max-width:768px){
  .section-more,.search-zone__all,.jg-widget__more{min-height:30px;padding:5px 10px;font-size:11px}
  .portal-tags{margin-top:15px;padding-top:10px}
  .related-block{margin-top:18px}
}


/* ========================================================================== 
   1.2.3 — Header/table alignment polish
   Exact centered desktop search, clean left-column headings and aligned bonus.
   ========================================================================== */

/* Left editorial column: headings should breathe without ruler lines. */
.jg-main-surface .jg-section-heading,
.jg-main-surface .section-heading,
.content-area.jg-main-surface .jg-section-heading,
.content-area.jg-main-surface .section-heading,
.article-main.jg-main-surface .jg-section-heading,
.article-main.jg-main-surface .section-heading,
.review-main.jg-main-surface .jg-section-heading,
.review-main.jg-main-surface .section-heading{
  padding-bottom:0;
  border-bottom:0;
}

/* Related heading is plain typography; no separator directly under/above it. */
.jg-main-surface .related-block,
.article-main.jg-main-surface .related-block,
.review-main.jg-main-surface .related-block{
  padding-top:0;
  border-top:0;
}
.jg-main-surface .related-block h2,
.article-main.jg-main-surface .related-block h2,
.review-main.jg-main-surface .related-block h2{
  padding:0;
  border:0;
}

/* Rating header and its data use the same horizontal alignment. */
.casino-table-head span:nth-child(4){text-align:center!important;padding-left:0!important;padding-right:0!important}
.casino-board__bonus{justify-content:center!important;text-align:center!important;padding-left:8px!important;padding-right:8px!important}

/* Exact center: do not let logo width influence the search position. */
@media (min-width:769px){
  .site-header__top{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .site-logo{position:relative;z-index:2;flex:0 0 auto;min-width:0}
  .header-search{
    position:absolute;
    z-index:3;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:clamp(320px,38vw,520px);
    max-width:none;
    margin:0;
  }
  .site-header__tools{position:relative;z-index:2;margin-left:auto;min-width:0}
}

@media (min-width:769px) and (max-width:920px){
  .header-search{width:clamp(280px,34vw,340px)}
}

/* ========================================================================== 
   1.2.4 — Casino review hero polish
   Promo code belongs to the offer block and disappears cleanly when absent.
   ========================================================================== */
.review-hero{
  border-bottom:0!important;
  margin-bottom:20px;
}
.review-hero__top{
  grid-template-columns:145px minmax(0,1fr) minmax(230px,.78fr) 132px;
  gap:22px;
  align-items:center;
  padding:0 0 16px!important;
}
.review-hero__title{min-width:0}
.review-hero__offer{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
  min-width:0;
  padding-left:18px;
  border-left:1px solid #eceff2;
}
.review-hero__bonus{
  padding:0!important;
  border:0!important;
}
.review-hero__bonus small{
  margin:0 0 3px;
  color:#737b84;
  font-size:12px;
  line-height:1.25;
}
.review-hero__bonus strong{
  color:#131820;
  font-size:18px;
  line-height:1.25;
}
.review-promo-inline{
  display:inline-grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  min-height:32px;
  padding:5px 8px;
  border:1px solid #dce3ea;
  border-radius:6px;
  background:#f7f9fb;
  color:#242b33;
  font:inherit;
  cursor:pointer;
  text-align:left;
}
.review-promo-inline:hover{border-color:#bfd5ec;background:#f1f7fd}
.review-promo-inline span{color:#7a838d;font-size:11px;white-space:nowrap}
.review-promo-inline strong{
  min-width:0;
  overflow:hidden;
  color:#111923;
  font-size:13px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.review-promo-inline i{
  color:#2c7bc1;
  font-size:10px;
  font-style:normal;
  font-weight:700;
  white-space:nowrap;
}
.review-hero__actions{min-width:132px}
.review-hero__cta,.review-hero__outline{width:100%}
.review-promo{display:none!important}

@media (min-width:1201px){
  .review-hero__top{grid-template-columns:145px minmax(0,1fr) minmax(250px,.82fr) 132px}
  .review-hero__logo{height:88px}
  .review-hero__title h1{font-size:28px}
  .review-score strong{font-size:18px}
  .review-hero__bonus strong{font-size:18px}
  .review-hero__cta,.review-hero__outline{height:38px;font-size:13px}
}

@media (min-width:769px) and (max-width:1200px){
  .review-hero__top{grid-template-columns:120px minmax(0,1fr) minmax(195px,.75fr) 112px;gap:14px}
  .review-hero__offer{padding-left:13px}
  .review-hero__bonus strong{font-size:15px}
  .review-promo-inline{grid-template-columns:auto 1fr;padding:5px 7px}
  .review-promo-inline i{display:none}
  .review-hero__actions{min-width:112px}
}

@media(max-width:768px){
  .review-hero{margin-bottom:18px}
  .review-hero__top{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:10px 12px!important;
    padding:0 0 12px!important;
  }
  .review-hero__logo{width:82px!important;height:72px!important}
  .review-hero__title h1{font-size:22px}
  .review-hero__offer{
    grid-column:1/-1;
    width:100%;
    padding:10px 0 0;
    border-left:0;
    border-top:1px solid #eef1f4;
  }
  .review-hero__bonus strong{font-size:16px}
  .review-promo-inline{width:100%;grid-template-columns:auto minmax(0,1fr) auto}
  .review-hero__actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%;
    min-width:0;
  }
}

/* ========================================================================== 
   1.2.5 — coupon, embedded material collections and on-page slot demo
   ========================================================================== */
.review-promo-inline{display:none!important}
.review-promo-coupon{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:6px 10px;
  border:1px dashed #78afe0;
  border-radius:5px;
  background:#f7fbff;
  color:#1e2730;
}
.review-promo-coupon span{color:#6f7882;font-size:11px;line-height:1;white-space:nowrap}
.review-promo-coupon strong{color:#121922;font-size:14px;font-weight:900;letter-spacing:.025em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* page component CSS is loaded after the theme; use a more specific selector so
   live material collections keep the same layout grammar as their category. */
.pcms-material-collection.pcms-material-collection--casino{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:20px 0!important;
  padding:0!important;
  border:1px solid #e1e5e8!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#fff!important;
  counter-reset:casnum;
}
.pcms-material-collection.pcms-material-collection--casino>.casino-board__item{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
.pcms-material-collection.pcms-material-collection--bonus{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.pcms-material-collection.pcms-material-collection--game{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.pcms-material-collection.pcms-material-collection--article{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.pcms-material-collection.pcms-material-collection--news{display:block!important;grid-template-columns:none!important}
.pcms-material-collection.pcms-material-collection--mixed{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.article-body .pcms-material-collection{max-width:100%;min-width:0}
.article-body .pcms-material-collection>*{min-width:0}

.game-head{border-bottom:0!important;margin-bottom:16px!important}
.game-demo-player{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  margin:0 0 22px;
  overflow:hidden;
  border:1px solid #dfe4e8;
  border-radius:8px;
  background:#0f1115;
}
.game-demo-player iframe{display:block;width:100%;height:100%;border:0;background:#0f1115}
.game-play{display:none!important}


@media(max-width:1100px){
  .pcms-material-collection.pcms-material-collection--bonus,
  .pcms-material-collection.pcms-material-collection--article{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pcms-material-collection.pcms-material-collection--game{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:768px){
  .review-promo-coupon{width:max-content;max-width:100%}
  .game-demo-player{margin-bottom:18px;border-radius:6px}
  .pcms-material-collection.pcms-material-collection--bonus,
  .pcms-material-collection.pcms-material-collection--article,
  .pcms-material-collection.pcms-material-collection--mixed{grid-template-columns:1fr!important}
  .pcms-material-collection.pcms-material-collection--game{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .pcms-material-collection.pcms-material-collection--game{grid-template-columns:1fr!important}
}


/* ========================================================================== 
   1.2.6 — editorial polish: coupon interaction, TOC, games, news, typography
   ========================================================================== */

/* Coupon-site interaction: the entire dashed coupon copies, no visible copy label. */
.review-promo-coupon{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.review-promo-coupon:hover{
  border-color:#3f8fd0;
  background:#eef7ff;
}
.review-promo-coupon:focus-visible{
  outline:2px solid rgba(30,136,229,.28);
  outline-offset:2px;
}
.review-promo-coupon.is-copied{
  border-color:#2aa46f;
  background:#f0fbf6;
  box-shadow:0 0 0 2px rgba(42,164,111,.08);
}
.review-promo-coupon.is-copied::after{
  content:"✓";
  color:#20875b;
  font-size:13px;
  font-weight:900;
  line-height:1;
}

/* Casino review header: restore a quiet divider and give mobile title breathing room. */
.review-hero{
  border-bottom:1px solid #e5e9ec!important;
  padding-bottom:0;
}
@media(max-width:768px){
  .review-hero__top{
    grid-template-columns:76px minmax(0,1fr)!important;
    column-gap:16px!important;
    row-gap:12px!important;
  }
  .review-hero__logo{
    width:76px!important;
    height:68px!important;
  }
  .review-hero__title{
    padding-left:1px;
    align-self:center;
  }
  .review-hero__title h1{
    margin-bottom:7px;
    font-size:21px;
    line-height:1.15;
  }
  .review-score{gap:5px}
}
@media(max-width:390px){
  .review-hero__top{grid-template-columns:68px minmax(0,1fr)!important;column-gap:13px!important}
  .review-hero__logo{width:68px!important;height:62px!important}
  .review-hero__title h1{font-size:19px}
}

/* Game page: no fake empty visual panel when there is no cover. */
.game-head:not(:has(.game-head__image)){
  grid-template-columns:1fr;
}
.game-head:not(:has(.game-head__image)) .game-head__info{
  max-width:none;
}
.game-head__image img{object-fit:contain;background:#eef2f5}

/* Demo cards: show the whole artwork; the whole media/title remain the navigation. */
.demo-card__media{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef2f5;
}
.demo-card__media img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center center;
}
.demo-card__play{display:none!important}
@media(min-width:1201px){
  .demo-card__media{height:138px}
  .demo-card__provider{font-size:10.5px}
  .demo-card__title{font-size:14px;line-height:1.3}
}

/* News shortstory: compact editorial row instead of bare date + text. */
.news-feed{border-top:0!important}
.news-row.news-row--portal{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:15px!important;
  align-items:start;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid #edf0f2!important;
}
.news-row.news-row--portal:last-child{border-bottom:0!important}
.news-row.news-row--portal:not(:has(.news-row__thumb)){
  grid-template-columns:1fr!important;
}
.news-row__thumb{
  display:block;
  width:132px;
  height:82px;
  overflow:hidden;
  border-radius:7px;
  background:#eef2f5;
}
.news-row__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.news-row__content{min-width:0}
.news-row__meta{
  margin:0 0 4px;
  color:#8a929a;
  font-size:11px;
  line-height:1.25;
}
.news-row.news-row--portal .news-row__title{
  margin:0 0 5px;
  color:#19222c;
  font-size:15px;
  font-weight:750;
  line-height:1.34;
}
.news-row.news-row--portal .news-row__excerpt{
  margin:0;
  color:#68717a;
  font-size:12.5px;
  line-height:1.48;
}
.related-items.pcms-material-collection--news .news-row.news-row--portal{
  padding:13px 0!important;
}
@media(max-width:768px){
  .news-row.news-row--portal{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:11px!important;
    padding:12px 0!important;
  }
  .news-row__thumb{width:96px;height:68px;border-radius:6px}
  .news-row.news-row--portal .news-row__title{font-size:14px}
  .news-row.news-row--portal .news-row__excerpt{display:none}
  .news-row__meta{font-size:10px}
}
@media(max-width:470px){
  .news-row.news-row--portal{grid-template-columns:82px minmax(0,1fr)!important}
  .news-row__thumb{width:82px;height:62px}
}

/* Editorial type scale: article text should not overpower tables, widgets and cards. */
@media(min-width:1201px){
  body{font-size:14.5px}
  .article-body,.article-body p{font-size:14.5px;line-height:1.66}
  .article-body h2{font-size:21px;line-height:1.28}
  .article-body h3{font-size:17.5px;line-height:1.32}
  .article-body h4{font-size:16px}
  .review-lead{font-size:14.5px;line-height:1.62}
  .jg-home-intro p,.category-head p{font-size:14.5px;line-height:1.6}
  .fact-row__name{font-size:12px}
  .fact-row__value{font-size:13px}
}
@media(min-width:769px) and (max-width:1200px){
  .article-body,.article-body p{font-size:14px;line-height:1.64}
  .article-body h2{font-size:20px}
  .article-body h3{font-size:17px}
  .review-lead{font-size:14px}
}


/* 1.2.7 — explicit click-to-play demo gate */
.game-demo-player{position:relative;background:#0d1118;overflow:hidden}
.game-demo-player iframe{opacity:0;transition:opacity .18s ease}
.game-demo-player.is-running iframe{opacity:1}
.game-demo-gate{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(8,11,17,.78);backdrop-filter:blur(2px)}
.game-demo-gate[hidden]{display:none!important}
.game-demo-gate__panel{display:flex;flex-direction:column;align-items:stretch;width:min(280px,100%);text-align:center}
.game-demo-gate__eyebrow{margin-bottom:5px;color:#c8d2df;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.game-demo-gate__panel strong{margin-bottom:16px;color:#fff;font-size:20px;line-height:1.25}
.game-demo-gate__demo,.game-demo-gate__money{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:6px;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}
.game-demo-gate__demo{border:0;background:var(--primary);color:#fff}
.game-demo-gate__demo:hover{filter:brightness(.94)}
.game-demo-gate__money{margin-top:8px;border:1px solid rgba(255,255,255,.56);background:rgba(255,255,255,.1);color:#fff}
.game-demo-gate__money:hover{background:#fff;color:#171b22;text-decoration:none}
@media(max-width:600px){.game-demo-gate{padding:14px}.game-demo-gate__panel strong{font-size:18px}.game-demo-gate__demo,.game-demo-gate__money{min-height:40px;font-size:12px}}

.article-body img{max-width:100%;height:auto}
.article-body figcaption{margin:-10px auto 18px;color:#7a828c;font-size:12px;line-height:1.45;text-align:center}


/* ========================================================================== 
   1.2.8 — readable type scale, accessible contrast and zero-load demo shell
   ========================================================================== */
:root{
  --primary:#1976d2;
  --primary-dark:#0d47a1;
  --muted:#5f6872;
  --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-head:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
body{font-size:15px;color:#3f4852}
p{font-size:15px}
.breadcrumbs span,.pcms-breadcrumbs span,.pcms-breadcrumbs [aria-current="page"] span{color:#68717a}
.news-row__meta,.jg-sidebar-news time,.offer-card__meta,.article-body figcaption{color:#68717a}
.jg-sidebar-casino__play,.casino-board__btn--site{background:#1976d2!important;color:#fff!important}
.jg-sidebar-casino__play:hover,.casino-board__btn--site:hover{background:#0d5fae!important;color:#fff!important}
.header-socials__item:hover{border-color:#1976d2;background:#1976d2}

/* No iframe exists until the visitor explicitly starts the demo. */
.game-demo-frame{position:absolute;inset:0;width:100%;height:100%;background:#0d1118}
.game-demo-frame iframe{display:block;width:100%;height:100%;border:0;background:#0d1118;opacity:0;transition:opacity .18s ease}
.game-demo-player.is-running .game-demo-frame iframe{opacity:1}
.game-demo-player>iframe{display:none!important}

@media(min-width:1201px){
  body{font-size:15px;line-height:1.56}
  .article-body,.article-body p{font-size:15.25px;line-height:1.7}
  .article-body h2{font-size:22px;line-height:1.3}
  .article-body h3{font-size:18px;line-height:1.34}
  .article-body h4{font-size:16.5px}
  .review-lead,.jg-home-intro p,.category-head p{font-size:15px;line-height:1.65}
  .toc-box__title{font-size:15px}
  .toc-box__body li{font-size:13.5px;line-height:1.45}
}

@media(min-width:769px) and (max-width:1200px){
  body{font-size:15px}
  .article-body,.article-body p{font-size:15px;line-height:1.68}
  .article-body h2{font-size:21px}
  .article-body h3{font-size:18px}
  .review-lead,.jg-home-intro p,.category-head p{font-size:15px}
}

@media(max-width:768px){
  body{font-size:15px;line-height:1.56}
  .main-content{padding-top:14px}
  .breadcrumbs,.pcms-breadcrumbs{font-size:11.5px;line-height:1.45}
  .jg-home-intro h1,.category-head h1{font-size:22px;line-height:1.22}
  .jg-home-intro p,.category-head p{font-size:15px;line-height:1.62}
  .article-body,.article-body p{font-size:15.5px;line-height:1.68}
  .article-body h2{font-size:20px;line-height:1.3;margin-top:1.15em}
  .article-body h3{font-size:17.5px;line-height:1.34}
  .article-body h4{font-size:16px}
  .review-lead{font-size:15px;line-height:1.62}
  .jg-section-heading .section-title,.section-title{font-size:19px}
  .section-more,.search-zone__all,.jg-widget__more{font-size:12px}
  .toc-box__title{font-size:14.5px}
  .toc-box__body li{font-size:13.5px;line-height:1.48}
  .review-hero__title h1{font-size:22px;line-height:1.18}
  .review-score strong{font-size:16px}
  .review-score span{font-size:12px}
  .review-hero__bonus small{font-size:12px}
  .review-hero__bonus strong{font-size:16.5px}
  .review-promo-coupon span{font-size:11.5px}
  .review-promo-coupon strong{font-size:14.5px}
  .review-hero__cta,.review-hero__outline{font-size:12px}
  .game-head__info h1{font-size:22px}
  .game-head__provider{font-size:13px}
  .game-stat{font-size:11.5px}
  .game-stat b{font-size:14.5px}
  .casino-board__name{font-size:13.5px}
  .casino-board__bonus::before,.casino-board__bonus strong{font-size:11.5px}
  .casino-board__btn--site{font-size:12px}
  .demo-tab{font-size:12px}
  .demo-card__provider{font-size:10.5px}
  .demo-card__title{font-size:13px;line-height:1.35}
  .news-row.news-row--portal .news-row__title{font-size:14.5px;line-height:1.38}
  .news-row__meta{font-size:10.5px}
  .mobile-menu__list a,.mobile-menu__toggle{font-size:14px}
  .mobile-menu__sub a{font-size:13px}
  .mobile-socials a{font-size:12px}
  .game-demo-gate__eyebrow{font-size:11.5px}
  .game-demo-gate__panel strong{font-size:19px}
  .game-demo-gate__demo,.game-demo-gate__money{min-height:44px;font-size:13px}
}

@media(max-width:390px){
  .review-hero__title h1{font-size:20.5px}
  .jg-home-intro h1,.category-head h1,.game-head__info h1{font-size:21px}
  .article-body,.article-body p{font-size:15px}
}

/* ========================================================================== 
   1.2.9 — compact game hero + poster-first demo gate
   ========================================================================== */

/* The slot header should read like an editorial fact card, not a giant poster. */
.game-head{
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  grid-template-areas:
    "cover info"
    "cover stats"!important;
  grid-template-rows:auto 1fr!important;
  gap:14px 22px!important;
  align-items:start!important;
  margin:0 0 20px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid #e5e9ec!important;
}
.game-head__image{
  grid-area:cover;
  width:210px!important;
  height:210px!important;
  padding:8px;
  overflow:hidden;
  border:1px solid #e3e7eb!important;
  border-radius:8px;
  background:#fff!important;
}
.game-head__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center;
  border-radius:5px;
  background:#fff!important;
}
.game-head__info{
  grid-area:info;
  align-self:end;
  min-width:0;
  padding:3px 0 0!important;
}
.game-head__info h1{
  margin:0 0 8px!important;
  font-size:27px!important;
  line-height:1.16!important;
  letter-spacing:-.018em;
}
.game-head__provider{
  margin:0!important;
  color:#68717a!important;
  font-size:13.5px!important;
  line-height:1.45;
}
.game-stats{
  grid-area:stats;
  align-self:start;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
.game-stat{
  min-height:62px;
  padding:10px 12px!important;
  border:1px solid #e4e8ec!important;
  border-radius:6px;
  background:#f8fafb!important;
  color:#6a737d!important;
  font-size:11.5px!important;
  line-height:1.35;
}
.game-stat b{
  display:block;
  margin-top:4px!important;
  color:#15191e!important;
  font-size:15px!important;
  line-height:1.25;
}
.game-head:not(:has(.game-head__image)){
  grid-template-columns:1fr!important;
  grid-template-areas:"info" "stats"!important;
}

/* Before click we show a compact poster/CTA, not half a screen of black. */
.game-demo-player{
  transition:height .2s ease,aspect-ratio .2s ease,border-color .2s ease;
}
.game-demo-player.is-locked{
  height:270px!important;
  aspect-ratio:auto!important;
  border-color:#dce2e7!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(25,118,210,.2),transparent 46%),
    linear-gradient(135deg,#101720,#080b10)!important;
}
.game-demo-player.is-running{
  height:auto!important;
  aspect-ratio:16/9!important;
  background:#0d1118!important;
}
.game-demo-poster{
  position:absolute;
  inset:-12px;
  z-index:0;
  width:calc(100% + 24px);
  height:calc(100% + 24px);
  object-fit:cover;
  object-position:center;
  filter:blur(7px) saturate(.9) brightness(.58);
  transform:scale(1.03);
  opacity:.86;
}
.game-demo-player.is-running .game-demo-poster{display:none}
.game-demo-frame{z-index:1}
.game-demo-gate{
  z-index:3!important;
  padding:18px!important;
  background:linear-gradient(180deg,rgba(7,10,15,.25),rgba(7,10,15,.48))!important;
  backdrop-filter:none!important;
}
.game-demo-gate__panel{
  width:min(330px,100%)!important;
  padding:20px!important;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(10,14,20,.82);
  box-shadow:0 16px 42px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
}
.game-demo-gate__eyebrow{
  margin-bottom:5px!important;
  color:#bfc9d4!important;
  font-size:11px!important;
}
.game-demo-gate__panel strong{
  margin-bottom:15px!important;
  font-size:19px!important;
  line-height:1.25!important;
}
.game-demo-gate__demo,.game-demo-gate__money{
  min-height:43px!important;
  border-radius:7px!important;
  font-size:13px!important;
}

@media(max-width:900px){
  .game-head{
    grid-template-columns:170px minmax(0,1fr)!important;
    gap:12px 18px!important;
  }
  .game-head__image{width:170px!important;height:170px!important;padding:7px}
  .game-head__info h1{font-size:24px!important}
  .game-stat{min-height:58px;padding:9px 10px!important}
  .game-stat b{font-size:14.5px!important}
}

@media(max-width:768px){
  .game-head{
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-template-areas:
      "cover info"
      "stats stats"!important;
    grid-template-rows:auto auto!important;
    gap:13px 14px!important;
    padding-bottom:15px!important;
    margin-bottom:16px!important;
  }
  .game-head__image{
    width:104px!important;
    height:104px!important;
    padding:5px;
    border-radius:7px;
  }
  .game-head__info{align-self:center;padding:0!important}
  .game-head__info h1{
    margin-bottom:7px!important;
    font-size:22px!important;
    line-height:1.16!important;
  }
  .game-head__provider{font-size:12.5px!important}
  .game-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .game-stat{min-height:55px;padding:9px 10px!important;font-size:11px!important}
  .game-stat b{font-size:14px!important}
  .game-demo-player.is-locked{height:230px!important;margin-bottom:18px!important}
  .game-demo-gate{padding:13px!important}
  .game-demo-gate__panel{width:min(310px,100%)!important;padding:16px!important;border-radius:9px}
  .game-demo-gate__panel strong{font-size:18px!important}
}

@media(max-width:390px){
  .game-head{grid-template-columns:90px minmax(0,1fr)!important;gap:11px 12px!important}
  .game-head__image{width:90px!important;height:90px!important;padding:4px}
  .game-head__info h1{font-size:20px!important}
  .game-head__provider{font-size:12px!important}
  .game-stat{padding:8px 9px!important}
  .game-demo-player.is-locked{height:218px!important}
  .game-demo-gate__panel{padding:14px!important}
  .game-demo-gate__panel strong{font-size:17px!important}
}

/* ========================================================================== 
   1.3.0 — full demo stage, controls, square demo cards, subtle depth
   ========================================================================== */

/* Keep the demo stage visually large before launch without loading provider JS. */
.game-demo-player,
.game-demo-player.is-locked,
.game-demo-player.is-running{
  position:relative;
  width:100%;
  height:auto!important;
  aspect-ratio:16/9!important;
  margin:0 0 22px;
  overflow:hidden;
  border:1px solid #172234!important;
  border-radius:9px;
  background:
    radial-gradient(circle at 50% 24%,rgba(26,80,142,.18),transparent 42%),
    linear-gradient(145deg,#09101a 0%,#05080d 70%,#08111e 100%)!important;
  box-shadow:0 4px 24px rgba(0,0,0,.08);
}
.game-demo-frame{
  position:absolute!important;
  inset:0 0 44px!important;
  z-index:1;
  width:auto!important;
  height:auto!important;
  background:#070b11!important;
}
.game-demo-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#070b11;
}
.game-demo-gate{
  position:absolute!important;
  inset:0 0 44px 0!important;
  z-index:3!important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.game-demo-gate__panel{
  width:min(330px,calc(100% - 28px))!important;
  padding:22px 20px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:10px!important;
  background:rgba(8,14,23,.78)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(6px)!important;
}
.game-demo-gate__eyebrow{color:#c5cfdb!important}
.game-demo-gate__panel strong{color:#fff!important}
.game-demo-poster{display:none!important}

.game-demo-controls{
  position:absolute;
  inset:auto 0 0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding:0 14px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(5,9,15,.96);
  color:#c8d2df;
}
.game-demo-control{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:44px;
  padding:0 4px;
  border:0;
  background:transparent;
  color:#c8d2df;
  font:inherit;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  transition:color .16s ease,opacity .16s ease;
}
.game-demo-control:hover{color:#fff}
.game-demo-control:focus-visible{outline:2px solid rgba(53,143,232,.7);outline-offset:-2px;border-radius:5px}
.game-demo-control__icon{width:20px;height:20px;flex:0 0 20px}
.game-demo-control--sound.is-muted .sound-wave,
.game-demo-player.is-muted .game-demo-control--sound .sound-wave{opacity:.18}
.game-demo-player.is-muted .game-demo-control--sound .sound-wave--2{display:none}
.game-demo-exit-fullscreen{
  position:absolute;
  top:16px;
  right:16px;
  z-index:9;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.2);
  border-radius:8px;
  background:rgba(5,9,15,.78);
  color:#fff;
  box-shadow:0 6px 22px rgba(0,0,0,.28);
  cursor:pointer;
  backdrop-filter:blur(6px);
}
.game-demo-exit-fullscreen[hidden]{display:none!important}
.game-demo-exit-fullscreen svg{width:21px;height:21px}
.game-demo-exit-fullscreen:hover{background:rgba(22,31,45,.95)}

.game-demo-player:fullscreen,
.game-demo-player.is-pseudo-fullscreen{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#05080d!important;
  box-shadow:none!important;
}
.game-demo-player:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
}
.game-demo-player::backdrop{background:#05080d}
.game-demo-player.is-pseudo-fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
}
body.demo-fullscreen-lock{overflow:hidden!important}
.game-demo-player:fullscreen .game-demo-frame,
.game-demo-player.is-pseudo-fullscreen .game-demo-frame{inset:0 0 52px!important}
.game-demo-player:fullscreen .game-demo-gate,
.game-demo-player.is-pseudo-fullscreen .game-demo-gate{inset:0 0 52px 0!important}
.game-demo-player:fullscreen .game-demo-controls,
.game-demo-player.is-pseudo-fullscreen .game-demo-controls{min-height:52px;padding:0 20px}
.game-demo-player:fullscreen .game-demo-control,
.game-demo-player.is-pseudo-fullscreen .game-demo-control{height:52px;font-size:13px}

/* Demo shortstory: use the artwork as a square tile instead of letterboxing it. */
.demo-card{
  overflow:hidden;
  border-radius:9px!important;
  background:#fff;
}
@supports (aspect-ratio:1/1){
  .demo-card__media{
    width:100%;
    height:auto!important;
    aspect-ratio:1/1;
    padding:0!important;
    overflow:hidden;
    background:#e9eef3!important;
  }
}
.demo-card__media img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.demo-card__body{padding:10px 11px 12px!important}
.demo-card__provider{margin-bottom:4px;color:#727b85;font-size:11px!important;line-height:1.25}
.demo-card__title{font-size:14px!important;line-height:1.32!important}
.demo-card__facts{margin-top:8px}

/* Quiet depth for factual cards / sidebar blocks. */
.game-stat,
.jg-widget{
  box-shadow:0 4px 24px rgba(0,0,0,.08)!important;
}
.game-stat{background:#fff!important}

/* Global scroll-to-top button. */
.scroll-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:7000;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid #d7e0e8;
  border-radius:8px;
  background:#1976d2;
  color:#fff;
  box-shadow:0 4px 24px rgba(0,0,0,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(9px);
  cursor:pointer;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease,background .18s ease;
}
.scroll-top svg{width:22px;height:22px}
.scroll-top:hover{background:#0d5fae}
.scroll-top.is-visible{opacity:1;visibility:visible;transform:none}
body.demo-fullscreen-lock .scroll-top{display:none!important}

@media(max-width:768px){
  .game-demo-player,.game-demo-player.is-locked,.game-demo-player.is-running{
    height:auto!important;
    aspect-ratio:16/9!important;
    margin-bottom:18px!important;
    border-radius:7px!important;
  }
  .game-demo-frame{inset:0 0 42px!important}
  .game-demo-gate{inset:0 0 42px 0!important;padding:12px!important}
  .game-demo-controls{min-height:42px;padding:0 10px}
  .game-demo-control{height:42px;gap:6px;font-size:11px}
  .game-demo-control__icon{width:18px;height:18px;flex-basis:18px}
  .game-demo-exit-fullscreen{top:12px;right:12px;width:40px;height:40px}
  .game-demo-player:fullscreen,
  .game-demo-player.is-pseudo-fullscreen{height:100vh!important;aspect-ratio:auto!important;border-radius:0!important}
  .game-demo-player:fullscreen .game-demo-frame,
  .game-demo-player.is-pseudo-fullscreen .game-demo-frame{inset:0 0 48px!important}
  .game-demo-player:fullscreen .game-demo-gate,
  .game-demo-player.is-pseudo-fullscreen .game-demo-gate{inset:0 0 48px 0!important}
  .game-demo-player:fullscreen .game-demo-controls,
  .game-demo-player.is-pseudo-fullscreen .game-demo-controls{min-height:48px;padding:0 14px}
  .game-demo-player:fullscreen .game-demo-control,
  .game-demo-player.is-pseudo-fullscreen .game-demo-control{height:48px;font-size:12px}
  .scroll-top{right:14px;bottom:76px;width:42px;height:42px;border-radius:8px}
}

@media(max-width:430px){
  .game-demo-gate__panel{padding:16px 14px!important}
  .game-demo-gate__panel strong{font-size:17px!important}
  .game-demo-control span{display:inline}
  .demo-card__provider{font-size:10.5px!important}
  .demo-card__title{font-size:13.5px!important}
}


/* ========================================================================== 
   1.3.1 — clean field usage, home panels, article/news cards, mobile review
   ========================================================================== */

.home-main{min-width:0}

/* Article shortstory: editorial row, independent from old guide-card styles. */
.article-list,
.category-article-list,
.articles-grid--compact{display:block!important}
.article-teaser{
  display:grid;
  grid-template-columns:152px minmax(0,1fr);
  gap:15px;
  align-items:start;
  min-width:0;
  padding:14px 0;
  border:0;
  border-bottom:1px solid #e6eaee;
  background:transparent;
}
.article-teaser:first-child{padding-top:0}
.article-teaser:last-child{padding-bottom:0;border-bottom:0}
.article-teaser__media{
  display:block;
  width:152px;
  height:100px;
  overflow:hidden;
  border-radius:7px;
  background:#eef2f5;
}
.article-teaser__media img{display:block;width:100%;height:100%;object-fit:cover}
.article-teaser__body{min-width:0;padding:1px 0}
.article-teaser__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px;color:#7a838d;font-size:11.5px;line-height:1.3}
.article-teaser__meta a{color:#65717d;text-decoration:none}
.article-teaser__meta a:hover{color:var(--primary)}
.article-teaser__title{margin:0 0 6px;font-size:16px;line-height:1.35}
.article-teaser__title a{color:#151b22;text-decoration:none}
.article-teaser__title a:hover{color:var(--primary)}
.article-teaser__excerpt{margin:0;color:#606a74;font-size:13.5px;line-height:1.5}
.related-items.pcms-material-collection--article{display:block!important}

/* News shortstory: its own compact news row. */
.news-list{display:block}
.news-row.news-teaser{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:14px;
  align-items:start;
  padding:13px 0!important;
  border:0!important;
  border-bottom:1px solid #e6eaee!important;
  background:transparent;
}
.news-row.news-teaser:first-child{padding-top:0!important}
.news-row.news-teaser:last-child{padding-bottom:0!important;border-bottom:0!important}
.news-teaser__media{display:block;width:118px;height:78px;overflow:hidden;border-radius:7px;background:#eef2f5}
.news-teaser__media img{display:block;width:100%;height:100%;object-fit:cover}
.news-teaser__body{min-width:0}
.news-teaser__date{margin-bottom:4px;color:#7a838d;font-size:11px;line-height:1.25}
.news-teaser__title{margin:0 0 5px;font-size:15.5px;line-height:1.35}
.news-teaser__title a{color:#151b22;text-decoration:none}
.news-teaser__title a:hover{color:var(--primary)}
.news-teaser__excerpt{margin:0;color:#606a74;font-size:13px;line-height:1.5}
.related-items.pcms-material-collection--news{display:block!important;border-top:0!important}

/* Demo cards: stable near-square artwork, no side gutters and no card-in-card look. */
.demo-card{min-width:0;border:1px solid #e2e7eb!important;border-radius:9px!important;box-shadow:0 3px 14px rgba(0,0,0,.055)!important}
.demo-card:hover{box-shadow:0 7px 22px rgba(0,0,0,.085)!important}
.demo-card__media{width:100%;height:auto!important;aspect-ratio:1/1!important;padding:0!important;background:#edf1f4!important}
.demo-card__media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.demo-card__media-fallback{display:grid;place-items:center;width:100%;height:100%;color:#54606d;font-size:18px;font-weight:900;letter-spacing:.06em;background:#e8edf2}
.demo-card__body{padding:10px 11px 12px!important}
.demo-card__facts{gap:6px}
.demo-card__fact{padding:7px!important;background:#f7f9fb!important}


.demo-card__sample-cover{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  width:100%;
  height:100%;
  padding:18px;
  color:#fff;
  background:#273746;
  background-image:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:25% 100%;
}
.demo-card__sample-cover small{align-self:flex-start;margin-bottom:auto;padding:4px 6px;border:1px solid rgba(255,255,255,.55);font-size:9px;font-weight:900;letter-spacing:.08em}
.demo-card__sample-cover strong{display:block;font-size:22px;line-height:1.05;letter-spacing:.01em}
.demo-card__sample-cover em{display:block;margin-top:7px;color:#d7dee5;font-size:11px;font-style:normal}
.article-teaser__sample,.news-teaser__sample{display:flex!important;align-items:flex-end!important;padding:10px!important;color:#fff!important;background:#2d4855!important;text-decoration:none!important}
.article-teaser__sample span,.news-teaser__sample span{font-size:12px;font-weight:800;line-height:1.15}
.news-teaser__sample{background:#435261!important}
.review-hero__demo-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;color:#263747;font-size:13px!important;font-weight:900!important;line-height:1.12;text-align:center;overflow:hidden}

.article-cover--sample{
  display:flex;flex-direction:column;justify-content:flex-end;height:300px!important;padding:24px!important;
  color:#fff;background:#2d4855!important;border-radius:8px;
}
.article-cover--sample span{margin-bottom:8px;color:#d8e0e5;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.article-cover--sample strong{max-width:720px;font-size:28px;line-height:1.15}
.article-cover--news-sample{background:#435261!important}
.game-head__sample-cover{display:flex!important;flex-direction:column;justify-content:flex-end!important;padding:18px!important;color:#fff;background:#273746!important}
.game-head__sample-cover span{align-self:flex-start;margin-bottom:auto;padding:4px 6px;border:1px solid rgba(255,255,255,.5);font-size:9px;font-weight:900;letter-spacing:.08em}
.game-head__sample-cover strong{font-size:20px;line-height:1.08}
.game-head__sample-cover small{margin-top:6px;color:#d7dee5;font-size:11px}
.offer-card__sample{display:flex!important;flex-direction:column;justify-content:flex-end!important;padding:14px!important;color:#fff!important;background:#31465a!important;text-decoration:none!important}
.offer-card__sample span{margin-bottom:auto;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.offer-card__sample strong{font-size:17px;line-height:1.15}


/* Casino review mobile: constrain the logo, separate the title and center promo. */
.review-hero__logo{overflow:hidden}
.review-hero__logo img{display:block;width:100%;height:100%;max-width:100%!important;max-height:100%!important;object-fit:contain;padding:6px}
@media(max-width:768px){
  .article-cover--sample{height:210px!important;padding:16px!important}.article-cover--sample strong{font-size:21px}
  .review-hero__top{
    grid-template-columns:84px minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:12px!important;
    padding:2px 0 14px!important;
  }
  .review-hero__logo{width:84px!important;height:72px!important;justify-self:start!important;margin:0!important}
  .review-hero__title{min-width:0;padding:0 2px 0 0!important;align-self:center}
  .review-hero__title h1{margin:0 0 7px!important;font-size:22px!important;line-height:1.16!important;overflow-wrap:anywhere}
  .review-hero__offer{grid-column:1/-1!important;width:100%;padding:12px 0 0!important;border-left:0!important;border-top:1px solid #edf0f2}
  .review-promo-coupon{margin:8px auto 0!important}
  .review-hero__actions{grid-column:1/-1!important;width:100%}

  .article-teaser{grid-template-columns:104px minmax(0,1fr);gap:11px;padding:11px 0}
  .article-teaser__media{width:104px;height:78px;border-radius:6px}
  .article-teaser__title{font-size:14.5px;margin-bottom:4px}
  .article-teaser__meta{font-size:10px;gap:6px}
  .article-teaser__excerpt{display:none}

  .news-row.news-teaser{grid-template-columns:92px minmax(0,1fr)!important;gap:10px;padding:10px 0!important}
  .news-teaser__media{width:92px;height:66px;border-radius:6px}
  .news-teaser__date{font-size:10px}
  .news-teaser__title{font-size:14px;margin-bottom:0}
  .news-teaser__excerpt{display:none}
}
@media(max-width:390px){
  .review-hero__top{grid-template-columns:76px minmax(0,1fr)!important;column-gap:12px!important}
  .review-hero__logo{width:76px!important;height:66px!important}
  .review-hero__title h1{font-size:20px!important}
  .article-teaser{grid-template-columns:92px minmax(0,1fr)}
  .article-teaser__media{width:92px;height:70px}
}


/* ==========================================================================
   1.3.2 — restore continuous home canvas; shadow only real UI blocks
   ========================================================================== */
.home-main.jg-main-surface{min-width:0}
.casino-table-wrap{
  margin:0;
  border-radius:7px;
  box-shadow:0 4px 24px rgba(0,0,0,.08);
  overflow:hidden;
}
.casino-table-wrap .casino-table-head{margin:0;border-radius:0}
.casino-table-wrap .casino-rating{border-radius:0;box-shadow:none}
.demo-card{box-shadow:0 4px 24px rgba(0,0,0,.08)!important}
.demo-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.11)!important}
@media(max-width:768px){
  .home-main.jg-main-surface{padding:14px!important}
  .casino-table-wrap{box-shadow:0 3px 18px rgba(0,0,0,.075)}
  .demo-card{box-shadow:0 3px 18px rgba(0,0,0,.075)!important}
}


/* ========================================================================== 
   1.3.3 — casino artwork fallback + rectangular rating logos
   ========================================================================== */
/* Casino can now use the Main image directly. The logo field remains an optional override. */
.casino-board__logo{
  flex:0 0 112px!important;
  width:112px!important;
  height:52px!important;
  margin:0!important;
  padding:4px 7px!important;
  justify-content:center!important;
  border:1px solid #e8edf1!important;
  border-radius:7px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.casino-board__logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:98px!important;
  max-height:44px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
}
.casino-board__logo-fallback{
  width:98px!important;
  height:42px!important;
  padding:4px 7px!important;
  border-radius:4px!important;
  font-size:10px!important;
  line-height:1.05!important;
  text-align:center!important;
}

/* Sidebar keeps logos readable instead of turning artwork into tiny circular crops. */
.jg-sidebar-casino__logo{
  flex:0 0 54px!important;
  width:54px!important;
  height:34px!important;
  padding:2px 4px!important;
  border-radius:5px!important;
  background:#f7f9fb!important;
}
.jg-sidebar-casino__logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}

@media(min-width:769px) and (max-width:1200px){
  .casino-board__logo{flex-basis:88px!important;width:88px!important;height:46px!important;padding:4px 6px!important}
  .casino-board__logo img{max-width:76px!important;max-height:38px!important}
  .casino-board__logo-fallback{width:76px!important;height:36px!important;font-size:9px!important}
}

@media(max-width:768px){
  .casino-board__row{grid-template-columns:28px minmax(0,1fr) 63px!important}
  .casino-board__identity{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:5px 4px!important}
  .casino-board__logo{
    flex:0 0 78px!important;
    width:78px!important;
    height:44px!important;
    padding:3px 5px!important;
    border-radius:6px!important;
  }
  .casino-board__logo img{max-width:68px!important;max-height:36px!important}
  .casino-board__logo-fallback{width:68px!important;height:34px!important;font-size:8.5px!important}
  .casino-board__name{display:block!important;min-width:0!important;font-size:12px!important;white-space:normal!important;line-height:1.2!important}
  .jg-sidebar-casino__logo{flex-basis:50px!important;width:50px!important;height:32px!important}
}

/* 1.3.4 — tag directory and category-aware tag archives */
.pcms-tag-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;border-top:1px solid #e1e5e9}
.pcms-tag-directory>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px 0;border-bottom:1px solid #e1e5e9;color:#20262d;text-decoration:none}
.pcms-tag-directory>a:hover{color:var(--primary);text-decoration:none}
.pcms-tag-directory>a strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.pcms-tag-directory>a span{flex:0 0 auto;color:#7b858e;font-size:11px}
.tag-groups{display:grid;gap:30px;margin-top:20px}
.tag-zone{min-width:0}
.tag-zone__head{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0 0 9px;border-bottom:1px solid #dfe3e6}
.tag-zone__head h2{margin:0;font-size:21px;line-height:1.2}
.tag-zone__head h2 a{color:#18212b;text-decoration:none}
.tag-zone__head h2 a:hover{color:var(--primary);text-decoration:none}
.tag-zone__head>span{color:#7c858f;font-size:11px}
.tag-zone__items{margin:0!important}
.tag-zone__items.pcms-material-collection--casino{padding:0!important;background:#fff!important;border:1px solid #dfe3e6!important}
.tag-zone__items.pcms-material-collection--news{border-top:0!important}
@media(max-width:900px){.pcms-tag-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pcms-tag-directory{grid-template-columns:1fr;column-gap:0}.tag-groups{gap:24px}.tag-zone__head h2{font-size:19px}}


/* ========================================================================== 
   1.3.6 — mobile breadcrumbs, honest demo controls, unified site icon set
   ========================================================================== */
.site-icon{display:block;width:18px;height:18px;flex:0 0 18px}
.header-search button{color:#c7ced8!important;transition:color .16s ease,background-color .16s ease}
.header-search button:hover,.header-search button:focus-visible{color:#38a0f5!important}
.header-socials__item{border-color:#4a4e5b!important;background:transparent!important;color:#c5cbd4!important}
.header-socials__item:hover,.header-socials__item:focus-visible{border-color:#2396f7!important;background:#2396f7!important;color:#fff!important}
.header-socials__item .site-icon{width:14px;height:14px}
.mobile-menu__search .site-icon{width:18px;height:18px;margin:auto}
.mobile-bottom-nav__icon{display:grid;place-items:center}
.mobile-bottom-nav__icon .site-icon{width:20px;height:20px}

.fact-row__icon{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;color:#1976d2!important}
.fact-row__svg{display:block;width:17px;height:17px}

/* Provider iframe owns audio; do not render a host mute button that cannot reliably control cross-origin demos. */
.game-demo-controls{justify-content:flex-start}
.game-demo-control--sound{display:none!important}

@media(max-width:768px){
  /* Keep breadcrumbs on one line; swipe horizontally instead of wrapping to a second row. */
  .breadcrumbs,.pcms-breadcrumbs{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    touch-action:pan-x;
  }
  .breadcrumbs::-webkit-scrollbar,.pcms-breadcrumbs::-webkit-scrollbar{display:none}
  .pcms-breadcrumbs ol{flex-wrap:nowrap!important;width:max-content;min-width:100%}
  .pcms-breadcrumbs li{flex:0 0 auto;white-space:nowrap}
  .pcms-breadcrumbs [aria-current="page"]{padding-right:8px}
}

/* ========================================================================== 
   1.3.7 — tablet portrait layout
   Do not keep a 290px sidebar when the viewport is only ~770–900px wide.
   The review hero must never squeeze title, bonus and actions into one row.
   ========================================================================== */
@media (min-width:769px) and (max-width:900px){
  .review-shell,.jg-layout,.content-with-sidebar,.article-layout{
    display:block!important;
    width:100%!important;
  }
  .review-shell>.right-sidebar,.review-shell>.sidebar,
  .jg-layout>.right-sidebar,.jg-layout>.sidebar,
  .content-with-sidebar>.right-sidebar,.content-with-sidebar>.sidebar,
  .article-layout>.right-sidebar,.article-layout>.sidebar{
    display:none!important;
  }
  .review-main.jg-main-surface,.content-area.jg-main-surface,.article-main.jg-main-surface,.jg-main-surface{
    width:100%;
    max-width:none;
  }

  .review-hero__top{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    column-gap:18px!important;
    row-gap:13px!important;
    padding:2px 0 15px!important;
  }
  .review-hero__logo{
    width:110px!important;
    height:82px!important;
    justify-self:start!important;
    margin:0!important;
  }
  .review-hero__title{min-width:0!important;align-self:center!important}
  .review-hero__title h1{
    margin:0 0 7px!important;
    font-size:25px!important;
    line-height:1.16!important;
    overflow-wrap:anywhere;
  }
  .review-hero__offer{
    grid-column:1/-1!important;
    width:100%!important;
    padding:12px 0 0!important;
    border-left:0!important;
    border-top:1px solid #edf0f2!important;
  }
  .review-hero__bonus strong{font-size:17px!important}
  .review-promo-coupon{margin-top:8px!important}
  .review-hero__actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  .review-hero__cta,.review-hero__outline{height:38px!important;font-size:12px!important}

  .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fact-row{grid-template-columns:minmax(115px,.9fr) minmax(0,1.1fr)!important;gap:10px!important}
  .fact-row__value{overflow-wrap:anywhere}
}


/* ==========================================================================
   1.4.0 — mobile demo gate: keep CTA panel clear of the control bar
   ========================================================================== */
@media (max-width:768px){
  /* The locked state cannot use the same 16:9 height as the running iframe:
     the title + two CTAs need more vertical room above the 42px control bar. */
  .game-demo-player.is-locked{
    height:292px!important;
    aspect-ratio:auto!important;
  }
  .game-demo-player.is-running{
    height:auto!important;
    aspect-ratio:16/9!important;
  }
  .game-demo-player.is-locked .game-demo-gate{
    inset:0 0 42px 0!important;
    padding:12px!important;
  }
  .game-demo-player.is-locked .game-demo-gate__panel{
    width:min(310px,100%)!important;
    max-height:calc(100% - 8px);
    box-sizing:border-box;
    padding:15px 14px!important;
  }
  .game-demo-player.is-locked .game-demo-gate__eyebrow{
    margin-bottom:4px!important;
  }
  .game-demo-player.is-locked .game-demo-gate__panel strong{
    margin-bottom:13px!important;
    font-size:17px!important;
    line-height:1.22!important;
  }
  .game-demo-player.is-locked .game-demo-gate__demo,
  .game-demo-player.is-locked .game-demo-gate__money{
    min-height:42px!important;
    padding:9px 14px!important;
    font-size:12.5px!important;
  }
  .game-demo-player.is-locked .game-demo-gate__money{margin-top:8px!important}
}

@media (max-width:360px){
  .game-demo-player.is-locked{height:300px!important}
  .game-demo-player.is-locked .game-demo-gate{padding:10px!important}
  .game-demo-player.is-locked .game-demo-gate__panel{padding:14px 12px!important}
}


/* ========================================================================== 
   1.4.1 — contextual casino ranking + podium accents
   ========================================================================== */
/* The shortstory card is reused by search, article embeds and real ratings.
   A place number is meaningful only inside a real .casino-rating wrapper. */
.casino-board__rank{display:none!important}
.casino-rating>.casino-board__item .casino-board__rank{display:grid!important}

/* List logos stay clean: no decorative frame around the artwork. Full review
   logos use .review-hero__logo and are intentionally unaffected. */
.casino-board__logo{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Outside a real rating there is no empty rank column. This covers single
   [pcms:material], multi-material embeds, search and ordinary smart lists. */
@media(min-width:1201px){
  :not(.casino-rating)>.casino-board__item .casino-board__row{
    grid-template-columns:minmax(250px,1.35fr) 118px minmax(190px,.9fr) 112px!important;
  }
}
@media(min-width:769px) and (max-width:1200px){
  :not(.casino-rating)>.casino-board__item .casino-board__row{
    grid-template-columns:minmax(190px,1.2fr) 92px minmax(145px,.8fr) 90px!important;
  }
}
@media(max-width:768px){
  :not(.casino-rating)>.casino-board__item .casino-board__row{
    grid-template-columns:minmax(0,1fr) 63px!important;
  }
  :not(.casino-rating)>.casino-board__item .casino-board__identity{grid-column:1!important;grid-row:1!important}
  :not(.casino-rating)>.casino-board__item .casino-board__rating{grid-column:2!important;grid-row:1!important}
  :not(.casino-rating)>.casino-board__item .casino-board__bonus{grid-column:1/-1!important;grid-row:2!important}
  :not(.casino-rating)>.casino-board__item .casino-board__actions{grid-column:1/-1!important;grid-row:3!important}
}

/* A podium treatment is useful only when the rating is substantial enough to
   have at least five rows. The first three are highlighted subtly instead of
   turning the whole table into bright casino colours. */
.casino-rating:has(>.casino-board__item:nth-child(5))>.casino-board__item:nth-child(1){
  background:linear-gradient(90deg,rgba(212,175,55,.14) 0,rgba(212,175,55,.055) 24%,#fff 58%)!important;
  box-shadow:inset 3px 0 0 #d4af37!important;
}
.casino-rating:has(>.casino-board__item:nth-child(5))>.casino-board__item:nth-child(2){
  background:linear-gradient(90deg,rgba(174,181,190,.16) 0,rgba(174,181,190,.06) 24%,#fff 58%)!important;
  box-shadow:inset 3px 0 0 #aeb5be!important;
}
.casino-rating:has(>.casino-board__item:nth-child(5))>.casino-board__item:nth-child(3){
  background:linear-gradient(90deg,rgba(185,120,69,.14) 0,rgba(185,120,69,.055) 24%,#fff 58%)!important;
  box-shadow:inset 3px 0 0 #b97845!important;
}
.casino-rating:has(>.casino-board__item:nth-child(5))>.casino-board__item:nth-child(1) .casino-board__rank{color:#a97900!important;font-weight:900!important}
.casino-rating:has(>.casino-board__item:nth-child(5))>.casino-board__item:nth-child(2) .casino-board__rank{color:#737b85!important;font-weight:900!important}
.casino-rating:has(>.casino-board__item:nth-child(5))>.casino-board__item:nth-child(3) .casino-board__rank{color:#9a5a2e!important;font-weight:900!important}

/* Saved "Рейтинг" blocks have their own renderer in the core, so mirror the
   same >=5 podium logic there without affecting ordinary material blocks. */
.pcms-saved-rating ol:has(>.pcms-saved-rating__item:nth-child(5))>.pcms-saved-rating__item:nth-child(1){box-shadow:inset 3px 0 0 #d4af37;background:rgba(212,175,55,.08)}
.pcms-saved-rating ol:has(>.pcms-saved-rating__item:nth-child(5))>.pcms-saved-rating__item:nth-child(2){box-shadow:inset 3px 0 0 #aeb5be;background:rgba(174,181,190,.09)}
.pcms-saved-rating ol:has(>.pcms-saved-rating__item:nth-child(5))>.pcms-saved-rating__item:nth-child(3){box-shadow:inset 3px 0 0 #b97845;background:rgba(185,120,69,.08)}


/* ========================================================================== 
   1.4.2 — bordered standalone casino cards
   ========================================================================== */
/* The logo artwork itself remains frameless, but a casino shown outside a
   real rating table is a standalone card and needs a visible container. */
:not(.casino-rating)>.casino-board__item{
  border:1px solid #dfe4e8!important;
  border-radius:8px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 1px 3px rgba(20,31,43,.06)!important;
}
:not(.casino-rating)>.casino-board__item:hover{
  border-color:#cfd7df!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(20,31,43,.08)!important;
}

/* A normal material collection is not a rating table. Give every casino its
   own card instead of drawing one frame around the whole collection. */
.pcms-material-collection.pcms-material-collection--casino{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.pcms-material-collection.pcms-material-collection--casino>.casino-board__item+.casino-board__item,
.pcms-smart-list>.casino-board__item+.casino-board__item{
  margin-top:10px!important;
}

/* Search already provides grid gap, so do not add a second vertical gap. */
.search-zone__items>.casino-board__item+.casino-board__item{
  margin-top:0!important;
}


/* ==========================================================================
   1.4.3 — truthful game CTAs
   ========================================================================== */
/* No fake demo CTA: the demo player exists only when {fields.demo_url} exists.
   When only an affiliate destination exists, render a compact money-only CTA. */
.game-money-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:178px;
  margin:0 0 22px;
  padding:18px;
  border:1px solid #172234;
  border-radius:9px;
  background:
    radial-gradient(circle at 50% 18%,rgba(25,118,210,.18),transparent 46%),
    linear-gradient(145deg,#09101a 0%,#05080d 70%,#08111e 100%);
  box-shadow:0 4px 24px rgba(0,0,0,.08);
}
.game-money-cta__panel{
  position:relative;
  width:min(330px,100%)!important;
  box-sizing:border-box;
  text-align:center;
}
.game-money-cta__panel strong{
  display:block;
  margin-bottom:15px!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.25!important;
}
.game-money-cta__button{
  margin-top:0!important;
}

@media(max-width:768px){
  .game-money-cta{min-height:164px;padding:12px;margin-bottom:18px}
  .game-money-cta__panel{padding:15px 14px!important}
  .game-money-cta__panel strong{font-size:17px!important;margin-bottom:13px!important}
  .game-money-cta__button{min-height:42px!important;padding:9px 14px!important;font-size:12.5px!important}
}

/* ==========================================================================
   1.4.4 — full-size money-only game stage + clearer home section hierarchy
   ========================================================================== */
/* If a game has no demo URL but does have a casino destination, keep the
   stage the same visual size as the normal 16:9 demo player. Only the CTA
   changes; the page rhythm must not jump between games. */
.game-money-cta{
  width:100%;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:18px!important;
  box-sizing:border-box;
}
.game-money-cta__panel{
  width:min(330px,calc(100% - 28px))!important;
  padding:22px 20px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:10px!important;
  background:rgba(8,14,23,.78)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(6px)!important;
}

/* Homepage sections need a visible hierarchy: intro/SEO copy, rating, demos
   and articles are different blocks, so their headings must not blend into
   surrounding paragraph text. */
.home-main .jg-section{
  margin-top:28px!important;
}
.home-main .jg-section:first-of-type{
  margin-top:20px!important;
}
.home-main .jg-section-heading{
  min-height:42px;
  margin:0 0 12px!important;
  padding:9px 10px 9px 12px!important;
  border:1px solid #e0e6eb!important;
  border-left:4px solid var(--primary)!important;
  border-radius:3px;
  background:#f7f9fb;
  box-sizing:border-box;
}
.home-main .jg-section-heading .section-title{
  color:#1f2832!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.home-main .jg-section-heading .section-more{
  flex:0 0 auto;
}
.home-main>.jg-home-content{
  margin-top:24px!important;
  padding-top:16px!important;
  border-top:1px solid #e6eaee!important;
}

@media(max-width:768px){
  .game-money-cta{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    padding:12px!important;
    margin-bottom:18px!important;
  }
  .game-money-cta__panel{
    width:min(310px,100%)!important;
    padding:15px 14px!important;
  }
  .home-main .jg-section{margin-top:22px!important}
  .home-main .jg-section:first-of-type{margin-top:17px!important}
  .home-main .jg-section-heading{
    min-height:39px;
    padding:8px 9px 8px 10px!important;
    margin-bottom:10px!important;
  }
  .home-main .jg-section-heading .section-title{font-size:17px!important}
  .home-main>.jg-home-content{margin-top:20px!important;padding-top:13px!important}
}

/* ========================================================================== 
   1.4.5 — compact demo cards outside the homepage carousel
   ========================================================================== */
/* The homepage carousel already has the right visual scale. Search results,
   category pages and smart/material collections must stay denser: otherwise a
   two-column search result turns square artwork into a 500px-tall poster. */
.search-zone__items:has(>.demo-card){
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.search-zone__items>.demo-card .demo-card__media,
.category-grid--games>.demo-card .demo-card__media,
.pcms-material-collection--game>.demo-card .demo-card__media{
  height:auto!important;
  aspect-ratio:4/3!important;
}

@media(max-width:1100px) and (min-width:769px){
  .search-zone__items:has(>.demo-card){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:768px){
  .search-zone__items:has(>.demo-card),
  .category-grid--games,
  .pcms-material-collection.pcms-material-collection--game{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  /* Compact horizontal result card on mobile. This deliberately does not
     target .demo-scroller, so the homepage swipe carousel remains unchanged. */
  .search-zone__items>.demo-card,
  .category-grid--games>.demo-card,
  .pcms-material-collection--game>.demo-card{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    align-items:stretch;
    min-height:122px;
    height:auto!important;
    flex:none!important;
  }
  .search-zone__items>.demo-card .demo-card__media,
  .category-grid--games>.demo-card .demo-card__media,
  .pcms-material-collection--game>.demo-card .demo-card__media{
    width:112px!important;
    height:100%!important;
    min-height:122px!important;
    aspect-ratio:auto!important;
  }
  .search-zone__items>.demo-card .demo-card__body,
  .category-grid--games>.demo-card .demo-card__body,
  .pcms-material-collection--game>.demo-card .demo-card__body{
    min-width:0;
    padding:10px!important;
  }
  .search-zone__items>.demo-card .demo-card__provider,
  .category-grid--games>.demo-card .demo-card__provider,
  .pcms-material-collection--game>.demo-card .demo-card__provider{
    margin-bottom:3px!important;
    font-size:10px!important;
  }
  .search-zone__items>.demo-card .demo-card__title,
  .category-grid--games>.demo-card .demo-card__title,
  .pcms-material-collection--game>.demo-card .demo-card__title{
    margin-bottom:7px!important;
    font-size:14px!important;
    line-height:1.28!important;
  }
  .search-zone__items>.demo-card .demo-card__facts,
  .category-grid--games>.demo-card .demo-card__facts,
  .pcms-material-collection--game>.demo-card .demo-card__facts{
    gap:5px!important;
    margin-top:auto!important;
  }
  .search-zone__items>.demo-card .demo-card__fact,
  .category-grid--games>.demo-card .demo-card__fact,
  .pcms-material-collection--game>.demo-card .demo-card__fact{
    padding:5px 6px!important;
    font-size:9.5px!important;
  }
  .search-zone__items>.demo-card .demo-card__fact b,
  .category-grid--games>.demo-card .demo-card__fact b,
  .pcms-material-collection--game>.demo-card .demo-card__fact b{
    font-size:10.5px!important;
  }
  .search-zone__items>.demo-card .demo-card__badge,
  .category-grid--games>.demo-card .demo-card__badge,
  .pcms-material-collection--game>.demo-card .demo-card__badge{
    left:6px!important;
    top:6px!important;
    padding:3px 5px!important;
    font-size:8px!important;
  }
}

@media(max-width:380px){
  .search-zone__items>.demo-card,
  .category-grid--games>.demo-card,
  .pcms-material-collection--game>.demo-card{
    grid-template-columns:100px minmax(0,1fr)!important;
    min-height:116px;
  }
  .search-zone__items>.demo-card .demo-card__media,
  .category-grid--games>.demo-card .demo-card__media,
  .pcms-material-collection--game>.demo-card .demo-card__media{
    width:100px!important;
    min-height:116px!important;
  }
}

/* ========================================================================== 
   1.4.6 — review score + fullstory hero separation
   ========================================================================== */
/* The generic `.review-score span` rule is intentionally weaker than this
   selector. Keep the rating star visibly gold and large enough to read. */
.review-score .review-score__star{
  display:inline-block;
  flex:0 0 auto;
  color:#f5b900!important;
  font-size:22px!important;
  line-height:1!important;
  transform:translateY(-1px);
}
.review-score>span:not(.review-score__star){
  color:#777!important;
  font-size:12px!important;
}

/* Full casino review header must read as a separate information panel rather
   than disappearing into the white article canvas. */
.review-hero{
  margin-bottom:18px!important;
  padding:15px 16px 16px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f3f7fb 100%)!important;
  border:1px solid #dce4ec!important;
  border-left:4px solid var(--primary)!important;
  border-radius:8px!important;
  box-shadow:0 3px 12px rgba(18,39,63,.05)!important;
  overflow:hidden!important;
}
.review-hero__top{padding:0!important}
.review-hero__logo{background:#fff!important;border-color:#dfe6ed!important}

/* The old compact/fullstory override changed the bonus hero to white while
   its H1 remained white. Make the whole bonus header a proper light panel and
   force all headline text back to readable dark colours. */
.offer-hero{
  margin-bottom:18px!important;
  padding:18px 20px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f3f7fb 100%)!important;
  color:#171c23!important;
  border:1px solid #dce4ec!important;
  border-left:4px solid var(--primary)!important;
  border-radius:8px!important;
  box-shadow:0 3px 12px rgba(18,39,63,.05)!important;
  overflow:hidden!important;
}
.offer-hero__eyebrow{color:#4f6f8f!important}
.offer-hero h1{
  margin:6px 0 8px!important;
  color:#0f1720!important;
  line-height:1.2!important;
}
.offer-hero__benefit{color:#17202a!important}

@media(max-width:768px){
  .review-hero{
    padding:12px 12px 13px!important;
    border-left-width:3px!important;
  }
  .review-score .review-score__star{font-size:20px!important}
  .offer-hero{
    padding:14px 15px!important;
    border-left-width:3px!important;
  }
  .offer-hero h1{font-size:22px!important;line-height:1.22!important}
}


/* ========================================================================== 
   1.4.7 — cleaner section/header hierarchy + mobile heading actions
   ========================================================================== */
/* The blue left accent read like a blockquote. Keep the panels separated by
   surface, border and spacing, but remove the quotation-like stripe. */
.home-main .jg-section-heading{
  border-left:1px solid #e0e6eb!important;
  box-shadow:0 1px 2px rgba(18,39,63,.025)!important;
}
.review-hero{
  border-left:1px solid #dce4ec!important;
}
.offer-hero{
  border-left:1px solid #dce4ec!important;
}

/* Keep the section action on the same row on phones. The title may use the
   remaining width, while the action never drops below it. */
@media(max-width:768px){
  .home-main .jg-section-heading{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }
  .home-main .jg-section-heading .section-title{
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    line-height:1.18!important;
  }
  .home-main .jg-section-heading .section-more{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    margin:0!important;
    padding:6px 8px!important;
    border:1px solid #d8dee5!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#4d5966!important;
    font-size:11px!important;
    line-height:1!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }
  .home-main .jg-section-heading .section-more:hover{
    border-color:#b9c6d3!important;
    background:#f5f7f9!important;
    color:#1d2731!important;
  }
}

@media(max-width:380px){
  .home-main .jg-section-heading{gap:6px!important;padding-left:8px!important;padding-right:8px!important}
  .home-main .jg-section-heading .section-title{font-size:16px!important}
  .home-main .jg-section-heading .section-more{font-size:10.5px!important;padding:6px 7px!important}
}

/* ========================================================================== 
   1.4.8 — bonus cards/fullstory polish + centered mobile review offer
   ========================================================================== */
/* Casino review: on phones the bonus block is its own row, so center it instead
   of leaving the label/value visually attached to the left edge. */
@media(max-width:768px){
  .review-hero__offer{
    text-align:center!important;
  }
  .review-hero__bonus{
    width:100%!important;
    text-align:center!important;
  }
  .review-hero__bonus small,
  .review-hero__bonus strong{
    text-align:center!important;
  }
  .review-hero__offer .review-promo-coupon{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Bonus shortstories are directory cards, not banners. Keep a stable compact
   horizontal composition in category/search/material collections. */
.category-grid--bonuses,
.pcms-material-collection.pcms-material-collection--bonus{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.offer-card{
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr)!important;
  min-height:146px!important;
  height:100%!important;
  overflow:hidden!important;
  border:1px solid #dce3e9!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#222b34!important;
  box-shadow:0 2px 8px rgba(18,39,63,.035)!important;
}
.offer-card:not(:has(.offer-card__image)){
  grid-template-columns:1fr!important;
}
.offer-card__image{
  display:block!important;
  width:128px!important;
  height:100%!important;
  min-height:146px!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid #e3e8ed!important;
  background:#eef2f6!important;
}
.offer-card__image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .2s ease!important;
}
.offer-card:hover .offer-card__image img{transform:scale(1.025)!important}
.offer-card__sample{
  min-height:146px!important;
  padding:12px!important;
  border-right:1px solid #e3e8ed!important;
  background:#30465a!important;
}
.offer-card__sample span{font-size:9px!important}
.offer-card__sample strong{font-size:14px!important;line-height:1.15!important}

.offer-card__content{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  background:#fff!important;
}
.offer-card__top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:10px 12px 3px!important;
}
.offer-card__brand{
  min-width:0!important;
  overflow:hidden!important;
  color:#687482!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.offer-card__type{
  flex:0 0 auto!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:#f1f5f8!important;
  color:#73808c!important;
  font-size:9px!important;
  line-height:1!important;
}
.offer-card__body{padding:4px 12px 8px!important}
.offer-card__title{
  display:block!important;
  color:#17202a!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.28!important;
  text-decoration:none!important;
}
.offer-card__title:hover{color:var(--primary)!important}
.offer-card__benefit{
  margin-top:6px!important;
  color:#1c2732!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.offer-card__meta{
  display:flex!important;
  gap:5px!important;
  margin-top:6px!important;
  color:#76818c!important;
  font-size:10px!important;
  line-height:1.3!important;
}
.offer-card__meta span{flex:0 0 auto!important;color:#9099a2!important}
.offer-card__meta b{min-width:0!important;color:#555f69!important;font-weight:700!important}
.offer-card__footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:auto!important;
  padding:8px 12px 10px!important;
  border-top:1px solid #edf1f4!important;
  background:#fbfcfd!important;
}
.offer-card__actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-left:auto!important;
}
.offer-card__details{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 8px!important;
  color:#586572!important;
  font-size:10.5px!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.offer-card__details:hover{color:var(--primary)!important}
.offer-card__cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:5px!important;
  background:var(--primary)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.offer-card__cta:hover{background:#1565c0!important;color:#fff!important}

/* One coupon component for cards and fullstory. The whole dashed coupon is
   clickable; no noisy visible "copy" caption is needed. */
.bonus-coupon{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%!important;
  min-height:34px!important;
  padding:6px 9px!important;
  border:1px dashed #75aee1!important;
  border-radius:5px!important;
  background:#f7fbff!important;
  color:#17212b!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.bonus-coupon span{
  flex:0 0 auto!important;
  color:#71808f!important;
  font-size:9.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.bonus-coupon strong{
  min-width:0!important;
  overflow:hidden!important;
  color:#111b25!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bonus-coupon:hover{border-color:#3f8fd0!important;background:#eef7ff!important}
.bonus-coupon:focus-visible{outline:2px solid rgba(30,136,229,.24)!important;outline-offset:2px!important}
.bonus-coupon.is-copied{border-color:#2aa46f!important;background:#f0fbf6!important;box-shadow:0 0 0 2px rgba(42,164,111,.07)!important}
.bonus-coupon.is-copied::after{content:"✓";color:#20875b;font-size:12px;font-weight:900;line-height:1}
.bonus-coupon--card{min-height:30px!important;padding:5px 7px!important}
.bonus-coupon--card span{font-size:9px!important}
.bonus-coupon--card strong{font-size:11px!important}

/* Full bonus: add the main image to the header and make promo/action the visual
   focus instead of leaving a large empty pale rectangle. */
.offer-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  margin-bottom:18px!important;
  padding:18px!important;
}
.offer-hero:has(.offer-hero__media){
  grid-template-columns:minmax(0,1fr) 280px!important;
}
.offer-hero__copy{min-width:0!important}
.offer-hero__eyebrow{
  margin-bottom:5px!important;
  color:#5d7186!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
.offer-hero h1{
  max-width:850px!important;
  margin:0!important;
  color:#111922!important;
  font-size:28px!important;
  line-height:1.16!important;
}
.offer-hero__benefit{
  margin-top:9px!important;
  color:#1f2a35!important;
  font-size:18px!important;
  font-weight:900!important;
}
.offer-hero__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:15px!important;
}
.bonus-coupon--hero{min-height:40px!important;padding:7px 11px!important}
.bonus-coupon--hero span{font-size:10.5px!important}
.bonus-coupon--hero strong{font-size:14px!important}
.offer-hero__cta{
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:5px!important;
  box-shadow:0 3px 10px rgba(30,136,229,.16)!important;
  text-decoration:none!important;
}
.offer-hero__media{
  width:280px!important;
  aspect-ratio:16/8.5!important;
  overflow:hidden!important;
  border:1px solid #dce4eb!important;
  border-radius:7px!important;
  background:#fff!important;
}
.offer-hero__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.offer-facts{
  gap:10px!important;
  margin-bottom:20px!important;
}
.offer-fact{
  padding:11px 12px!important;
  border:1px solid #e3e8ed!important;
  border-radius:6px!important;
  background:#f8fafc!important;
}
.offer-fact span{display:block!important;color:#7b8792!important;font-size:10.5px!important}
.offer-fact b{margin-top:3px!important;color:#1c2731!important;font-size:13px!important}

@media(max-width:1100px){
  .category-grid--bonuses,
  .pcms-material-collection.pcms-material-collection--bonus{
    grid-template-columns:1fr!important;
  }
  .offer-hero:has(.offer-hero__media){grid-template-columns:minmax(0,1fr) 230px!important}
  .offer-hero__media{width:230px!important}
}

@media(max-width:768px){
  .offer-card{
    grid-template-columns:106px minmax(0,1fr)!important;
    min-height:132px!important;
  }
  .offer-card__image{
    width:106px!important;
    min-height:132px!important;
  }
  .offer-card__sample{min-height:132px!important;padding:10px!important}
  .offer-card__top{padding:9px 10px 2px!important}
  .offer-card__body{padding:4px 10px 7px!important}
  .offer-card__title{font-size:13.5px!important}
  .offer-card__footer{padding:7px 10px 9px!important}
  .offer-card__details{display:none!important}
  .offer-card__cta{min-height:31px!important;padding:0 10px!important}
  .bonus-coupon--card{max-width:145px!important}

  .offer-hero,
  .offer-hero:has(.offer-hero__media){
    grid-template-columns:1fr!important;
    gap:13px!important;
    padding:14px!important;
  }
  .offer-hero__copy{text-align:center!important}
  .offer-hero__eyebrow{text-align:center!important}
  .offer-hero h1{
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:22px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  .offer-hero__benefit{text-align:center!important;font-size:17px!important}
  .offer-hero__actions{
    justify-content:center!important;
    margin-top:12px!important;
  }
  .offer-hero__media{
    order:-1!important;
    width:100%!important;
    max-width:420px!important;
    margin:0 auto!important;
    aspect-ratio:16/7.8!important;
  }
  .offer-facts{grid-template-columns:1fr!important}
}

@media(max-width:430px){
  .offer-card{
    grid-template-columns:92px minmax(0,1fr)!important;
    min-height:126px!important;
  }
  .offer-card__image{width:92px!important;min-height:126px!important}
  .offer-card__type{display:none!important}
  .offer-card__benefit{font-size:13px!important}
  .offer-card__footer{flex-wrap:wrap!important}
  .bonus-coupon--card{max-width:130px!important}
  .offer-hero__actions{flex-direction:column!important;align-items:stretch!important}
  .bonus-coupon--hero{width:100%!important;justify-content:center!important}
  .offer-hero__cta{width:100%!important}
}


/* =========================================================
   1.4.9 — bonus directory, full offer and mobile review CTA
   ========================================================= */
.bonus-category-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px;align-items:start}
.bonus-category-main{min-width:0}
.bonus-category-sidebar{min-width:0;position:sticky;top:122px;display:grid;gap:16px}
.bonus-category-sidebar>.right-sidebar{display:grid!important;position:static!important;width:100%!important;gap:16px!important}
.bonus-mobile-filter{display:none}
.bonus-filter-panel{padding:0;border:1px solid #dce3ea;background:#fff;border-radius:8px;overflow:hidden}
.bonus-filter-panel>h3{margin:0;padding:15px 16px;border-bottom:1px solid #e6ebef;background:#fafbfd;font-size:16px;line-height:1.2}
.pcms-facets{display:block;padding:0}
.pcms-facet{margin:0;padding:15px 16px 16px;border:0;border-bottom:1px solid #e7ebef}
.pcms-facet:last-of-type{border-bottom:0}
.pcms-facet legend{display:block;width:100%;margin:0 0 10px;padding:0;color:#17212b;font-size:13px;font-weight:900}
.pcms-facet__option{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:29px;color:#202b35;font-size:12.5px;cursor:pointer}
.pcms-facet__option input{width:14px;height:14px;margin:0;accent-color:var(--primary)}
.pcms-facet__option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcms-facet__option small{color:#8b949e;font-size:11px}
.pcms-facets__reset{display:block;padding:13px 16px;border-top:1px solid #e7ebef;color:var(--primary);font-size:12px;font-weight:800;text-align:center;text-decoration:underline}

.category-grid--bonuses{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.bonus-list-card{display:grid;grid-template-columns:minmax(0,1fr) 230px;min-height:132px;overflow:hidden;border:1px solid #30363d;border-radius:10px;background:linear-gradient(135deg,#25282c,#1f2226);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.bonus-list-card__main{min-width:0;padding:17px 20px;display:flex;flex-direction:column;justify-content:center}
.bonus-list-card__badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}
.bonus-list-card__badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:6px;background:#ffd400;color:#161a1f;font-size:10px;font-weight:900;text-transform:uppercase}
.bonus-list-card__title{display:block;color:#fff!important;font-size:18px;font-weight:900;line-height:1.24;text-decoration:none!important}
.bonus-list-card__title:hover{color:#dbeeff!important}
.bonus-list-card__benefit{margin-top:6px;color:#cbd3dc;font-size:13px;font-weight:700}
.bonus-list-card__more{width:max-content;margin-top:11px;color:#58d58b!important;font-size:12px;font-weight:800;text-decoration:underline!important;text-underline-offset:3px}
.bonus-list-card__action{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px;border-left:1px solid #40464d;background:rgba(255,255,255,.018)}
.bonus-list-card__code,.bonus-full-code{appearance:none;border:1px dashed rgba(30,35,40,.5);background:#ffd400;color:#12161a;cursor:pointer;font:inherit}
.bonus-list-card__code{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border-radius:6px;box-shadow:0 0 0 3px rgba(255,212,0,.12);font-size:13px;font-weight:900}
.bonus-list-card__code.is-copied,.bonus-full-code.is-copied{background:#45c37b;color:#fff}
.bonus-list-card__cta{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:6px;background:var(--primary);color:#fff!important;font-size:13px;font-weight:900;text-decoration:none!important}
.bonus-list-card__cta:hover{background:#1565c0!important}
.bonus-list-card__cta--secondary{border:1px solid #69727c;background:#fff;color:#18212a!important}

.bonus-fullstory{overflow:hidden}
.bonus-full-hero{margin-bottom:18px;border:1px solid #dbe2e8;border-radius:10px;background:#fff;overflow:hidden}
.bonus-full-hero__cover{width:100%;max-height:330px;overflow:hidden;background:#eef2f5}
.bonus-full-hero__cover img{display:block;width:100%;height:100%;max-height:330px;object-fit:cover;object-position:center}
.bonus-full-hero__body{padding:20px 22px 21px}
.bonus-full-hero__eyebrow{margin-bottom:8px;color:#526b82;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.bonus-full-hero h1{margin:0;color:#111923;font-size:28px;line-height:1.18}
.bonus-full-hero__benefit{margin-top:9px;color:#1d2731;font-size:18px;font-weight:900}
.bonus-full-hero__actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:18px}
.bonus-full-code{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;min-width:210px;min-height:48px;padding:7px 12px;border-radius:6px;text-align:left}
.bonus-full-code span{font-size:9px;font-weight:700;text-transform:uppercase;opacity:.68}
.bonus-full-code strong{font-size:14px;font-weight:900;letter-spacing:.03em}
.bonus-full-code i{font-style:normal;font-size:14px}
.bonus-full-cta{display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:48px;padding:0 20px;border-radius:6px;background:#19a961;color:#fff!important;font-size:14px;font-weight:900;text-decoration:none!important;box-shadow:0 4px 12px rgba(25,169,97,.18)}
.bonus-full-cta:hover{background:#148d51!important}
.bonus-full-hero__more{margin-top:12px}
.bonus-full-hero__more a{color:#526576;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.bonus-full-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 22px;border-top:1px solid #e1e6ea;border-bottom:1px solid #e1e6ea}
.bonus-full-facts>div{padding:12px 14px;border-right:1px solid #e8ecef}
.bonus-full-facts>div:last-child{border-right:0}
.bonus-full-facts span{display:block;color:#6f7b86;font-size:10.5px}
.bonus-full-facts b{display:block;margin-top:3px;color:#1b252e;font-size:13px}

.mobile-review-sticky{display:none}
@media(max-width:900px){
  .mobile-review-sticky{position:fixed;top:8px;left:8px;right:8px;z-index:1205;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(22,27,34,.97);box-shadow:0 8px 24px rgba(0,0,0,.26);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.18s ease;backdrop-filter:blur(9px)}
  .mobile-review-sticky.is-visible{display:grid;opacity:1;visibility:visible;transform:none}
  .mobile-review-sticky__logo{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#fff;color:#111;font-size:8px;font-weight:800;text-align:center}
  .mobile-review-sticky__logo img{display:block;width:100%;height:100%;object-fit:contain}
  .mobile-review-sticky__info{min-width:0;display:grid;gap:1px}
  .mobile-review-sticky__info strong,.mobile-review-sticky__info span,.mobile-review-sticky__info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-review-sticky__info strong{color:#fff;font-size:12px}
  .mobile-review-sticky__info span{color:#e8edf2;font-size:10.5px;font-weight:700}
  .mobile-review-sticky__info small{color:#9faab5;font-size:9.5px}
  .mobile-review-sticky__cta{display:flex;align-items:center;justify-content:center;min-width:78px;height:38px;padding:0 12px;border-radius:6px;background:var(--primary);color:#fff!important;font-size:11px;font-weight:900;text-decoration:none!important}
}

@media(max-width:1100px){
  .bonus-category-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}
  .bonus-list-card{grid-template-columns:minmax(0,1fr) 205px}
  .bonus-full-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bonus-full-facts>div:nth-child(2n){border-right:0}
}

@media(max-width:768px){
  .bonus-category-layout{display:block}
  .bonus-category-sidebar{display:none}
  .bonus-mobile-filter{display:block;margin:0 0 14px}
  .bonus-filter-drawer{border:1px solid #dce3ea;border-radius:8px;background:#fff;overflow:hidden}
  .bonus-filter-drawer>summary{padding:13px 14px;color:#16212b;font-size:13px;font-weight:900;cursor:pointer;list-style:none}
  .bonus-filter-drawer>summary::-webkit-details-marker{display:none}
  .bonus-filter-drawer>summary::after{content:"⌄";float:right;color:#6f7c88}
  .bonus-filter-drawer[open]>summary{border-bottom:1px solid #e7ebef}
  .bonus-filter-drawer__body .pcms-facets{display:grid;grid-template-columns:1fr 1fr}
  .bonus-filter-drawer__body .pcms-facet{border-bottom:0;border-right:1px solid #e7ebef}
  .bonus-filter-drawer__body .pcms-facet:last-of-type{border-right:0}
  .bonus-filter-drawer__body .pcms-facets__reset{grid-column:1/-1}

  .bonus-list-card{grid-template-columns:1fr;min-height:0}
  .bonus-list-card__main{padding:15px 15px 13px}
  .bonus-list-card__title{font-size:16px}
  .bonus-list-card__action{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 15px 15px;border-left:0;border-top:1px solid #40464d}
  .bonus-list-card__action>:only-child{grid-column:1/-1}
  .bonus-list-card__code,.bonus-list-card__cta{min-width:0;width:100%;min-height:42px}

  .bonus-full-hero__cover{max-height:220px}
  .bonus-full-hero__cover img{max-height:220px}
  .bonus-full-hero__body{padding:16px}
  .bonus-full-hero h1{font-size:23px;text-align:left}
  .bonus-full-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .bonus-full-code,.bonus-full-cta{width:100%;min-width:0}
  .bonus-full-facts{grid-template-columns:1fr 1fr}
}

@media(max-width:430px){
  .bonus-filter-drawer__body .pcms-facets{grid-template-columns:1fr}
  .bonus-filter-drawer__body .pcms-facet{border-right:0;border-bottom:1px solid #e7ebef}
  .bonus-list-card__action{grid-template-columns:1fr}
  .bonus-full-hero__cover{max-height:175px}
  .bonus-full-hero__cover img{max-height:175px}
  .bonus-full-hero h1{font-size:21px}
  .bonus-full-hero__actions{grid-template-columns:1fr}
  .bonus-full-facts{grid-template-columns:1fr}
  .bonus-full-facts>div{border-right:0;border-bottom:1px solid #e8ecef}
  .bonus-full-facts>div:last-child{border-bottom:0}
  .mobile-review-sticky{grid-template-columns:42px minmax(0,1fr) auto;left:6px;right:6px;padding:7px}
  .mobile-review-sticky__logo{width:42px;height:42px}
  .mobile-review-sticky__cta{min-width:70px;padding:0 10px}
}


/* =========================================================
   1.5.0 — bonus promo unification + header-attached mobile CTA
   ========================================================= */

/* Mobile review CTA: visually continue the sticky dark site header instead of covering it. */
@media(max-width:900px){
  .mobile-review-sticky{
    top:52px!important;
    left:0!important;
    right:0!important;
    z-index:999!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:9px!important;
    min-height:58px;
    padding:7px max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left))!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    border-radius:0 0 8px 8px!important;
    background:linear-gradient(100deg,#20212b 0%,#181821 70%,#17131b 100%)!important;
    box-shadow:0 5px 14px rgba(0,0,0,.22)!important;
    backdrop-filter:none!important;
    transform:translateY(-8px);
  }
  .mobile-review-sticky.is-visible{transform:none!important}
  .mobile-review-sticky__logo{width:44px!important;height:44px!important;border-radius:6px!important}
  .mobile-review-sticky__cta{height:38px!important;border-radius:6px!important;background:#2396f7!important}
  body.menu-open .mobile-review-sticky{display:none!important}
}
@media(max-width:430px){
  .mobile-review-sticky{top:52px!important;grid-template-columns:42px minmax(0,1fr) auto!important;padding:7px 8px!important}
  .mobile-review-sticky__logo{width:42px!important;height:42px!important}
}

/* Bonus banner: optional brand/value strip like classic bookmaker bonus cards. */
.bonus-full-hero__cover{position:relative}
.bonus-cover-strip{
  position:absolute;
  left:22px;
  bottom:16px;
  display:flex;
  align-items:stretch;
  min-height:54px;
  max-width:calc(100% - 44px);
  overflow:hidden;
  border-radius:6px;
  box-shadow:0 7px 20px rgba(0,0,0,.18);
}
.bonus-cover-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  max-width:260px;
  padding:8px 18px;
  background:#fff;
  color:#15202a;
  font-size:18px;
  font-weight:900;
  line-height:1;
}
.bonus-cover-brand--logo img{display:block;max-width:170px;max-height:38px;object-fit:contain}
.bonus-cover-brand--text{font-family:var(--font-head);text-align:center}
.bonus-cover-strip--value-only .bonus-cover-value{min-width:215px}
.bonus-cover-value{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:215px;
  padding:8px 24px;
  background:#1478c9;
  color:#fff;
  font-family:var(--font-head);
  font-size:20px;
  font-weight:900;
  line-height:1.1;
  text-align:center;
}

/* Full bonus: one clean action row, no eyebrow label. */
.bonus-full-hero__body{padding-top:20px!important}
.bonus-full-hero h1{margin-bottom:0!important}
.bonus-full-hero__actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:17px!important;
}
.bonus-full-details-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 8px;
  color:#526576!important;
  font-size:12px;
  font-weight:700;
  text-decoration:underline!important;
  text-underline-offset:3px;
  white-space:nowrap;
}
.bonus-full-details-link:hover{color:#1478c9!important}

/* Bonus promo = casino review promo. Only sizing differs by placement. */
.bonus-promo-coupon{
  border:1px dashed #78afe0!important;
  background:#f7fbff!important;
  color:#1e2730!important;
  box-shadow:none!important;
}
.bonus-promo-coupon:hover{border-color:#3f8fd0!important;background:#eef7ff!important}
.bonus-promo-coupon.is-copied{border-color:#2aa46f!important;background:#f0fbf6!important;color:#1e2730!important}
.bonus-promo-coupon--hero{min-width:210px;min-height:48px;padding:7px 12px!important}
.bonus-promo-coupon--card{width:100%;min-height:44px;justify-content:center}
.bonus-promo-coupon--card span{font-size:10px}
.bonus-promo-coupon--card strong{font-size:13px}

/* Softer bonus shortstories: graphite-blue instead of almost-black. */
.bonus-list-card{
  border-color:#d5e0e8!important;
  background:linear-gradient(135deg,#2b3d4d 0%,#223240 100%)!important;
  box-shadow:0 5px 16px rgba(28,47,63,.13)!important;
}
.bonus-list-card__main{background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,0))}
.bonus-list-card__badge{
  background:#eaf4ff!important;
  color:#1478c9!important;
  border:1px solid rgba(101,169,225,.35);
}
.bonus-list-card__title{color:#fff!important}
.bonus-list-card__title:hover{color:#bfe2ff!important}
.bonus-list-card__benefit{color:#d8e3ec!important}
.bonus-list-card__more{color:#8fd3ff!important}
.bonus-list-card__action{
  border-left-color:#405565!important;
  background:rgba(255,255,255,.035)!important;
}
.bonus-list-card__cta{background:#2396f7!important}
.bonus-list-card__cta:hover{background:#1478c9!important}
.bonus-list-card__cta--secondary{border-color:#d7e1e9!important;background:#fff!important;color:#17212b!important}

@media(max-width:768px){
  .bonus-cover-strip{left:12px;bottom:12px;min-height:46px;max-width:calc(100% - 24px)}
  .bonus-cover-brand{min-width:122px;max-width:48%;padding:7px 12px;font-size:14px}
  .bonus-cover-brand--logo img{max-width:112px;max-height:32px}
  .bonus-cover-value{min-width:145px;padding:7px 14px;font-size:16px}
  .bonus-full-hero__actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important}
  .bonus-full-details-link{grid-column:1/-1;min-height:34px;padding:0 4px;justify-self:start}
  .bonus-promo-coupon--hero,.bonus-full-cta{width:100%!important;min-width:0!important}
  .bonus-list-card__action{border-left:0!important;border-top:1px solid #405565!important}
}
@media(max-width:430px){
  .bonus-cover-strip{left:9px;right:9px;bottom:9px;max-width:none;min-height:42px}
  .bonus-cover-brand{min-width:0;flex:1 1 48%;padding:6px 9px;font-size:12px}
  .bonus-cover-brand--logo img{max-width:96px;max-height:28px}
  .bonus-cover-value{min-width:0;flex:1 1 52%;padding:6px 9px;font-size:14px}
  .bonus-full-hero__actions{grid-template-columns:1fr!important}
  .bonus-full-details-link{grid-column:auto;justify-self:center;min-height:30px}
}


/* =========================================================
   1.5.1 — unified bonus hero + compact centered brand strip
   Recommended banner source: 1200x400 (3:1).
   ========================================================= */

/* Keep the complete banner visible. Exact 3:1 sources fill the stage with no crop. */
.bonus-full-hero__cover{
  aspect-ratio:3 / 1!important;
  max-height:none!important;
  height:auto!important;
  background:#0f1d2c!important;
}
.bonus-full-hero__cover>img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Smaller bookmaker/value plate, centered over the banner. */
.bonus-cover-strip{
  left:50%!important;
  right:auto!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
  min-height:44px!important;
  max-width:calc(100% - 30px)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:6px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.20)!important;
}
.bonus-cover-brand{
  min-width:132px!important;
  max-width:185px!important;
  padding:6px 13px!important;
  font-size:14px!important;
}
.bonus-cover-brand--logo img{
  max-width:124px!important;
  max-height:28px!important;
}
.bonus-cover-value{
  min-width:138px!important;
  padding:6px 16px!important;
  font-size:16px!important;
}
.bonus-cover-strip--value-only .bonus-cover-value{min-width:150px!important}

/* Banner, copy, actions and conditions now form one card. */
.bonus-full-hero{
  margin-bottom:22px!important;
  border:1px solid #dbe2e8!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 4px 16px rgba(31,48,64,.055)!important;
}
.bonus-full-hero__body{
  padding:18px 22px 19px!important;
}
.bonus-full-facts{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
  gap:0!important;
  margin:0!important;
  border-top:1px solid #e2e7eb!important;
  border-bottom:0!important;
  background:#f8fafc!important;
}
.bonus-full-facts>div{
  min-width:0!important;
  padding:12px 14px!important;
  border-right:1px solid #e5eaee!important;
  border-bottom:0!important;
  background:transparent!important;
}
.bonus-full-facts>div:last-child{border-right:0!important}
.bonus-full-facts span{color:#6e7a86!important;font-size:10.5px!important}
.bonus-full-facts b{margin-top:3px!important;color:#18232d!important;font-size:13px!important}
.bonus-full-facts:not(:has(>div)){display:none!important}

@media(max-width:768px){
  .bonus-full-hero__cover{
    aspect-ratio:3 / 1!important;
    max-height:none!important;
  }
  .bonus-cover-strip{
    bottom:8px!important;
    min-height:38px!important;
    max-width:calc(100% - 18px)!important;
  }
  .bonus-cover-brand{
    min-width:98px!important;
    max-width:135px!important;
    padding:5px 9px!important;
    font-size:11px!important;
  }
  .bonus-cover-brand--logo img{
    max-width:92px!important;
    max-height:23px!important;
  }
  .bonus-cover-value{
    min-width:108px!important;
    padding:5px 10px!important;
    font-size:13px!important;
  }
  .bonus-cover-strip--value-only .bonus-cover-value{min-width:120px!important}
  .bonus-full-hero__body{padding:15px 16px 16px!important}
  .bonus-full-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bonus-full-facts>div{
    padding:10px 11px!important;
    border-bottom:1px solid #e5eaee!important;
  }
  .bonus-full-facts>div:nth-child(2n){border-right:0!important}
  .bonus-full-facts>div:nth-last-child(-n+2){border-bottom:0!important}
}

@media(max-width:430px){
  .bonus-cover-strip{
    bottom:6px!important;
    min-height:34px!important;
    max-width:calc(100% - 12px)!important;
  }
  .bonus-cover-brand{
    min-width:82px!important;
    max-width:112px!important;
    padding:4px 7px!important;
  }
  .bonus-cover-brand--logo img{max-width:78px!important;max-height:20px!important}
  .bonus-cover-value{min-width:92px!important;padding:4px 8px!important;font-size:12px!important}
  .bonus-full-facts{grid-template-columns:1fr 1fr!important}
}

/* =========================================================
   1.5.2 — bonus banner back to full-bleed 1000x350 artwork
   Recommended source: 1000x350 (20:7) or any exact multiple.
   ========================================================= */
.bonus-full-hero__cover{
  aspect-ratio:20 / 7!important;
  width:100%!important;
  max-height:none!important;
  height:auto!important;
  overflow:hidden!important;
  background:#0f1d2c!important;
}
.bonus-full-hero__cover>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:768px){
  .bonus-full-hero__cover{aspect-ratio:20 / 7!important;max-height:none!important}
}


/* =========================================================
   1.5.3 — integrated bonus ribbon inside 1000x350 banner
   ========================================================= */
.bonus-full-hero__cover{
  position:relative!important;
  isolation:isolate;
}

/* Thin dark shelf along the lower edge makes the badge feel built into the artwork. */
.bonus-full-hero__cover::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  height:15px;
  background:linear-gradient(180deg,rgba(8,25,43,0),rgba(8,25,43,.62));
  border-bottom:1px solid rgba(255,255,255,.16);
  pointer-events:none;
}

/* Raised centre ribbon: compact content, wider sculpted base with slanted shoulders. */
.bonus-cover-strip{
  z-index:4!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  min-height:43px!important;
  max-width:min(360px,calc(100% - 56px))!important;
  overflow:visible!important;
  border:0!important;
  border-radius:7px 7px 0 0!important;
  box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
}
.bonus-cover-strip::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-42px;
  right:-42px;
  top:-9px;
  bottom:0;
  background:linear-gradient(180deg,rgba(27,55,78,.94),rgba(12,34,52,.97));
  border:1px solid rgba(255,255,255,.20);
  border-bottom:0;
  clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.16));
  pointer-events:none;
}
.bonus-cover-brand,
.bonus-cover-value{
  min-height:43px!important;
  border-radius:0!important;
}
.bonus-cover-brand{
  min-width:140px!important;
  max-width:170px!important;
  padding:5px 13px!important;
}
.bonus-cover-brand:first-child{border-radius:6px 0 0 0!important}
.bonus-cover-brand--logo img{
  max-width:112px!important;
  max-height:24px!important;
}
.bonus-cover-value{
  min-width:120px!important;
  padding:5px 16px!important;
  font-size:14px!important;
  border-radius:0 6px 0 0!important;
  background:linear-gradient(180deg,#258ee6,#1478c9)!important;
}
.bonus-cover-strip--value-only .bonus-cover-value{
  min-width:154px!important;
  border-radius:6px 6px 0 0!important;
}

@media(max-width:768px){
  .bonus-full-hero__cover::after{height:11px}
  .bonus-cover-strip{
    min-height:36px!important;
    max-width:min(270px,calc(100% - 38px))!important;
  }
  .bonus-cover-strip::before{
    left:-26px;
    right:-26px;
    top:-7px;
  }
  .bonus-cover-brand,
  .bonus-cover-value{min-height:36px!important}
  .bonus-cover-brand{
    min-width:102px!important;
    max-width:126px!important;
    padding:4px 9px!important;
  }
  .bonus-cover-brand--logo img{max-width:82px!important;max-height:19px!important}
  .bonus-cover-value{min-width:94px!important;padding:4px 10px!important;font-size:12px!important}
  .bonus-cover-strip--value-only .bonus-cover-value{min-width:118px!important}
}

@media(max-width:430px){
  .bonus-cover-strip{
    min-height:32px!important;
    max-width:min(236px,calc(100% - 30px))!important;
  }
  .bonus-cover-strip::before{left:-20px;right:-20px;top:-6px}
  .bonus-cover-brand,
  .bonus-cover-value{min-height:32px!important}
  .bonus-cover-brand{min-width:86px!important;max-width:108px!important;padding:3px 7px!important}
  .bonus-cover-brand--logo img{max-width:72px!important;max-height:17px!important}
  .bonus-cover-value{min-width:82px!important;padding:3px 8px!important;font-size:11px!important}
}

/* =========================================================
   1.5.4 — toned bonus hero + attached full-width action bar
   Banner source stays 1000x350 (20:7).
   ========================================================= */
.bonus-full-hero{
  margin-bottom:0!important;
  border:1px solid #dbe2e8!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 4px 16px rgba(31,48,64,.055)!important;
}
.bonus-full-hero__cover{
  position:relative!important;
  isolation:isolate!important;
  aspect-ratio:20 / 7!important;
  width:100%!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#0e1a27!important;
}
.bonus-full-hero__cover::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(180deg,rgba(7,18,30,.40),rgba(7,18,30,.54));
  pointer-events:none;
}
.bonus-full-hero__cover::after{content:none!important;display:none!important}
.bonus-full-hero__cover>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
.bonus-full-hero__title-overlay{
  position:absolute;
  z-index:3;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 44px;
  text-align:center;
}
.bonus-full-hero__title-overlay h1,
.bonus-full-hero__body--no-cover h1{
  margin:0!important;
  max-width:900px;
  color:#fff!important;
  font-family:var(--font-head);
  font-size:30px!important;
  line-height:1.18!important;
  font-weight:900!important;
  text-wrap:balance;
  text-shadow:0 2px 12px rgba(0,0,0,.48);
}
.bonus-full-hero__body--no-cover{
  padding:24px 26px!important;
  background:#172331!important;
  text-align:center;
}

/* Action bar is visually attached to the banner: no outer padding, no gaps. */
.bonus-full-hero__actions--attached{
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid #dbe2e8!important;
  background:#fff!important;
}
.bonus-full-hero__actions--attached>*{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.bonus-full-hero__actions--attached>*+*{
  border-left:1px solid #dbe2e8!important;
}
.bonus-full-hero__actions--attached .bonus-promo-coupon--hero{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 14px!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  background:#f7fbff!important;
  color:#1a2632!important;
}
.bonus-full-hero__actions--attached .bonus-promo-coupon--hero span{
  color:#718096!important;
  font-size:10px!important;
  font-weight:700!important;
  text-transform:none!important;
}
.bonus-full-hero__actions--attached .bonus-promo-coupon--hero strong{
  color:#17212c!important;
  font-size:14px!important;
  font-weight:900!important;
}
.bonus-full-hero__actions--attached .bonus-promo-coupon--hero:hover{
  background:#eef7ff!important;
}
.bonus-full-hero__actions--attached .bonus-full-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
  background:#19a961!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.bonus-full-hero__actions--attached .bonus-full-cta:hover{background:#148d51!important}
.bonus-full-hero__actions--attached .bonus-full-details-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
  background:#f8fafc!important;
  color:#25384a!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:normal!important;
  text-align:center!important;
}
.bonus-full-hero__actions--attached .bonus-full-details-link:hover{
  background:#eef3f7!important;
  color:#1478c9!important;
}

/* Conditions are a separate plaque, but visually belong to the same component family. */
.bonus-full-facts--detached{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;
  gap:0!important;
  margin:12px 0 24px!important;
  overflow:hidden!important;
  border:1px solid #dbe2e8!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  box-shadow:0 3px 12px rgba(31,48,64,.035)!important;
}
.bonus-full-facts--detached>div{
  min-width:0!important;
  padding:12px 14px!important;
  border-right:1px solid #e5eaee!important;
  border-bottom:0!important;
  background:transparent!important;
}
.bonus-full-facts--detached>div:last-child{border-right:0!important}
.bonus-full-facts--detached span{display:block!important;color:#6e7a86!important;font-size:10.5px!important}
.bonus-full-facts--detached b{display:block!important;margin-top:3px!important;color:#18232d!important;font-size:13px!important}
.bonus-full-facts--detached:not(:has(>div)){display:none!important}

/* Old 1.5.0–1.5.3 brand ribbon is intentionally retired in fullstory. */
.bonus-cover-strip{display:none!important}

@media(max-width:768px){
  .bonus-full-hero__title-overlay{padding:20px 22px}
  .bonus-full-hero__title-overlay h1,
  .bonus-full-hero__body--no-cover h1{font-size:23px!important;line-height:1.2!important}
  .bonus-full-hero__actions--attached>*{min-height:48px!important}
  .bonus-full-hero__actions--attached .bonus-promo-coupon--hero,
  .bonus-full-hero__actions--attached .bonus-full-cta,
  .bonus-full-hero__actions--attached .bonus-full-details-link{padding:0 9px!important}
  .bonus-full-hero__actions--attached .bonus-promo-coupon--hero span{display:none!important}
  .bonus-full-facts--detached{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:10px!important}
  .bonus-full-facts--detached>div{padding:10px 11px!important;border-bottom:1px solid #e5eaee!important}
  .bonus-full-facts--detached>div:nth-child(2n){border-right:0!important}
}

@media(max-width:430px){
  .bonus-full-hero__title-overlay{padding:14px 14px}
  .bonus-full-hero__title-overlay h1,
  .bonus-full-hero__body--no-cover h1{font-size:20px!important}
  .bonus-full-hero__actions--attached>*{min-height:46px!important}
  .bonus-full-hero__actions--attached .bonus-full-cta{font-size:12px!important}
  .bonus-full-hero__actions--attached .bonus-full-details-link{font-size:11px!important;line-height:1.15!important}
  .bonus-full-hero__actions--attached .bonus-promo-coupon--hero strong{font-size:12px!important}
  .bonus-full-facts--detached{grid-template-columns:1fr 1fr!important}
}


/* =========================================================
   1.5.5 — darker bonus artwork + centered brand/value plaque
   Plaque sits above H1 in one centered hero composition.
   ========================================================= */
.bonus-full-hero__cover::before{
  background:linear-gradient(180deg,rgba(4,12,21,.66),rgba(4,12,21,.76))!important;
}
.bonus-full-hero__title-overlay{
  padding:24px 34px!important;
}
.bonus-full-hero__center{
  width:min(920px,100%)!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  text-align:center!important;
}
.bonus-full-hero__center .bonus-cover-strip{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:auto!important;
  display:inline-flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:auto!important;
  min-height:40px!important;
  max-width:min(360px,92%)!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
.bonus-full-hero__center .bonus-cover-strip::before,
.bonus-full-hero__center .bonus-cover-strip::after{content:none!important;display:none!important}
.bonus-full-hero__center .bonus-cover-brand,
.bonus-full-hero__center .bonus-cover-value{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  border:0!important;
  border-radius:0!important;
}
.bonus-full-hero__center .bonus-cover-brand{
  min-width:126px!important;
  max-width:170px!important;
  padding:5px 12px!important;
  background:#fff!important;
  color:#17212c!important;
}
.bonus-full-hero__center .bonus-cover-brand--logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:108px!important;
  max-height:25px!important;
  object-fit:contain!important;
}
.bonus-full-hero__center .bonus-cover-brand--text{
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
.bonus-full-hero__center .bonus-cover-value{
  min-width:112px!important;
  padding:5px 14px!important;
  background:#1f82d8!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  border-left:1px solid rgba(0,0,0,.08)!important;
}
.bonus-full-hero__center .bonus-cover-strip--value-only .bonus-cover-value{
  min-width:140px!important;
  border-left:0!important;
}
.bonus-full-hero__title-overlay h1{
  margin:0!important;
  max-width:860px!important;
  color:#fff!important;
  text-align:center!important;
  text-shadow:0 3px 18px rgba(0,0,0,.82)!important;
}

@media(max-width:768px){
  .bonus-full-hero__cover::before{
    background:linear-gradient(180deg,rgba(4,12,21,.69),rgba(4,12,21,.80))!important;
  }
  .bonus-full-hero__title-overlay{padding:14px 16px!important}
  .bonus-full-hero__center{gap:10px!important}
  .bonus-full-hero__center .bonus-cover-strip{
    min-height:34px!important;
    max-width:min(260px,90%)!important;
    border-radius:6px!important;
  }
  .bonus-full-hero__center .bonus-cover-brand,
  .bonus-full-hero__center .bonus-cover-value{min-height:34px!important}
  .bonus-full-hero__center .bonus-cover-brand{
    min-width:94px!important;
    max-width:126px!important;
    padding:4px 8px!important;
  }
  .bonus-full-hero__center .bonus-cover-brand--logo img{max-width:82px!important;max-height:20px!important}
  .bonus-full-hero__center .bonus-cover-value{min-width:82px!important;padding:4px 9px!important;font-size:11px!important}
  .bonus-full-hero__center .bonus-cover-strip--value-only .bonus-cover-value{min-width:108px!important}
  .bonus-full-hero__title-overlay h1{font-size:22px!important;line-height:1.18!important}
}

@media(max-width:430px){
  .bonus-full-hero__title-overlay{padding:10px 11px!important}
  .bonus-full-hero__center{gap:8px!important}
  .bonus-full-hero__center .bonus-cover-strip{min-height:31px!important;max-width:min(226px,92%)!important}
  .bonus-full-hero__center .bonus-cover-brand,
  .bonus-full-hero__center .bonus-cover-value{min-height:31px!important}
  .bonus-full-hero__center .bonus-cover-brand{min-width:84px!important;max-width:108px!important;padding:3px 7px!important}
  .bonus-full-hero__center .bonus-cover-brand--logo img{max-width:72px!important;max-height:17px!important}
  .bonus-full-hero__center .bonus-cover-value{min-width:72px!important;padding:3px 7px!important;font-size:10px!important}
  .bonus-full-hero__title-overlay h1{font-size:18px!important;line-height:1.17!important}
}


/* =========================================================
   1.5.6 — logo-only brand side of bonus plaque
   The hero no longer renders a text brand-name fallback.
   ========================================================= */

/* =========================================================
   1.5.7 — logo-only bonus hero plaque + brand logo in bonus shortstories
   ========================================================= */

/* Full bonus hero: the centered plaque is logo-only. */
.bonus-full-hero__center .bonus-cover-strip--logo-only{
  width:auto!important;
  min-width:0!important;
  max-width:min(210px,72%)!important;
  grid-template-columns:1fr!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.78)!important;
}
.bonus-full-hero__center .bonus-cover-strip--logo-only .bonus-cover-brand{
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
  padding:7px 18px!important;
  border:0!important;
  background:#fff!important;
  border-radius:8px!important;
}
.bonus-full-hero__center .bonus-cover-strip--logo-only .bonus-cover-brand--logo img{
  max-width:142px!important;
  max-height:30px!important;
}

/* Bonus shortstory: optional brand logo lives in a dedicated white cell. */
.bonus-list-card__logo{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  background:#fff;
  border-right:1px solid #d7e0e7;
}
.bonus-list-card__logo img{
  display:block;
  width:100%;
  max-width:118px;
  max-height:58px;
  object-fit:contain;
}
.bonus-list-card:has(.bonus-list-card__logo){
  grid-template-columns:150px minmax(0,1fr) 230px;
}

@media(max-width:1100px){
  .bonus-list-card:has(.bonus-list-card__logo){
    grid-template-columns:126px minmax(0,1fr) 205px;
  }
  .bonus-list-card__logo{padding:12px}
  .bonus-list-card__logo img{max-width:98px;max-height:50px}
}

@media(max-width:768px){
  .bonus-list-card:has(.bonus-list-card__logo){
    grid-template-columns:96px minmax(0,1fr)!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo{
    grid-column:1;
    grid-row:1;
    min-height:112px;
    padding:10px;
    border-right:1px solid #d7e0e7;
    border-bottom:0;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__main{
    grid-column:2;
    grid-row:1;
    min-height:112px;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__action{
    grid-column:1 / -1;
    grid-row:2;
  }
  .bonus-list-card__logo img{max-width:76px;max-height:44px}
  .bonus-full-hero__center .bonus-cover-strip--logo-only{max-width:min(170px,68%)!important}
  .bonus-full-hero__center .bonus-cover-strip--logo-only .bonus-cover-brand{padding:6px 14px!important}
  .bonus-full-hero__center .bonus-cover-strip--logo-only .bonus-cover-brand--logo img{max-width:116px!important;max-height:25px!important}
}

@media(max-width:430px){
  .bonus-list-card:has(.bonus-list-card__logo){
    grid-template-columns:82px minmax(0,1fr)!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo,
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__main{min-height:104px}
  .bonus-list-card__logo{padding:8px}
  .bonus-list-card__logo img{max-width:66px;max-height:38px}
  .bonus-full-hero__center .bonus-cover-strip--logo-only{max-width:min(148px,66%)!important}
  .bonus-full-hero__center .bonus-cover-strip--logo-only .bonus-cover-brand{padding:5px 11px!important}
  .bonus-full-hero__center .bonus-cover-strip--logo-only .bonus-cover-brand--logo img{max-width:100px!important;max-height:22px!important}
}


/* ========================================================================== 
   1.5.8 — compact demos, stacked bonus embeds, provider directory/fullstory
   ========================================================================== */

/* Homepage and game category: five compact cards on wide screens. */
.home-main .demo-scroller{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.home-main .demo-scroller>.demo-card .demo-card__media{height:122px!important}
.home-main .demo-scroller>.demo-card .demo-card__body{padding:10px!important}
.home-main .demo-scroller>.demo-card .demo-card__title{font-size:13.5px!important;margin-bottom:7px!important}
.home-main .demo-scroller>.demo-card .demo-card__facts{gap:4px!important}
.home-main .demo-scroller>.demo-card .demo-card__fact{padding:5px 6px!important;font-size:9.5px!important}
.home-main .demo-scroller>.demo-card .demo-card__fact b{font-size:10.5px!important}

.category-grid--games{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.category-grid--games>.demo-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
}
.category-grid--games>.demo-card .demo-card__media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
}
.category-grid--games>.demo-card .demo-card__body{padding:10px!important}
.category-grid--games>.demo-card .demo-card__title{font-size:13.5px!important;margin-bottom:7px!important}
.category-grid--games>.demo-card .demo-card__facts{gap:4px!important}
.category-grid--games>.demo-card .demo-card__fact{padding:5px!important;font-size:9.5px!important}
.category-grid--games>.demo-card .demo-card__fact b{font-size:10.5px!important}

/* Search is deliberately denser than a category: two horizontal mini-cards. */
.search-zone__items:has(>.demo-card){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.search-zone__items>.demo-card{
  display:grid!important;
  grid-template-columns:108px minmax(0,1fr)!important;
  min-height:112px!important;
  height:auto!important;
}
.search-zone__items>.demo-card .demo-card__media{
  width:108px!important;
  height:100%!important;
  min-height:112px!important;
  aspect-ratio:auto!important;
}
.search-zone__items>.demo-card .demo-card__body{padding:9px!important}
.search-zone__items>.demo-card .demo-card__provider{font-size:9.5px!important;margin-bottom:2px!important}
.search-zone__items>.demo-card .demo-card__title{font-size:13px!important;line-height:1.22!important;margin-bottom:6px!important}
.search-zone__items>.demo-card .demo-card__facts{gap:4px!important}
.search-zone__items>.demo-card .demo-card__fact{padding:4px 5px!important;font-size:8.5px!important}
.search-zone__items>.demo-card .demo-card__fact b{font-size:9.5px!important}

/* Any editor "Материалы" block containing bonuses is a vertical list, just
   like the bonus category. It must never turn into 2/3 cards per row. */
.pcms-material-collection.pcms-material-collection--bonus,
.related-items.pcms-material-collection--bonus{
  grid-template-columns:1fr!important;
  gap:12px!important;
}

/* Desktop facet sidebar is explicit. Mobile keeps the drawer. */
@media(min-width:769px){
  .bonus-category-sidebar{display:grid!important}
  .bonus-category-sidebar .bonus-filter-panel{display:block!important}
  .bonus-mobile-filter{display:none!important}
}

/* Bonus card on phones: logo becomes a compact centered tile, so it no longer
   steals half the first row and crushes the title into a narrow column. */
@media(max-width:768px){
  .bonus-list-card:has(.bonus-list-card__logo){
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo{
    width:104px!important;
    height:54px!important;
    min-height:0!important;
    margin:14px auto 0!important;
    padding:8px!important;
    border:0!important;
    border-radius:7px!important;
    background:#fff!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo img{
    max-width:88px!important;
    max-height:38px!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__main{
    display:flex!important;
    min-height:0!important;
    padding:11px 14px 14px!important;
    text-align:center!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__badges{justify-content:center!important}
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__more{margin-left:auto!important;margin-right:auto!important}
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__action{
    display:grid!important;
    width:100%!important;
    grid-template-columns:1fr!important;
    padding:12px 14px 14px!important;
  }
}

/* Provider directory cards. */
.provider-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.provider-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #dfe5ea;
  border-radius:8px;
  background:#fff;
  box-shadow:0 4px 14px rgba(25,42,56,.06);
}
.provider-card__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  height:105px;
  padding:16px;
  border-bottom:1px solid #e6ebef;
  background:#f8fafc;
  color:#667786;
  text-align:center;
  text-decoration:none!important;
}
.provider-card__logo img{display:block;max-width:150px;max-height:64px;object-fit:contain}
.provider-card__logo span{font-size:18px;font-weight:900;color:#344655}
.provider-card__body{padding:14px}
.provider-card__eyebrow{margin-bottom:5px;color:#758594;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.provider-card__title{margin:0 0 7px;font-size:17px;line-height:1.2}
.provider-card__title a{color:#17212b;text-decoration:none}
.provider-card__excerpt{margin:0 0 10px;color:#5e6c79;font-size:12px;line-height:1.45}
.provider-card__meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:#7a8792;font-size:11px}
.provider-card__meta span+span:before{content:"•";margin-right:8px;color:#b0bac2}
.provider-card__more{font-size:12px;font-weight:800;color:var(--primary)}

/* Provider fullstory: editorial copy left, factual card in the sidebar. */
.provider-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.provider-page-main{min-width:0;padding:20px}
.provider-page-head{display:flex;align-items:center;gap:18px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e5e9ed}
.provider-page-head__logo{display:flex;align-items:center;justify-content:center;flex:0 0 180px;height:90px;padding:12px;border:1px solid #e2e7eb;border-radius:7px;background:#fff}
.provider-page-head__logo img{display:block;max-width:155px;max-height:62px;object-fit:contain}
.provider-page-head__copy{min-width:0}
.provider-page-head__copy>span{display:block;margin-bottom:5px;color:#6f8190;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.provider-page-head h1{margin:0 0 7px;font-size:28px;line-height:1.15}
.provider-page-head p{margin:0;color:#5c6975;font-size:13px;line-height:1.5}
.provider-description{margin-bottom:24px}
.provider-page-sidebar{display:grid;gap:16px;position:sticky;top:122px;min-width:0}
.provider-page-sidebar>.right-sidebar{display:grid!important;position:static!important;width:100%!important;gap:16px!important}
.provider-info-card{overflow:hidden;border:1px solid #dfe5ea;border-radius:8px;background:#fff;box-shadow:0 5px 16px rgba(24,42,56,.07)}
.provider-info-card__logo{display:flex;align-items:center;justify-content:center;height:104px;padding:14px;border-bottom:1px solid #e7ebef;background:#f8fafc}
.provider-info-card__logo img{display:block;max-width:170px;max-height:66px;object-fit:contain}
.provider-info-card h2{margin:0;padding:14px 16px 8px;font-size:18px}
.provider-info-card dl{margin:0;padding:0 16px}
.provider-info-card dl div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-top:1px solid #edf0f3;font-size:12px}
.provider-info-card dt{color:#73808b}.provider-info-card dd{margin:0;color:#17212b;font-weight:800;text-align:right}
.provider-info-card__site{display:flex;align-items:center;justify-content:center;min-height:42px;margin:12px 16px 16px;border-radius:5px;background:var(--primary);color:#fff!important;font-size:12px;font-weight:900;text-decoration:none!important}
.provider-games-section{margin-top:26px;padding-top:20px;border-top:1px solid #e5e9ed}
.provider-games-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.provider-games-section__head h2{margin:0;font-size:21px}.provider-games-section__head span{color:#76838e;font-size:12px}
.provider-games-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.provider-games-grid>.demo-card{display:flex!important;flex-direction:column!important;min-height:0!important}
.provider-games-grid>.demo-card .demo-card__media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
.provider-games-grid>.demo-card .demo-card__body{padding:9px!important}
.provider-games-grid>.demo-card .demo-card__title{font-size:13px!important}.provider-games-grid>.demo-card .demo-card__facts{display:none!important}

@media(max-width:1200px){
  .home-main .demo-scroller,.category-grid--games{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .provider-games-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .category-grid--games{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .provider-page-layout{grid-template-columns:1fr}
  .provider-page-sidebar{position:static;grid-template-columns:1fr}
  .provider-page-sidebar>.right-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:768px){
  .home-main .demo-scroller{
    display:flex!important;
    overflow:auto!important;
    gap:9px!important;
    margin:0 -10px!important;
    padding:0 10px 5px!important;
  }
  .home-main .demo-scroller>.demo-card{flex:0 0 205px!important;width:205px!important}
  .home-main .demo-scroller>.demo-card .demo-card__media{height:116px!important}

  .category-grid--games{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .category-grid--games>.demo-card{display:flex!important;grid-template-columns:none!important;min-height:0!important}
  .category-grid--games>.demo-card .demo-card__media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
  .category-grid--games>.demo-card .demo-card__facts{display:none!important}

  .search-zone__items:has(>.demo-card){grid-template-columns:1fr!important}
  .search-zone__items>.demo-card{grid-template-columns:96px minmax(0,1fr)!important;min-height:102px!important}
  .search-zone__items>.demo-card .demo-card__media{width:96px!important;min-height:102px!important}

  .provider-grid{grid-template-columns:1fr!important}
  .provider-card{display:grid;grid-template-columns:100px minmax(0,1fr)}
  .provider-card__logo{height:100%;min-height:118px;padding:10px;border-bottom:0;border-right:1px solid #e6ebef}
  .provider-card__logo img{max-width:82px;max-height:46px}
  .provider-page-main{padding:15px}
  .provider-page-head{display:block;text-align:center}
  .provider-page-head__logo{width:170px;height:82px;margin:0 auto 13px}
  .provider-page-head h1{font-size:23px}
  .provider-page-sidebar>.right-sidebar{grid-template-columns:1fr!important}
  .provider-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .provider-games-grid>.demo-card{display:flex!important;grid-template-columns:none!important}
  .provider-games-grid>.demo-card .demo-card__media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
}
@media(max-width:430px){
  .home-main .demo-scroller>.demo-card{flex-basis:185px!important;width:185px!important}
  .home-main .demo-scroller>.demo-card .demo-card__media{height:105px!important}
  .category-grid--games>.demo-card .demo-card__body{padding:8px!important}
  .category-grid--games>.demo-card .demo-card__provider{font-size:9px!important}
  .category-grid--games>.demo-card .demo-card__title{font-size:12px!important}
  .provider-games-grid>.demo-card .demo-card__body{padding:7px!important}
  .provider-games-grid>.demo-card .demo-card__title{font-size:12px!important}
}


/* ========================================================================== 
   1.5.9 — navigation dropdowns + cleaner editorial section headings
   ========================================================================== */
/* Desktop dropdown navigation. Keep the parent itself clickable; the chevron
   only signals that more destinations are available. */
.main-menu .has-dropdown>a{position:relative;padding-right:26px!important}
.main-menu .has-dropdown>a::after{
  content:"";
  position:absolute;
  right:11px;
  top:50%;
  width:6px;
  height:6px;
  margin-top:-5px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  opacity:.68;
  transition:transform .16s ease,opacity .16s ease;
}
.main-menu .has-dropdown:hover>a::after,
.main-menu .has-dropdown:focus-within>a::after{transform:translateY(3px) rotate(225deg);opacity:1}
.main-menu__dropdown{
  padding:7px 0!important;
  min-width:220px!important;
  background:#20212b!important;
  border:1px solid #343743!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}
.main-menu__dropdown li a{
  min-height:34px!important;
  height:auto!important;
  padding:9px 15px!important;
  color:#dfe3e8!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
.main-menu__dropdown li a:hover,
.main-menu__dropdown li a:focus-visible{
  color:#fff!important;
  background:#2a2c37!important;
}

/* The old pale framed blocks looked like admin cards. Home section headings
   now behave like editorial dividers: open surface, one clean baseline and a
   short dark marker under the title. */
.home-main .jg-section-heading{
  position:relative!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:1px solid #dce2e7!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-main .jg-section-heading::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:46px;
  height:3px;
  background:#20242b;
}
.home-main .jg-section-heading .section-title{
  color:#151a20!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.home-main .jg-section-heading .section-more{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#4e5c69!important;
  font-size:11px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.home-main .jg-section-heading .section-more::after{content:"  →"}
.home-main .jg-section-heading .section-more:hover{color:var(--primary)!important;background:transparent!important}

@media(max-width:1100px) and (min-width:901px){
  .main-menu li>a,.main-menu li>button{padding-left:10px!important;padding-right:10px!important;font-size:12px!important}
  .main-menu .has-dropdown>a{padding-right:23px!important}
  .main-menu .has-dropdown>a::after{right:9px}
}

@media(max-width:768px){
  .home-main .jg-section-heading{
    padding:0 0 9px!important;
    gap:10px!important;
    background:transparent!important;
  }
  .home-main .jg-section-heading::after{width:38px;height:2px}
  .home-main .jg-section-heading .section-title{font-size:17px!important}
  .home-main .jg-section-heading .section-more{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-size:10px!important;
  }
  .mobile-menu__toggle>span{transition:transform .16s ease}
  .mobile-menu__toggle[aria-expanded="true"]>span{transform:rotate(180deg)}
}


/* ========================================================================== 
   1.6.0 — quieter section dividers + provider games-first progressive reveal
   ========================================================================== */
/* Home section titles now use the same visual weight as H1. The short heavy
   marker from 1.5.9 is removed; one quiet hairline divider is enough. */
.home-main .jg-section-heading{
  padding-bottom:9px!important;
  border-bottom:1px solid #d8dee5!important;
}
.home-main .jg-section-heading::after{display:none!important;content:none!important}
.home-main .jg-section-heading .section-title{
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.home-main .jg-section-heading .section-more{
  align-self:center!important;
  font-weight:600!important;
}

/* Provider fullstory: games are the first content block after the provider
   header. Only four visual rows are shown initially. A soft fade and a quiet
   centered disclosure replace a conventional CTA button. */
.provider-games-section{
  margin:0 0 28px!important;
  padding:0 0 2px!important;
  border-top:0!important;
  border-bottom:1px solid #e6eaee;
}
.provider-games-section__head{
  margin-bottom:13px!important;
  padding-bottom:9px;
  border-bottom:1px solid #e0e5ea;
}
.provider-games-section__head h2{
  margin:0!important;
  font-size:21px!important;
  font-weight:700!important;
  letter-spacing:-.015em;
}
.provider-games-section__head span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:#f1f4f7;
  color:#667482!important;
  font-size:11px!important;
  font-weight:700;
}
.provider-games-viewport{position:relative}
.provider-games-viewport.has-more::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  height:76px;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.82) 58%,#fff 100%);
}
.provider-games-grid>[hidden]{display:none!important}
.provider-games-more-wrap{
  display:flex;
  justify-content:center;
  position:relative;
  z-index:3;
  min-height:34px;
  margin:-23px 0 12px;
}
.provider-games-more-wrap[hidden]{display:none!important}
.provider-games-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:6px 14px;
  border:1px solid #dce3e9;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 5px 16px rgba(24,42,56,.08);
  color:#2b6fa8;
  font-family:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;
}
.provider-games-more:hover{
  color:#145d97;
  border-color:#bfd0dd;
  box-shadow:0 7px 20px rgba(24,42,56,.12);
  transform:translateY(-1px);
}
.provider-games-more i{
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
}
.provider-description{
  margin:0!important;
  padding-top:2px;
}

@media(max-width:768px){
  .home-main .jg-section-heading{padding-bottom:8px!important}
  .home-main .jg-section-heading .section-title{font-weight:700!important}
  .provider-games-section{margin-bottom:22px!important}
  .provider-games-section__head h2{font-size:19px!important}
  .provider-games-viewport.has-more::after{height:62px}
  .provider-games-more-wrap{margin-top:-20px}
}

/* ========================================================================== 
   1.6.1 — homepage "view all" buttons + compact provider cards/search
   ========================================================================== */
/* Restore the compact bordered action used elsewhere on the homepage. */
.home-main .jg-section-heading .section-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:31px!important;
  padding:5px 11px!important;
  border:1px solid #d7dee5!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#33404c!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1!important;
  text-decoration:none!important;
}
.home-main .jg-section-heading .section-more::after{display:none!important;content:none!important}
.home-main .jg-section-heading .section-more:hover{
  border-color:#b9c5cf!important;
  background:#f7f9fb!important;
  color:#17212b!important;
}

/* Provider directory: intentionally minimal — square logo tile + name. */
.provider-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.provider-grid .provider-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  overflow:hidden!important;
  min-width:0!important;
  border:1px solid #e0e5ea!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.provider-grid .provider-card__logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  padding:18px!important;
  border:0!important;
  border-bottom:1px solid #edf0f3!important;
  background:#fff!important;
}
.provider-grid .provider-card__logo img{
  width:100%!important;
  height:100%!important;
  max-width:128px!important;
  max-height:72px!important;
  object-fit:contain!important;
}
.provider-grid .provider-card__body{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  padding:10px 9px!important;
  text-align:center!important;
}
.provider-card__title{margin:0!important;font-size:14px!important;line-height:1.25!important}
.provider-card__games{margin-top:4px;color:#7b8791;font-size:10.5px;font-weight:600}

/* Search result uses the same shortstory, but as a compact horizontal row. */
.search-zone__items:has(>.provider-card){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.search-zone__items>.provider-card{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:74px!important;
  overflow:hidden!important;
  border:1px solid #e1e6eb!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.search-zone__items>.provider-card .provider-card__logo{
  width:72px!important;
  height:72px!important;
  min-height:72px!important;
  aspect-ratio:1/1!important;
  padding:9px!important;
  border:0!important;
  border-right:1px solid #edf0f3!important;
  background:#fff!important;
}
.search-zone__items>.provider-card .provider-card__logo img{
  width:100%!important;
  height:100%!important;
  max-width:58px!important;
  max-height:42px!important;
  object-fit:contain!important;
}
.search-zone__items>.provider-card .provider-card__body{
  display:block!important;
  min-height:0!important;
  padding:10px 12px!important;
  text-align:left!important;
}
.search-zone__items>.provider-card .provider-card__title{
  font-size:14px!important;
  line-height:1.25!important;
}
.search-zone__items>.provider-card .provider-card__games{font-size:10px!important}

@media(max-width:1200px){
  .provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:768px){
  .home-main .jg-section-heading .section-more{
    min-height:30px!important;
    padding:5px 10px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  .provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .provider-grid .provider-card{display:flex!important;grid-template-columns:none!important}
  .provider-grid .provider-card__logo{
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    padding:12px!important;
    border-right:0!important;
    border-bottom:1px solid #edf0f3!important;
  }
  .provider-grid .provider-card__logo img{max-width:95px!important;max-height:52px!important}
  .provider-grid .provider-card__body{min-height:50px!important;padding:8px 7px!important;text-align:center!important}
  .provider-grid .provider-card__title{font-size:12.5px!important}

  .search-zone__items:has(>.provider-card){grid-template-columns:1fr!important}
  .search-zone__items>.provider-card{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    min-height:66px!important;
  }
  .search-zone__items>.provider-card .provider-card__logo{
    width:64px!important;
    height:64px!important;
    min-height:64px!important;
    padding:8px!important;
    border-right:1px solid #edf0f3!important;
    border-bottom:0!important;
  }
  .search-zone__items>.provider-card .provider-card__logo img{max-width:50px!important;max-height:36px!important}
  .search-zone__items>.provider-card .provider-card__body{padding:8px 10px!important;text-align:left!important}
  .search-zone__items>.provider-card .provider-card__title{font-size:13px!important}
}

/* =========================================================
   1.6.2 — mobile bonus cards: clean full-width logo header
   ========================================================= */
@media(max-width:768px){
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo{
    width:100%!important;
    height:82px!important;
    min-height:82px!important;
    margin:0!important;
    padding:14px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-bottom:1px solid #dfe7ee!important;
    border-radius:0!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:128px!important;
    max-height:48px!important;
    object-fit:contain!important;
    margin:auto!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__badges{
    display:none!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__main{
    padding-top:14px!important;
  }
}
@media(max-width:430px){
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo{
    height:74px!important;
    min-height:74px!important;
    padding:12px 16px!important;
  }
  .bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo img{
    max-width:116px!important;
    max-height:42px!important;
  }
}

/* =========================================================
   1.6.3 — compact square provider cards + square provider logo
   ========================================================= */
/* Provider directory: the whole shortstory is a compact square tile.
   Auto-fill keeps a single provider from stretching across the content area. */
.provider-grid{
  grid-template-columns:repeat(auto-fill,minmax(148px,168px))!important;
  justify-content:start!important;
  align-items:start!important;
  gap:12px!important;
}
.provider-grid .provider-card{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.provider-grid .provider-card__logo{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:14px!important;
  border-right:0!important;
  border-bottom:1px solid #edf0f3!important;
  background:#fff!important;
}
.provider-grid .provider-card__logo img{
  width:auto!important;
  height:auto!important;
  max-width:92px!important;
  max-height:62px!important;
  object-fit:contain!important;
}
.provider-grid .provider-card__body{
  min-height:43px!important;
  padding:7px 8px!important;
}
.provider-grid .provider-card__title{
  font-size:12.5px!important;
  line-height:1.2!important;
}
.provider-grid .provider-card__games{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.15!important;
}

/* Provider fullstory: logo tile is square instead of a wide banner. */
.provider-page-head__logo{
  flex:0 0 96px!important;
  width:96px!important;
  height:96px!important;
  min-width:96px!important;
  padding:12px!important;
  aspect-ratio:1/1!important;
}
.provider-page-head__logo img{
  width:auto!important;
  height:auto!important;
  max-width:72px!important;
  max-height:72px!important;
  object-fit:contain!important;
}

/* The sidebar repeats the same square logo language, but remains compact. */
.provider-info-card__logo{
  width:104px!important;
  height:104px!important;
  min-height:104px!important;
  margin:14px auto 4px!important;
  padding:12px!important;
  border:1px solid #e3e8ed!important;
  border-radius:7px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.provider-info-card__logo img{
  width:auto!important;
  height:auto!important;
  max-width:78px!important;
  max-height:78px!important;
  object-fit:contain!important;
}

@media(max-width:900px){
  .provider-grid{
    grid-template-columns:repeat(auto-fill,minmax(142px,160px))!important;
  }
}
@media(max-width:768px){
  .provider-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    justify-content:stretch!important;
    gap:9px!important;
  }
  .provider-grid .provider-card{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    aspect-ratio:1/1!important;
  }
  .provider-grid .provider-card__logo{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    padding:10px!important;
    border-right:0!important;
    border-bottom:1px solid #edf0f3!important;
  }
  .provider-grid .provider-card__logo img{
    max-width:78px!important;
    max-height:54px!important;
  }
  .provider-grid .provider-card__body{
    min-height:40px!important;
    padding:6px!important;
  }
  .provider-grid .provider-card__title{font-size:11.5px!important}
  .provider-page-head{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    text-align:left!important;
  }
  .provider-page-head__logo{
    flex:0 0 82px!important;
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    margin:0!important;
    padding:10px!important;
  }
  .provider-page-head__logo img{
    max-width:60px!important;
    max-height:60px!important;
  }
}
@media(max-width:430px){
  .provider-page-head__logo{
    flex-basis:74px!important;
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
  }
  .provider-page-head__logo img{
    max-width:54px!important;
    max-height:54px!important;
  }
}

/* =========================================================
   1.6.4 — provider logos fill their square media tiles
   ========================================================= */
/* Provider directory: the uploaded provider logo is the artwork for the tile,
   so do not shrink it inside a second white frame. */
.provider-grid .provider-card__logo{
  padding:0!important;
  overflow:hidden!important;
}
.provider-grid .provider-card__logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Provider fullstory: the square logo tile is filled edge-to-edge. */
.provider-page-head__logo{
  padding:0!important;
  overflow:hidden!important;
}
.provider-page-head__logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Provider sidebar uses the same visual rule. */
.provider-info-card__logo{
  padding:0!important;
  overflow:hidden!important;
}
.provider-info-card__logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Search keeps the compact square row, but its logo also fills the square. */
.search-zone__items>.provider-card .provider-card__logo{
  padding:0!important;
  overflow:hidden!important;
}
.search-zone__items>.provider-card .provider-card__logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* HTML sitemap */
.html-sitemap-page .article-head{margin-bottom:18px}.html-sitemap-intro{margin:8px 0 0;color:#5c6675;line-height:1.55}.html-sitemap-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.html-sitemap-stats span{font-size:12px;font-weight:700;color:#5a6678;background:#f3f6fa;border:1px solid #dfe5ed;padding:5px 8px;border-radius:6px}.html-sitemap-tree{margin-top:8px}.html-sitemap-home{font-size:17px;font-weight:800;margin-bottom:12px}.html-sitemap-home a{color:#111827;text-decoration:none}.html-sitemap-actions{display:flex;gap:8px;margin:0 0 14px}.html-sitemap-actions button{appearance:none;border:1px solid #d5dde8;background:#fff;color:#344054;font:inherit;font-size:13px;font-weight:700;padding:7px 10px;border-radius:6px;cursor:pointer}.html-sitemap-actions button:hover{border-color:#9eb4cf;background:#f8fafc}.html-sitemap-roots{display:grid;gap:10px}.html-sitemap-branch{border:1px solid #dfe5ed;background:#fff;border-radius:8px;overflow:hidden}.html-sitemap-branch summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;background:#f7f9fc;list-style:none}.html-sitemap-branch summary::-webkit-details-marker{display:none}.html-sitemap-branch summary:after{content:'+';font-size:17px;color:#778397;margin-left:auto}.html-sitemap-branch[open]>summary:after{content:'−'}.html-sitemap-branch summary a{color:#111827;font-weight:800;text-decoration:none}.html-sitemap-branch summary a:hover{color:#1673d1}.html-sitemap-branch summary span{font-size:11px;font-weight:800;color:#7b8797;background:#fff;border:1px solid #dde4ec;border-radius:999px;padding:2px 7px}.html-sitemap-materials{margin:0;padding:8px 14px 11px 32px}.html-sitemap-materials li{margin:5px 0;color:#9aa5b1}.html-sitemap-materials a{color:#344054;text-decoration:none;line-height:1.35}.html-sitemap-materials a:hover{color:#1673d1;text-decoration:underline}.html-sitemap-children{padding:0 10px 10px 18px}.html-sitemap-children .html-sitemap-branch{margin-top:8px}.html-sitemap-depth-1>summary,.html-sitemap-depth-2>summary,.html-sitemap-depth-3>summary{background:#fbfcfe}.html-sitemap-depth-1>summary a,.html-sitemap-depth-2>summary a,.html-sitemap-depth-3>summary a{font-size:14px}
@media(max-width:700px){.html-sitemap-actions{overflow-x:auto;white-space:nowrap;padding-bottom:2px}.html-sitemap-branch summary{padding:10px}.html-sitemap-children{padding-left:8px;padding-right:8px}.html-sitemap-materials{padding-left:26px}.html-sitemap-page .article-head h1{font-size:26px}}


/* =========================================================
   1.6.6 — bonus cards in search: compact full-width results
   ========================================================= */
/* Bonus shortstories are wide list cards. In a two-column search grid their
   inner logo/content/action columns were squeezed into unusable slivers.
   Search now gives bonuses one full row and switches them to a light,
   compact result-card treatment without changing the bonus category itself. */
.search-zone__items:has(>.bonus-list-card){
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.search-zone__items>.bonus-list-card{
  grid-template-columns:minmax(0,1fr) 190px!important;
  min-height:112px!important;
  border:1px solid #dfe5eb!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(22,34,46,.055)!important;
}
.search-zone__items>.bonus-list-card:has(.bonus-list-card__logo){
  grid-template-columns:116px minmax(0,1fr) 190px!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__logo{
  width:116px!important;
  min-width:116px!important;
  height:100%!important;
  min-height:110px!important;
  margin:0!important;
  padding:14px!important;
  border:0!important;
  border-right:1px solid #e7ebef!important;
  border-radius:0!important;
  background:#fff!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:88px!important;
  max-height:56px!important;
  margin:auto!important;
  object-fit:contain!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__main{
  min-width:0!important;
  padding:14px 16px!important;
  justify-content:center!important;
  background:#fff!important;
  text-align:left!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__badges{
  display:flex!important;
  justify-content:flex-start!important;
  margin-bottom:6px!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__badge{
  min-height:20px!important;
  padding:0 7px!important;
  border:1px solid #cfe4f7!important;
  border-radius:5px!important;
  background:#eef7ff!important;
  color:#1676bf!important;
  font-size:8.5px!important;
  font-weight:800!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__title{
  color:#17212b!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.28!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__title:hover{color:#1676bf!important}
.search-zone__items>.bonus-list-card .bonus-list-card__benefit{
  margin-top:4px!important;
  color:#526171!important;
  font-size:11px!important;
  font-weight:700!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__more{
  margin-top:7px!important;
  color:#257db8!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__action{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
  padding:13px 14px!important;
  border-left:1px solid #e7ebef!important;
  border-top:0!important;
  background:#f8fafc!important;
}
.search-zone__items>.bonus-list-card .bonus-promo-coupon--card,
.search-zone__items>.bonus-list-card .bonus-list-card__cta{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  border-radius:5px!important;
  font-size:11px!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__cta{
  background:#2396f7!important;
  color:#fff!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__cta:hover{background:#1478c9!important}
.search-zone__items>.bonus-list-card .bonus-list-card__cta--secondary{
  border:1px solid #d3dce5!important;
  background:#fff!important;
  color:#253342!important;
}
.search-zone__items>.bonus-list-card .bonus-list-card__cta--secondary:hover{
  border-color:#b9c8d5!important;
  background:#f3f6f8!important;
  color:#17212b!important;
}

@media(max-width:980px) and (min-width:769px){
  .search-zone__items>.bonus-list-card{grid-template-columns:minmax(0,1fr) 164px!important}
  .search-zone__items>.bonus-list-card:has(.bonus-list-card__logo){
    grid-template-columns:96px minmax(0,1fr) 164px!important;
  }
  .search-zone__items>.bonus-list-card .bonus-list-card__logo{
    width:96px!important;
    min-width:96px!important;
    padding:11px!important;
  }
  .search-zone__items>.bonus-list-card .bonus-list-card__logo img{
    max-width:72px!important;
    max-height:48px!important;
  }
  .search-zone__items>.bonus-list-card .bonus-list-card__main{padding:12px!important}
  .search-zone__items>.bonus-list-card .bonus-list-card__action{padding:11px!important}
}

@media(max-width:768px){
  .search-zone__items>.bonus-list-card,
  .search-zone__items>.bonus-list-card:has(.bonus-list-card__logo){
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .search-zone__items>.bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    height:72px!important;
    min-height:72px!important;
    padding:12px 16px!important;
    border-right:0!important;
    border-bottom:1px solid #e7ebef!important;
  }
  .search-zone__items>.bonus-list-card:has(.bonus-list-card__logo) .bonus-list-card__logo img{
    width:auto!important;
    max-width:120px!important;
    max-height:44px!important;
  }
  .search-zone__items>.bonus-list-card .bonus-list-card__main{
    grid-column:1!important;
    grid-row:auto!important;
    padding:12px 13px!important;
  }
  .search-zone__items>.bonus-list-card .bonus-list-card__badges{
    display:flex!important;
    justify-content:flex-start!important;
  }
  .search-zone__items>.bonus-list-card .bonus-list-card__action{
    grid-column:1!important;
    grid-row:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:11px 13px 13px!important;
    border-left:0!important;
    border-top:1px solid #e7ebef!important;
  }
  .search-zone__items>.bonus-list-card .bonus-list-card__action>:only-child{grid-column:1/-1!important}
}
@media(max-width:430px){
  .search-zone__items>.bonus-list-card .bonus-list-card__action{grid-template-columns:1fr!important}
}