.article-sales-stats{display:flex;flex-direction:column;gap:16px}.article-sales-stats__hero{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);position:relative;overflow:hidden}.article-sales-stats__hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2563eb;border-radius:12px 0 0 12px}.article-sales-stats__hero-icon{flex-shrink:0;width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.1);color:#2563eb}.article-sales-stats__hero-icon i{font-size:1.4rem}.article-sales-stats__hero-icon i:before{margin-right:0}.article-sales-stats__hero-body{min-width:0}.article-sales-stats__hero-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}.article-sales-stats__hero-value{font-size:2rem;font-weight:700;color:#0f172a;line-height:1.1;margin:0}.article-sales-stats__hero-meta{font-size:.85rem;color:#64748b;margin:6px 0 0}.article-sales-stats__breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.article-sales-stats__group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.article-sales-stats__group-title{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.article-sales-stats__list{display:flex;flex-direction:column;gap:8px}.article-sales-stats__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#f8fafc}.article-sales-stats__item-name{font-size:.88rem;color:#0f172a;line-height:1.3;min-width:0;word-break:break-word}.article-sales-stats__item-value{flex-shrink:0;font-size:.95rem;font-weight:700;color:#0891b2;background:rgba(8,145,178,.1);padding:2px 10px;border-radius:20px;min-width:36px;text-align:center}@media screen and (max-width:576px){.article-sales-stats__hero{flex-direction:column;align-items:flex-start;text-align:left}.article-sales-stats__hero-value{font-size:1.75rem}}