/* Shared full-width title treatment across content and commerce pages. */
body .wc-page-hero {
  --hero-ink:#252525; --hero-muted:#646464;
  position:relative;isolation:isolate;box-sizing:border-box;
  margin-top:var(--s-head-height,102px);margin-bottom:34px;
  min-height:234px;padding:0;overflow:hidden;
  width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  background:#f1f1f1;color:var(--hero-ink);border:0;border-bottom:1px solid #e1e1e1;
}
/* The photo is an <img> (inc/page-hero.php); the left fade sits over it. */
body .wc-page-hero__bg {
  position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center 54%;pointer-events:none;user-select:none;
}
body .wc-page-hero::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#f1f1f1 0%,#f1f1f1 35%,rgba(241,241,241,0) 65%);
}
body .wc-page-hero__inner {max-width:1140px;width:calc(100% - 48px);min-height:234px;box-sizing:border-box;margin:0 auto;position:relative;padding:26px 0 36px;}
body .wc-page-hero__breadcrumb {display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#6b6b6b;font-size:10px;font-weight:400;line-height:1.6;margin-bottom:24px;}
body .wc-page-hero__breadcrumb a {color:#565656;text-decoration:none;min-height:20px;display:inline-flex;align-items:center;}
body .wc-page-hero__breadcrumb a:hover {color:#b01015;text-decoration:underline;}
body .wc-page-hero__breadcrumb > span[aria-hidden] {color:#999;}
body .wc-page-hero__copy {max-width:790px;position:relative;z-index:1;}
body .wc-page-hero .wc-page-hero__title {
  font-family:var(--s-heading,"Prompt",sans-serif);font-size:clamp(28px,3.1vw,40px)!important;line-height:1.4;
  font-weight:500!important;letter-spacing:-.02em;text-align:left!important;text-wrap:balance;
  padding:0!important;margin:0!important;color:var(--hero-ink)!important;border:0;max-width:100%;
}
body .wc-page-hero .wc-page-hero__title::after,body .wc-page-hero .wc-page-hero__title::before {display:none!important;}
body .page-content .wc-page-hero .wc-page-hero__description,body .wc-page-hero .wc-page-hero__description {font-family:var(--s-heading,"Prompt",sans-serif);font-size:14px;font-weight:400;line-height:1.9;color:var(--hero-muted);margin:14px 0 0;max-width:710px;}
body .wc-page-hero :focus-visible {outline:2px solid #d72127;outline-offset:4px;}
body:has(.wc-page-hero) .site-header-space {margin-bottom:0;}
/* Existing content wrappers may be narrow; title alignment stays site-wide. */
body .wc-index:has(> .wc-page-hero) {padding-top:0;}
body .wc-page-hero-search {max-width:640px;margin:0 auto 30px;}
body.wc-commerce .wc-catalog-layout {padding-top:0;}
body.wc-commerce.woocommerce-checkout main.site-main.-narrow {max-width:1140px;}
body.wc-commerce .wc-flow-steps {padding-top:0;margin-top:0;margin-bottom:14px;}
@media(min-width:768px) and (max-width:1190px) {
 body .wc-page-hero__inner {width:calc(100% - 60px);}
 body .wc-page-hero__copy {max-width:76%;}
 body .wc-page-hero__bg {object-position:65% 54%;}
}
@media(max-width:767px) {
 body .wc-page-hero {min-height:202px;margin-bottom:24px;}
 body .wc-page-hero__inner {width:calc(100% - 32px);min-height:202px;padding:20px 0 28px;}
 body .wc-page-hero__breadcrumb {font-size:9px;gap:8px;margin-bottom:20px;max-width:95%;}
 body .wc-page-hero .wc-page-hero__title {font-size:28px!important;line-height:1.5;max-width:100%;}
 body .page-content .wc-page-hero .wc-page-hero__description,body .wc-page-hero .wc-page-hero__description {font-size:12px;line-height:1.8;font-weight:400;max-width:96%;margin-top:10px;}
 /* Same result as the old pseudo-element at 26 % opacity: photo at .26, the fade on top. */
 body .wc-page-hero__bg {inset:auto;width:900px;height:300px;left:calc((100% - 900px) * .57);top:calc((100% - 300px) * .54);opacity:.26;}
 body .wc-page-hero__copy {max-width:100%;}
}
@media(prefers-reduced-motion:reduce) {.wc-page-hero * {transition:none;}}