/*
 * MaxDTF Moje konto — niski pas tytułu na stronach konta (uwaga klienta 09.10.2026: wysoki pas z samym napisem
 * „Moje konto” zajmował cały ekran i trzeba było przewijać, żeby cokolwiek zobaczyć).
 *
 * Pas rysuje motyw (Betheme: #Subheader > .container > .column > h1.title) z odstępami 240 px + 120 px.
 * Tu tylko na stronach konta (body.woocommerce-account): wysokość idzie za proporcją grafiki (2172 × 244),
 * żeby ilustracja po prawej nie była przycinana, w granicach 96–180 px; na telefonie stałe 96 px i lewa,
 * spokojna część grafiki pod tytułem. Selektory mają przewagę nad regułami motywu bez !important.
 */
body.woocommerce-account #Subheader{
    padding:0;
    height:clamp(96px,11.23vw,180px);
    display:flex;
    align-items:center;
    background-color:#fcf6fb;
    background-image:url(account-banner.webp);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
body.woocommerce-account #Subheader .container{flex:1 1 auto;width:100%}
body.woocommerce-account #Subheader .column{margin-top:0;margin-bottom:0}
body.woocommerce-account #Subheader .title{font-size:clamp(26px,2.6vw,40px);line-height:1.2;margin:0;padding:0}

@media only screen and (max-width:767px){
    body.woocommerce-account #Subheader{padding:0;height:96px;background-position:left center}
}