/* Box-Artikel presentation. Shared design tokens remain owned by the theme. */
.shop-box-badge{display:inline-flex;align-items:center;width:fit-content;gap:6px;padding:5px 9px;border:1px solid var(--color-accent);border-radius:6px;color:var(--color-paper);background:var(--color-panel);font-size:11px;font-weight:650;line-height:1.4}
.shop-box-badge>.shop-box-icon{display:block;width:14px;height:14px;flex:none}
.shop-box-notice{margin:18px 0;padding:15px 17px;border:1px solid var(--line);border-left:3px solid var(--color-accent);border-radius:10px;background:var(--color-panel);color:var(--color-paper)}
.shop-box-notice strong{font-size:13px}.shop-box-notice p{margin:7px 0 0;font-size:12px;line-height:1.65;color:var(--color-muted)}
.shop-box-progress{padding:18px;margin:0 0 22px;border:1px solid var(--line);border-radius:12px;background:var(--color-panel);color:var(--color-paper)}
.shop-box-progress h3{margin:0 0 9px;font-size:15px}.shop-box-message{margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.shop-box-progress progress{display:block;width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;appearance:none;background:var(--line);color:var(--color-accent);accent-color:var(--color-accent)}
.shop-box-progress progress::-webkit-progress-bar{background:var(--line);border-radius:999px}.shop-box-progress progress::-webkit-progress-value{background:var(--color-accent);border-radius:999px}.shop-box-progress progress::-moz-progress-bar{background:var(--color-accent);border-radius:999px}
.shop-box-explanation{margin:12px 0 0;font-size:11px;line-height:1.6;color:var(--color-muted)}
.shop-cart-item .shop-box-badge{margin:10px 8px 0 0}.shop-review-item .shop-box-badge{margin:6px 0;vertical-align:middle}