.commerce-hero{padding-top:25px!important;background:radial-gradient(ellipse at 100% 0,#cf012,transparent 65%)}.commerce-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:65px 0 10px}.commerce-hero h1{font-size:clamp(55px,6vw,96px)!important}.commerce-hero-art{border:1px solid #cf032;background:linear-gradient(135deg,#223018,#0b1309);border-radius:25px;padding:28px;overflow:hidden}.commerce-art-label,.commerce-art-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.3px;color:#9fb985}.commerce-art-label>span{font-size:28px;color:#cf0}.commerce-orbit{position:relative;aspect-ratio:1;display:grid;place-items:center;margin:30px 0}.commerce-orbit:before,.commerce-orbit:after{content:'';position:absolute;inset:5%;border:1px solid #cf03a;border-radius:50%}.commerce-orbit:after{inset:0;border:1px dashed #cf046;animation:commerce-spin 45s linear infinite}.commerce-orbit-core{font-size:clamp(26px,3.2vw,49px);line-height:1.15;letter-spacing:-1.5px;text-align:center;z-index:1}.commerce-orbit-label,.commerce-orbit-bottom{position:absolute;left:50%;transform:translateX(-50%);background:#cf0;color:#15200a;border-radius:25px;padding:10px 19px;font-size:8px;letter-spacing:2px;z-index:2}.commerce-orbit-label{top:2%}.commerce-orbit-bottom{bottom:2%;background:#233616;color:#b8d19c;border:1px solid #cf044}.commerce-art-bottom{padding-top:22px;border-top:1px solid #ffffff19;font-size:7px}.commerce-web-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.commerce-page #commerce-work{scroll-margin-top:25px}@keyframes commerce-spin{to{transform:rotate(360deg)}}@media(max-width:850px){.commerce-hero-grid{grid-template-columns:1fr;gap:35px;padding-top:40px}.commerce-hero-art{max-width:520px;width:100%;justify-self:center}.commerce-orbit-core{font-size:44px}}@media(max-width:600px){.commerce-hero h1{font-size:54px!important}.commerce-hero-art{padding:22px}.commerce-web-grid{grid-template-columns:1fr;gap:16px}.commerce-orbit-core{font-size:36px}.commerce-art-bottom{font-size:6px}}@media(prefers-reduced-motion:reduce){.commerce-orbit:after{animation:none}}
.commerce-shopping-demo{padding:25px;isolation:isolate}.commerce-demo-screen{position:relative;margin:25px auto 20px;background:#0b1109;border:1px solid #ffffff1e;border-radius:18px;padding:20px;overflow:hidden;max-width:430px}.commerce-store-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#b4c99e;padding-bottom:15px;border-bottom:1px solid #ffffff13}.commerce-bag{position:relative;width:21px;height:24px}.commerce-bag svg{width:21px;height:24px;fill:none;stroke:#cbedac;stroke-width:1.4}.commerce-bag b{position:absolute;right:-8px;top:-5px;width:14px;height:14px;border-radius:50%;background:#cf0;color:#111b08;font-size:8px;display:grid;place-items:center;animation:commerce-bag-count 12s infinite}.commerce-product-scene{height:235px;position:relative;display:grid;place-items:center;overflow:hidden}.commerce-product-tag{position:absolute;top:19px;left:0;font-size:7px;letter-spacing:1.4px;color:#8aab6a}.commerce-product-glow{position:absolute;width:190px;height:190px;border:1px solid #cf02d;border-radius:50%;background:radial-gradient(circle,#cf012,transparent 70%)}.commerce-product-box{position:relative;width:115px;height:148px;border-radius:8px;background:linear-gradient(125deg,#e7ff8b,#cf0 60%,#a9d300);box-shadow:15px 19px 35px #0008,inset -9px 0 0 #00000012;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#152008;transform:rotate(-8deg);animation:commerce-product-float 6s ease-in-out infinite}.commerce-product-box span{font-size:25px;font-weight:700;line-height:1;letter-spacing:-1px;text-align:center}.commerce-product-box i{font-style:normal;font-size:5px;letter-spacing:1.1px}.commerce-product-spark{position:absolute;font-size:30px;color:#cf0;animation:commerce-spark 6s ease-in-out infinite}.spark-a{right:25px;top:53px}.spark-b{left:33px;bottom:35px;font-size:22px;animation-delay:-3s}.commerce-product-details{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:4px 0 20px}.commerce-product-details strong{display:block;font-size:14px;line-height:1.4;font-weight:500;color:#e2edd6}.commerce-product-details div>span{display:block;font-size:9px;color:#849b70;margin-top:7px}.commerce-rating{color:#b9d98c;font-size:9px;letter-spacing:1px;white-space:nowrap}.commerce-demo-button{position:relative;height:43px;border-radius:30px;background:#cf0;color:#142006;font-size:11px;font-weight:600;overflow:hidden}.commerce-demo-button>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.commerce-demo-button b{font-size:20px;font-weight:400}.commerce-add{animation:commerce-add-state 12s infinite}.commerce-added{animation:commerce-added-state 12s infinite}.commerce-demo-cursor{position:absolute;right:25px;bottom:30px;width:27px;filter:drop-shadow(0 3px 4px #0008);animation:commerce-cursor 12s infinite;pointer-events:none}.commerce-demo-cursor svg{fill:#eef7df;stroke:#18220d;stroke-width:1}.commerce-order-success{position:absolute;inset:0;background:#101a0df7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;animation:commerce-order 12s infinite}.commerce-success-check{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#cf0;color:#182408;font-size:32px;margin-bottom:25px}.commerce-order-success strong{color:#e6f1da;font-size:28px;font-weight:500;letter-spacing:-1px}.commerce-order-success p{font-size:13px;line-height:1.8;color:#a7bf8f;margin:17px 0 35px}.commerce-order-success>span{font-size:7px;letter-spacing:2px;color:#7f9d64}.commerce-journey-steps{display:flex;gap:10px;margin:20px 0 25px}.commerce-journey-steps>span{flex:1;border-top:2px solid #cf028;padding-top:13px;font-size:9px;color:#a4bb8c;animation:commerce-step 12s infinite}.commerce-journey-steps>span:nth-child(2){animation-delay:4s}.commerce-journey-steps>span:nth-child(3){animation-delay:8s}.commerce-journey-steps i{font-style:normal;font-size:7px;color:#cf0;margin-right:7px}@keyframes commerce-product-float{50%{transform:translateY(-9px) rotate(4deg)}}@keyframes commerce-spark{50%{transform:rotate(35deg) scale(.8);opacity:.5}}@keyframes commerce-bag-count{0%,30%,96%,100%{opacity:0;transform:scale(.3)}36%,92%{opacity:1;transform:scale(1)}}@keyframes commerce-add-state{0%,30%,96%,100%{opacity:1}34%,92%{opacity:0}}@keyframes commerce-added-state{0%,30%,96%,100%{opacity:0}34%,92%{opacity:1}}@keyframes commerce-cursor{0%,12%{opacity:0;transform:translate(20px,45px)}22%,29%{opacity:1;transform:translate(-25px,-4px)}32%{opacity:1;transform:translate(-25px,-4px) scale(.8)}36%,100%{opacity:0;transform:translate(-25px,-4px)}}@keyframes commerce-order{0%,62%,98%,100%{opacity:0;transform:translateY(12px);visibility:hidden}68%,92%{opacity:1;transform:translateY(0);visibility:visible}}@keyframes commerce-step{0%,30%{border-color:#cf0;color:#e0edca}34%,100%{border-color:#cf028;color:#8da578}}@media(max-width:600px){.commerce-shopping-demo{padding:20px}.commerce-demo-screen{padding:17px;margin-top:20px}.commerce-product-scene{height:215px}.commerce-product-details strong{font-size:12px}.commerce-rating{font-size:8px}.commerce-shopping-demo .commerce-art-bottom{font-size:5px;letter-spacing:.8px}.commerce-journey-steps>span{font-size:8px}.commerce-journey-steps i{margin-right:4px}}@media(prefers-reduced-motion:reduce){.commerce-shopping-demo *{animation:none!important}.commerce-order-success,.commerce-added,.commerce-demo-cursor,.commerce-bag b{display:none}.commerce-add{opacity:1}}
.commerce-store-top .commerce-bag{display:block;position:relative;flex:0 0 24px;width:24px;height:28px;margin:5px 8px 0 0;overflow:visible}.commerce-store-top .commerce-bag svg{display:block;width:24px;height:28px;overflow:visible}.commerce-store-top .commerce-bag b{position:absolute;top:-7px;right:-9px;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;width:17px;height:17px;min-width:17px;min-height:17px;margin:0!important;padding:0!important;border:2px solid #0b1109;border-radius:50%;background:#cf0;color:#152008!important;font:600 9px/1 Arial,sans-serif!important;letter-spacing:0!important;text-indent:0;text-align:center;box-shadow:none;transform-origin:center;z-index:1}