/* E-Commerce theme – fresh green, shopping journey motion */
.t-ecommerce{--accent:#1FA33A;--accent-2:#123F78;--soft:#E8F6EA}
.hero--ecommerce{background:linear-gradient(160deg,#F2FBF3 0%,#fff 45%,#EEF4FB 100%)}
.hero--ecommerce h1{background:linear-gradient(90deg,#123F78,#1FA33A);-webkit-background-clip:text;background-clip:text;color:transparent}
.hv-ecommerce .card{fill:#fff;stroke:#DCE9DF;stroke-width:1.5;filter:drop-shadow(0 14px 22px rgba(18,63,120,.14))}
.hv-ecommerce .bar{fill:#F1F5FA}
.hv-ecommerce .dot.r{fill:#ff6b5e}.hv-ecommerce .dot.y{fill:#ffbd2e}.hv-ecommerce .dot.g{fill:#28c840}
.hv-ecommerce .url{fill:#E5ECF4}
.hv-ecommerce .tile rect:first-child{fill:#E8F6EA}
.hv-ecommerce .t2 rect:first-child{fill:#E6EEF8}.hv-ecommerce .t3 rect:first-child{fill:#FDF0E4}
.hv-ecommerce .tile .ln{fill:#D5DEE9}.hv-ecommerce .tile .pr{fill:#1FA33A}
.hv-ecommerce .tile{animation:tileUp .7s cubic-bezier(.2,.7,.2,1) both}
.hv-ecommerce .t2{animation-delay:.15s}.hv-ecommerce .t3{animation-delay:.3s}
@keyframes tileUp{from{opacity:0;transform:translateY(16px)}}
.hv-ecommerce .buy{fill:#123F78;animation:buyPulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes buyPulse{50%{fill:#1FA33A;transform:scale(1.06)}}
.hv-ecommerce .buy-t{fill:#fff;font:700 11px Helvetica,Arial,sans-serif;pointer-events:none}
.hv-ecommerce .route{fill:none;stroke:#1FA33A;stroke-width:3;stroke-dasharray:2 10;stroke-linecap:round;animation:dash 1.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-24}}
.hv-ecommerce .st-bg{fill:#fff;stroke:#1FA33A;stroke-width:2}
.hv-ecommerce .st-ic{fill:none;stroke:#123F78;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.hv-ecommerce .st text{font:700 12px Helvetica,Arial,sans-serif;fill:#123F78}
.hv-ecommerce .st{animation:stPop 7s infinite}
.hv-ecommerce .st-pay{animation-delay:1.6s}.hv-ecommerce .st-ship{animation-delay:3.6s}.hv-ecommerce .st-home{animation-delay:6.2s}
@keyframes stPop{0%,8%{filter:none}4%{filter:drop-shadow(0 0 10px rgba(31,163,58,.9))}}
.hv-ecommerce .mv-ic{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hv-ecommerce .mv-w{fill:#fff}
.hv-ecommerce .note{animation:floatN 6s ease-in-out infinite}
.hv-ecommerce .n2{animation-delay:-2s}.hv-ecommerce .n3{animation-delay:-4s}
@keyframes floatN{50%{transform:translateY(-10px)}}
.hv-ecommerce .note .nt{font:700 13px Helvetica,Arial,sans-serif;fill:#123F78}
.hv-ecommerce .note .ns{font:12px Helvetica,Arial,sans-serif;fill:#626B75}
.hv-ecommerce .ok{fill:#1FA33A}.hv-ecommerce .tick{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.hv-ecommerce .trk{fill:#E5ECF4}.hv-ecommerce .fill{fill:#1FA33A;animation:stock 4s ease-in-out infinite;transform-box:fill-box;transform-origin:left}
@keyframes stock{50%{transform:scaleX(.6)}}
.hv-ecommerce .spark{stroke:#0B4D91}
.t-ecommerce .svc-item{border-radius:26px 26px 26px 6px}
.t-ecommerce .svc-item:hover{border-color:#1FA33A}
.t-ecommerce .sec--tint{background:linear-gradient(180deg,#F2FBF3,#fff)}