.ehms-search{
  --eh-blue:#1597d5;
  --eh-deep-blue:#075a9c;
  --eh-yellow:#fbe836;
  --eh-red:#ef3f33;
  --eh-black:#050505;
  --eh-white:#fff;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:calc(100% - 24px);
  max-width:1000px;
  margin:24px auto;
  padding:clamp(20px,3.2vw,38px);
  padding-top:clamp(190px,21vw,225px);
  background:
    radial-gradient(circle at 82% 13%,rgba(255,255,255,.95) 0 9%,transparent 9.5%),
    linear-gradient(145deg,#f8fdff 0%,#dff4ff 50%,#bce9ff 100%);
  border:6px solid var(--eh-black);
  border-radius:30px;
  box-shadow:12px 12px 0 var(--eh-blue),18px 18px 0 var(--eh-yellow);
  box-sizing:border-box;
  color:var(--eh-black);
  font-family:inherit;
}
.ehms-search:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:repeating-conic-gradient(from -20deg at 72% 16%,rgba(21,151,213,.11) 0 7deg,transparent 7deg 16deg);
  pointer-events:none;
}
.ehms-search:after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  top:0;
  height:185px;
  z-index:-2;
  background:linear-gradient(110deg,#1597d5 0%,#0a73bb 57%,#075a9c 100%);
  border-bottom:6px solid var(--eh-black);
  transform:skewY(-2deg);
  transform-origin:left top;
  pointer-events:none;
}
.ehms-search>*{position:relative;z-index:2}
.ehms-burst,.ehms-vinyl,.ehms-equalizer,.ehms-effect-bolt{display:none!important}
.ehms-halftone{position:absolute!important;z-index:-1!important;pointer-events:none;background-image:radial-gradient(#050505 1.7px,transparent 1.8px);background-size:12px 12px;opacity:.16}
.ehms-halftone-left{left:-35px;bottom:80px;width:220px;height:220px;transform:rotate(14deg)}
.ehms-halftone-right{right:-25px;top:325px;width:190px;height:190px;transform:rotate(-12deg)}
.ehms-burst{position:absolute;right:22px;top:28px;z-index:4;width:116px;height:116px;display:grid;place-items:center;padding:12px;background:var(--eh-yellow);clip-path:polygon(50% 0,61% 29%,85% 15%,71% 39%,100% 50%,71% 61%,85% 85%,61% 71%,50% 100%,39% 71%,15% 85%,29% 61%,0 50%,29% 39%,15% 15%,39% 29%);color:#000;font-size:.78rem;font-weight:1000;line-height:1;text-align:center;transform:rotate(9deg);filter:drop-shadow(5px 5px 0 #000)}
.ehms-vinyl{position:absolute!important;left:42px;top:35px;z-index:2!important;width:110px;height:110px;border:5px solid #000;border-radius:50%;background:repeating-radial-gradient(circle at center,#101010 0 5px,#292929 6px 9px);box-shadow:7px 7px 0 rgba(0,0,0,.2);transform:rotate(-8deg);pointer-events:none}
.ehms-vinyl:before{content:"";position:absolute;inset:32px;border:4px solid #000;border-radius:50%;background:var(--eh-yellow)}
.ehms-vinyl span{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #000;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
.ehms-equalizer{position:absolute!important;right:38px;top:62px;z-index:2!important;height:78px;display:flex;align-items:flex-end;gap:7px;transform:rotate(2deg);pointer-events:none}
.ehms-equalizer i{display:block;width:13px;border:3px solid #000;background:var(--eh-yellow);box-shadow:3px 3px 0 #000}
.ehms-equalizer i:nth-child(1){height:34px}.ehms-equalizer i:nth-child(2){height:58px;animation-delay:-.25s}.ehms-equalizer i:nth-child(3){height:75px;animation-delay:-.5s}.ehms-equalizer i:nth-child(4){height:50px;animation-delay:-.75s}.ehms-equalizer i:nth-child(5){height:27px;animation-delay:-1s}
.ehms-effect{position:absolute!important;z-index:3!important;color:var(--eh-yellow);font-weight:1000;text-shadow:3px 3px 0 #000;pointer-events:none}
.ehms-effect-note-one{right:118px;top:26px;font-size:34px;transform:rotate(-10deg);color:rgba(251,232,54,.98);text-shadow:3px 3px 0 #000;animation:ehms-float-one 4s ease-in-out infinite}
.ehms-effect-note-two{right:28px;top:96px;font-size:25px;transform:rotate(10deg);color:rgba(255,255,255,.98);text-shadow:3px 3px 0 #000;animation:ehms-float-two 4.5s ease-in-out infinite}
.ehms-effect-bolt{left:110px;right:auto;top:112px;font-size:44px;transform:rotate(8deg)}
.ehms-header{position:absolute!important;left:70px;right:70px;top:50px;z-index:3!important;text-align:center;margin:0;max-width:none}
.ehms-kicker{display:inline-block;position:relative;margin:0 0 10px!important;padding:7px 11px;background:var(--eh-yellow);border:3px solid var(--eh-black);box-shadow:4px 4px 0 var(--eh-black);color:var(--eh-black)!important;font-weight:1000;letter-spacing:.09em;font-size:.76rem;line-height:1;text-transform:uppercase;transform:rotate(-1deg)}
.ehms-kicker:before,.ehms-kicker:after{position:absolute;font-weight:1000;pointer-events:none}
.ehms-kicker:before{content:"♫";left:-56px;top:-12px;color:rgba(255,255,255,.98);font-size:20px;text-shadow:2px 2px 0 #000;transform:rotate(-12deg);animation:ehms-float-four 4.4s ease-in-out infinite}
.ehms-kicker:after{content:"♪";left:-18px;top:16px;color:rgba(251,232,54,.98);font-size:18px;text-shadow:2px 2px 0 #000;transform:rotate(14deg);animation:ehms-float-five 4.8s ease-in-out infinite}
.ehms-header h2{position:relative;margin:14px 0 0!important;color:#fff!important;font-size:clamp(2rem,4vw,3.45rem)!important;line-height:.96!important;text-transform:uppercase;font-weight:1000;letter-spacing:-.015em;text-shadow:4px 4px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;-webkit-text-stroke:1.2px #000}
.ehms-header p:last-child{margin:16px 0 0!important;max-width:520px;color:#fff!important;font-size:clamp(1rem,1.7vw,1.18rem);font-weight:800;line-height:1.35;text-shadow:2px 2px 0 rgba(0,0,0,.45)}
.ehms-header h2 span{display:block;color:#fff!important}
.ehms-header h2:before,.ehms-header h2:after{position:absolute;font-weight:1000;pointer-events:none}
.ehms-header h2:before{content:"♪";left:20px;top:-6px;color:rgba(255,255,255,.98);font-size:20px;text-shadow:2px 2px 0 #000;transform:rotate(-14deg);animation:ehms-float-seven 4.1s ease-in-out infinite}
.ehms-header h2:after{content:"♫";left:-6px;top:34px;color:rgba(251,232,54,.98);font-size:24px;text-shadow:2px 2px 0 #000;transform:rotate(-8deg);animation:ehms-float-eight 4.9s ease-in-out infinite}
.ehms-header:before,.ehms-header:after{position:absolute;font-weight:1000;pointer-events:none}
.ehms-header:before{content:"♪";left:146px;top:72px;color:rgba(255,255,255,.98);font-size:24px;text-shadow:3px 3px 0 #000;transform:rotate(10deg);animation:ehms-float-six 4.6s ease-in-out infinite}
.ehms-header:after{content:"♫";left:92px;top:18px;color:rgba(251,232,54,.95);font-size:28px;font-weight:1000;text-shadow:3px 3px 0 #000;transform:rotate(-12deg);animation:ehms-float-three 4.2s ease-in-out infinite;pointer-events:none}
.ehms-search-panel{position:relative;padding:clamp(16px,2.2vw,24px);background:rgba(255,255,255,.96);border:5px solid var(--eh-black);border-radius:24px;box-shadow:8px 8px 0 var(--eh-yellow);color:#111;backdrop-filter:blur(3px)}
.ehms-search-panel:before{content:"";position:absolute;left:18px;right:18px;top:-12px;height:11px;background:var(--eh-red);border:3px solid var(--eh-black);border-radius:10px 10px 0 0;z-index:-1}
.ehms-input-wrap{display:flex;align-items:center;gap:12px;padding:4px 15px;background:#fff;border:4px solid var(--eh-black);border-radius:16px;box-shadow:4px 4px 0 var(--eh-blue);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.ehms-input-wrap:focus-within{background:#fffef0;transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--eh-blue),0 0 0 5px rgba(251,232,54,.45)}
.ehms-input-wrap svg{width:25px;flex:0 0 25px;fill:none;stroke:#000;stroke-width:2.5;stroke-linecap:round}
.ehms-input-wrap input{width:100%;min-width:0;padding:14px 0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#000!important;font-size:clamp(1rem,2vw,1.2rem)!important;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.ehms-clear{display:none;width:34px;height:34px;padding:0;border:2px solid #000;border-radius:8px;background:var(--eh-yellow);color:#000;font-size:24px;font-weight:900;line-height:1;cursor:pointer;box-shadow:2px 2px 0 #000}
.ehms-clear.is-visible{display:block}
.ehms-clear:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 #000}
.ehms-status{padding:12px 4px 9px;color:#234052;font-size:.92rem;font-weight:900;text-transform:uppercase;letter-spacing:.025em}
.ehms-results{display:grid;gap:6px}
.ehms-search .ehms-available,.ehms-search .ehms-availability,.ehms-search .ehms-result-badge,.ehms-search .ehms-badge{display:none!important}
.ehms-result{position:relative;display:block;padding:8px 12px 8px 18px;background:#f4fbff;border:2px solid #9dcce4;border-radius:9px;box-shadow:3px 3px 0 rgba(21,151,213,.18);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.ehms-result:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--eh-yellow);border-right:2px solid var(--eh-black)}
.ehms-result:hover{border-color:var(--eh-black);background:#fffef3;box-shadow:4px 4px 0 var(--eh-blue)}
.ehms-result-copy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center;gap:14px;min-width:0;padding-left:2px}
.ehms-result-copy strong{min-width:0;color:#050505;font-size:.95rem;line-height:1.15;font-weight:1000;overflow-wrap:anywhere}
.ehms-result-copy span{min-width:0;margin:0;color:#3f5663;font-size:.87rem;font-weight:750;line-height:1.15;overflow-wrap:anywhere}
.ehms-more{display:block;margin:22px auto 0;padding:12px 25px;border:3px solid #000;border-radius:10px;background:var(--eh-yellow);color:#000;font-weight:1000;cursor:pointer;box-shadow:5px 5px 0 #000;text-transform:uppercase;letter-spacing:.03em}
.ehms-more[hidden],.ehms-end-results[hidden],.ehms-no-results[hidden]{display:none!important}
.ehms-end-results{margin:18px auto 2px;padding:12px 18px;max-width:520px;border-top:3px solid var(--eh-black);border-bottom:3px solid var(--eh-black);background:rgba(251,232,54,.32);color:#111;text-align:center;text-transform:uppercase;letter-spacing:.025em}
.ehms-end-results strong,.ehms-end-results span{display:block}
.ehms-end-results strong{font-size:1rem;font-weight:1000}
.ehms-end-results span{margin-top:3px;font-size:.82rem;font-weight:800;color:#3f5663}
.ehms-more:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #000}
.ehms-no-results{margin-top:16px;padding:19px;border:3px dashed #000;border-radius:13px;background:#fff5a9;box-shadow:5px 5px 0 rgba(0,0,0,.12)}
.ehms-no-results strong,.ehms-no-results span{display:block}
.ehms-no-results strong{font-size:1.06rem}
.ehms-footer{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:16px;padding:0 4px;color:#16425a;font-size:.9rem;font-weight:800;text-align:center}
.ehms-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:3px solid #000;border-radius:10px;background:var(--eh-blue);color:#fff!important;text-decoration:none!important;font-weight:1000;box-shadow:4px 4px 0 var(--eh-yellow);text-transform:uppercase}
.ehms-search.is-searching .ehms-input-wrap:after{content:"";width:20px;height:20px;border:3px solid #b6d7e8;border-top-color:var(--eh-deep-blue);border-radius:50%;animation:ehms-spin .75s linear infinite}
@keyframes ehms-spin{to{transform:rotate(360deg)}}
@keyframes ehms-bars{0%,100%{transform:scaleY(.72);transform-origin:bottom}50%{transform:scaleY(1);transform-origin:bottom}}
@keyframes ehms-pop{0%,100%{transform:rotate(9deg) scale(1)}50%{transform:rotate(4deg) scale(1.07)}}
@keyframes ehms-float-one{0%,100%{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-10px) rotate(-7deg)}}
@keyframes ehms-float-two{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(8px) rotate(18deg)}}
@keyframes ehms-zap{0%,100%{transform:rotate(8deg) scale(1);opacity:1}50%{transform:rotate(-2deg) scale(1.12);opacity:.78}}
@keyframes ehms-float-three{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-7px) rotate(-5deg)}}
@keyframes ehms-float-four{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-6px) rotate(-4deg)}}
@keyframes ehms-float-five{0%,100%{transform:translateY(0) rotate(14deg)}50%{transform:translateY(6px) rotate(20deg)}}
@keyframes ehms-float-six{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-5px) rotate(16deg)}}
@keyframes ehms-float-seven{0%,100%{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-6px) rotate(-7deg)}}
@keyframes ehms-float-eight{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(5px) rotate(-2deg)}}
@media(max-width:850px){
  .ehms-search{padding-top:240px}
  .ehms-search:after{height:215px}
  .ehms-header{left:40px;right:40px;top:40px;text-align:center;max-width:none}
  .ehms-header:before{left:88px;top:58px;font-size:18px}
  .ehms-header:after{left:52px;top:12px;font-size:22px}
  .ehms-kicker:before{left:-30px;top:-8px;font-size:16px}
  .ehms-kicker:after{left:-8px;top:14px;font-size:15px}
  .ehms-header h2{font-size:clamp(1.75rem,5.4vw,2.7rem)!important;line-height:.98!important;-webkit-text-stroke:1.1px #000}
  .ehms-header h2:before{left:12px;top:-4px;font-size:17px}
  .ehms-header h2:after{left:-8px;top:28px;font-size:20px}
  .ehms-header p:last-child{display:none}
  .ehms-kicker{font-size:.68rem}
  .ehms-burst{right:14px;top:16px;width:76px;height:76px;font-size:.58rem}
  .ehms-vinyl{left:15px;top:30px;width:78px;height:78px;border-width:4px}.ehms-vinyl:before{inset:22px;border-width:3px}.ehms-vinyl span{width:9px;height:9px;border-width:2px}
  .ehms-equalizer{right:18px;top:112px;height:50px;gap:4px}.ehms-equalizer i{width:8px;border-width:2px;box-shadow:2px 2px 0 #000}.ehms-equalizer i:nth-child(1){height:20px}.ehms-equalizer i:nth-child(2){height:34px}.ehms-equalizer i:nth-child(3){height:46px}.ehms-equalizer i:nth-child(4){height:30px}.ehms-equalizer i:nth-child(5){height:17px}
  .ehms-effect-note-one{right:96px;top:32px;font-size:28px}
  .ehms-effect-note-two{right:38px;top:88px;font-size:22px}
  .ehms-effect-bolt{left:34px;right:auto;top:118px;font-size:39px}
}
@media(max-width:600px){
  .ehms-search{width:calc(100% - 18px);margin:18px auto;padding:218px 14px 18px;border-width:4px;border-radius:22px;box-shadow:7px 7px 0 var(--eh-blue),11px 11px 0 var(--eh-yellow)}
  .ehms-search:after{height:195px;border-bottom-width:4px}
  .ehms-header{top:38px;left:20px;right:20px}
  .ehms-header:before{left:56px;top:44px;font-size:15px}
  .ehms-header:after{left:34px;top:8px;font-size:18px}
  .ehms-kicker:before{left:-16px;top:-7px;font-size:13px}
  .ehms-kicker:after{left:-2px;top:12px;font-size:12px}
  .ehms-header h2{font-size:clamp(1.35rem,7.4vw,2rem)!important;line-height:1!important;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;-webkit-text-stroke:1px #000}
  .ehms-header h2:before{left:6px;top:-3px;font-size:14px}
  .ehms-header h2:after{left:-4px;top:22px;font-size:17px}
  .ehms-kicker{padding:6px 8px;border-width:2px;box-shadow:3px 3px 0 #000;font-size:.58rem}
  .ehms-burst{right:5px;top:8px;width:58px;height:58px;padding:7px;font-size:.46rem;filter:drop-shadow(3px 3px 0 #000)}
  .ehms-vinyl{left:8px;top:24px;width:58px;height:58px;border-width:3px}.ehms-vinyl:before{inset:16px;border-width:2px}.ehms-vinyl span{width:7px;height:7px;border-width:2px}
  .ehms-equalizer{display:none}
  .ehms-effect-note-one{right:58px;top:28px;font-size:24px}
  .ehms-effect-note-two{right:16px;top:72px;font-size:19px}
  .ehms-effect-bolt{left:20px;top:91px;font-size:31px}
  .ehms-search-panel{padding:12px;border-width:4px;border-radius:18px;box-shadow:6px 6px 0 var(--eh-yellow)}
  .ehms-input-wrap{border-width:3px;border-radius:12px;box-shadow:3px 3px 0 var(--eh-blue)}
  .ehms-result{padding:7px 9px 7px 14px;border-width:2px}
  .ehms-result:before{width:5px;border-right-width:2px}
  .ehms-result-copy{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:8px}
  .ehms-result-copy strong{font-size:.88rem}
  .ehms-result-copy span{font-size:.8rem}
  .ehms-footer{justify-content:center;text-align:center}
  .ehms-cta{width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){.ehms-burst,.ehms-effect,.ehms-equalizer i{animation:none!important}.ehms-result,.ehms-input-wrap,.ehms-more,.ehms-clear{transition:none!important}}
