/* SHEINIFY v1.8.3 — Zibll 9.1 article header in the page-wide row above main/sidebar.
 * Keep every selector scoped to .sfi-post-hero or the explicit replacement body class. */
.sfi-post-hero.sfi-post-hero-full{
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  width:100%; max-width:none; margin:0 0 25px; border:0;
  min-height:var(--sfi-ph-pc,50vh);
  padding:clamp(78px,8vh,120px) clamp(24px,5vw,75px) clamp(88px,10vh,120px);
  box-sizing:border-box; border-radius:0; box-shadow:none;
  color:var(--sfi-ph-fg,#b3bdf9);
  background-color:var(--sfi-ph-bg,#425aef);
  background-image:linear-gradient(108deg,rgba(0,0,0,.025),transparent 65%);
}
.sfi-post-hero::before{
  content:""; position:absolute; right:-8%; top:-135px; z-index:1;
  width:min(520px,45vw); height:min(520px,45vw);
  border:1px solid rgba(255,255,255,.09); border-radius:50%;
  box-shadow:0 0 0 65px rgba(255,255,255,.035),0 0 0 125px rgba(255,255,255,.022);
  pointer-events:none;
}
.sfi-post-hero .sfi-ph-cover-region{
  position:absolute; left:48%; right:0; top:0; bottom:0;
  z-index:0; overflow:hidden; pointer-events:none;
}
.sfi-post-hero .sfi-ph-cover{
  display:block; position:absolute; inset:-18px; width:calc(100% + 36px);
  height:calc(100% + 36px); object-fit:cover; object-position:center;
  filter:blur(6px); opacity:.78; transform:scale(1.04);
}
.sfi-post-hero .sfi-ph-cover-shade{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,
    var(--sfi-ph-bg,#425aef) 0%,
    var(--sfi-ph-bg,#425aef) 36%,
    color-mix(in srgb,var(--sfi-ph-bg,#425aef) 88%,transparent) 51%,
    color-mix(in srgb,var(--sfi-ph-bg,#425aef) 22%,transparent) 100%);
}
.sfi-post-hero .sfi-ph-inner{
  position:relative; z-index:3; min-width:0; width:100%; max-width:1280px;
  text-align:var(--sfi-ph-align,center);
}
.sfi-post-hero .sfi-ph-crumb,.sfi-post-hero .sfi-ph-pills,
.sfi-post-hero .sfi-ph-tags,.sfi-post-hero .sfi-ph-stats{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
  width:100%; gap:8px;
}
.sfi-post-hero[style*="--sfi-ph-align:left"] .sfi-ph-crumb,
.sfi-post-hero[style*="--sfi-ph-align:left"] .sfi-ph-pills,
.sfi-post-hero[style*="--sfi-ph-align:left"] .sfi-ph-tags,
.sfi-post-hero[style*="--sfi-ph-align:left"] .sfi-ph-stats{justify-content:flex-start}
.sfi-post-hero[style*="--sfi-ph-align:right"] .sfi-ph-crumb,
.sfi-post-hero[style*="--sfi-ph-align:right"] .sfi-ph-pills,
.sfi-post-hero[style*="--sfi-ph-align:right"] .sfi-ph-tags,
.sfi-post-hero[style*="--sfi-ph-align:right"] .sfi-ph-stats{justify-content:flex-end}
.sfi-post-hero .sfi-ph-crumb{font-size:13px; opacity:.8; margin:0 0 14px}
.sfi-post-hero .sfi-ph-crumb a{color:inherit;text-decoration:none}
.sfi-post-hero .sfi-ph-crumb a:hover{text-decoration:underline}
.sfi-post-hero .sfi-ph-pills{margin:0 0 18px}
.sfi-post-hero .sfi-ph-tags{margin:0 0 12px}
.sfi-post-hero .sfi-ph-pill,.sfi-post-hero .sfi-ph-tag{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 13px;font-size:13px;font-weight:700;line-height:1.4;
  background:rgba(255,255,255,.16);color:var(--sfi-ph-title,#fff);
  border:1px solid rgba(255,255,255,.18);border-radius:var(--sfi-ph-radius,9px);
  text-decoration:none;max-width:100%;overflow-wrap:anywhere;
}
.sfi-post-hero .sfi-ph-tag{border-radius:var(--sfi-ph-tag-radius,8px);font-size:12px; background:rgba(255,255,255,.095)}
.sfi-post-hero a.sfi-ph-pill:hover,.sfi-post-hero a.sfi-ph-tag:hover{background:rgba(255,255,255,.25);color:#fff}
.sfi-post-hero .sfi-ph-property{background:rgba(255,255,255,.27)}
.sfi-post-hero .sfi-ph-title{
  margin:0 auto 20px;max-width:1280px;
  font-size:clamp(30px,3vw,48px);font-weight:800;line-height:1.3;letter-spacing:-.6px;
  color:var(--sfi-ph-title,#fff)!important;
  overflow-wrap:anywhere; text-wrap:balance;
}
.sfi-post-hero .sfi-ph-stats{
  gap:5px 22px; margin:0 auto; line-height:1.6;
  font-size:var(--sfi-ph-meta-size,15px);font-weight:500;
  color:var(--sfi-ph-fg,#b3bdf9);
}
.sfi-post-hero .sfi-ph-stats span{white-space:normal}
.sfi-post-hero .sfi-ph-wave{
  display:block;position:absolute;inset:auto 0 -1px;width:100%;height:68px;
  z-index:4;pointer-events:none
}
.sfi-post-hero .sfi-ph-wave-back{animation:sfiPhWaveBack 17s ease-in-out infinite alternate}
.sfi-post-hero .sfi-ph-wave-front{animation:sfiPhWaveFront 23s ease-in-out infinite alternate}
@keyframes sfiPhWaveBack{from{transform:translateX(-20px)}to{transform:translateX(20px)}}
@keyframes sfiPhWaveFront{from{transform:translateX(25px)}to{transform:translateX(-25px)}}
/* Hide redundant native heading and breadcrumb, not the article/author/paywall widgets. */
.sfi-hero-replace-title.single-post .content-layout>.breadcrumb,
.sfi-hero-replace-title.single-post .content-layout .article-header h1.article-title,
.sfi-hero-replace-title.single-post .content-layout .single-cover-con h1.article-title{
  display:none!important;
}
/* A native static image/slider cover would duplicate the same hero artwork. */
.sfi-hero-replace-title.single-post .content-layout>.single-head-cover:has(.single-cover),
.sfi-hero-replace-title.single-post .content-layout>.single-head-cover:has(.single-cover-slide){
  display:none!important;
}
/* Forum output remains in its original content hook, so retain a compact card there. */
.single-forum_post .sfi-post-hero:not(.sfi-post-hero-full){
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;
  min-height:var(--sfi-ph-pc,35vh);margin:0 0 22px;padding:42px 25px 58px;
  border-radius:9px;background:var(--sfi-ph-bg,#425aef);color:var(--sfi-ph-fg,#dbe4ff)
}
.sfi-hero-replace-title.single-forum_post .forum-article .article-header h1{display:none!important}
@media(min-width:768px) and (max-width:1024px){
  .sfi-post-hero.sfi-post-hero-full{min-height:var(--sfi-ph-pad,35vh);padding:75px 38px 88px}
  .sfi-post-hero .sfi-ph-title{font-size:clamp(28px,3.9vw,40px)}
  .sfi-post-hero .sfi-ph-cover-region{left:40%}
  .sfi-post-hero .sfi-ph-cover-shade{background:linear-gradient(90deg,var(--sfi-ph-bg,#425aef) 15%,rgba(66,90,239,.78) 64%,rgba(66,90,239,.35))}
}
@media(max-width:767px){
  .sfi-post-hero.sfi-post-hero-full{
    min-height:var(--sfi-ph-phone,43vh);padding:52px 20px 71px;margin-bottom:15px;
  }
  .sfi-post-hero .sfi-ph-inner{text-align:center}
  .sfi-post-hero .sfi-ph-crumb,.sfi-post-hero .sfi-ph-pills,
  .sfi-post-hero .sfi-ph-tags,.sfi-post-hero .sfi-ph-stats{justify-content:center}
  .sfi-post-hero .sfi-ph-crumb{font-size:12px}
  .sfi-post-hero .sfi-ph-cover-region{left:23%;opacity:.6}
  .sfi-post-hero .sfi-ph-cover-shade{background:linear-gradient(90deg,rgba(66,90,239,.96),rgba(66,90,239,.77))}
  .sfi-post-hero .sfi-ph-title{font-size:clamp(25px,6.5vw,32px);margin:0 auto 15px}
  .sfi-post-hero .sfi-ph-stats{gap:3px 11px;font-size:12px}
  .sfi-post-hero .sfi-ph-wave{height:38px}
}
@media(prefers-reduced-motion:reduce){
  .sfi-post-hero .sfi-ph-wave-back,.sfi-post-hero .sfi-ph-wave-front{animation:none!important}
}