/* Kaden's original cartoon artwork integration — Build 2.3 */
/* Marketplace already contains an image element; replace its displayed artwork
   without modifying the listing queries, banner database, or dashboard.php. */
.kaden-member-banner .kaden-hero-banner {
    content: url('../images/kaden-cartoon-site-banner.webp');
    display: block;
    width: 100%;
    height: auto;
    max-height: 340px;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
}
.kaden-cartoon-interior-banner {
    width: 100%;
    aspect-ratio: 1536 / 354;
    max-height: 340px;
    background: #17243d url('../images/kaden-cartoon-site-banner.webp') center / cover no-repeat;
    border: 1px solid #34415c;
    border-radius: 16px;
    margin: 0 0 1.75rem;
}
.kaden-home .kaden-home-art > img {
    content: url('../images/kaden-cartoon-home-art.webp');
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 700px) {
    .kaden-cartoon-interior-banner {aspect-ratio: 16 / 7; border-radius: 12px; margin-bottom: 1rem;}
    .kaden-member-banner .kaden-hero-banner {max-height: 220px; min-height: 120px;}
}

/* Build 2.4.2: taller, more cinematic Marketplace and interior banners */
.kaden-member-banner {
    overflow:hidden;
    border-radius:16px;
    margin-bottom:1.65rem;
    background:#17243d;
}
.kaden-member-banner .kaden-hero-banner {
    width:100%;
    height:clamp(215px,25vw,345px);
    max-height:none;
    min-height:0;
    object-fit:cover;
    object-position:center;
    border-radius:16px;
}
.kaden-cartoon-interior-banner {
    aspect-ratio:auto;
    height:clamp(175px,22vw,300px);
    max-height:none;
}
@media(max-width:700px) {
    .kaden-member-banner .kaden-hero-banner {
        height:clamp(185px,48vw,245px);
        max-height:none;
        min-height:0;
        object-fit:cover;
        object-position:center;
    }
    .kaden-cartoon-interior-banner {
        height:clamp(160px,42vw,220px);
        aspect-ratio:auto;
    }
}

/* Build 2.4.4 — stop accidental horizontal scrolling across Kaden's pages */
html, body { max-width:100%; overflow-x:clip; }
.kaden-main { min-width:0; max-width:100%; }
.kaden-main img { max-width:100%; }
.kaden-grid, .kaden-games-grid, .kaden-home-games { min-width:0; }
@media(max-width:700px) {
  .kaden-main {width:calc(100% - 24px);margin-left:auto;margin-right:auto;}
}