.sok-sale {
    --sok-accent: #ff8519;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .65rem 1.5rem;
    padding: .9rem .6rem;
    background: repeating-linear-gradient(122deg, #0c0b0a 0 28px, #1a120c 29px 30px);
    border-block: 1px solid var(--sok-accent);
    color: #fff8f1;
    text-align: center;
    line-height: 1.25;
}
.sok-sale[hidden] { display: none !important; }
.sok-sale__message { font-weight: 700; font-size: clamp(1rem, 2vw, 1.22rem); }
.sok-sale__message:empty { display: none; }
.sok-sale__clock { display: inline-flex; align-items: flex-start; gap: clamp(.15rem, 1vw, .5rem); }
.sok-sale__unit { display: grid; min-width: clamp(2.5rem, 12vw, 3.8rem); }
.sok-sale__unit strong, .sok-sale__separator {
    color: var(--sok-accent);
    font-size: clamp(1.45rem, 5.6vw, 2.3rem);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.sok-sale__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}