/* eCommerce and Delivery product stories. */
.page-ecommerce .f-hero-art{height:530px;overflow:hidden}.commerce-store{position:absolute;left:27px;top:35px;width:84%;border-radius:12px;background:#fff;border:1px solid #dce3f0;box-shadow:0 25px 45px #27396523;overflow:hidden;transform:rotate(-4deg)}.commerce-chrome{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f4f6f0;color:#abb5a0;font-size:8px}.commerce-chrome>b{font-size:10px;color:#78856c;font-weight:500}.commerce-store>img{width:100%;height:332px;object-fit:cover;object-position:center top}.commerce-caption{font-size:10px;padding:12px 15px;color:#80916c;background:#fff}.commerce-product-float{position:absolute;bottom:39px;right:17px;width:58%;display:flex;align-items:center;gap:13px;background:#fff;padding:17px;border:1px solid #dfe8d4;box-shadow:0 17px 35px #29452724;border-radius:12px;transform:rotate(4deg)}.commerce-product-float>img{width:73px;height:105px;object-fit:contain;flex:none}.commerce-product-float small{font-size:6px;letter-spacing:.6px;color:#859773;line-height:1.6;display:block;margin-bottom:9px}.commerce-product-float b{font:800 17px/1.25 Manrope;letter-spacing:-.6px}.page-ecommerce .f-hero-art>.demo-note{position:absolute;bottom:12px;left:15px;right:15px;margin:0;font-size:8px}.seo-result{padding-top:20px}.seo-result>span{font-size:9px;color:#8b9980}.seo-result h3{font-size:21px;color:#4968a0;letter-spacing:-.8px;line-height:1.25;margin-top:9px}.seo-result p{font-size:10px;line-height:1.6;color:#8a987d;margin-top:7px}.commerce-catalog,.commerce-checkout,.delivery-task,.route-example,.location-network{width:100%;padding:25px;background:#fff;border:1px solid #dde5d4;border-radius:13px;box-shadow:0 15px 30px #2c422c12}.catalog-filters{display:flex;gap:6px}.catalog-filters>button{font-size:10px;color:#8d9b7d;padding:8px 13px;border:1px solid #e3e9db;background:#f5f8ef;border-radius:22px}.catalog-filters>button[aria-pressed=true]{border-color:#afc0f6;color:#4d6ac1;background:#edf2ff}.catalog-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;animation:feature-enter .2s ease}.catalog-results[hidden]{display:none}.catalog-results>.f-product:only-child{grid-column:1/-1;max-width:200px;width:100%;margin:auto}.checkout-product-row{display:flex;align-items:center;gap:13px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #e9eddf}.checkout-product-row>img{width:66px;height:82px;object-fit:contain;background:#f4f7ed;border-radius:7px}.checkout-product-row>div{flex:1}.checkout-product-row b{font-size:13px;display:block}.checkout-product-row span{display:block;font-size:8px;color:#8e9d7b;margin-top:7px}.checkout-product-row>svg{width:17px;height:17px;color:#80a15b}.checkout-field-label{display:block;font-size:11px;color:#819271;font-weight:600;margin-bottom:13px}.checkout-options{display:flex;gap:5px}.checkout-options button{flex:1;border:1px solid #dde5d4;border-radius:6px;background:#fff;color:#8b9c79;font-size:10px;padding:10px 5px;white-space:nowrap}.checkout-options button[aria-pressed=true]{background:#edf2ff;color:#5b75c8;border-color:#b4c5f6}.checkout-payment{display:flex;align-items:center;gap:6px;margin-top:21px}.checkout-payment>span{margin-right:auto;font-size:10px;color:#91a280}.checkout-payment b{font-size:9px;color:#92a280;padding:5px 7px;border:1px solid #e3e9db;border-radius:4px;font-weight:500}.commerce-checkout .demo-button{width:100%;justify-content:space-between;margin-top:22px}.commerce-checkout>p{font-size:10px;line-height:1.6;color:#8b9a79;margin-top:14px;min-height:32px}.dispatch-window{background:#fff;border:1px solid #dce5d3;border-radius:14px;width:100%;padding:21px;box-shadow:0 20px 35px #304e3215;transform:rotate(-3deg)}.dispatch-map{position:relative;height:290px;overflow:hidden;background:#eef2e6;border-radius:10px;isolation:isolate}.dispatch-streets{position:absolute;inset:-40px;background:repeating-linear-gradient(0deg,transparent,transparent 37px,#fff 37px,#fff 46px),repeating-linear-gradient(90deg,transparent,transparent 52px,#fff 52px,#fff 63px);transform:rotate(-9deg) scale(1.1);z-index:-1}.dispatch-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.delivery-route{stroke:#7d98eb;stroke-width:4;stroke-dasharray:7 8;stroke-linecap:round;animation:route-move 3s linear infinite}.delivery-route-secondary{stroke:#c6d5b9;stroke-width:3;stroke-dasharray:6 8;stroke-linecap:round}.dispatch-origin{position:absolute;top:56%;left:8%;background:white;padding:10px;border-radius:9px;box-shadow:0 7px 12px #4e693011;display:flex;align-items:center;gap:7px;border:1px solid #dce7d2}.dispatch-origin>img{width:24px;height:24px}.dispatch-origin>b{font-size:9px;white-space:nowrap;color:#59733f}.dispatch-stop{position:absolute;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#7e9565;border:1px solid #cad9ba;font-size:10px;box-shadow:0 5px 10px #3f57260c}.stop-one{top:21%;left:40%}.stop-two{right:21%;top:59%}.stop-three{bottom:10%;right:28%}.dispatch-driver{position:absolute;top:23%;left:50%;background:var(--blue);color:white;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 0 5px #becbf875;animation:driver-progress 9s ease-in-out infinite}.dispatch-driver>svg{width:15px;height:15px}.dispatch-bottom{display:flex;align-items:center;gap:11px;margin-top:20px}.dispatch-bottom>.avatar{width:31px;height:31px;font-size:9px;background:#ecf1e5;color:#819768}.dispatch-bottom>div{flex:1}.dispatch-bottom b{font-size:11px;display:block}.dispatch-bottom small{font-size:8px;color:#8b9c7a;display:block;margin-top:5px}.dispatch-bottom>.status-pill{font-size:7px}.page-delivery .f-hero-art{padding:38px}.page-delivery .floating-tag{margin-top:-8px;z-index:2}.delivery-task{padding:24px}.task-product{display:flex;gap:8px;align-items:center;padding:0 0 20px;border-bottom:1px solid #e6ecde}.task-product>img{width:40px;height:60px;object-fit:contain;background:#f2f6e8;border-radius:5px}.task-product>div{flex:1;margin-left:3px}.task-product b{font-size:12px;line-height:1.4}.task-product p{font-size:8px;line-height:1.5;color:#8fa17b;margin-top:6px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;border-bottom:1px solid #e6ecde;font-size:11px}.task-row>span{color:#96a786}.task-row>b{font-size:10px;color:#6b8056}.task-progress{display:flex;align-items:center;gap:5px;margin-top:25px;font-size:7px;color:#a3b097}.task-progress>span{padding:6px;background:#f5f8ef;border-radius:4px;white-space:nowrap}.task-progress>span.done{background:#ebf2ff;color:#7490d4}.task-progress>i{display:block;width:13px;height:1px;background:#dbe6cb;flex:1}.customer-tracking{width:100%;max-width:360px;background:#fff;border:1px solid #dee6d4;border-radius:14px;padding:23px;box-shadow:0 14px 30px #34492d12}.tracking-status{text-align:center;margin:14px 0 21px}.tracking-status>.status-pill{font-size:6px;letter-spacing:.7px}.tracking-status h3{font-size:26px;letter-spacing:-1px;line-height:1.15;margin:13px 0 10px}.tracking-status p{font-size:9px;color:#8ea27a}.customer-tracking .dispatch-map{height:180px}.customer-tracking .dispatch-origin{padding:6px;gap:5px;left:5%}.customer-tracking .dispatch-origin>img{width:17px;height:17px}.customer-tracking .dispatch-origin>b{font-size:6px}.customer-tracking .dispatch-stop{width:21px;height:21px;font-size:8px}.customer-tracking .dispatch-driver{width:22px;height:22px}.tracking-steps{display:flex;justify-content:space-between;gap:8px;font-size:7px;color:#a9b59d;padding-top:19px}.tracking-steps .is-current{color:#6e8bcf;font-weight:700}.driver-phone{background:#fff;width:238px;padding:21px 17px 17px;border:5px solid #25302b;border-radius:28px;box-shadow:0 23px 35px #43513726;position:relative;transform:rotate(3deg)}.driver-speaker{position:absolute;top:0;left:calc(50% - 30px);width:60px;height:10px;background:#25302b;border-radius:0 0 9px 9px}.driver-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e4eadb;padding:10px 0 17px}.driver-top>img{width:23px;height:23px}.driver-top>b{font-size:10px}.driver-stop{padding-top:20px}.driver-stop>small{font-size:6px;letter-spacing:.6px;color:#95a586}.driver-stop h3{font-size:25px;letter-spacing:-1px;margin:8px 0 5px}.driver-stop>p{font-size:9px;color:#9dac8d}.driver-package{display:flex;gap:6px;margin:17px 0}.driver-package>img{width:calc(50% - 3px);height:88px;object-fit:contain;background:#f6f8ed;border-radius:6px}.driver-action{display:flex;align-items:center;justify-content:space-between;padding:11px;background:#4162f2;color:#fff;border-radius:5px;font-size:9px}.driver-action>svg{width:13px;height:13px}.driver-proof{margin-top:22px;padding-top:15px;border-top:1px solid #e9eee0}.driver-proof b{font-size:10px;color:#7c9065}.driver-proof>div{display:flex;gap:7px;margin-top:12px}.driver-proof span{padding:7px;border:1px solid #dfe7d3;border-radius:5px;flex:1;font-size:8px;color:#9bab89;text-align:center}.route-example .dispatch-map{height:250px}.route-progress{display:flex;gap:6px;padding-top:18px}.route-progress>button{flex:1;border:1px solid #e1e9d6;background:#f7f9f2;border-radius:6px;padding:10px 5px;font-size:9px;color:#8ea576}.route-progress>button[aria-pressed=true]{color:#5b77c4;border-color:#b9c9f6;background:#edf3ff}.route-message{padding:20px 0 0}.route-message>b{font-size:13px}.route-message>p{font-size:10px;color:#92a580;line-height:1.6;margin-top:8px}.route-example .dispatch-driver{animation:none;left:22%;top:57%;transition:top .4s,left .4s}.route-example[data-step="1"] .dispatch-driver{left:58%;top:23%}.route-example[data-step="2"] .dispatch-driver{left:69%;top:57%;background:#7d9e56}.location-hubs{display:flex;gap:9px}.location-hubs>div{flex:1;min-width:0;text-align:center;border:1px solid #e1e9d6;border-radius:9px;background:#f7f9f2;padding:16px 8px}.location-mark{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 10px;background:#ecf1de;color:#9caf80;border-radius:9px;font:700 12px Manrope}.location-hubs b{display:block;font-size:10px}.location-hubs small{display:block;font-size:7px;color:#93a77c;margin-top:6px}.network-line{height:31px;width:1px;background:#bacda2;margin:auto}.network-center{display:flex;align-items:center;gap:12px;border:1px solid #d3dff4;background:#f0f5ff;padding:20px;border-radius:9px}.network-center b{font-size:13px;color:#5e78b1}.network-center p{font-size:9px;color:#91a6c8;margin-top:7px}.network-center>img{width:30px;height:30px}.network-people{display:flex;gap:8px;padding-top:22px;justify-content:center;flex-wrap:wrap}.network-people>span{font-size:8px;color:#92a47d;padding:7px 9px;background:#f4f7ed;border-radius:20px}@keyframes driver-progress{0%,16%,100%{left:39%;top:23%}45%,68%{left:69%;top:23%}80%,94%{left:69%;top:57%}}
@media(max-width:1100px){.page-ecommerce .f-hero-art{height:485px}.commerce-store{left:21px;width:85%;top:32px}.commerce-store>img{height:299px}.commerce-product-float{padding:14px;right:12px;bottom:37px;width:65%;gap:10px}.commerce-product-float>img{width:60px;height:89px}.commerce-product-float b{font-size:15px}.commerce-product-float small{font-size:5px}.commerce-catalog,.commerce-checkout,.delivery-task,.route-example,.location-network{padding:21px}.seo-result h3{font-size:18px}.page-delivery .f-hero-art{padding:29px}.dispatch-map{height:260px}.dispatch-window{padding:18px}.dispatch-origin{padding:8px}.dispatch-origin>b{font-size:8px}.dispatch-origin>img{width:22px;height:22px}.route-example .dispatch-map{height:230px}.task-product>img{width:33px;height:52px}.task-product b{font-size:10px}.task-product p{font-size:7px}.task-progress{font-size:6px}.task-progress>span{padding:5px}.customer-tracking{padding:19px}.tracking-status h3{font-size:24px}.driver-phone{width:215px;padding:19px 14px 15px}.driver-package>img{height:77px}.driver-proof{margin-top:19px}.location-hubs>div{padding:14px 6px}.location-hubs b{font-size:9px}.network-center{padding:17px}.network-center b{font-size:11px}.checkout-options button{font-size:9px}.checkout-product-row b{font-size:11px}}
@media(max-width:850px){.page-ecommerce .f-hero-art{height:440px}.commerce-store{left:16px;top:29px}.commerce-store>img{height:260px}.commerce-caption{font-size:8px;padding:10px}.commerce-chrome{padding:10px;font-size:7px}.commerce-chrome>b{font-size:8px}.commerce-product-float{right:8px;bottom:35px;padding:12px;gap:8px}.commerce-product-float>img{width:50px;height:78px}.commerce-product-float b{font-size:13px}.commerce-product-float small{font-size:4px}.page-ecommerce .f-hero-art>.demo-note{font-size:6px}.commerce-catalog,.commerce-checkout,.delivery-task,.route-example,.location-network{padding:17px}.seo-result h3{font-size:16px}.seo-result p{font-size:9px}.seo-result>span{font-size:8px}.catalog-filters>button{font-size:8px;padding:7px 11px}.checkout-product-row>img{width:50px;height:70px}.checkout-product-row{gap:9px}.checkout-product-row b{font-size:10px}.checkout-product-row span{font-size:7px}.checkout-field-label{font-size:10px}.checkout-options button{font-size:8px;padding:8px 3px}.checkout-payment>span{font-size:8px}.checkout-payment b{font-size:7px;padding:4px 6px}.commerce-checkout .demo-button{font-size:9px}.commerce-checkout>p{font-size:9px}.page-delivery .f-hero-art{padding:22px}.dispatch-map{height:235px}.dispatch-window{padding:15px}.dispatch-origin{padding:7px;gap:5px}.dispatch-origin>b{font-size:7px}.dispatch-origin>img{width:20px;height:20px}.dispatch-stop{width:23px;height:23px;font-size:9px}.dispatch-driver{width:24px;height:24px}.dispatch-bottom b{font-size:10px}.dispatch-bottom small{font-size:7px}.dispatch-bottom>.status-pill{font-size:6px}.dispatch-bottom{gap:8px;margin-top:17px}.task-product>img{width:29px;height:45px}.task-product b{font-size:9px}.task-product p{font-size:6px}.task-product{gap:5px}.task-row{font-size:10px;padding:14px 0}.task-row>b{font-size:9px}.task-progress{gap:3px;font-size:5px}.task-progress>span{padding:5px 4px}.customer-tracking{padding:17px}.customer-tracking .dispatch-map{height:156px}.tracking-status h3{font-size:22px}.tracking-status p{font-size:8px}.tracking-steps{font-size:6px}.route-example .dispatch-map{height:200px}.route-progress>button{font-size:8px;padding:9px 4px}.route-message>b{font-size:12px}.route-message>p{font-size:9px}.location-hubs{gap:5px}.location-hubs b{font-size:8px}.location-hubs small{font-size:6px}.location-mark{width:28px;height:28px;font-size:10px}.network-center{gap:8px;padding:14px}.network-center>img{width:25px;height:25px}.network-center b{font-size:10px}.network-center p{font-size:8px}.network-people{gap:5px}.network-people>span{font-size:7px;padding:6px 7px}}
@media(max-width:700px){.page-ecommerce .f-hero-art{height:410px;max-width:420px}.commerce-store{left:21px;top:27px;width:84%}.commerce-store>img{height:252px}.commerce-product-float{bottom:34px;right:12px;width:63%;padding:13px}.commerce-product-float>img{width:56px;height:78px}.commerce-product-float b{font-size:14px}.commerce-product-float small{font-size:5px}.page-ecommerce .f-hero-art>.demo-note{font-size:7px}.commerce-catalog,.commerce-checkout,.delivery-task,.route-example,.location-network{padding:19px}.seo-result h3{font-size:18px;letter-spacing:-.5px}.seo-result p{font-size:9px}.catalog-filters>button{font-size:9px;padding:8px 12px}.catalog-results{gap:8px;margin-top:16px}.checkout-product-row>img{width:61px;height:74px}.checkout-product-row b{font-size:11px}.checkout-product-row span{font-size:7px}.checkout-options button{font-size:9px;padding:11px 4px}.checkout-field-label{font-size:10px}.checkout-payment>span{font-size:9px}.checkout-payment b{font-size:8px}.commerce-checkout .demo-button{font-size:10px}.commerce-checkout>p{font-size:9px}.page-delivery .f-hero-art{padding:26px 24px}.dispatch-window{padding:17px}.dispatch-map{height:234px}.dispatch-origin>b{font-size:8px}.dispatch-origin>img{width:21px;height:21px}.dispatch-origin{padding:8px;gap:6px}.dispatch-bottom b{font-size:11px}.dispatch-bottom small{font-size:7px}.dispatch-bottom>.status-pill{font-size:7px}.dispatch-stop{width:24px;height:24px}.page-delivery .f-tab-art{padding:20px 23px 24px}.task-product>img{width:32px;height:53px}.task-product b{font-size:10px}.task-product p{font-size:7px}.task-row{font-size:10px;padding:14px 0}.task-row>b{font-size:9px}.task-progress{font-size:6px;gap:4px;margin-top:21px}.task-progress>span{padding:5px}.driver-phone{width:189px;border-width:4px;border-radius:24px;padding:16px 13px 14px;transform:rotate(2deg)}.driver-speaker{width:45px;left:calc(50% - 22px);height:8px}.driver-top{padding:9px 0 13px;gap:7px}.driver-top>img{width:19px;height:19px}.driver-top>b{font-size:8px}.driver-stop{padding-top:14px}.driver-stop>small{font-size:5px}.driver-stop h3{font-size:21px;margin:7px 0 4px}.driver-stop>p{font-size:8px}.driver-package{margin:12px 0}.driver-package>img{height:62px}.driver-action{font-size:8px;padding:10px}.driver-proof{margin-top:15px;padding-top:11px}.driver-proof b{font-size:8px}.driver-proof>div{margin-top:9px;gap:6px}.driver-proof span{font-size:7px;padding:6px}.customer-tracking{max-width:290px;padding:17px}.tracking-status h3{font-size:22px;margin-block:12px 8px}.tracking-status p{font-size:8px}.tracking-status{margin:12px 0 17px}.customer-tracking .dispatch-map{height:157px}.tracking-steps{font-size:6px;padding-top:15px}.route-example .dispatch-map{height:225px}.route-progress{gap:5px}.route-progress>button{font-size:9px;padding:11px 5px}.route-message>b{font-size:12px}.route-message>p{font-size:10px}.location-hubs b{font-size:9px}.location-hubs small{font-size:6px}.location-mark{width:30px;height:30px;font-size:11px}.network-center{padding:16px;gap:10px}.network-center>img{width:28px;height:28px}.network-center b{font-size:11px}.network-center p{font-size:8px}.network-people>span{font-size:8px;padding:7px}.page-delivery .feature-final h2{font-size:36px}}
@media(max-width:360px){.page-ecommerce .f-hero-art{height:368px}.commerce-store{left:17px;top:24px}.commerce-store>img{height:223px}.commerce-product-float{width:66%;right:8px;bottom:30px;padding:11px}.commerce-product-float>img{width:45px;height:67px}.commerce-product-float b{font-size:12px}.page-delivery .f-hero-art{padding:22px 18px}.dispatch-map{height:210px}.dispatch-window{padding:14px}.dispatch-bottom b{font-size:10px}.dispatch-bottom small{font-size:6px}.dispatch-bottom>.status-pill{font-size:6px}.commerce-checkout,.commerce-catalog,.route-example,.location-network{padding:16px}.task-product>img{width:27px;height:47px}.task-product b{font-size:9px}.task-progress{font-size:5px}.task-row>b{font-size:8px}.page-delivery .feature-final h2{font-size:32px}.checkout-options button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.delivery-route,.dispatch-driver,.catalog-results{animation:none}.route-example .dispatch-driver{transition:none}}