/* Image-led, two-column cards follow the 301 mobile flow while retaining JJ branding. */
.topbar__inner{min-height:55px;padding:7px 12px}
.topbar nav{gap:0}
.topbar nav a{min-height:38px;display:grid;place-items:center;padding:7px 6px;font-size:10px}
.site-main__inner{padding:10px 12px 40px}
.catalog-page[data-page="home"] .intro{display:none}
.catalog-page[data-page="home"] .search{margin:4px 0 15px}
.search{height:47px}
.points{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:15px;padding:17px;border-radius:16px}
.points strong{font-size:28px}
.points .primary-button{width:100%;max-width:none;min-height:47px;padding:12px 14px;background:#2d6cdf;color:#fff;box-shadow:none;font-size:13px}
.points .primary-button:hover{box-shadow:0 6px 16px #2d6cdf30}
.section-title{margin:24px 0 12px}
.section-title h2{font-size:23px;margin:3px 0}
.section-title--games{margin-top:24px}
.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.categories .category-chip:first-child{display:none}
.category-chip{min-height:46px;display:grid;place-items:center;padding:10px 6px;font-size:13px}
.game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:stretch}
.game-list>.ad-space{grid-column:1/-1}
.game-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;border-radius:17px;overflow:hidden;background:#284db7;color:#fff;box-shadow:0 5px 15px #1b2c5620}
.game-card:nth-of-type(4n+2){background:#187f91}
.game-card:nth-of-type(4n+3){background:#5944ae}
.game-card:nth-of-type(4n+4){background:#a85531}
.game-card>img{display:block;width:100%;height:auto;aspect-ratio:1.14;object-fit:cover;border-radius:0;flex:none}
.game-card__body{display:block;flex:none;padding:10px 10px 2px}
.game-card__kind,.game-card__body small{display:none}
.game-card__body strong{display:block;min-height:2.4em;color:#fff;font-size:15px;line-height:1.2}
.game-card__end{display:flex;align-items:center;justify-content:space-between;justify-items:stretch;gap:5px;margin-top:auto;padding:5px 10px 11px}
.game-card__end small{color:#ffffffd9;font-size:9px;white-space:nowrap}
.game-card__end small b{color:#fff;font-size:11px}
.game-card__end>span{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;background:#ffffffeb;color:#1d3e91;font-size:0;flex:none}
.game-card__end>span>span{font-size:17px;line-height:1}
.catalog-page:not([data-page="home"]) .crumbs{margin:4px 0 12px}
.catalog-page:not([data-page="home"]) .category-hero{padding:18px 19px;border-radius:15px}
.catalog-page:not([data-page="home"]) .category-hero h1{font-size:29px;margin:7px 0}
.catalog-page:not([data-page="home"]) .category-hero p{font-size:12px}
.catalog-page:not([data-page="home"]) .points,.catalog-page:not([data-page="home"]) .categories,.catalog-page:not([data-page="home"]) .search{display:none}
.catalog-page:not([data-page="home"]) .section-title--games{margin-top:18px}
.more{margin-top:23px}
.player-header{display:none}
@media(max-width:340px){.site-main__inner{padding-left:10px;padding-right:10px}.topbar__inner{padding-left:9px;padding-right:9px}.brand small{display:none}.topbar nav a{font-size:9px;padding:6px 4px}.game-card__body{padding:8px 8px 2px}.game-card__body strong{font-size:13px}.game-card__end{padding:4px 8px 8px}.game-card__end small{font-size:8px}.game-card__end>span{width:28px;height:28px}}
@media(max-width:319px){.ad-space--rect{display:none}}
