/* style.css 맨 위에 이 한 줄을 추가한다 */
html.kiosk-mode { font-size: 120%; }

* { -webkit-tap-highlight-color: transparent; }
body { background-color: #F0EBE2; color: #726862; }
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
input:focus, select:focus { border-color: #726862 !important; outline: none; box-shadow: 0 0 0 1px #726862; }
.font-en { font-family: "Tenor Sans", sans-serif; }

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
    transition: 0.2s;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}


/* CSS 글자크기 클래스 제어 */

/* 상품 제목 폰트 크기 설정 */
.custom-product-title {
    font-size: 1.1rem; /* 모바일: 20px */
}

/* 상품 상세 설명 폰트 크기 설정*/
.custom-product-desc {
    font-size: 1.0rem; /* 모바일: 20px */
    line-height: 1.5;
}

/* 태블릿(Kiosk) 모드일 때의 폰트 크기 */
@media (min-width: 768px) {
    .custom-product-title {
        font-size: 1.8rem; /* 태블릿: 24px */
    }
    .custom-product-desc {
        font-size: 1.6rem; /* 태블릿: 22.4px */
    }
}


/* 기존 코드들 유지... */

/* --- 스크린세이버 무한 슬라이드 애니메이션 --- */
@keyframes slide-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-slide-left {
    /* 50초 동안 왼쪽으로 부드럽게 이동 */
    animation: slide-left 50s linear infinite; 
}

@keyframes slide-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
.animate-slide-right {
    /* 50초 동안 오른쪽으로 부드럽게 이동 */
    animation: slide-right 50s linear infinite;
}