.timer-wrap {
    width: 100%;
    max-width: 450px;
    border-radius: 20px;
    border: 2px solid #727A86;
    padding:10px 10px 14px;
  }

  .timer-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    align-items: end;
  }

  .time-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    position: relative;
  }
  .time-group:after {
    position: absolute;
    content: ':';
    color: #A3C157;
    font-size: 30px;
    right: -10px;
    top: 25px;
  }
  .time-group:last-child:after {
    display: none;
  } 

  .digits-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 70px;
  }

  .pair {
    display: flex;
    gap: 3px;
  }

  .label {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; 
    margin-top: 6px;
    text-transform: lowercase;
    text-align: center;
  }

  .digit {
    position: relative;
    width: 24px;
    height: 48px;
  }

  .segment {
    position: absolute;
    background: #1c2111;
    transition: background 0.2s ease;
    border-radius: 4px;
  }

  .segment.on {
    background: #A3C157;
  }

  .seg-a,
.seg-d,
.seg-g {
  width: 15px;     /* было 14 → +2 */
  height: 5px;     /* было 4 → +2 */
  left: 3px;       /* чуть сдвинули для баланса */
}

.seg-a { top: 0; }
.seg-g { top: 19px; } /* было 22 → подкорректировано */
.seg-d { bottom: 0; }

.seg-b,
.seg-c,
.seg-e,
.seg-f {
  width: 5px;      /* было 4 → +2 */
  height: 19px;    /* было 18 → +2 */
}

.seg-f { left: 0; top: 3px; }
.seg-b { right: 0; top: 3px; }
.seg-e { left: 0; bottom: 3px; }
.seg-c { right: 0; bottom: 3px; }

@media (max-width: 420px) {
  .timer-wrap {
    max-width: 100%;
  }

  .timer-box {
    gap: 6px;
    padding: 10px 6px 6px;
  }

  .digit {
    width: 20px;
    height: 42px;
  }

  .seg-a,
  .seg-d,
  .seg-g {
    width: 13px;   /* было 12 → +2 */
    height: 5px;   /* было 4 → +2 */
    left: 3px;
  }

  .seg-g { top: 18px; }

  .seg-b,
  .seg-c,
  .seg-e,
  .seg-f {
    width: 5px;    /* было 4 → +2 */
    height: 17px;  /* было 16 → +2 */
  }

  .label {
    font-size: 10px;
  }
}