:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#242622;background:#e9e6dc}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #007a99;outline-offset:3px}.demo-banner{background:#242622;color:#fff;display:flex;align-items:center;justify-content:center;gap:15px;padding:10px 20px;font-size:12px;text-align:center}.demo-banner strong{background:#ffb628;color:#242622;border-radius:20px;padding:5px 9px;letter-spacing:.04em}.shell{max-width:1240px;margin:auto;display:flex;gap:28px;align-items:flex-start;padding:24px}.frame{background:#fff8ed;border:9px solid #242622;border-radius:34px;flex:1;min-height:calc(100dvh - 104px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 65px #0002}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:26px 34px 16px}.logo{font-size:29px;letter-spacing:-2px;font-weight:1000;line-height:1}.logo .o{display:inline-grid;place-items:center;background:#222;color:#efaf28;border-radius:7px;font-size:24px;width:29px;height:31px;margin:0 2px}.logo .dot,.side-logo span{color:#ff9900}.pill{background:#e0f3e8;border-radius:40px;padding:9px 12px;color:#276747;font-size:11px;font-weight:800}#view{padding:14px 34px 34px;flex:1;display:flex;flex-direction:column}.hero{background:linear-gradient(135deg,#ffd86c,#ffab23);border-radius:26px;padding:36px;min-height:400px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:320px;height:320px;border:45px solid #ffffff40;border-radius:50%;right:-190px;top:-90px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(47px,7vw,79px);letter-spacing:-.065em;line-height:.99;margin:16px 0;max-width:550px;position:relative;z-index:1}.hero p{font-size:19px;line-height:1.45;max-width:440px;position:relative;z-index:1}.btn{border:0;background:#242622;color:white;border-radius:17px;padding:17px 24px;font-weight:850;font-size:17px;min-height:57px}.btn.orange{background:#ffad19;color:#242622}.btn:disabled{opacity:.45;cursor:not-allowed}.hero .btn{margin-top:20px;z-index:1}.section-title{font-size:clamp(30px,4vw,46px);letter-spacing:-.055em;line-height:1.08;margin:8px 0 10px}.muted{color:#726c60;line-height:1.55}.back{border:0;background:transparent;text-align:left;font-size:15px;padding:8px 0 21px;font-weight:800;color:#6e675d}.filter{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.chip{border:1px solid #e6dacc;background:#fff;border-radius:50px;padding:11px 16px;font-weight:800}.chip.active{background:#252722;color:#fff}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product{display:flex;flex-direction:column;gap:7px;text-align:left;background:#fff;border:1px solid #e9dfd1;border-radius:20px;padding:11px}.product .picture{background:#f8dfc8;border-radius:13px;display:grid;place-items:center;height:138px;font-size:64px}.product:nth-child(3n+2) .picture{background:#d9f2e9}.product:nth-child(3n) .picture{background:#f9e8b7}.product strong{font-size:17px}.product small{color:#716b61}.price{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:21px}.add{background:#ffb325;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:23px}.actions{margin-top:auto;padding-top:25px;display:grid;gap:10px}.actions .btn{width:100%}.box{background:#fff;border:1px solid #eadfd1;border-radius:20px;padding:20px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.cartline{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #eee5d8}.cartline:last-child{border:0}.emoji{font-size:37px;width:60px;height:60px;border-radius:13px;background:#fff0dd;display:grid;place-items:center}.controls{display:flex;align-items:center;gap:10px}.controls button{border:0;border-radius:9px;background:#eee7db;width:35px;height:35px;font-size:22px}.total{font-size:30px;font-weight:900}.detail-emoji{height:240px;border-radius:23px;background:#ffe5c7;font-size:116px;display:grid;place-items:center;margin:12px 0 24px}.center{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px;width:100%;max-width:560px;margin:0 auto}.center .section-title{margin:0}.center p{margin:0;max-width:460px}.round{background:#def3e8;border-radius:100%;width:100px;height:100px;display:grid;place-items:center;font-size:51px}.status{background:#f3e8ce;border-radius:20px;padding:24px;width:100%}.status.green{background:#e0f5e9}.status p{margin:8px 0}.notice{background:#e1f3f4;color:#1d5962;border-radius:14px;padding:15px;font-size:14px;line-height:1.45}.steps{text-align:left;width:100%;padding:0;list-style:none}.steps li{padding:13px 0;border-bottom:1px solid #e6dccd}.steps li:before{content:'✓';margin-right:12px;color:#147c53;font-weight:900}footer{display:flex;align-items:center;justify-content:space-between;padding:15px 34px 25px;font-size:12px;color:#746e65;gap:10px}.link{background:none;border:0;color:#252722;text-decoration:underline;font-weight:800}.help{background:#262824;color:#fff;border-radius:24px;padding:27px;width:287px;flex-shrink:0}.side-logo{font-size:23px;font-weight:1000}.help h2{font-size:26px;line-height:1.1;letter-spacing:-.04em}.help p{color:#c8c7c0;font-size:14px;line-height:1.55}.instruction{padding:13px;background:#3c3f39;border-radius:12px;margin:13px 0}.instruction p{margin:5px 0 0}.help a{color:#ffbd54;font-weight:800;text-decoration:none} @media(max-width:970px){.help{display:none}}@media(max-width:650px){.shell{padding:0}.frame{border:0;border-radius:0;min-height:calc(100dvh - 45px)}.top{padding:20px 19px 12px}#view{padding:12px 19px 25px}.hero{padding:25px;min-height:440px}.hero h1{font-size:53px}.grid{gap:10px}.product .picture{height:111px;font-size:52px}.product strong{font-size:15px}footer{padding:14px 19px 20px}.pill{font-size:9px}}