/* WPC Design — decorative 12-second e-commerce flow. */
.eshop-service { padding-top:45px; }
.eshop-demo { --shop-bg:#fff;--shop-ink:#232b29;--shop-muted:#818781;--shop-line:#e9ece8;min-width:0;position:relative;min-height:580px;display:flex;flex-direction:column;background:var(--shop-bg); }
body.dark .eshop-demo {--shop-bg:#141d21;--shop-ink:#f1f5f1;--shop-muted:#9caeaa;--shop-line:#29363a;}
.eshop-demo__canvas {position:relative;flex:1;min-height:540px;overflow:hidden;color:var(--shop-ink);background:var(--shop-bg);font-family:inherit;}
.eshop-demo__bar {display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid var(--shop-line);font-size:9px;color:var(--shop-muted);background:var(--color-bg-soft);}
.eshop-demo__bar>span:first-child{letter-spacing:3px;color:#b9bfba;font-size:7px;}
.eshop-demo__nav {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border-bottom:1px solid var(--shop-line);font-size:9px;}.eshop-demo__nav>b{font-size:19px;letter-spacing:-.06em;}.eshop-demo__nav>b>span{font-size:10px;font-weight:400;letter-spacing:0;color:var(--shop-muted);}.eshop-demo__nav>span{color:var(--shop-muted);}.eshop-demo__basket{display:flex;gap:7px;align-items:center;}.eshop-demo__basket i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#53675b;color:white;font-size:9px;font-style:normal;animation:shop-count 12s infinite;}
.eshop-demo__store {padding:22px 24px 44px;}.eshop-demo__intro small {font-size:8px;letter-spacing:.14em;color:var(--shop-muted);}.eshop-demo__intro h3 {font-size:32px;line-height:1.07;letter-spacing:-.045em;margin:10px 0;font-weight:550;}.eshop-demo__intro>p{font-size:10px;color:var(--shop-muted);margin-bottom:20px;}
.eshop-demo__products{display:grid;grid-template-columns:1fr 1fr;gap:15px;}.eshop-demo__product{min-width:0;}.eshop-demo__photo {position:relative;height:146px;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#f5ebe1,#dfd1c3);overflow:hidden;}.eshop-demo__photo--sage{background:radial-gradient(ellipse at 50% 30%,#edf0e8,#cfd7c7);}.eshop-demo__photo>svg{width:100%;height:100%;filter:drop-shadow(0 10px 10px #0001);}.eshop-demo__photo>span{position:absolute;left:10px;top:10px;padding:5px 7px;background:#ffffffb8;border-radius:99px;font-size:6px;letter-spacing:.07em;color:#655343;}.eshop-demo__product--selected .eshop-demo__photo>svg{animation:shop-product 12s infinite;}
.eshop-demo__productname{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:10px;}.eshop-demo__productname b{font-weight:600;}.eshop-demo__product>p{font-size:8px;color:var(--shop-muted);margin:6px 0 12px;}.eshop-demo__add,.eshop-demo__secondary{position:relative;min-height:32px;display:grid;place-items:center;border-radius:99px;font-size:8px;}.eshop-demo__add{background:#53675b;color:#fff;animation:shop-button 12s infinite;}.eshop-demo__add>b{position:absolute;opacity:0;font-weight:500;animation:shop-added 12s infinite;}.eshop-demo__add>span{animation:shop-add-label 12s infinite;}.eshop-demo__secondary{border:1px solid var(--shop-line);}.eshop-demo__trust{display:flex;justify-content:center;gap:24px;font-size:8px;color:var(--shop-muted);margin-top:20px;}
.eshop-demo__scrim{position:absolute;inset:40px 0 35px;background:rgba(8,16,12,.28);opacity:0;pointer-events:none;animation:shop-scrim 12s infinite;}.eshop-demo__cart{position:absolute;right:0;top:40px;bottom:35px;width:87%;max-width:400px;background:var(--shop-bg);border-left:1px solid var(--shop-line);border-radius:22px 0 0 22px;padding:28px 22px;transform:translateX(105%);opacity:0;box-shadow:-16px 0 60px #0001;animation:shop-cart 12s infinite;}.eshop-demo__carthead{display:flex;justify-content:space-between;font-size:21px;letter-spacing:-.04em;margin-bottom:24px;}.eshop-demo__carthead>span{color:var(--shop-muted);}.eshop-demo__cartitem{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--shop-line);padding-bottom:22px;}.eshop-demo__cartitem>div{width:78px;flex-shrink:0;height:80px;background:#e9dbce;border-radius:14px;}.eshop-demo__cartitem svg{width:100%;height:100%;}.eshop-demo__cartitem section{flex:1;}.eshop-demo__cartitem b{font-size:11px;}.eshop-demo__cartitem p{font-size:9px;color:var(--shop-muted);margin:6px 0 12px;}.eshop-demo__cartitem section>span{border:1px solid var(--shop-line);border-radius:99px;padding:5px 9px;font-size:10px;}.eshop-demo__total{display:flex;justify-content:space-between;margin-top:25px;font-size:13px;}.eshop-demo__shipping{font-size:9px;line-height:1.6;color:var(--shop-muted);margin:12px 0 22px;}.eshop-demo__checkout{background:#53675b;color:white;border-radius:99px;padding:15px;text-align:center;font-size:10px;animation:shop-checkout 12s infinite;}.eshop-demo__secure{text-align:center;font-size:9px;color:var(--shop-muted);margin-top:16px;}
.eshop-demo__success{position:absolute;inset:40px 0 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:var(--shop-bg);text-align:center;opacity:0;pointer-events:none;animation:shop-success 12s infinite;}.eshop-demo__check{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;color:#53705c;background:rgba(116,164,128,.13);font-size:32px;margin-bottom:24px;}.eshop-demo__success>small{font-size:8px;letter-spacing:.18em;color:var(--shop-muted);}.eshop-demo__success h3{font-size:26px;line-height:1.15;letter-spacing:-.04em;margin:12px 0;max-width:260px;font-weight:550;}.eshop-demo__success>p{font-size:11px;color:var(--shop-muted);line-height:1.8;}.eshop-demo__success>div:last-child{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--shop-line);padding:18px 0;margin-top:22px;font-size:10px;}
.eshop-demo__timeline{position:absolute;bottom:0;left:0;right:0;height:35px;display:flex;justify-content:center;align-items:center;gap:18px;background:var(--shop-bg);border-top:1px solid var(--shop-line);font-size:8px;color:var(--shop-muted);}.eshop-demo__timeline>span{display:flex;gap:5px;align-items:center;}.eshop-demo__timeline i{width:5px;height:5px;background:#53675b;border-radius:50%;}.eshop-demo .eshop-demo__caption{height:auto;width:auto;margin:0;padding:12px;text-align:center;font-size:9px;color:var(--shop-muted);border-top:1px solid var(--shop-line);background:var(--shop-bg);}
@keyframes shop-count{0%,20%,96%,100%{opacity:0;transform:scale(.5);}25%,92%{opacity:1;transform:scale(1);}}
@keyframes shop-product{0%,15%,33%,100%{transform:none;}23%{transform:translateY(-5px) scale(1.06);}}
@keyframes shop-button{0%,19%,28%,100%{transform:scale(1);}23%{transform:scale(.95);}}
@keyframes shop-added{0%,23%,94%,100%{opacity:0;}27%,90%{opacity:1;}}
@keyframes shop-add-label{0%,23%,94%,100%{opacity:1;}27%,90%{opacity:0;}}
@keyframes shop-scrim{0%,30%,71%,100%{opacity:0;}35%,65%{opacity:1;}}
@keyframes shop-cart{0%,30%,73%,100%{opacity:0;transform:translateX(105%);}36%,65%{opacity:1;transform:none;}}
@keyframes shop-checkout{0%,58%,68%,100%{transform:scale(1);}63%{transform:scale(.96);}}
@keyframes shop-success{0%,67%,98%,100%{opacity:0;transform:translateY(8px);}73%,93%{opacity:1;transform:none;}}
@media(max-width:1000px){.eshop-demo__nav{padding:20px;}.eshop-demo__store{padding:20px 18px 44px;}.eshop-demo__nav>span{display:none;}}
@media(max-width:480px){.eshop-demo__photo{height:125px;}.eshop-demo__products{gap:10px;}.eshop-demo__canvas{min-height:520px;}.eshop-demo__cart{padding:25px 16px;width:94%;}.eshop-demo__intro h3{font-size:29px;}.eshop-demo__productname{font-size:9px;}.eshop-demo__cartitem>div{width:63px;}.eshop-demo__timeline{gap:12px;}}
@media(prefers-reduced-motion:reduce){.eshop-demo *{animation:none!important;}.eshop-demo__basket i,.eshop-demo__add>b,.eshop-demo__scrim,.eshop-demo__cart,.eshop-demo__success{display:none;}.eshop-demo__add>span{opacity:1;}}