/* ===========================
   Reset & 공통
=========================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 공통 리스트 스타일 */
ul {
    padding-left: 0;
    margin-left: 0;
    list-style-position: inside;
}

/* ===========================
   Product Title Text
   모든 제품 카드에서 재사용
=========================== */
.product__title-text {
    font-size: 1.125rem; /* 18px */
    font-weight: bold;
}

/* ===========================
   Product Description Box
=========================== */
.product__description-box {
    display: flex;
    flex-direction: column;
}

/* Description images */
.product__description-box img {
    width: 200px;
    max-width: 100%;
    height: auto;
}

/* Description text */
.product__description {
    display: flex;
    flex-direction: column;
    gap: 0.5rem; /* 8px */
}

.product__description span:first-child {
    font-weight: bold;
}

/* Sub description list */
.product__description-sub {
    margin-top: 2.5rem;
    display: flex;
    justify-content: flex-start; /* 기본 왼쪽 정렬, 모바일에서는 media query 적용 */
}

/* ===========================
   Buttons
=========================== */
.product__buttons {
    display: flex;
    justify-content: center;
    gap: 6.25rem; /* 100px */
    margin-top: 4rem; /* 60px */
}

.product__button {
    width: 130px;
    height: 30px;
    border-radius: 20px;
    border: none;
    background-color: gray;
    color: white;
    font-size: 12px; /* 13px */
    cursor: pointer;
}