/* ============================================================
   Scrollprise Hall of Fame #1 · Electric Border
   Adapted from React Bits ElectricBorder JS-CSS registry source.
   Config: #7df9ff · speed 1 · chaos .12 · thickness 2 · radius 16
   ============================================================ */
.hall-electric-border{
  --electric-border-color:#7df9ff;
  --electric-light-color:#7df9ff;
  --electric-thickness:2px;
  position:relative!important;
  border-radius:16px!important;
  overflow:visible!important;
  isolation:isolate;
  border-color:rgba(125,249,255,.35)!important;
}
.hall-electric-border > .eb-canvas-container{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:7;
}
.hall-electric-border .eb-canvas{display:block}
.hall-electric-border > .eb-layers{
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:5;
}
.hall-electric-border .eb-glow-1,
.hall-electric-border .eb-glow-2,
.hall-electric-border .eb-background-glow{
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-sizing:border-box;
}
.hall-electric-border .eb-glow-1{
  border:var(--electric-thickness) solid rgba(125,249,255,.60);
  filter:blur(1px);
}
.hall-electric-border .eb-glow-2{
  border:var(--electric-thickness) solid var(--electric-light-color);
  filter:blur(4px);
  opacity:.9;
}
.hall-electric-border .eb-background-glow{
  z-index:-1;
  transform:scale(1.055);
  filter:blur(28px);
  opacity:.22;
  background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color));
}
.hall-electric-border .editorial-media{border-radius:inherit!important}
.hall-electric-border .editorial-media img{border-radius:inherit!important}
@media(prefers-reduced-motion:reduce){
  .hall-electric-border .eb-canvas-container{display:none!important}
  .hall-electric-border .eb-glow-2{filter:blur(2px)!important;opacity:.55!important}
  .hall-electric-border .eb-background-glow{display:none!important}
}


/* ============================================================
   v33.5.8 · Exact Electric Card treatment for Hall of Fame #1
   Visual reference: dark graphite card, cyan perimeter, status chips,
   full-width white CTA. The product modal remains the image/detail view.
   ============================================================ */
