.ecommerce-page{--ec-accent:#6e46b3;--ec-tint:#f4f0fa;--ec-art:#edf3f7;color:var(--foreground);background:var(--background)}
html[data-theme="dark"] .ecommerce-page{--ec-accent:#c4a7f3;--ec-tint:#272641;--ec-art:#22364b}
.ecommerce-page .eyebrow,html[data-theme="dark"] main.ecommerce-page .eyebrow{color:var(--ec-accent);letter-spacing:0}
.ecommerce-page .ec-product-logo>.brand-logo,.ecommerce-page .ec-integration-brand>.brand-logo,.ecommerce-page .ec-cross-brand>.brand-logo{width:100%}
.ecommerce-page .eyebrow::before{background:currentColor}
.ecommerce-page h1,.ecommerce-page h2,.ecommerce-page h3{letter-spacing:0;overflow-wrap:break-word}
.ec-hero{padding:48px 0 56px}.ec-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:56px;align-items:start}
.ec-hero-copy{min-width:0}.ec-product-logo{width:270px;max-width:85%;margin-bottom:32px}.ec-hero h1{font-size:52px;line-height:1.2;margin:18px 0 24px}.ec-hero h1 span{color:var(--ec-accent)}
[dir="rtl"] .ec-hero h1{font-size:48px;line-height:1.5}.ec-hero p{font-size:17px;line-height:1.9;color:var(--muted-foreground);max-width:550px}
.ec-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ec-actions .btn{white-space:normal;text-align:center;min-height:48px}
.ec-hero-visual{min-width:0;display:grid;align-content:center}.ec-connection{height:36px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ec-accent)}.ec-connection span{height:1px;background:var(--border);width:55px}
.ec-store,.ec-dashboard,.ec-ownership,.ec-customer,.ec-payment{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 18px 44px rgba(15,36,80,.07)}
.ec-browser{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--surface-muted);border-bottom:1px solid var(--border);font-size:11px;color:var(--muted-foreground)}.ec-browser>.icon{width:13px;height:13px}.ec-browser>span{margin-inline-start:auto}
.ec-store-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;font-size:13px}.ec-store-nav>.icon{color:var(--ec-accent)}
.ec-store-title{padding:6px 20px 18px}.ec-store-title small{font-size:9px;color:var(--muted-foreground);display:block;margin-bottom:6px}.ec-store-title>strong{font-size:20px}
.ec-store-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px}.ec-store-products>div{min-width:0}.ec-store-products strong{font-size:11px;display:block;margin-top:8px}.ec-store-products small{display:block;color:var(--muted-foreground);font-size:11px;margin-top:3px}
.ec-product-art{position:relative;aspect-ratio:1.25;background:var(--ec-art);border-radius:4px;overflow:hidden;isolation:isolate}.ec-product-art i,.ec-product-art b{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.ec-art-lamp i{height:49%;width:3%;background:#79949a;top:58%}.ec-art-lamp i:after{content:"";position:absolute;width:1300%;height:6%;background:#79949a;bottom:0;left:-600%;border-radius:50%}.ec-art-lamp b{width:44%;height:30%;background:#6c9599;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);top:36%}
.ec-art-cup{background:var(--ec-tint)}.ec-art-cup i{width:39%;height:44%;border-radius:4% 4% 35% 35%;background:#c4a7bf;box-shadow:inset -8px 0 0 rgba(71,37,76,.1)}.ec-art-cup b{width:23%;height:29%;border:5px solid #c4a7bf;border-radius:50%;left:72%;z-index:-1}
.ec-art-book{background:var(--surface-muted)}.ec-art-book i{width:44%;height:61%;background:#638491;transform:translate(-50%,-50%) rotate(-12deg);border-radius:2px 5px 5px 2px;border-inline-start:5px solid #4c6575;box-shadow:4px 5px 0 #b7c7ce}.ec-art-book b{width:16%;height:2%;background:#e4edf0;transform:translate(-50%,-50%) rotate(-12deg)}
.ec-store-foot{display:flex;align-items:center;gap:6px;padding:16px 20px;color:var(--muted-foreground);font-size:10px}.ec-store-foot .icon{width:14px;height:14px;color:var(--ec-accent)}
.ec-dash-top{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.ec-dash-top strong{display:flex;align-items:center;gap:10px;font-size:14px}.ec-dash-top strong>.icon{color:var(--ec-accent)}.ec-dash-top>span{font-size:11px;color:var(--muted-foreground)}
.ec-dash-layout{display:grid;grid-template-columns:170px 1fr}.ec-dash-menu{padding:18px 10px;border-inline-end:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.ec-dash-menu span{padding:10px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted-foreground)}.ec-dash-menu .selected{background:var(--ec-tint);color:var(--ec-accent);border-radius:4px}.ec-dash-menu .icon{width:18px;height:18px}
.ec-dash-main{min-width:0;padding:24px}.ec-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ec-stats>div{padding:14px;background:var(--surface-muted);border:1px solid var(--border);border-radius:4px}.ec-stats .icon{width:17px;height:17px;color:var(--ec-accent)}.ec-stats small{display:block;font-size:11px;margin:7px 0;color:var(--muted-foreground)}.ec-stats strong{font-size:23px}
.ec-table{width:100%;border-collapse:collapse;text-align:start;font-size:12px}.ec-table caption{text-align:start;font-weight:700;padding:22px 0 14px;font-size:14px}.ec-table th{font-size:11px;font-weight:600;color:var(--muted-foreground);background:var(--surface-muted)}.ec-table th,.ec-table td{text-align:start;padding:14px 10px;border-bottom:1px solid var(--border)}.ec-table td{white-space:nowrap}.ec-status{display:inline-block;font-size:11px;line-height:1.6;color:var(--ec-accent)}.ec-dash-summary{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted-foreground);padding-top:20px}.ec-dash-summary>.icon{color:var(--ec-accent);flex-shrink:0}.ec-dash-summary>.icon:last-child{margin-inline-start:auto}
.ec-dashboard-compact .ec-dash-layout{display:block}.ec-dashboard-compact .ec-dash-top{padding:13px 16px}.ec-dashboard-compact .ec-dash-main{padding:16px}.ec-dashboard-compact .ec-stats{gap:8px}.ec-dashboard-compact .ec-stats>div{padding:10px}.ec-dashboard-compact .ec-stats strong{font-size:20px}.ec-dashboard-compact .ec-table th,.ec-dashboard-compact .ec-table td{padding:10px 6px;font-size:10px}.ec-dashboard-compact .ec-table caption{padding:14px 0 10px;font-size:12px}.ec-dashboard-compact .ec-table tbody tr:last-child{display:none}.ec-dashboard-compact .ec-dash-summary{font-size:10px;padding-top:12px}
.ec-heading{max-width:760px;margin-bottom:36px}.ec-heading h2{font-size:36px;line-height:1.3;margin:16px 0}.ec-heading p,.ec-feature p,.ec-note{font-size:16px;line-height:1.85;color:var(--muted-foreground)}[dir="rtl"] .ec-heading h2{line-height:1.55}
.ec-muted{background:var(--surface-muted)}.ec-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ec-split>div{min-width:0}.ec-split .ec-heading{margin-bottom:24px}.ec-checks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}.ec-checks li{display:flex;gap:12px;align-items:start;font-size:15px;line-height:1.75}.ec-checks .icon{width:19px;height:19px;margin-top:4px;color:var(--ec-accent);flex-shrink:0}
.ec-comparison{display:grid;grid-template-columns:1fr 2fr;border-block:1px solid var(--border)}.ec-comparison>div{padding:30px}.ec-comparison>div+div{border-inline-start:1px solid var(--border)}.ec-comparison small{color:var(--muted-foreground);display:block;margin-bottom:20px}.ec-comparison strong{display:flex;align-items:center;gap:10px;font-size:15px}.ec-comparison .icon{color:var(--ec-accent)}.ec-comparison-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ec-ownership{padding:32px}.ec-domain{display:flex;align-items:center;gap:12px;color:var(--ec-accent);padding-bottom:24px;border-bottom:1px solid var(--border)}.ec-ownership>strong{font-size:24px;display:block;margin:28px 0}.ec-ownership>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ec-ownership>div:last-child span{display:flex;align-items:center;gap:10px;font-size:14px}.ec-ownership .icon{color:var(--ec-accent);width:18px;height:18px}
.ec-operation{background:var(--brand-surface-dark);color:#fff;--ec-accent:#cab4ef}.ec-operation .eyebrow{color:#cab4ef}.ec-operation h2{color:#fff}.ec-operation .ec-heading{max-width:850px}.ec-flow{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:0;margin:48px 0 0;gap:0}.ec-flow li{position:relative;padding:26px 12px 0;border-top:1px solid var(--border);display:flex;align-items:flex-start;flex-direction:column;gap:12px;min-width:0}.ec-flow li:before{content:"";position:absolute;top:-5px;inset-inline-start:12px;width:9px;height:9px;border-radius:50%;background:var(--ec-accent)}.ec-flow .icon{color:var(--ec-accent);width:22px;height:22px}.ec-flow strong{font-size:13px;line-height:1.8}.ec-step{font-size:11px;color:var(--muted-foreground)}.ec-operation .ec-flow li{border-color:#47618c}.ec-operation .ec-flow .icon,.ec-operation .ec-checks .icon{color:#cab4ef}.ec-operation .ec-flow li:before{background:#cab4ef}.ec-operation .ec-step{color:#b8c8e5}.ec-flow-five{grid-template-columns:repeat(5,minmax(0,1fr))}.ec-flow-four{grid-template-columns:repeat(4,minmax(0,1fr))}.ec-exceptions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;border-top:1px solid var(--border);margin-top:32px;padding-top:24px;font-size:14px;color:var(--muted-foreground)}.ec-exceptions>span{display:flex;align-items:center;gap:10px}.ec-exceptions p{margin:0}.ec-operation .ec-checks{grid-template-columns:1fr 1fr;gap:24px 56px}
.ec-inventory{border-block:1px solid var(--border)}.ec-inventory>div{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:20px 0}.ec-inventory>div+div{border-top:1px solid var(--border)}.ec-inventory strong,.ec-inventory b{font-size:15px}.ec-inventory small{display:block;font-size:12px;color:var(--muted-foreground);margin-top:6px}
.ec-customer{padding:32px}.ec-avatar{display:grid;place-items:center;width:52px;height:52px;background:var(--ec-tint);border-radius:50%;color:var(--ec-accent);margin-bottom:16px}.ec-customer>strong{display:block;font-size:21px}.ec-customer>small{color:var(--muted-foreground);display:block;margin-top:8px}.ec-customer>div{margin-top:28px}.ec-customer p{display:flex;justify-content:space-between;gap:16px;padding:14px 0;margin:0;border-top:1px solid var(--border);font-size:14px}
.ec-payment{padding:32px}.ec-payment>div{display:flex;align-items:center;gap:14px;font-size:19px}.ec-payment .icon{color:var(--ec-accent)}.ec-payment dl{margin:24px 0}.ec-payment dl>div{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--border);font-size:14px}.ec-payment dt{color:var(--muted-foreground)}.ec-payment dd{margin:0}.ec-payment>small{color:var(--muted-foreground)}
.ec-timeline{list-style:none;padding:0;margin:0}.ec-timeline li{display:flex;gap:22px;position:relative;padding-bottom:34px}.ec-timeline li:not(:last-child):before{position:absolute;content:"";inset-inline-start:21px;top:42px;bottom:0;border-inline-start:1px solid var(--border)}.ec-timeline li>span{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:var(--ec-tint);border:1px solid var(--border);border-radius:50%;color:var(--ec-accent);font-size:12px}.ec-timeline strong{font-size:16px}.ec-timeline small{display:block;font-size:13px;line-height:1.7;color:var(--muted-foreground);margin-top:7px}.ec-timeline li:last-child{padding-bottom:0}
.ec-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ec-tiles article{padding:24px 0;border-top:1px solid var(--border)}.ec-tiles article>.icon{color:var(--ec-accent);margin-bottom:16px}.ec-tiles h3{font-size:18px;line-height:1.65;margin:0 0 12px}.ec-tiles p{font-size:14px;line-height:1.8;margin:0;color:var(--muted-foreground)}#reporting .ec-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.ec-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ec-outcomes>div{padding:24px 0;border-top:1px solid var(--border);display:flex;gap:12px;align-items:center;font-size:15px}.ec-outcomes .icon{color:var(--ec-accent);flex-shrink:0}
.ec-phone{max-width:300px;margin:auto;background:var(--surface);padding:8px;border:2px solid var(--border);border-radius:24px;box-shadow:0 24px 48px rgba(15,36,80,.1)}.ec-phone .ec-store{border:0;border-radius:16px 16px 0 0;box-shadow:none}.ec-phone .ec-store-products{grid-template-columns:1fr 1fr}.ec-phone .ec-product-art{aspect-ratio:.8}.ec-phone .ec-store-title>strong{font-size:19px}.ec-phone .ec-store-foot{line-height:1.8}.ec-checkout{display:flex;align-items:center;gap:8px;margin:0 12px;padding:16px 0;border-top:1px solid var(--border);font-size:11px}.ec-checkout strong{margin-inline-start:auto}.ec-phone-status{background:var(--ec-tint);color:var(--ec-accent);display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:0 0 16px 16px;font-size:12px}
.ec-integrations{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;border-block:1px solid var(--border);padding:32px 0}.ec-integration-brand{max-width:270px}.ec-integrations ul{display:grid;grid-template-columns:1fr 1fr;gap:24px;list-style:none;padding:0;margin:0}.ec-integrations li{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.8}.ec-integrations .icon{color:var(--ec-accent);flex-shrink:0}
.ec-scope{list-style:none;margin:0;padding:0}.ec-scope li{padding:20px 0;display:flex;gap:24px;border-bottom:1px solid var(--border);font-size:16px}.ec-scope li>span{color:var(--ec-accent);font-size:12px;padding-top:4px}
.ec-cross-sell{padding:36px 0;background:var(--surface-muted)}.ec-cross-sell>.container{display:grid;grid-template-columns:190px 1fr;gap:20px 48px;align-items:center}.ec-cross-brand{grid-row:span 2}.ec-cross-sell h2{font-size:23px;line-height:1.6;margin:0 0 12px}.ec-cross-sell p{font-size:14px;line-height:1.9;color:var(--muted-foreground);margin:0}.ec-cross-sell .btn-link{justify-self:start;font-size:14px}
.ec-final{padding:80px 0 64px}.ec-final-inner{--ec-accent:#cab4ef;position:relative;isolation:isolate;overflow:hidden;border-radius:15px;background:var(--brand-surface-dark);color:white;padding:64px 72px}.ec-final-inner> :not(.contact-pattern){position:relative;z-index:1}.ec-final .eyebrow{color:#cab4ef}.ec-final h2{font-size:44px;line-height:1.35;color:white;max-width:780px;margin:24px 0}.ec-final p{color:#bdcbe3;font-size:17px;line-height:1.9;max-width:760px}.ec-final .btn-outline{background:transparent;color:#e0e8f6;border-color:#6c7c9a}.ec-final .btn-outline:hover{background:#233d6d;color:white}[dir="rtl"] .ec-final h2{line-height:1.55}
@media(min-width:1001px){.ec-feature:nth-of-type(even) .ec-split>div:first-child{order:2}}
@media(max-width:1200px){.ec-hero-grid{gap:32px}.ec-hero h1{font-size:44px}[dir="rtl"] .ec-hero h1{font-size:40px}.ec-split{gap:44px}.ec-heading h2{font-size:32px}.ec-comparison-parts{grid-template-columns:1fr 1fr}.ec-flow{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:32px}.ec-flow-five{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.ec-hero-grid{grid-template-columns:1fr;gap:44px}.ec-hero-copy{max-width:740px}.ec-hero p{max-width:700px}.ec-hero h1 br{display:none}.ec-hero h1 br:after{content:' '}.ec-hero-visual{max-width:640px;width:100%;margin:auto}.ec-split{gap:32px}.ec-dash-layout{grid-template-columns:135px 1fr}.ec-dash-main{padding:18px}.ec-tiles{grid-template-columns:1fr 1fr}#reporting .ec-tiles{grid-template-columns:1fr 1fr}.ec-integrations{gap:32px}.ec-final-inner{padding:48px}.ec-final h2{font-size:38px}}
@media(max-width:760px){.ec-hero{padding:40px 0 56px}.ec-hero h1,[dir="rtl"] .ec-hero h1{font-size:36px}.ec-hero h1 br{display:initial}.ec-hero p{font-size:16px}.ec-product-logo{width:230px}.ec-split{grid-template-columns:1fr;gap:32px}.ec-heading h2{font-size:29px}.ec-heading p{font-size:15px}.ec-comparison{grid-template-columns:1fr}.ec-comparison>div{padding:24px 0}.ec-comparison>div+div{border-inline-start:0;border-top:1px solid var(--border)}.ec-comparison-parts{grid-template-columns:repeat(4,minmax(0,1fr))}.ec-comparison strong{flex-direction:column;align-items:start;font-size:12px}.ec-comparison>div:first-child>strong{flex-direction:row}.ec-flow,.ec-flow-five,.ec-flow-four{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.ec-flow li{padding-top:20px}.ec-operation .ec-checks{grid-template-columns:1fr;gap:16px}.ec-dash-layout{display:block}.ec-dash-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 8px;border-inline-end:0;border-bottom:1px solid var(--border);gap:4px}.ec-dash-menu span{padding:8px 4px;font-size:10px;flex-direction:column;gap:6px}.ec-integrations{grid-template-columns:1fr}.ec-integration-brand{width:230px;margin-bottom:12px}.ec-cross-sell>.container{grid-template-columns:1fr;gap:24px}.ec-cross-brand{grid-row:auto;width:190px}.ec-final{padding:56px 0 40px}.ec-final-inner{padding:32px 24px}.ec-final h2{font-size:30px}.ec-final p{font-size:15px}.ec-final .ec-actions{gap:12px}.ec-final .btn{width:100%}}
@media(max-width:430px){.ec-hero h1,[dir="rtl"] .ec-hero h1{font-size:32px}.ec-heading h2{font-size:27px}.ec-hero .ec-actions .btn{width:100%}.ec-store-products{gap:8px;padding:0 12px}.ec-store-nav,.ec-store-title{padding-inline:12px}.ec-dash-top{padding:12px}.ec-dash-top strong{font-size:12px}.ec-dash-top>span{font-size:10px}.ec-dash-main,.ec-dashboard-compact .ec-dash-main{padding:12px}.ec-stats{gap:6px}.ec-stats>div,.ec-dashboard-compact .ec-stats>div{padding:8px}.ec-stats strong{font-size:20px}.ec-stats small{font-size:9px;line-height:1.7;min-height:30px}.ec-table th,.ec-table td,.ec-dashboard-compact .ec-table th,.ec-dashboard-compact .ec-table td{font-size:9px;padding:10px 4px}.ec-table .ec-status{font-size:9px}.ec-dashboard-compact .ec-dash-top{padding:12px}.ec-tiles{gap:12px 20px}.ec-tiles h3{font-size:16px}.ec-tiles p{font-size:13px}.ec-integrations ul{grid-template-columns:1fr;gap:20px}.ec-ownership,.ec-payment,.ec-customer{padding:24px}.ec-inventory>div{grid-template-columns:65px 1fr auto;gap:12px}.ec-inventory strong{font-size:13px}.ec-outcomes{gap:16px}.ec-outcomes>div{font-size:13px}.ec-final h2{font-size:27px}}

/* Keep the overview compact and preserve readable labels on small screens. */
.ec-hero .ec-product-art{aspect-ratio:2;max-height:100px}
.ec-hero .ec-store-nav{padding-block:12px}.ec-hero .ec-store-title{padding-block:0 12px}.ec-hero .ec-store-foot{padding-block:12px}
@media(max-width:430px){.ec-table th:nth-child(2),.ec-table td:nth-child(2){display:none}.ec-table th,.ec-table td,.ec-dashboard-compact .ec-table th,.ec-dashboard-compact .ec-table td,.ec-table .ec-status{font-size:11px}.ec-store-title small{font-size:10px}.ec-stats small{font-size:10px}.ec-dash-menu span{font-size:11px}.ec-browser{font-size:11px}.ec-dash-summary,.ec-dashboard-compact .ec-dash-summary,.ec-store-foot{font-size:11px}}

@media(max-width:430px){.ec-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-stats small{min-height:0;font-size:11px}.ec-stats>div,.ec-dashboard-compact .ec-stats>div{padding:12px}.ec-dash-top strong{font-size:12px}}

/* The hero shows an overview; the full order table remains in the dashboard section. */
.ec-hero .ec-table-wrap{display:none}
.ec-hero-copy{padding-top:8px}

/* Give the commerce positioning room to read as a headline instead of a narrow stack. */
.ecommerce-page .ec-hero-grid{grid-template-columns:minmax(0,1.28fr) minmax(420px,.72fr);gap:44px}
.ecommerce-page .ec-hero-copy{max-width:720px}
.ecommerce-page .ec-hero h1{width:100%;max-width:none;font-size:clamp(40px,3.35vw,50px);text-wrap:balance}
html[dir="rtl"] .ecommerce-page .ec-hero h1{width:100%;max-width:none;font-size:clamp(38px,3.05vw,46px)}
@media(max-width:1100px){.ecommerce-page .ec-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:30px}.ecommerce-page .ec-hero h1,[dir="rtl"] .ecommerce-page .ec-hero h1{font-size:38px}}
@media(max-width:1000px){.ecommerce-page .ec-hero-grid{grid-template-columns:1fr}.ecommerce-page .ec-hero-copy{max-width:760px}.ecommerce-page .ec-hero h1,[dir="rtl"] .ecommerce-page .ec-hero h1{font-size:36px}}
@media(max-width:430px){.ecommerce-page .ec-hero h1,[dir="rtl"] .ecommerce-page .ec-hero h1{font-size:31px}}

/* Release page: concise Blockatie Logistics hand-off flow. */
.ecommerce-page .ec-logistics-integration .container{display:block}
.ecommerce-page .phase-logistics-flow{display:grid;grid-template-columns:repeat(9,minmax(0,auto));align-items:center;gap:14px;margin-top:34px;padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.ecommerce-page .phase-logistics-flow span{display:grid;place-items:center;min-height:78px;padding:16px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);font-size:15px;font-weight:750;text-align:center}
.ecommerce-page .phase-logistics-flow i{display:grid;place-items:center;color:var(--ec-accent)}.ecommerce-page .phase-logistics-flow i .icon{width:20px;height:20px}
[dir=rtl] .ecommerce-page .phase-logistics-flow i{transform:scaleX(-1)}
@media(max-width:760px){.ecommerce-page .phase-logistics-flow{grid-template-columns:1fr;gap:8px;padding:18px}.ecommerce-page .phase-logistics-flow span{min-height:60px}.ecommerce-page .phase-logistics-flow i{transform:rotate(90deg)}[dir=rtl] .ecommerce-page .phase-logistics-flow i{transform:rotate(90deg) scaleX(-1)}}