.op-ship-bar{position:relative;z-index:5;background:#111;color:#fff;text-align:center;padding:9px 14px;font-size:13.5px;font-weight:600;letter-spacing:.02em;line-height:1.35}
.op-ship-bar b{font-weight:800}
.op-ship-bar__ico{display:inline-block;vertical-align:-3px;margin-right:7px}
.op-ship-bar__ico svg{width:16px;height:16px}

.op-ship-note{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;border:1px dashed rgba(128,128,128,.5);border-radius:12px;font-size:13.5px;line-height:1.45}
.op-ship-note__ico{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(128,128,128,.16)}
.op-ship-note__ico svg{width:16px;height:16px}
.op-ship-note b{font-weight:700}

.op-ship-prog{margin-top:9px}
.op-ship-prog__track{height:5px;border-radius:999px;background:rgba(128,128,128,.25);overflow:hidden}
.op-ship-prog__fill{height:100%;border-radius:999px;background:#25a244;width:0;transition:width .45s ease}
.op-ship-prog__txt{font-size:12.5px;opacity:.8;margin-top:6px;display:block}
.op-ship-note.is--free{border-style:solid;border-color:#25a244}
.op-ship-note.is--free .op-ship-note__ico{background:rgba(37,162,68,.18);color:#25a244}

@media (max-width:767px){
  .op-ship-bar{font-size:12px;padding:8px 12px;letter-spacing:0}
  .op-ship-bar__ico svg{width:14px;height:14px}
  .op-ship-note{font-size:12.5px;padding:11px 12px;gap:9px}
}
@media (max-width:374px){
  .op-ship-bar{font-size:11px}
}