.wfashipping {
  --wfashipping-accent: #ff7900;
  --wfashipping-pale: #ffe9d3;
  margin: 0 0 16px;
  padding: 14px 18px 12px;
  border: 1px solid #ffd5b3;
  border-left: 4px solid var(--wfashipping-accent);
  border-radius: 13px;
  background: linear-gradient(180deg, #fffefd, #fff8f2);
  box-shadow: 0 6px 16px rgba(157, 84, 18, .06);
  color: #181818;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}
.wfashipping[hidden], .wfashipping__progress[hidden], .wfashipping__scale[hidden], .wfashipping__detail[hidden] { display: none !important; }
.wfashipping__heading { display: flex; align-items: center; gap: 12px; min-height: 40px; }
.wfashipping__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; color: #fff; background: var(--wfashipping-accent); box-shadow: 0 0 0 6px var(--wfashipping-pale); }
.wfashipping__icon svg { width: 24px; height: 24px; }
.wfashipping .wfashipping__message { margin: 0; font-size: 14px; line-height: 1.5; font-weight: 400; }
.wfashipping__segment--strong { font-weight: 700; }
.wfashipping__segment--amount { color: var(--wfashipping-accent); font-size: 18px; font-weight: 800; white-space: nowrap; }
.wfashipping__progress { position: relative; height: 10px; margin-top: 14px; border-radius: 8px; background: #f4e2d2; }
.wfashipping__fill { display: block; height: 100%; border-radius: inherit; background: repeating-linear-gradient(45deg, #ff8b20 0, #ff8b20 8px, #ffbc7b 8px, #ffbc7b 16px); transition: width .2s ease; }
.wfashipping__cursor { position: absolute; top: 50%; width: 25px; height: 25px; border: 3px solid var(--wfashipping-accent); border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .16); transform: translate(-50%, -50%); transition: left .2s ease; }
.wfashipping__scale { display: flex; justify-content: space-between; gap: 12px; margin-top: 7px; color: #9d622e; font-size: 11px; line-height: 1.4; }
.wfashipping__goal { color: var(--wfashipping-accent); white-space: nowrap; }
.wfashipping .wfashipping__detail { margin: 9px 0 0; padding-top: 7px; border-top: 1px dashed #f2d1b3; color: #9b6744; font-size: 11px; line-height: 1.5; font-weight: 400; }
.wfashipping--unlocked .wfashipping__fill {
  background: linear-gradient(to right, #ff7900 0, #ff7900 var(--wfashipping-current-progress, 0%), transparent var(--wfashipping-current-progress, 0%), transparent 100%), repeating-linear-gradient(45deg, #ff8b20 0, #ff8b20 8px, #ffbc7b 8px, #ffbc7b 16px);
}
.wfashipping--achieved { --wfashipping-accent: #29a34d; --wfashipping-pale: #fbe9d7; border-color: #c9e8d4; background: linear-gradient(180deg, #fffefd, #f1fbf5); }
.wfashipping--achieved .wfashipping__fill { background: repeating-linear-gradient(45deg, #36b760 0, #36b760 8px, #76d393 8px, #76d393 16px); }
.wfashipping--achieved .wfashipping__detail { border-color: #cbe7d4; }
.wfashipping--mobile { display: none; }
.cart-summary > .wfashipping { margin: 16px 16px 0; }
.product-additional-info .wfashipping, .quickview.modal .wfashipping { margin-top: 16px; }
@media (max-width: 991.98px) {
  .wfashipping--mobile:not([hidden]) { display: block; margin: 0 15px 16px; width: calc(100% - 30px); }
  .wfashipping--desktop { display: none; }
}
@media (max-width: 575.98px) {
  .wfashipping { padding: 14px 16px 12px; }
  .wfashipping__heading { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { .wfashipping__fill, .wfashipping__cursor { transition: none; } }