/* BASIC css start */
.restock__viewport_title {
    font-size: 1.5rem;
    margin-bottom: var(--space-sm);
    font-weight: 700;
}

.restock__viewport {
    overflow: hidden;
    border-radius: var(--space-sm);
}
.restock__track {
    display: flex;
    gap: var(--space-md);
    width: max-content;
    will-change: transform; /* rAF·Î transform¸¸ Á¦¾î */
}

/* Ä«µå */
.restock__card {
    flex: 0 0 auto;
    width: clamp(13.75rem, 20vw, 21.25rem); /* ¹ÝÀÀÇü Ä«µå ³Êºñ */
    background: var(--white);
    border: 1px solid var(--lightgrey);
    border-radius: var(--space-sm);
    overflow: hidden;
}
.restock__card a {
    color: inherit;
    text-decoration: none;
    display: block;
}
.restock__thumb {
    aspect-ratio: 1/1;
    background-color: var(--lightgrey);
}
.restock__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.restock__meta {
    padding: var(--space-xs) var(--space-sm);
}
.restock__name {
    font-weight: 400;
    margin-bottom: var(--space-2xs);
    font-size: 0.875rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.restock__code {
    font-size: 0.75rem;
    color: var(--darkgrey);
}
.restock__price {
    margin-top: var(--space-2xs);
    font-size: 0.75rem;
    color: var(--darkgrey);
}

/* È£¹ö ½Ã ÀϽÃÁ¤Áö */
.restock:hover .restock__track {
    animation-play-state: paused;
} /* ¹Ù ÄÁÅ×À̳Ê: ÅÍÄ¡/Ŭ¸¯ È÷Æ®¿µ¿ª ³Ð°Ô */
.restock__controls {
    margin-top: var(--space-sm);
}
.restock__bar {
    position: relative;
    height: var(--space-lg);
    cursor: pointer;
    user-select: none;
}
.restock__bar-rail {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: var(--space-2xs);
    border-radius: var(--space-2xs);
    transform: translateY(-50%);
    background: var(--lightgrey);
}
.restock__bar-win {
    position: absolute;
    top: 50%;
    height: var(--space-2xs);
    border-radius: var(--space-2xs);
    transform: translateY(-50%);
    background: var(--black);
}
.restock__bar.is-disabled {
    opacity: 0.4;
    pointer-events: none;
}
/* BASIC css end */