/* =================================================
   1. 기기별 노출 및 시스템 제어 (동일)
================================================= */
.mobile-only, .__panel, .__popup, .hello-pandal-blocks-popup-overlay {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media screen and (max-width: 1024px) { .desktop-only { display: none !important; } }
@media screen and (min-width: 1025px) { .mobile-only { display: none !important; } }
@media (min-width: 992px) { .hide-on-desktop { display: none !important; } }
a[href*="kboard"], .kboard-poweredby, #kboard-poweredby { display: none !important; opacity: 0 !important; }
.hello-pandal-blocks-popup-overlay { z-index: 99998 !important; background: rgba(0,0,0,0.22) !important; backdrop-filter: blur(3px); }
.hello-pandal-blocks-popup { z-index: 99999 !important; border-radius: 12px !important; }

/* =================================================
   2. 사이트 공통 디자인 스타일
================================================= */
.swiper-pagination { position: absolute !important; left: 50% !important; bottom: -38px !important; transform: translateX(-50%); z-index: 9999; }
.swiper-pagination-progressbar { width: 120px !important; height: 4px !important; left: 50% !important; transform: translateX(-50%); background-color: rgba(0,0,0,0.15); }
.swiper-pagination-progressbar-fill { background-color: var(--wp--preset--color--primary) !important; }
.product-card p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-card p br { display: none; }
.custom-tab-content p, .custom-tab-content li, .custom-tab-content span { color: #2e2e2e !important; }

/* =================================================
   3. 제로 갭 그리드 (빨간 광채 복구 완료)
================================================= */

.zero-gap-grid { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    align-items: stretch !important; 
    margin: 0 auto !important; 
    border-top: 1px solid #E5E5E5 !important;
    border-left: 1px solid #E5E5E5 !important;
}

.zero-gap-grid .wp-block-column { 
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 20px 10px !important;
    box-sizing: border-box !important; 
    position: relative; 
    transition: all 0.2s ease-in-out; /* 효과 부드럽게 */
    border: none !important;
    box-shadow: 1px 1px 0 0 #E5E5E5, inset 1px 1px 0 0 #E5E5E5;
    background: #ffffff !important;
}

/* [PC 전용] 18px 선명한 글씨 */
@media (min-width: 783px) {
    .zero-gap-grid p, .zero-gap-grid span { 
        font-size: 18px !important; 
        font-weight: 600 !important; 
        line-height: 1.5 !important;
        color: #000000 !important;
    }
    .zero-gap-grid img { height: 145px !important; }
}

/* [모바일 전용] 2열 정렬 최적화 */
@media (max-width: 782px) {
    .zero-gap-grid .wp-block-column { min-height: 195px !important; }
    .zero-gap-grid p, .zero-gap-grid span { 
        font-size: 14.5px !important; 
        font-weight: 600 !important; 
        line-height: 1.3 !important;
        color: #000000 !important;
    }
    .zero-gap-grid img { height: 105px !important; }
}

.zero-gap-grid img { 
    width: auto !important; 
    max-width: 90% !important;
    margin: 0 auto 15px !important; 
    object-fit: contain !important; 
}

.zero-gap-grid p, .zero-gap-grid span { 
    margin: 0 !important;
    text-align: center !important;
    word-break: keep-all !important;
}

/* 🔥 [복구] 호버 시 빨간 테두리 + 뿌연 광채(Shadow) 효과 */
.zero-gap-grid .wp-block-column:hover,
.zero-gap-grid .wp-block-column:active {
    /* 테두리는 진하게, 그림자는 뿌옇게 */
    box-shadow: inset 0 0 0 2px #D32F2F, 0 0 15px rgba(211, 47, 47, 0.3) !important;
    transform: translateY(-3px); /* 살짝 떠오르는 느낌 추가 */
    z-index: 10 !important; 
    cursor: pointer;
}