/* The photo covers the entire native header; the editable text stays above its overlay. */
.ysb-hero.ysbhc-catalog-hero{--ysbhc-catalog-tone:101 43 21;--wp--preset--color--contrast:#fff;--wp--preset--color--muted:#ffffffe6;--wp--preset--font-size--x-large:clamp(26px,2.4vw,34px);position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:16px!important;box-sizing:border-box;min-height:248px;height:auto;padding:32px!important;overflow:hidden;border-radius:14px;color:#fff;background:rgb(var(--ysbhc-catalog-tone))!important}
.ysb-hero.ysbhc-catalog-hero.ysbhc-catalog--overstock{--ysbhc-catalog-tone:15 52 60}
.ysb-hero.ysbhc-catalog-hero.ysbhc-catalog--resale{--ysbhc-catalog-tone:63 48 31}
.ysb-hero.ysbhc-catalog-hero>.ysbhc-catalog-picture{position:absolute;z-index:0;inset:0;width:100%;height:100%;max-width:none;margin:0;overflow:hidden;pointer-events:none;-webkit-mask-image:none;mask-image:none}
.ysbhc-catalog-picture img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.ysb-hero.ysbhc-catalog-hero::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(var(--ysbhc-catalog-tone)/.98) 0%,rgb(var(--ysbhc-catalog-tone)/.94) calc(var(--ysbhc-fade-desktop,100%) * .45),rgb(var(--ysbhc-catalog-tone)/.86) calc(var(--ysbhc-fade-desktop,100%) * .72),rgb(var(--ysbhc-catalog-tone)/.38) calc(var(--ysbhc-fade-desktop,100%) * .92),rgb(var(--ysbhc-catalog-tone)/0) var(--ysbhc-fade-desktop,100%))}
.ysb-hero.ysbhc-catalog-hero.ysbhc-catalog--strong::before{background:linear-gradient(90deg,rgb(var(--ysbhc-catalog-tone)/.995) 0%,rgb(var(--ysbhc-catalog-tone)/.985) calc(var(--ysbhc-fade-desktop,100%) * .45),rgb(var(--ysbhc-catalog-tone)/.96) calc(var(--ysbhc-fade-desktop,100%) * .72),rgb(var(--ysbhc-catalog-tone)/.68) calc(var(--ysbhc-fade-desktop,100%) * .92),rgb(var(--ysbhc-catalog-tone)/0) var(--ysbhc-fade-desktop,100%))}
.ysb-hero.ysbhc-catalog-hero>:not(.ysbhc-catalog-picture){position:relative;z-index:2;box-sizing:border-box;max-width:58%;margin:0!important}
.ysbhc-catalog-hero .ysb-kicker{font-size:11px;line-height:1.45;font-weight:700;letter-spacing:.09em;margin:0 0 13px}
.ysbhc-catalog-hero :is(h1,h2){font-size:var(--wp--preset--font-size--x-large);color:inherit;line-height:1.16;letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance;margin:0 0 10px}
.ysbhc-catalog-hero p:not(.ysb-kicker){font-size:13px;line-height:1.65;margin:0}
.ysbhc-catalog-hero .wp-block-buttons{justify-content:flex-start}
.ysbhc-catalog-hero .wp-block-button__link{min-height:38px;display:inline-flex;align-items:center;box-sizing:border-box;font-size:13px;padding:10px 16px;border-radius:7px}
.ysbhc-catalog-hero .wp-block-button__link:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(min-width:701px) and (max-width:1050px){.ysb-hero.ysbhc-catalog-hero{padding:26px!important;min-height:258px;--wp--preset--font-size--x-large:28px}.ysb-hero.ysbhc-catalog-hero>:not(.ysbhc-catalog-picture){max-width:65%}}
@media(max-width:700px){.ysb-hero.ysbhc-catalog-hero{padding:24px!important;min-height:400px;gap:14px!important;--wp--preset--font-size--x-large:26px}.ysb-hero.ysbhc-catalog-hero>:not(.ysbhc-catalog-picture){max-width:82%;width:auto}.ysb-hero.ysbhc-catalog-hero::before{background:linear-gradient(90deg,rgb(var(--ysbhc-catalog-tone)/.98) 0%,rgb(var(--ysbhc-catalog-tone)/.94) calc(var(--ysbhc-fade-mobile,95%) * .45),rgb(var(--ysbhc-catalog-tone)/.86) calc(var(--ysbhc-fade-mobile,95%) * .72),rgb(var(--ysbhc-catalog-tone)/.38) calc(var(--ysbhc-fade-mobile,95%) * .92),rgb(var(--ysbhc-catalog-tone)/0) var(--ysbhc-fade-mobile,95%))}.ysb-hero.ysbhc-catalog-hero.ysbhc-catalog--strong::before{background:linear-gradient(90deg,rgb(var(--ysbhc-catalog-tone)/.995) 0%,rgb(var(--ysbhc-catalog-tone)/.985) calc(var(--ysbhc-fade-mobile,95%) * .45),rgb(var(--ysbhc-catalog-tone)/.96) calc(var(--ysbhc-fade-mobile,95%) * .72),rgb(var(--ysbhc-catalog-tone)/.68) calc(var(--ysbhc-fade-mobile,95%) * .92),rgb(var(--ysbhc-catalog-tone)/0) var(--ysbhc-fade-mobile,95%))}.ysbhc-catalog-hero .ysb-kicker{font-size:10px;margin-bottom:11px}.ysbhc-catalog-hero p:not(.ysb-kicker){font-size:12px;line-height:1.65}.ysbhc-catalog-hero .wp-block-button__link{min-height:44px;font-size:14px;padding:11px 16px}}
