.amh-eh{--eh-bg:#14162B;--eh-ink:#FBF6EE;--eh-accent:#D4A23A;--eh-accent-ink:#14162B;--eh-fabric:#1B1D33;--eh-h:720px;--eh-r:32px;--eh-t:46px;--eh-hs:min(440px,36vw);
	position:relative;overflow:hidden;min-height:var(--eh-h);border-radius:var(--eh-r);background:var(--eh-bg);color:var(--eh-ink);isolation:isolate;direction:rtl}
.amh-eh *{box-sizing:border-box}
.amh-eh__bg{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:blur(3px) saturate(1.05) brightness(.42);transform:scale(1.04);transition:transform 2.4s cubic-bezier(.2,.7,.2,1),filter 1.2s;z-index:-3}
.amh-eh.is-run .amh-eh__bg{transform:scale(1.1);filter:blur(5px) saturate(1.1) brightness(.34)}
.amh-eh__veil{position:absolute;inset:0;z-index:-2;pointer-events:none;
	background:radial-gradient(60% 70% at 28% 55%,transparent 0,rgba(10,11,24,.35) 55%,rgba(8,9,20,.85) 100%),linear-gradient(90deg,rgba(12,13,28,.2),rgba(12,13,28,.75) 70%)}
.amh-eh__veil:after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:amh-eh-grain .9s steps(4) infinite}
@keyframes amh-eh-grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}
.amh-eh__dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.amh-eh__grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px;min-height:var(--eh-h);padding:56px clamp(24px,5vw,72px)}
.amh-eh__copy{max-width:520px;animation:amh-eh-in 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes amh-eh-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.amh-eh__kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);font-size:13px;color:var(--eh-accent)}
.amh-eh__kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--eh-accent);box-shadow:0 0 12px var(--eh-accent)}
.amh-eh__title{margin:20px 0 16px;font-size:var(--eh-t);line-height:1.35;font-weight:800;color:var(--eh-ink);letter-spacing:0}
.amh-eh__desc{margin:0 0 30px;font-size:16px;line-height:2;color:rgba(251,246,238,.78);text-align:justify}
.amh-eh__btns{display:flex;flex-wrap:wrap;gap:12px}
.amh-eh__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .35s,box-shadow .35s,background .35s}
.amh-eh__btn.is-main{background:var(--eh-accent);color:var(--eh-accent-ink);box-shadow:0 12px 30px -10px var(--eh-accent)}
.amh-eh__btn.is-ghost{color:var(--eh-ink);border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.amh-eh__btn:hover{transform:translateY(-3px)}
.amh-eh__btn.is-main:hover{color:var(--eh-accent-ink);box-shadow:0 18px 40px -12px var(--eh-accent)}
.amh-eh__btn.is-ghost:hover{color:var(--eh-ink);background:rgba(255,255,255,.12)}

/* stage */
.amh-eh__stage{position:relative;height:calc(var(--eh-h) - 112px);min-height:520px;perspective:1400px}
.amh-eh__table{position:absolute;left:50%;top:44%;width:calc(var(--eh-hs) * 1.5);height:calc(var(--eh-hs) * 1.5);transform:translate(-50%,-50%);border-radius:50%;
	background:radial-gradient(closest-side,rgba(212,162,58,.16),rgba(212,162,58,.04) 60%,transparent);transition:opacity .8s;pointer-events:none}
.amh-eh.is-run .amh-eh__table{opacity:1.6;background:radial-gradient(closest-side,rgba(255,214,140,.24),rgba(212,162,58,.06) 60%,transparent)}
.amh-eh__hoopwrap{position:absolute;left:50%;top:44%;width:var(--eh-hs);height:var(--eh-hs);margin:calc(var(--eh-hs) / -2) 0 0 calc(var(--eh-hs) / -2);transform-style:preserve-3d;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.amh-eh.is-run .amh-eh__hoopwrap{transform:rotateX(14deg) scale(1.04)}
.amh-eh__hoop{position:absolute;inset:0;border-radius:50%;will-change:transform;filter:drop-shadow(0 40px 50px rgba(0,0,0,.55))}
.amh-eh__fabric,.amh-eh__stitch{position:absolute;inset:7%;width:86%;height:86%;border-radius:50%}
.amh-eh__fabric{background:var(--eh-fabric)}
.amh-eh__ring{position:absolute;inset:0;border-radius:50%;pointer-events:none;
	background:radial-gradient(closest-side,transparent 85.5%,#8a5a2b 86%,#d9a66a 88.5%,#f2cf98 90%,#b77a3e 92.5%,#6e4420 95%,#3a230f 96.5%,transparent 97%);
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.amh-eh__ring:after{content:"";position:absolute;inset:6.6%;border-radius:50%;box-shadow:inset 0 10px 30px rgba(0,0,0,.65),inset 0 -6px 20px rgba(255,255,255,.04)}
.amh-eh__screw{position:absolute;top:-1.5%;left:50%;width:9%;height:6%;transform:translateX(-50%);border-radius:10px;background:linear-gradient(180deg,#e6e8ee,#8b8f9c 55%,#4d505b);box-shadow:0 4px 8px rgba(0,0,0,.4)}

/* machine head: the needle tip sits on the stage centre */
.amh-eh__head{position:absolute;left:50%;top:0;height:44%;width:0;pointer-events:none;z-index:3}
.amh-eh__body{position:absolute;bottom:84px;left:50%;width:min(190px,40vw);height:calc(100% - 84px);min-height:90px;transform:translateX(-50%);border-radius:0 0 34px 34px;
	background:linear-gradient(90deg,#2b2e3d,#5a5f72 22%,#9aa0b3 46%,#5d6276 70%,#262938);box-shadow:0 30px 50px -10px rgba(0,0,0,.7),inset 0 -3px 0 rgba(255,255,255,.12)}
.amh-eh__body:before{content:"";position:absolute;inset:auto 12% 18px;height:5px;border-radius:5px;background:var(--eh-accent);opacity:.85;box-shadow:0 0 16px var(--eh-accent)}
.amh-eh__lamp{position:absolute;top:auto;bottom:34px;right:18px;width:9px;height:9px;border-radius:50%;background:#e2483d;box-shadow:0 0 10px #e2483d}
.amh-eh.is-run .amh-eh__lamp{background:#52d27a;box-shadow:0 0 14px #52d27a}
.amh-eh__screen{position:absolute;bottom:28px;left:16px;padding:3px 10px;border-radius:8px;background:#0c0e1a;color:#7ee0a0;font:600 12px/1.5 inherit;font-style:normal;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(126,224,160,.25)}
.amh-eh__screen b{font-weight:700}
.amh-eh__bar{position:absolute;bottom:22px;left:50%;width:12px;height:66px;margin-left:-6px;border-radius:6px;background:linear-gradient(90deg,#6b7080,#e9ecf3 50%,#6b7080);transform:translateY(var(--eh-ny,-14px))}
.amh-eh__needle{position:absolute;left:50%;top:100%;width:2px;height:22px;margin-left:-1px;background:linear-gradient(#e9ecf3,#aeb3c0);clip-path:polygon(0 0,100% 0,60% 100%,40% 100%)}
.amh-eh__foot{position:absolute;bottom:-6px;left:50%;width:34px;height:12px;margin-left:-17px;border-radius:0 0 10px 10px;border:2px solid rgba(233,236,243,.75);border-top:0}
.amh-eh__glow{position:absolute;bottom:-40px;left:50%;width:80px;height:80px;margin-left:-40px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,236,190,.55),rgba(255,214,140,.12) 55%,transparent);opacity:.35;transition:opacity .4s}
.amh-eh.is-run .amh-eh__glow{opacity:1}
.amh-eh__thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.amh-eh__thread path{fill:none;stroke:var(--eh-thread,var(--eh-accent));stroke-width:1.4;opacity:.85;filter:drop-shadow(0 0 3px var(--eh-thread,var(--eh-accent)))}

/* hud + pedal */
.amh-eh__hud{position:absolute;right:0;top:6px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:4;pointer-events:none}
.amh-eh__status{padding:7px 16px;border-radius:999px;background:rgba(10,11,24,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--eh-ink);transition:color .3s}
.amh-eh__status.is-change{color:var(--eh-thread,var(--eh-accent))}
.amh-eh__progress{width:160px;height:4px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.amh-eh__progress i{display:block;height:100%;width:0;background:var(--eh-accent);border-radius:4px;box-shadow:0 0 10px var(--eh-accent)}
.amh-eh__controls{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:14px;z-index:5}
.amh-eh__pedal{position:relative;width:104px;height:104px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none}
.amh-eh__pedal svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.amh-eh__pedal circle{fill:none;stroke-width:5}
.amh-eh__pring{stroke:rgba(255,255,255,.14)}
.amh-eh__pfill{stroke:var(--eh-accent);stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3;filter:drop-shadow(0 0 6px var(--eh-accent))}
.amh-eh__pplate{position:absolute;inset:12px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
	background:radial-gradient(circle at 35% 28%,#5b6074,#262938 70%);box-shadow:0 14px 26px -8px rgba(0,0,0,.8),inset 0 2px 0 rgba(255,255,255,.18),inset 0 -6px 12px rgba(0,0,0,.5);transition:transform .15s,box-shadow .15s}
.amh-eh__pplate i{display:block;width:34px;height:3px;border-radius:3px;background:rgba(255,255,255,.28)}
.amh-eh__pedal:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid var(--eh-accent);opacity:0;animation:amh-eh-ping 2.2s ease-out infinite}
.amh-eh.is-run .amh-eh__pedal:before,.amh-eh.is-done .amh-eh__pedal:before{animation:none}
@keyframes amh-eh-ping{0%{opacity:.7;transform:scale(.9)}100%{opacity:0;transform:scale(1.25)}}
.amh-eh.is-run .amh-eh__pplate{transform:scale(.92) translateY(2px);box-shadow:0 6px 12px -6px rgba(0,0,0,.8),inset 0 6px 14px rgba(0,0,0,.55)}
.amh-eh__plabel{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;white-space:nowrap;font-size:12px;color:rgba(251,246,238,.7)}
.amh-eh__pedal:focus-visible .amh-eh__pplate{box-shadow:0 0 0 3px var(--eh-accent)}
.amh-eh__again{min-height:44px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:var(--eh-ink);font:inherit;font-size:14px;cursor:pointer}
.amh-eh__again:hover{background:rgba(255,255,255,.14);color:var(--eh-ink)}
.amh-eh__mute{position:absolute;left:8px;bottom:30px;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(10,11,24,.45);cursor:pointer}
.amh-eh__mute span{position:absolute;inset:0;margin:auto;width:16px;height:16px;background:var(--eh-ink);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E") center/contain no-repeat}
.amh-eh__mute.is-off span{opacity:.35}
.amh-eh__mute.is-off:after{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;background:var(--eh-ink);transform:rotate(-40deg)}
.amh-eh.is-done .amh-eh__stitch{animation:amh-eh-sheen 2.4s ease-out}
@keyframes amh-eh-sheen{0%{filter:brightness(1)}35%{filter:brightness(1.45) saturate(1.2)}100%{filter:brightness(1)}}

@media (max-width:1024px){.amh-eh{--eh-hs:min(380px,40vw)}.amh-eh__grid{gap:12px}}
@media (max-width:767px){
	.amh-eh{--eh-hs:min(300px,78vw);--eh-t:30px;min-height:0}
	.amh-eh__grid{grid-template-columns:1fr;min-height:0;padding:36px 20px 24px;gap:8px}
	.amh-eh__copy{max-width:none;text-align:center}
	.amh-eh__desc{font-size:14px;margin-bottom:22px}
	.amh-eh__btns{justify-content:center}
	.amh-eh__btn{min-height:46px;padding:0 20px;font-size:14px}
	.amh-eh__stage{height:520px;min-height:0;margin-top:24px}
	.amh-eh__body{width:140px;border-radius:0 0 24px 24px}
	.amh-eh__hud{top:auto;bottom:126px;right:0;left:0;align-items:center}
	.amh-eh__status{font-size:12px;padding:5px 12px}
	.amh-eh__progress{display:none}
	.amh-eh__pedal{width:92px;height:92px}
	.amh-eh__mute{bottom:26px}
}
/* theme button resets (WoodMart styles every <button>) */
.amh-eh button.amh-eh__pedal,.amh-eh button.amh-eh__mute{background:none;box-shadow:none;min-height:0;line-height:1;color:inherit;text-transform:none}
.amh-eh button.amh-eh__mute{background:rgba(10,11,24,.45);border:1px solid rgba(255,255,255,.18);border-radius:50%;padding:0}
.amh-eh button.amh-eh__pedal{border:0;border-radius:50%;padding:0}
.amh-eh button.amh-eh__again{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);border-radius:999px;color:var(--eh-ink);box-shadow:none;text-transform:none}
.amh-eh [hidden]{display:none!important}
