/* Compact, offer-first layouts. Desktop keeps the original homepage treatment. */
.cbs-menu-toggle,.cbs-submenu-toggle{display:none}
.cbs-menu-toggle:focus-visible,.cbs-submenu-toggle:focus-visible{outline:3px solid var(--cbs-green);outline-offset:3px}
@media(max-width:782px){
    .cbs-standalone .cbs-hero-brandbar,.cbs-editorial-header .cbs-hero-brandbar{min-height:68px;padding-top:10px;padding-bottom:10px;gap:10px;flex-wrap:wrap;align-items:center}
    .cbs-hero-brandbar .cbs-brand__logo{width:150px;height:auto}
    .cbs-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;margin-left:auto;border:1px solid #ffffff45;border-radius:7px;background:#ffffff0b;color:white;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
    .cbs-hero-brandbar .cbs-home-navigation{display:none;flex-basis:100%;width:100%;margin:0;padding:6px 0 0}
    .cbs-hero-brandbar .cbs-home-navigation.cbs-menu-open{display:block}
    .cbs-home-navigation .cbs-editorial-nav{display:block;padding:0;margin:0}
    .cbs-home-navigation .cbs-editorial-nav>li{position:relative;border-top:1px solid #ffffff20;margin:0}
    .cbs-home-navigation .cbs-editorial-nav a{display:block;min-height:44px;padding:10px 12px;font-size:14px;line-height:24px;white-space:normal}
    .cbs-home-navigation .menu-item-has-children>a{padding-right:56px}
    .cbs-home-navigation .menu-item-has-children>a:after{content:none}
    .cbs-submenu-toggle{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:46px;height:44px;padding:0;border:0;border-left:1px solid #ffffff20;background:transparent;color:white;cursor:pointer}
    .cbs-submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
    .cbs-home-navigation .cbs-editorial-nav .sub-menu,
    .cbs-home-navigation .cbs-editorial-nav li:hover>.sub-menu,
    .cbs-home-navigation .cbs-editorial-nav li:focus-within>.sub-menu{display:none;position:static;min-width:0;padding:0 0 8px 12px;border:0;box-shadow:none;background:#ffffff08}
    .cbs-home-navigation .cbs-editorial-nav li.cbs-submenu-open>.sub-menu{display:block}
    .cbs-home-navigation .sub-menu a{padding:9px 12px;font-size:13px}

    .crypto-casinos .cbs-hero__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding-top:12px;padding-bottom:20px}
    .crypto-casinos .cbs-hero__copy{display:contents}
    .crypto-casinos .cbs-hero h1,.cbs-listing-page .cbs-listing-hero h1{max-width:100%;font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:0}
    .crypto-casinos .cbs-hero__intro,.crypto-casinos .cbs-hero__actions,.cbs-listing-page .cbs-hero__actions{display:none}
    .crypto-casinos .cbs-top-offer{order:2;width:100%;margin:0;padding:0 16px 12px;border-radius:12px;box-shadow:0 12px 28px #0003}
    .crypto-casinos .cbs-top-offer__header{margin:0 -16px 12px;padding:8px 14px;gap:8px}
    .crypto-casinos .cbs-top-offer__brand{grid-template-columns:52px minmax(0,1fr);gap:12px}
    .crypto-casinos .cbs-top-offer__logo{width:52px;height:52px;padding:5px;border-radius:9px}
    .crypto-casinos .cbs-top-offer h2{font-size:22px;margin:0 0 4px}
    .crypto-casinos .cbs-top-offer__rating{line-height:1.2}
    .crypto-casinos .cbs-top-offer__visual{display:block;margin:12px 0}
    .crypto-casinos .cbs-top-offer__banner{display:none}
    .crypto-casinos .cbs-top-offer__bonus{padding:10px 12px}
    .crypto-casinos .cbs-top-offer__bonus strong{font-size:20px;line-height:1.2}
    .crypto-casinos .cbs-top-offer__payments{gap:10px;margin:10px 0}
    .crypto-casinos .cbs-top-offer__payments>span{font-size:10px}
    .crypto-casinos .cbs-top-offer__payments .cbs-coin{width:25px;height:25px;font-size:14px}
    .crypto-casinos .cbs-top-offer__cta{min-height:44px;padding:10px 16px;margin-top:0}
    .crypto-casinos .cbs-top-offer__legal{margin:8px 0 0;font-size:10px;line-height:1.4}

    .cbs-listing-page .cbs-listing-hero .cbs-hero__inner{display:block;padding-top:12px;padding-bottom:12px}
    .cbs-listing-page .cbs-listing-hero .cbs-hero__copy{display:block}
    .cbs-listing-page .cbs-listing-hero .cbs-hero__intro{font-size:14px;line-height:1.45;margin:10px 0 0;max-width:none}
    .cbs-listing-page .cbs-listing-disclosure{font-size:10px;line-height:1.4;padding-bottom:12px;margin:0}
    .crypto-casinos .cbs-jump-nav__inner,.cbs-listing-page .cbs-jump-nav__inner{min-height:42px;gap:20px;padding:0 14px}
    .crypto-casinos .cbs-jump-nav a,.cbs-listing-page .cbs-jump-nav a{font-size:12px;padding:10px 0}
    .crypto-casinos .cbs-section--comparison,.cbs-listing-page .cbs-section--comparison{padding-top:20px;padding-bottom:28px}
    .crypto-casinos .cbs-section--comparison .cbs-section-heading,.cbs-listing-page .cbs-section--comparison .cbs-section-heading{max-width:none;margin-bottom:14px;text-align:left}
    .crypto-casinos .cbs-section--comparison .cbs-section-heading h2,.cbs-listing-page .cbs-section--comparison .cbs-section-heading h2{font-size:22px;line-height:1.15;margin:0}
    .crypto-casinos .cbs-social-proof{min-height:0;padding:8px 12px;margin:0 0 14px;font-size:12px}
    /* Keep the comparison note, but after the offers so it does not delay them. */
    .cbs-listing-page .cbs-section--comparison>.cbs-container{display:flex;flex-direction:column;gap:14px}
    .cbs-listing-page .cbs-section--comparison .cbs-section-heading{display:contents}
    .cbs-listing-page .cbs-section--comparison .cbs-section-heading h2{order:0}
    .cbs-listing-page .cbs-section--comparison .cbs-listing-notice{order:2;font-size:12px;line-height:1.5;margin:0}
    .cbs-listing-page .cbs-section--comparison .cbs-casino-list{order:1;width:100%}
}
@media(max-width:580px){
    .crypto-casinos .cbs-casino-card,.cbs-listing-page .cbs-casino-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
    .crypto-casinos .cbs-casino-card__brand,.cbs-listing-page .cbs-casino-card__brand{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding-left:32px;text-align:left;min-height:56px;grid-column:1/-1}
    .crypto-casinos .cbs-listing-logo,.cbs-listing-page .cbs-listing-logo{width:56px;height:56px;flex:0 0 56px;margin:0;border-radius:9px}
    .crypto-casinos .cbs-casino-card__rank,.cbs-listing-page .cbs-casino-card__rank{top:28px;left:14px;width:26px;height:26px;font-size:12px}
    .crypto-casinos .cbs-casino-card__brand h3,.cbs-listing-page .cbs-casino-card__brand h3{font-size:21px;line-height:1.2;margin:0 0 5px}
    .crypto-casinos .cbs-casino-card__brand .cbs-rating,.cbs-listing-page .cbs-directory-stars{margin:0 auto;text-align:center;width:max-content}
    .crypto-casinos .cbs-casino-card__details,.cbs-listing-page .cbs-casino-card__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:auto;grid-row:auto;gap:10px 14px;padding:12px 0 0;margin:0;border-top:1px solid var(--cbs-border)}
    .crypto-casinos .cbs-detail,.cbs-listing-page .cbs-detail{padding:0;border:0;min-width:0}
    .crypto-casinos .cbs-detail:first-child,.cbs-listing-page .cbs-detail:first-child{grid-column:1/-1}
    .crypto-casinos .cbs-detail span,.cbs-listing-page .cbs-detail span{font-size:9px;line-height:1.3;margin-bottom:4px}
    .crypto-casinos .cbs-detail strong,.cbs-listing-page .cbs-detail strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
    .crypto-casinos .cbs-detail:first-child strong,.cbs-listing-page .cbs-detail:first-child strong{font-size:17px}
    .crypto-casinos .cbs-casino-card__actions,.cbs-listing-page .cbs-casino-card__actions{margin:0;gap:6px}
    .crypto-casinos .cbs-casino-card__actions .cbs-button,.cbs-listing-page .cbs-casino-card__actions .cbs-button{min-height:44px;padding:10px 16px;font-size:15px}
    .crypto-casinos .cbs-casino-card__actions small,.cbs-listing-page .cbs-casino-card__actions small{font-size:10px;line-height:1.4}
}

/* Offer disclosure sits beneath the comparison on every screen size. */
.cbs-section--comparison .cbs-offer-disclosure{color:var(--cbs-muted);font-size:12px;line-height:1.6;margin:16px 0 0}
@media(max-width:782px){
    .crypto-casinos .cbs-top-offer{display:none}
    .crypto-casinos .cbs-hero__intro{display:block;order:2;font-size:15px;line-height:1.5;margin:0;max-width:none}
    .cbs-listing-page .cbs-section--comparison .cbs-offer-disclosure{order:2;margin:0}
    .cbs-listing-page .cbs-section--comparison .cbs-listing-notice{order:3}
}