.commerce-motion .network{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.2fr) minmax(0,1fr);align-items:center;gap:8%;min-height:370px}.commerce-motion .connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.commerce-motion .connectors path{fill:none;stroke:var(--cyan);stroke-width:2;stroke-opacity:.48;stroke-dasharray:8 12;animation:commerce-reference-dash 6s linear infinite;filter:drop-shadow(0 0 5px #39eaff)}.commerce-motion .connectors circle{fill:#fff;filter:drop-shadow(0 0 6px #00eaff)}@keyframes commerce-reference-dash{to{stroke-dashoffset:-240}}.commerce-motion .column{display:grid;gap:25px;z-index:1}.commerce-motion .service{position:relative;min-height:91px;padding:19px 22px;background:linear-gradient(125deg,#0b426cdb,#083153dc);border:1px solid #55d9ff;border-radius:16px;box-shadow:inset 0 0 16px #0d8fc833,0 0 15px #00bfff33;transition:transform .35s,box-shadow .35s;animation:commerce-reference-appear .8s both}.commerce-motion .service:nth-child(2){animation-delay:.2s}.commerce-motion .service:nth-child(3){animation-delay:.4s}.commerce-motion .service:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 30px #1ddcff77}.commerce-motion .service strong{font-size:clamp(17px,2vw,24px)}.commerce-motion .service small{display:block;color:#c1e9f4;margin-top:7px;font-size:clamp(12px,1.2vw,15px)}.commerce-motion .service .emoji{float:left;font-size:32px;margin-right:13px}.commerce-motion .center{position:relative;z-index:2;text-align:center;border:2px solid #55d9ff;background:linear-gradient(140deg,#092d4f,#041b32);padding:30px 12px;border-radius:25px;box-shadow:0 0 35px #00d5ff44,inset 0 0 30px #0083ff22;animation:commerce-reference-heartbeat 3s ease-in-out infinite}.commerce-motion .center h1{font-size:clamp(26px,3vw,43px);margin:0 0 12px}.commerce-motion .center p{margin:0;font-size:clamp(15px,1.7vw,21px);line-height:1.5}.commerce-motion .center .cart{font-size:45px;display:block;margin-bottom:10px;animation:commerce-reference-bob 2.8s ease-in-out infinite}.commerce-motion .store{position:relative;display:flex;justify-content:center;align-items:end;height:205px;margin-top:15px}.commerce-motion .platform{position:absolute;bottom:0;width:420px;max-width:90%;height:32px;border:3px solid #29f2ff;border-radius:50%;box-shadow:0 0 23px #14eaff,0 0 45px #10cfff80;animation:commerce-reference-heartbeat 3s infinite}.commerce-motion .laptop{position:relative;width:270px;height:170px;border:7px solid #a8c6e8;border-radius:12px 12px 4px 4px;background:#f4f8ff;color:#0b1a32;box-shadow:0 0 35px #1389ff88;animation:commerce-reference-bob 4s ease-in-out infinite}.commerce-motion .awning{height:35px;background:repeating-linear-gradient(90deg,#ff8424 0 24px,#fff 24px 48px);border-radius:3px 3px 9px 9px}.commerce-motion .shop-title{text-align:center;font-weight:800;font-size:14px;margin:9px}.commerce-motion .products{display:flex;justify-content:space-around}.commerce-motion .product{background:#c9eaff;border-radius:7px;width:55px;height:50px;display:grid;place-items:center;font-size:26px;animation:commerce-reference-pop 3s infinite}.commerce-motion .product:nth-child(2){animation-delay:1s}.commerce-motion .product:nth-child(3){animation-delay:2s}.commerce-motion .buy{position:absolute;bottom:9px;right:13px;background:var(--orange);color:#fff;border:0;padding:6px 10px;border-radius:4px;font-weight:bold;cursor:pointer}.commerce-motion .bag,.commerce-motion .box{font-size:67px;z-index:2;animation:commerce-reference-bob 3s infinite}.commerce-motion .box{animation-delay:1s}@keyframes commerce-reference-heartbeat{50%{box-shadow:0 0 45px #00eaff88,inset 0 0 30px #0083ff33}}@keyframes commerce-reference-bob{50%{transform:translateY(-9px)}}@keyframes commerce-reference-pop{50%{transform:scale(1.12)}}@keyframes commerce-reference-appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.commerce-motion .network{grid-template-columns:1fr 1fr;gap:15px;align-items:stretch}.commerce-motion .center{grid-column:1/-1;grid-row:1}.commerce-motion .column{gap:12px}.commerce-motion .service{padding:14px 10px;min-height:95px}.commerce-motion .service .emoji{font-size:22px;margin-right:5px}.commerce-motion .service strong{font-size:15px}.commerce-motion .service small{font-size:12px}.commerce-motion .connectors{display:none}.commerce-motion .store{margin-top:30px}}@media(prefers-reduced-motion:reduce){.commerce-motion *,.commerce-motion *:before,.commerce-motion *:after{animation:none!important;transition:none!important}}
.commerce-motion{--cyan:#3be6f5;--orange:var(--commerce-brand-orange,#ff5b21)}.commerce-motion .network{grid-template-columns:minmax(0,1fr) minmax(260px,1.2fr) minmax(0,1fr);gap:8%;min-height:370px}.commerce-motion .service{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:13px;align-content:center;padding:18px 22px;min-height:92px;animation:commerce-reference-highlight 8.4s linear infinite;animation-delay:var(--card-delay,0s)}.commerce-motion .service .emoji{float:none;margin:0;grid-column:1;grid-row:1/3;align-self:center;font-size:32px;line-height:1}.commerce-motion .service strong{grid-column:2;font-size:24px;line-height:1.3}.commerce-motion .service small{grid-column:2;margin-top:6px;font-size:14px;line-height:1.5}.commerce-motion .service:nth-child(2){--card-delay:1.4s}.commerce-motion .service:nth-child(3){--card-delay:2.8s}.commerce-motion .column:last-child .service:nth-child(1){--card-delay:4.2s}.commerce-motion .column:last-child .service:nth-child(2){--card-delay:5.6s}.commerce-motion .column:last-child .service:nth-child(3){--card-delay:7s}.commerce-motion .center{padding:32px 12px}.commerce-motion .center h3{font:800 clamp(28px,3vw,43px)/1.2 Arial,sans-serif;margin:0 0 16px}.commerce-motion .center p{font-size:21px;line-height:1.5}.commerce-motion .center .cart{margin-bottom:18px}.commerce-motion .store{height:220px;margin-top:40px}.commerce-motion .buy{font:700 12px Arial,sans-serif;background:var(--orange);min-height:30px}.commerce-motion .commerce-demo-feedback{text-align:center;color:#a8cbd4;font-size:11px;margin:16px 0 0}.commerce-motion .service:hover{border-color:var(--orange);box-shadow:0 0 28px color-mix(in srgb,var(--orange) 45%,transparent)}
@keyframes commerce-reference-highlight{0%,16.66%,100%{border-color:#55d9ff;box-shadow:inset 0 0 16px #0d8fc833,0 0 15px #00bfff33}1%,15%{border-color:var(--orange);box-shadow:0 0 30px color-mix(in srgb,var(--orange) 50%,transparent)}}
@media(max-width:1000px) and (min-width:761px){.commerce-motion .network{gap:4%;grid-template-columns:minmax(0,1fr) minmax(220px,1.1fr) minmax(0,1fr)}.commerce-motion .service{padding:16px 12px;grid-template-columns:30px minmax(0,1fr);column-gap:8px}.commerce-motion .service strong{font-size:18px}.commerce-motion .service .emoji{font-size:26px}.commerce-motion .service small{font-size:12px}}
@media(max-width:760px){.commerce-motion .network{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:0}.commerce-motion .center{grid-column:1/-1;grid-row:1;padding:26px 14px}.commerce-motion .center h3{font-size:32px}.commerce-motion .center p{font-size:18px}.commerce-motion .service{grid-template-columns:28px minmax(0,1fr);gap:4px 8px;padding:14px 10px;min-height:112px}.commerce-motion .service .emoji{font-size:24px}.commerce-motion .service strong{font-size:16px}.commerce-motion .service small{font-size:12px;margin-top:0}.commerce-motion .store{gap:4px;height:210px}.commerce-motion .laptop{width:min(270px,65vw);flex-shrink:0}.commerce-motion .bag,.commerce-motion .box{font-size:clamp(28px,8vw,52px)}.commerce-motion .product{width:27%;font-size:22px}.commerce-motion .center .cart{font-size:38px}.commerce-motion .platform{max-width:95%}}
@media(prefers-reduced-motion:reduce){.commerce-motion .connectors circle{display:none}.commerce-motion .service:hover{transform:none}}

.commerce-motion .service{grid-template-columns:46px minmax(0,1fr)}.commerce-motion .service .commerce-custom-icon{font-size:0;width:44px;height:44px}.commerce-custom-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 6px #0003)}.commerce-motion .center .commerce-cart-icon{display:block;width:64px;height:64px;margin:0 auto 18px}.commerce-cart-icon svg{display:block;width:100%;height:100%}.commerce-motion .commerce-bag-icon,.commerce-motion .commerce-box-icon{display:block;width:76px;height:86px;font-size:0;flex-shrink:0}.commerce-bag-icon svg,.commerce-box-icon svg{display:block;width:100%;height:100%}.commerce-motion .product{overflow:hidden;background:#fff;height:58px}.commerce-motion .product img{display:block;width:100%;height:100%;object-fit:cover}.commerce-motion .laptop{height:180px}@media(max-width:760px){.commerce-motion .service{grid-template-columns:32px minmax(0,1fr)}.commerce-motion .service .commerce-custom-icon{width:32px;height:32px}.commerce-motion .commerce-bag-icon,.commerce-motion .commerce-box-icon{width:clamp(28px,9vw,55px);height:65px}.commerce-motion .product{height:54px}}

/* Keep the oval behind the animated storefront. */
.commerce-motion .store{isolation:isolate}
.commerce-motion .platform{z-index:0}
.commerce-motion .laptop{z-index:1;height:210px;flex-shrink:0}
.commerce-motion .bag,.commerce-motion .box{position:relative;z-index:2}

/* Decorative glow must never intercept the cart button. */
.commerce-motion .platform{pointer-events:none}
.commerce-motion .buy{z-index:3;pointer-events:auto;min-height:36px}
.commerce-motion .store.is-cart-added .commerce-bag-icon{animation:commerce-cart-added .65s ease-out}
.commerce-motion .store.is-cart-added .buy{animation:commerce-cart-added .65s ease-out}
@keyframes commerce-cart-added{0%,100%{transform:scale(1)}40%{transform:translateY(-8px) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.commerce-motion .store.is-cart-added .commerce-bag-icon,.commerce-motion .store.is-cart-added .buy{animation:none!important}}