/* Custom Hover Effects - 공통 CSS */

/* brand_item hover 효과 */
.brand_item {
    transition: border 0.3s ease !important;
    border: 2px solid transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
}

.brand_item:hover {
    border: 2px solid #ffc107 !important; /* 노란색 보더 */
    transform: none !important; /* 확대/올라가는 효과 방지 */
    scale: 1 !important; /* 크기 변경 방지 */
    translate: 0 0 !important; /* 위치 변경 방지 */
    position: relative !important;
    z-index: auto !important;
    box-shadow: none !important; /* 그림자 효과 제거 */
}

/* 하위 요소들이 hover시 영향받지 않도록 */
.brand_item:hover > * {
    transform: none !important;
    scale: 1 !important;
    translate: 0 0 !important;
}

.brand_item img,
.brand_item:hover img {
    transform: none !important;
    scale: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
}

/* 링크 요소 hover 효과 방지 */
.brand_item a,
.brand_item a:hover {
    transform: none !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* 더 강한 우선순위를 위한 추가 선택자 */
div.brand_item:hover,
.brand_item.brand_item:hover {
    border-color: #ffc107 !important;
    border-width: 2px !important;
    border-style: solid !important;
    transform: translateY(0) translateX(0) scale(1) !important;
}

/* item-1 hover 효과 개선 - 끊김 방지 */
.item-1,
.sct_li.item-1 {
    transition: border 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 2px solid transparent !important;
    box-sizing: border-box !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: border-color !important;
}

.item-1:hover,
.sct_li.item-1:hover {
    border: 2px solid #ffc107 !important;
    transform: translateZ(0) !important; /* GPU 가속 */
}

/* item-1 내부 요소 안정화 */
.item-1 .sct_li_wr {
    pointer-events: none !important;
    position: relative !important;
}

.item-1 .sct_li_wr * {
    pointer-events: auto !important;
}

/* 이미지 hover 시 깜빡임 방지 */
.item-1 img,
.sct_li.item-1 img {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    image-rendering: -webkit-optimize-contrast !important;
}