/* AtWeb Cart Goals - colours come from the settings as CSS variables */
.awg-box { margin: 12px 0; font-size: 14px; line-height: 1.4; }
.awg-box .awg-goal + .awg-goal { margin-top: 10px; }
.awg-text { margin: 0 0 6px; }
.awg-text strong { font-weight: 700; }
.awg-goal.is-done .awg-text { color: var(--awg-color, #2e7d32); font-weight: 600; }
.awg-track { height: 8px; border-radius: 4px; background: var(--awg-track, #e6efe6); overflow: hidden; }
.awg-fill { display: block; height: 100%; min-width: 4px; border-radius: 4px; background: var(--awg-color, #2e7d32); transition: width .35s ease; }
.awg-hint { margin: 0 0 8px; padding: 8px 10px; border-radius: 4px; background: var(--awg-track, #e6efe6); color: #1b1b1b; }
.awg-hint .fa, .awg-goal.is-done .fa { color: var(--awg-color, #2e7d32); }
.awg-box.awg-top { margin: 0; padding: 7px 16px; background: var(--awg-top-bg, #1f2937); color: var(--awg-top-color, #fff); text-align: center; font-size: 13px; position: relative; z-index: 2; }
.awg-box.awg-top .awg-text { margin: 0; color: inherit; }
.awg-box.awg-top .awg-goal.is-done .awg-text, .awg-box.awg-top .fa { color: inherit; }
.awg-box.awg-top .awg-track { max-width: 280px; height: 4px; margin: 5px auto 0; background: rgba(255, 255, 255, .25); }
.awg-box.awg-minicart { margin: 0; padding: 10px 12px; border-bottom: 1px solid rgba(0, 0, 0, .08); font-size: 13px; white-space: normal; }
.awg-box.awg-product { max-width: 480px; }
@media (prefers-reduced-motion: reduce) { .awg-fill { transition: none; } }
@media print { .awg-box { display: none !important; } }