.ez-fit{position:relative;width:100%;max-width:1020px;margin:0 auto;height:560px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 30px 60px rgba(22,42,61,.16);background:#efefef;}
.pp-cap{display:block;margin:12px auto 0;max-width:1020px;font-size:12px;color:var(--mute);font-weight:600;}
/* phone-sized screens: show the (mobile) EEAZI mock smaller, centered */
@media(max-width:659px){.ez-fit,.pp-cap{max-width:350px;}}
.ezs{position:absolute;left:0;top:0;width:1200px;height:760px;transform-origin:0 0;font-family:inherit;color:#222;background:#efefef;overflow:hidden;}
.ezs.m{width:400px;height:780px;}
.ez-bar{height:40px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#e6e9eb;border-bottom:1px solid #d6dbde;}
.ez-bar i{width:12px;height:12px;border-radius:50%;flex-shrink:0;}
.ez-bar i:nth-child(1){background:#ff5f57}.ez-bar i:nth-child(2){background:#febc2e}.ez-bar i:nth-child(3){background:#28c840}
.ez-bar span{margin:0 auto;width:600px;max-width:72%;height:26px;border-radius:7px;background:#fff;font-size:11.5px;color:#555;display:block;line-height:26px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ez-hd{height:80px;background:#fff;display:flex;align-items:center;padding:0 56px 0 48px;gap:28px;}
.ez-hd .lg{height:44px;width:auto;}
.ez-nav{flex:1;display:flex;justify-content:center;gap:20px;font-size:11px;font-weight:600;letter-spacing:.07em;color:#333;white-space:nowrap;}
.ez-ic{display:flex;gap:18px;align-items:center;}
.ez-ic svg{width:22px;height:22px;color:#333;display:block;}
.ez-cart{position:relative;}
.ez-cart em{position:absolute;top:-7px;right:-9px;width:17px;height:17px;border-radius:50%;background:#f5091f;color:#fff;font-size:9px;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center;}
.ez-main{display:grid;grid-template-columns:620px 440px;gap:40px;padding:26px 50px 0;}
.ez-gal{display:flex;flex-direction:column;gap:14px;}
.ez-gal .im{width:100%;aspect-ratio:1435/1072;border-radius:10px;background:#e4e4e4 url(/demo-hu/assets/eeazi/ez-main.png) center/cover;}
.ez-gal .th{width:100%;aspect-ratio:1430/165;background:url(/demo-hu/assets/eeazi/ez-thumbs.png) center/cover;}
.ez-r{display:flex;flex-direction:column;gap:13px;}
.ez-ttl{display:none;}
.ez-btn{height:42px;flex-shrink:0;background:#f5091f;color:#fff;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;}
.ez-btn.sm{height:38px;font-size:12.5px;font-weight:600;}
.ez-box{background:#efe5e6;border:1px solid #dcdcdc;border-radius:8px;padding:15px 18px;display:flex;flex-direction:column;gap:7px;}
.ez-box b{font-size:14px;}
.ez-box p{font-size:11.5px;line-height:1.55;color:#444;}
.ez-box .ez-bt{display:flex;align-items:center;justify-content:space-between;margin-top:3px;font-size:12px;font-weight:600;color:#333;}
.ez-box .ez-bt span:first-child{background:#444;color:#fff;padding:10px 20px;border-radius:3px;}
.ez-qh{font-size:14px;font-weight:700;margin-top:4px;display:flex;align-items:center;gap:6px;}
.ez-qh svg{width:16px;height:16px;color:#f4c430;}
.ez-qs{display:flex;flex-direction:column;gap:7px;}
.ez-q{height:38px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:12px;color:#f5091f;transition:background .2s,transform .15s;}
.ez-q svg{width:18px;height:18px;flex-shrink:0;}
.ez-q span{flex:1;}
.ez-q svg.ch{width:14px;height:14px;color:#222;}
.ez-q.hl{background:#ffe9eb;}.ez-q.press{transform:scale(.98);}
.ez-qs .ez-q{animation:pop .4s cubic-bezier(.2,.8,.3,1) both;}
.ez-qs .ez-q:nth-child(2){animation-delay:.12s}.ez-qs .ez-q:nth-child(3){animation-delay:.24s}
.ez-qs.wait .ez-q{opacity:0;}
.ez-pb{border:1px solid #dcdcdc;border-radius:8px;padding:0 18px;}
.ez-pb div{display:flex;align-items:center;justify-content:space-between;height:52px;font-size:13px;font-weight:600;color:#333;}
.ez-pb div + div{border-top:1px solid #dcdcdc;}
.ez-pb img{height:28px;width:auto;}
.ez-badge{position:absolute;left:0;top:300px;width:40px;padding:12px 0;background:#f5091f;border-radius:0 8px 8px 0;color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px;line-height:1;font-weight:600;}
.ez-badge span{font-size:14px;}
.ez-dim{position:absolute;left:0;right:0;top:40px;bottom:0;background:rgba(0,0,0,.42);opacity:0;transition:opacity .35s;z-index:3;}
.ez-dr{position:absolute;top:48px;right:8px;bottom:8px;width:600px;background:#fff;border-radius:10px;z-index:4;display:flex;flex-direction:column;transform:translateX(110%);transition:transform .5s cubic-bezier(.3,.9,.3,1);box-shadow:-10px 0 40px rgba(0,0,0,.2);}
.ezs.open .ez-dim{opacity:1}.ezs.open .ez-dr{transform:none}
.dr-h{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:16px 18px 12px;}
.dr-h img{height:22px;width:auto;}
.dr-h div{display:flex;flex-direction:column;gap:2px;}
.dr-h b{font-size:14px;color:#162a3d;}
.dr-h span{font-size:10.5px;color:#666;}
.dr-h span strong{color:#162a3d;}
.dr-h .ics{margin-left:auto;flex-direction:row;gap:14px;}
.dr-h .ics svg{width:20px;height:20px;color:#333;}
.dr-m{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:6px 18px 10px;}
.dr-m > *{flex-shrink:0;animation:pop .4s cubic-bezier(.2,.8,.3,1) both;}
.dr-m .typing{background:#f1f1f1;}
.dr-ctx{align-self:flex-end;background:#f1f1f1;border-radius:14px;padding:7px 13px;font-size:11.5px;color:#333;}
.dr-u{align-self:flex-end;background:#f5091f;color:#fff;font-size:12px;padding:10px 15px;border-radius:16px;margin-top:-8px;}
.dr-pc{display:flex;gap:14px;padding:12px;border-radius:8px;box-shadow:0 2px 14px rgba(0,0,0,.09);width:430px;}
.dr-pc .im{position:relative;width:140px;height:100px;flex-shrink:0;align-self:center;background:url(/demo-hu/assets/eeazi/ez-main.png) center/cover;border-radius:4px;}
.dr-pc .im em{position:absolute;top:-14px;right:-4px;background:#f5091f;color:#fff;font-style:normal;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;}
.dr-pc .tx{display:flex;flex-direction:column;gap:4px;min-width:0;}
.dr-pc .br{font-size:8.5px;letter-spacing:.14em;color:#555;}
.dr-pc .tx > b{font-size:13px;}
.dr-pc p{font-size:10.5px;line-height:1.5;color:#333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.dr-pc s{font-size:9px;color:#555;}
.dr-pc .pr{font-size:12px;font-weight:700;}
.dr-pc .bb{display:flex;gap:6px;margin-top:2px;}
.dr-pc .bb span{background:#f5091f;color:#fff;font-size:10.5px;font-weight:600;padding:5px 10px;border-radius:3px;}
.dr-t{font-size:11.5px;line-height:1.6;color:#222;}
.dr-t ul{padding-left:30px;margin-top:6px;display:flex;flex-direction:column;gap:5px;}
.dr-t a{color:#222;text-decoration:underline dashed;text-underline-offset:4px;}
.dr-in{flex-shrink:0;margin:0 18px 6px;height:42px;border:1px solid #e3e3e3;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:12px;color:#999;}
.dr-dis{flex-shrink:0;font-size:9.5px;font-style:italic;color:#777;padding:0 22px 12px;}
.ez-cur{position:absolute;z-index:6;left:0;top:0;width:28px;height:28px;pointer-events:none;opacity:0;transition:transform .9s cubic-bezier(.5,0,.2,1),opacity .3s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));overflow:visible;}
.ez-cur circle{fill:rgba(245,9,31,.35);transform-origin:5px 3px;transform:scale(0);}
.ez-cur.click circle{animation:rip .5s ease-out;}
@keyframes rip{0%{transform:scale(.3);opacity:1}100%{transform:scale(2.2);opacity:0}}
.ezs.m .ez-hd{height:60px;padding:0 18px;justify-content:space-between;}
.ezs.m .ez-hd .lg{height:30px;}
.ezs.m .ez-nav,.ezs.m .ez-ic .us,.ezs.m .ez-gal .th,.ezs.m .ez-box,.ezs.m .ez-pb,.ezs.m .ez-badge{display:none;}
.ezs.m .ez-main{grid-template-columns:1fr;gap:16px;padding:0;}
.ezs.m .ez-gal .im{border-radius:0;}
.ezs.m .ez-r{padding:0 16px;}
.ezs.m .ez-ttl{display:flex;flex-direction:column;gap:5px;}
.ezs.m .ez-ttl b{font-size:16.5px;}
.ezs.m .ez-ttl span{font-size:14.5px;font-weight:700;}
.ezs.m .ez-ttl s{font-size:11px;font-weight:400;color:#666;margin-right:6px;}
.ezs.m .ez-dr{left:0;right:0;width:auto;top:56px;bottom:0;border-radius:14px 14px 0 0;transform:translateY(105%);}
.ezs.m.open .ez-dr{transform:none;}
.ezs.m .dr-pc{width:100%;}
.ezs.m .dr-pc .im{width:96px;height:72px;}
@media(prefers-reduced-motion:reduce){.ez-dr,.ez-dim{transition:none}.ez-cur{display:none}}


.top.has-ez .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;}
.top.has-ez{padding-bottom:48px;}
.top.has-ez .ez-fit{border-radius:6px;}
@media(min-width:960px){.top.has-ez .wrap{grid-template-columns:minmax(250px,3.3fr) minmax(0,8.7fr);gap:40px;}.top.has-ez .ez-fit{max-width:none;}}
.top.has-ez .ez-fit{color:var(--ink);box-shadow:0 30px 70px rgba(4,20,32,.5),0 0 0 1px rgba(255,255,255,.12);}