.gallery-item {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    cursor: zoom-in;
    position: relative;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.gallery-item:hover img {
    transform: scale(1.05);
}
.gallery-item .overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.gallery-item:hover .overlay {
    opacity: 1;
}

/* ✅ clamp 사용한 반응형 폰트 설정 */
.product-detail h2 {
    font-size: clamp(1.2rem, 3.8vw, 1.7rem) !important; /* 제품명 */
}

.product-price {
    font-size: clamp(1.0rem, 3.0vw, 1.2rem) !important; /* 가격 */
}

.product-desc {
    font-size: clamp(0.8rem, 2.1vw, 1.0rem) !important; /* 설명 */
}

.product-btn {
    font-size: clamp(0.6rem, 2.5vw, 0.95rem) !important;
    padding: 0.3rem 0.75rem !important;
}

.object-fit-cover {
    object-fit: cover;
    object-position: center;
}