/* Page banner — measured: 50svh tall, crumbs 10px/500/1px upper, h1 47px (80→ mobile 27px) -0.04em. */
.relw-page-banner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--relw-pb-h,50svh);overflow:hidden;color:#fff;background:#111}
.relw-page-banner__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.relw-page-banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--relw-pb-ov,0));z-index:1;pointer-events:none}
.relw-page-banner::after{content:"";position:absolute;inset:0 0 auto;height:120px;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0));z-index:1;pointer-events:none}
.relw-page-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--relw-hh,67px) + 24px) 36px 24px;max-width:100%}
.relw-crumbs{display:flex;align-items:center;gap:8px;min-height:34px;padding:0;font-size:10px;line-height:12.5px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#fff}
.relw-crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.relw-crumbs a:hover{opacity:.7}
.relw-crumbs span[aria-current]{opacity:1}
.relw-page-banner__title{margin:24px 0 0;padding:9.4px 0;font-size:47px;line-height:47px;font-weight:400;letter-spacing:-.04em;color:#fff}
@media (max-width:749px){
  .relw-page-banner{min-height:var(--relw-pb-h,50svh)}
  .relw-page-banner__content{padding:calc(var(--relw-hh,65px) + 16px) 16px 16px}
  .relw-page-banner__title{font-size:27px;line-height:27px;padding:5.4px 0;margin-top:18px}
}

/* No image: plain white banner (e.g. /collections). Header stays solid on these pages. */
.relw-page-banner--plain{color:rgb(17,17,17);background:#fff;min-height:0}
.relw-page-banner--plain::before,.relw-page-banner--plain::after{display:none}
.relw-page-banner--plain .relw-page-banner__content{padding:52px 36px 117px}
.relw-page-banner--plain .relw-crumbs,.relw-page-banner--plain .relw-page-banner__title{color:rgb(17,17,17)}
@media (max-width:749px){
  .relw-page-banner--plain{min-height:calc(var(--relw-pb-h,50svh))}
  .relw-page-banner--plain .relw-page-banner__content{padding:16px}
}

/* The theme sets img{height:auto}; keep the banner/hero/collection images filling their box on every screen. */
.relw-page-banner .relw-page-banner__img,.elementor .relw-page-banner .relw-page-banner__img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}