.ds-sales{--ds-bg:#f4f1ed;--ds-dark:#171717;max-width:1100px;margin:50px auto;padding:0 20px 60px;color:var(--ds-dark);font-family:inherit}
.ds-sales *{box-sizing:border-box}.ds-sales__header{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.ds-sales__eyebrow{display:block;margin-bottom:5px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;opacity:.55}.ds-sales__header h1{margin:0;font-size:clamp(30px,5vw,52px);font-weight:500;line-height:1}.ds-sales__live{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.12em}.ds-sales__live i{width:9px;height:9px;border-radius:50%;background:#45a866;animation:dsPulse 1.7s infinite}
.ds-sales__hero{padding:clamp(30px,6vw,65px);border-radius:28px;background:var(--ds-bg);margin-bottom:18px;transition:transform .35s}.ds-sales__hero.ds-pop{animation:dsHero .8s ease}.ds-sales__hero-label{margin-bottom:10px;font-size:14px;opacity:.55}.ds-sales__hero-value{display:flex;align-items:baseline;gap:8px;font-size:clamp(50px,10vw,100px);font-weight:500;line-height:.95;letter-spacing:-.045em}.ds-sales__hero-value small{font-size:.4em}.ds-sales__hero-meta{margin-top:22px;font-size:15px;opacity:.65}
.ds-sales__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.ds-sales__card,.ds-sales__recent{padding:28px;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:#fff}.ds-sales__card>span{display:block;font-size:13px;opacity:.55;margin-bottom:14px}.ds-sales__card>strong{display:block;font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.1}.ds-sales__card small{display:block;margin-top:8px;font-size:12px;opacity:.5}
.ds-sales__goal{padding:30px;border-radius:22px;background:var(--ds-dark);color:#fff;margin-bottom:18px}.ds-sales__goal-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.ds-sales__goal-top span,.ds-sales__pace span{display:block;font-size:12px;opacity:.55}.ds-sales__goal-top strong{font-size:24px;font-weight:500}.ds-sales__percent{font-size:32px!important}.ds-sales__percent span{display:inline;font-size:inherit;opacity:1}.ds-sales__progress{height:8px;margin:25px 0;border-radius:100px;background:rgba(255,255,255,.15);overflow:hidden}.ds-sales__progress>div{height:100%;border-radius:inherit;background:#fff;transition:width .8s cubic-bezier(.2,.8,.2,1)}.ds-sales__pace{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ds-sales__pace strong{font-size:15px;font-weight:500}
.ds-sales__recent-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.ds-sales__recent-header h2{margin:0;font-size:20px;font-weight:500}.ds-sales__recent-header>span{font-size:11px;opacity:.45}.ds-sales__order{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:15px;padding:15px 0;border-top:1px solid rgba(0,0,0,.07)}.ds-sales__order-time{font-size:12px;opacity:.45}.ds-sales__order strong{font-size:14px;font-weight:500}.ds-sales__order small{display:block;margin-top:3px;font-size:10px;opacity:.45}.ds-sales__order-amount{font-size:14px;font-weight:600}.ds-sales__order.ds-new{animation:dsNew 1.4s ease}
.ds-sales__flash{position:fixed;z-index:99999;right:24px;top:24px;max-width:360px;padding:18px 22px;border-radius:18px;background:#171717;color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.18);opacity:0;transform:translateY(-18px) scale(.96);pointer-events:none;transition:.35s}.ds-sales__flash.is-visible{opacity:1;transform:none}.ds-sales__flash strong{display:block;font-size:17px;margin-bottom:4px}.ds-sales__flash span{font-size:13px;opacity:.7}
@keyframes dsPulse{0%{box-shadow:0 0 0 0 rgba(69,168,102,.45)}70%{box-shadow:0 0 0 9px rgba(69,168,102,0)}100%{box-shadow:0 0 0 0 rgba(69,168,102,0)}}@keyframes dsHero{0%{transform:scale(1)}35%{transform:scale(1.012)}100%{transform:scale(1)}}@keyframes dsNew{0%{opacity:0;transform:translateY(-14px);background:rgba(69,168,102,.12)}100%{opacity:1;transform:none;background:transparent}}
@media(max-width:700px){.ds-sales{margin-top:30px;padding:0 15px 40px}.ds-sales__grid{grid-template-columns:1fr}.ds-sales__hero,.ds-sales__goal,.ds-sales__recent{border-radius:18px}.ds-sales__pace{grid-template-columns:1fr;gap:18px}.ds-sales__order{grid-template-columns:50px 1fr auto;gap:10px}.ds-sales__flash{left:15px;right:15px;top:15px;max-width:none}}
@media(prefers-reduced-motion:reduce){.ds-sales *{animation:none!important;transition:none!important}}