/* Melo's drawings retain their own proportions; animation moves the whole image. */
.melo-welcome{order:1;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px;max-width:1320px;width:calc(100% - 36px);margin:26px auto 12px;padding:20px 35px;background:linear-gradient(110deg,#e9f7ff,#f5efff 50%,#fff2df);border-radius:28px;border:1px solid #e8def3;position:relative;overflow:hidden;isolation:isolate}
.melo-welcome:before{content:'✦';position:absolute;left:30%;top:12px;color:#efbd67;font-size:28px;z-index:-1}
.melo-welcome h2{font-size:clamp(24px,3vw,35px);margin:8px 0;color:#362842}
.melo-welcome p{font-size:15px;color:#695976;max-width:650px;margin:8px 0;line-height:1.8}
.melo-drawing{display:block;width:100%;height:200px;object-fit:contain;filter:drop-shadow(0 8px 9px #6e467e15);animation:melo-float 4.5s ease-in-out infinite;transform-origin:50% 90%}
.melo-actions{display:flex;flex-direction:column;align-items:center;gap:12px}
.melo-motion-toggle{background:#ffffffaa!important;border:1px solid #dfcee7!important;color:#6b5377!important;box-shadow:none!important;padding:8px 12px!important;border-radius:20px!important;font-size:11px!important;font-weight:400!important}
.melo-collection{display:flex;align-items:center;gap:18px;margin-inline:auto 22px}
.melo-collection .melo-drawing{width:115px;height:140px;animation-delay:-1.8s}
.melo-collection span{font-size:12px;color:#8b5675;background:#fff;border:1px solid #eedbea;border-radius:15px;padding:10px 14px;max-width:150px}
.melo-partner{width:135px;height:170px;margin-inline-start:auto;animation-delay:-2.3s}
.melo-assist{display:flex;align-items:center;gap:30px;padding:25px 40px;margin:20px auto 45px;max-width:1100px;width:calc(100% - 36px);background:linear-gradient(110deg,#fff0f6,#fff6d9);border:1px solid #f0dce5;border-radius:24px}
.melo-assist .melo-drawing{flex:0 0 130px;width:130px;height:170px}
.melo-assist h2{font-size:25px;margin:5px 0 10px}
.melo-assist p{font-size:14px;color:#756477;margin:0 0 15px}
.melo-assist .button{font-size:12px}
.melo-reveal{animation:melo-appear .6s ease-out both}
.melo-spark{display:inline-block;color:#efbd67;animation:melo-twinkle 3s ease-in-out infinite}
@keyframes melo-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes melo-twinkle{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@keyframes melo-appear{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}
html.melo-paused .melo-drawing,html.melo-paused .melo-spark{animation-play-state:paused}
@media(max-width:900px){.melo-welcome{grid-template-columns:150px 1fr;gap:15px;padding:20px}.melo-actions{grid-column:2;align-items:start}.melo-welcome>.melo-drawing{grid-row:1/3;height:190px}.melo-collection span{display:none}.melo-partner{margin:0}.melo-collection{margin-inline:auto 10px}}
@media(max-width:700px){.melo-welcome{grid-template-columns:95px 1fr;gap:10px;padding:18px 15px;border-radius:22px;width:calc(100% - 36px)}.melo-welcome>.melo-drawing{height:145px}.melo-welcome h2{font-size:23px}.melo-welcome p{font-size:12px}.melo-welcome .eyebrow{font-size:9px;letter-spacing:.1em}.melo-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.melo-actions .button{padding:10px 13px!important;font-size:11px!important}.melo-motion-toggle{font-size:9px!important}.melo-collection{margin:0;gap:0}.melo-collection .melo-drawing{width:70px;height:90px}.home-products .section-heading{flex-wrap:wrap}.home-products .section-heading>a{margin-inline-start:auto}.melo-partner{width:100px;height:140px;align-self:center}.melo-assist{padding:20px 17px;gap:15px}.melo-assist .melo-drawing{flex-basis:85px;width:85px;height:140px}.melo-assist h2{font-size:21px}.melo-assist p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.melo-drawing,.melo-spark,.melo-reveal{animation:none!important}}
.home-products .section-heading>div:not(.melo-collection){order:1}.home-products .section-heading>.melo-collection{order:2}.home-products .section-heading>a{order:3}