.july-sale-box{background:#f5f1eb;padding:8px 20px;margin:7px auto 23px;text-align:center;font-family:sans-serif;width:100%}.july-sale-title{font-size:20px;line-height:1;font-weight:700;color:#000;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}.july-sale-title svg{width:auto;height:20px;margin-bottom:4px}.july-sale-progress{display:flex;justify-content:space-between;margin:0 0 8px;padding:0 0 0 43px;position:relative}.july-sale-progress:before{content:"";display:block;width:100%;height:5px;border-radius:5px;background:#fff;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:0}.july-sale-progress li{flex:0 0 25px;width:25px;height:25px;border-radius:100%;background:#fff;list-style:none;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.july-sale-progress li.filled-first{background:#486a58}.july-sale-progress li.filled-second{background:#f77c03}.july-sale-message{font-size:15.47px;color:#000;font-weight:800;letter-spacing:-.02em;margin-top:2px}@media (max-width: 576px){.july-sale-message{font-size:13.5px;letter-spacing:-.03em}}.july-banner{display:flex;justify-content:space-between;align-items:center;background-color:#ecf3ef;border:2px dashed #486A58;border-radius:12px;padding:10px 13px 13px;color:#18191b;font-family:sans-serif;margin:13px 9px}.july-banner-text{display:flex;flex-direction:column;justify-content:center;font-size:16px;text-align:center}.july-banner-text p{margin:0;padding:0}p.july-banner__top{font-weight:800;font-size:17.75px;line-height:20px;letter-spacing:-2%;text-align:center}p.july-banner__center{font-weight:700;font-size:13.38px;line-height:15px;letter-spacing:-2%;text-align:center;margin-bottom:3px}p.july-banner__bottom{font-weight:600;font-size:13px;line-height:12px;letter-spacing:0%;text-align:center}.july-banner-button{background-color:#486a58;color:#fff;border:none;border-radius:5px;font-weight:900;text-transform:uppercase;cursor:pointer;font-size:13px;line-height:137%;transition:background-color .2s ease;width:120px;height:34px;display:flex;justify-content:center;align-items:center}.july-banner-button:hover{background-color:#333}@media (max-width: 600px){.july-banner{text-align:center;gap:8px;padding:8px 12px}.july-banner-text{text-align:center}p.july-banner__top{font-size:15px;line-height:18px;letter-spacing:-2%}p.july-banner__center{font-size:12px;letter-spacing:-2%}p.july-banner__bottom{font-size:12px}.july-banner-button{font-size:12px;width:100px}}
/*# sourceMappingURL=/cdn/shop/t/196/assets/component-discount-range-v3.css.map */