.sph-wrap{width:100%;max-width:var(--sph-max-width,100%);background:var(--sph-header-bg,#0f172a);border-radius:var(--sph-radius,18px);padding:var(--sph-pt,18px) var(--sph-pr,20px) var(--sph-pb,18px) var(--sph-pl,20px);margin:0 0 18px 0;box-sizing:border-box;position:relative;overflow:hidden}
.sph-wrap:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sph-accent,#22c55e)}
.sph-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.sph-main{display:flex;align-items:center;gap:var(--sph-left-gap,16px);min-width:0;flex:1 1 420px}
.sph-left-image img{width:var(--sph-left-size,72px);height:var(--sph-left-size,72px);object-fit:cover;border-radius:16px;display:block}
.sph-content{min-width:0}
.sph-title{margin:0 0 6px 0;color:var(--sph-title-color,#fff);font-size:30px;line-height:1.15;font-weight:800}
.sph-subtitle{margin:0;color:var(--sph-subtitle-color,#d1d5db);font-size:15px;line-height:1.5;max-width:900px}
.sph-side{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.sph-right-image img{width:var(--sph-right-size,56px);height:var(--sph-right-size,56px);object-fit:cover;border-radius:14px;display:block}
.sph-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-weight:800;font-size:13px;line-height:1;white-space:nowrap;background:var(--sph-badge-bg,#fff);color:var(--sph-badge-color,#0f172a)}
.sph-badge-style-1 .sph-badge{border-radius:999px}
.sph-badge-style-2 .sph-badge{border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.sph-badge-style-3 .sph-badge{border-radius:999px;border:2px solid var(--sph-badge-color,#0f172a);background:transparent}
.sph-badge-style-4 .sph-badge{border-radius:999px;box-shadow:0 0 0 4px rgba(255,255,255,.08) inset}
.sph-badge-style-5 .sph-badge{border-radius:4px;text-transform:uppercase;letter-spacing:.08em}
.sph-badge-style-6 .sph-badge{border-radius:14px;box-shadow:0 10px 20px rgba(0,0,0,.18)}
.sph-badge-style-7 .sph-badge{border-radius:999px;transform:skew(-8deg)}
.sph-badge-style-8 .sph-badge{border-radius:10px;border:1px solid rgba(0,0,0,.12)}
.sph-badge-style-9 .sph-badge{border-radius:999px;background:linear-gradient(90deg,var(--sph-badge-bg,#fff),var(--sph-accent,#22c55e));color:var(--sph-badge-color,#0f172a)}
.sph-badge-style-10 .sph-badge{border-radius:0}
.sph-badge-style-11 .sph-badge{border-radius:999px;box-shadow:0 1px 0 rgba(255,255,255,.3) inset}
.sph-badge-style-12 .sph-badge{border-radius:999px;border:1px dashed var(--sph-badge-color,#0f172a)}
.sph-badge-style-13 .sph-badge{border-radius:12px}
.sph-badge-style-14 .sph-badge{border-radius:999px;border:1px solid rgba(255,255,255,.28)}
.sph-badge-style-15 .sph-badge{border-radius:16px;letter-spacing:.05em}
.sph-badge-style-16 .sph-badge{border-radius:999px;border:1px solid var(--sph-accent,#22c55e)}
.sph-badge-style-17 .sph-badge{border-radius:8px}
.sph-badge-style-18 .sph-badge{border-radius:999px;box-shadow:0 0 0 3px rgba(255,255,255,.1) inset}
.sph-badge-style-19 .sph-badge{border-radius:999px}
.sph-badge-style-20 .sph-badge{border-radius:999px;text-transform:uppercase;letter-spacing:.09em}
@media (max-width: 767px){
  .sph-inner{align-items:flex-start}
  .sph-main{flex-basis:100%}
  .sph-title{font-size:24px}
  .sph-hide-mobile{display:none !important}
}