.editorial-product-stage .hall-feature-card.hall-electric-border{
  position:relative!important;
  min-height:500px!important;
  border:1px solid rgba(125,249,255,.30)!important;
  border-radius:16px!important;
  background:
    radial-gradient(440px 260px at 16% 0%,rgba(125,249,255,.085),transparent 66%),
    linear-gradient(155deg,#26323a 0%,#202930 40%,#171a21 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 38px rgba(125,249,255,.035),
    0 26px 70px rgba(3,9,14,.36)!important;
  overflow:visible!important;
  transform:none!important;
}
.editorial-product-stage .hall-feature-card.hall-electric-border:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(125,249,255,.45)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 42px rgba(125,249,255,.045),
    0 32px 82px rgba(3,9,14,.44)!important;
}
.hall-feature-inner{
  position:relative;z-index:4;display:flex;flex-direction:column;
  width:100%;min-height:500px;padding:30px 30px 28px;
  border-radius:15px;overflow:hidden;color:#eff8fa;
  box-sizing:border-box;
}
.hall-feature-badge{
  align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;
  min-height:30px;padding:0 12px;border-radius:999px;
  background:#5f6b73;color:#f3f7f8;
  font-size:12px;font-weight:750;letter-spacing:.035em;
}
.hall-feature-heading{margin-top:18px;max-width:92%}
.hall-feature-heading small{
  display:block;margin-bottom:10px;color:#7df9ff!important;
  font-size:9px!important;font-weight:900!important;letter-spacing:.15em!important;
  text-transform:uppercase;
}
.hall-feature-heading h3{
  margin:0!important;max-width:none!important;
  font-size:clamp(28px,2.6vw,40px)!important;
  line-height:1.02!important;letter-spacing:-.038em!important;
}
.hall-feature-heading h3 button{
  padding:0;border:0;background:none;color:#eef8fa!important;
  font:inherit;text-align:left;cursor:pointer;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.hall-feature-heading p{
  margin:17px 0 0;max-width:34ch;color:#aeb8bf;
  font-size:14px;line-height:1.55;font-weight:560;
}
.hall-feature-spacer{flex:1 1 86px;min-height:86px}
.hall-feature-bottom{margin-top:auto}
.hall-feature-chips{display:flex;gap:8px;align-items:center;margin-bottom:16px}
.hall-feature-chips span{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;
  border:1px solid rgba(255,255,255,.13);border-radius:999px;
  background:rgba(255,255,255,.045);color:#edf3f5;
  font-size:10px;font-weight:700;letter-spacing:.02em;
}
.hall-feature-cta{
  width:100%;min-height:48px;border:0;border-radius:12px;
  background:#f7f7f5;color:#26292d;
  font-size:14px;font-weight:900;letter-spacing:-.01em;cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.hall-feature-cta:hover{
  transform:translateY(-2px);background:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 0 1px rgba(125,249,255,.15)
}
.hall-feature-cta:active{transform:translateY(0) scale(.99)}

/* Make the electric perimeter read like the supplied React Bits card. */
.hall-feature-card.hall-electric-border .eb-glow-1{
  border:1px solid rgba(125,249,255,.82);filter:blur(.7px);opacity:.92
}
.hall-feature-card.hall-electric-border .eb-glow-2{
  border:2px solid rgba(125,249,255,.72);filter:blur(5px);opacity:.78
}
.hall-feature-card.hall-electric-border .eb-background-glow{
  transform:scale(1.04);filter:blur(25px);opacity:.26;
  background:linear-gradient(-30deg,rgba(125,249,255,.75),transparent 48%,rgba(125,249,255,.55));
}

@media(max-width:960px){
  .editorial-product-stage .hall-feature-card.hall-electric-border{min-height:430px!important}
  .hall-feature-inner{min-height:430px;padding:26px 24px 23px}
  .hall-feature-spacer{min-height:58px}
}
@media(max-width:700px){
  .editorial-product-stage .hall-feature-card.hall-electric-border{min-height:420px!important}
  .hall-feature-inner{min-height:420px;padding:24px 22px 22px}
  .hall-feature-heading{max-width:100%}
  .hall-feature-heading h3{font-size:30px!important}
  .hall-feature-heading p{font-size:13px}
}


/* v33.5.9 — keep product image visible inside the exact electric card */
.hall-feature-inner{
  gap:0;
}
.hall-feature-heading{
  max-width:100%;
}
.hall-feature-heading p{
  max-width:32ch;
}
.hall-feature-visual-wrap{
  position:relative;
  margin:18px 0 6px;
  min-height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.hall-feature-media{
  pointer-events:auto;
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:min(100%,270px);
  height:180px;
  padding:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.hall-feature-media::before,
.hall-feature-media::after,
.hall-feature-media.has-cutout::after{
  display:none!important;
}
.hall-feature-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  border-radius:0!important;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.28));
}
.hall-feature-media.has-cutout img,
.hall-feature-media img.is-cutout{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
}
.hall-feature-media .hall-rank{display:none!important}
.hall-feature-card.hall-electric-border .editorial-media{
  background:transparent!important;
}
.hall-feature-card.hall-electric-border .editorial-media.has-cutout{
  background:transparent!important;
}
.hall-feature-card.hall-electric-border .editorial-media.has-cutout img{
  mix-blend-mode:normal!important;
}
@media(max-width:960px){
  .hall-feature-visual-wrap{min-height:145px;margin:14px 0 4px}
  .hall-feature-media{width:min(100%,235px);height:150px}
}
@media(max-width:700px){
  .hall-feature-visual-wrap{min-height:136px}
  .hall-feature-media{width:min(100%,220px);height:142px}
}


/* v33.5.10 — compact Hall of Fame #1 card */
.editorial-product-stage .hall-feature-card.hall-electric-border{
  min-height:0!important;
  height:372px!important;
  align-self:center!important;
}
.hall-feature-inner{
  min-height:0!important;
  height:372px!important;
  padding:19px 20px 18px!important;
}
.hall-feature-badge{
  min-height:24px!important;
  padding:0 9px!important;
  font-size:9px!important;
}
.hall-feature-heading{
  margin-top:10px!important;
}
.hall-feature-heading small{
  margin-bottom:6px!important;
  font-size:7px!important;
}
.hall-feature-heading h3{
  font-size:clamp(22px,2vw,29px)!important;
  line-height:1.02!important;
}
.hall-feature-heading h3 button{
  -webkit-line-clamp:2!important;
}
.hall-feature-heading p{
  margin-top:8px!important;
  max-width:38ch!important;
  font-size:11px!important;
  line-height:1.4!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.hall-feature-visual-wrap{
  min-height:0!important;
  height:104px!important;
  margin:7px 0 3px!important;
}
.hall-feature-media{
  width:min(100%,190px)!important;
  height:104px!important;
}
.hall-feature-spacer{
  display:none!important;
}
.hall-feature-bottom{
  margin-top:auto!important;
}
.hall-feature-chips{
  gap:6px!important;
  margin-bottom:8px!important;
}
.hall-feature-chips span{
  min-height:22px!important;
  padding:0 8px!important;
  font-size:8px!important;
}
.hall-feature-cta{
  min-height:39px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
@media(max-width:960px){
  .editorial-product-stage .hall-feature-card.hall-electric-border,
  .hall-feature-inner{height:350px!important;min-height:0!important}
  .hall-feature-inner{padding:18px!important}
  .hall-feature-visual-wrap{height:92px!important}
  .hall-feature-media{width:min(100%,175px)!important;height:92px!important}
}
@media(max-width:700px){
  .editorial-product-stage .hall-feature-card.hall-electric-border,
  .hall-feature-inner{height:340px!important;min-height:0!important}
  .hall-feature-heading h3{font-size:23px!important}
  .hall-feature-heading p{font-size:10.5px!important}
  .hall-feature-visual-wrap{height:86px!important}
  .hall-feature-media{width:min(100%,165px)!important;height:86px!important}
}