.wg-timer.wg-timer3 {
  display: flex;
  direction: ltr;
  align-items: flex-end;
  gap: 6px;
  flex-wrap: nowrap;
}
.wg-timer.wg-timer3 .wg-tcell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  min-width: 42px;
}
.wg-timer.wg-timer3 .wg-tcell b {
  display: block;
  margin: 0;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
}
.wg-timer.wg-timer3 .wg-tcell i {
  margin: 0;
  font-style: normal;
  font-size: calc(10px * var(--fz-badge, 1));
  color: var(--muted);
  white-space: nowrap;
}
.wg-deal2 .wg-timer.wg-timer3 .wg-tcell i { color: var(--dl-soft, inherit); opacity: .9 }
.wg-timer.wg-timer3.is-done { gap: 0 }
.wg-timer.wg-timer3 .wg-tdone {
  font-size: calc(12.5px * var(--fz-badge, 1));
  font-weight: 700;
  color: var(--red, #d33);
  background: var(--surface, #fff);
  border-radius: 8px;
  padding: 6px 10px;
}
@media (max-width: 480px) {
  .wg-timer.wg-timer3 { gap: 4px }
  .wg-timer.wg-timer3 .wg-tcell { min-width: 36px }
  .wg-timer.wg-timer3 .wg-tcell b { padding: 4px 7px; font-size: calc(12.5px * var(--fz-badge, 1)) }
}

@media (max-width: 700px) {
  .pgrid.wg-mrail {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline-start: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 10px;
    touch-action: pan-y pinch-zoom;
  }
  .pgrid.wg-mrail::-webkit-scrollbar { display: none }
  .pgrid.wg-mrail > * {
    flex: 0 0 clamp(150px, 46%, 230px);
    min-width: 0;
    scroll-snap-align: start;
  }
  .pgrid.wg-mrail.is-one > * { flex: 0 0 clamp(220px, 82%, 340px) }
  .wg-mrail-hint {
    display: block;
    height: 3px;
    border-radius: 99px;
    background: var(--line, #e6e6e6);
    margin: 2px auto 0;
    width: 54px;
  }
}
@media (min-width: 701px) {
  .wg-mrail-hint { display: none }
}

.mv-shop-grid {
  display: grid;
  grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1000px) { .mv-shop-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) } }
@media (max-width: 760px)  { .mv-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px } }

@media (max-width: 700px) {
  .wg-products .pgrid:not(.wg-mrail):not(.wg-paged-grid) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible;
    scroll-snap-type: none;
  }
  .wg-products .pgrid:not(.wg-mrail):not(.wg-paged-grid) > .product { flex: none }
}