/* ========================================
   어려운 용어, 헷갈리는 부동산? 섹션
   ======================================== */
.real-estate-easy-section {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    height: clamp(600px, 63.82vw, 919px);
    background: white;
    position: relative;
    overflow: hidden;
}

.easy-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.easy-text {
    width: clamp(300px, 31.39vw, 452px);
    position: absolute;
    left: clamp(20px, 13.19vw, 190px);
    top: clamp(100px, 11.11vw, 160px);
}

.easy-title {
    font-size: clamp(36px, 3.89vw, 56px);
    font-weight: 500;
    line-height: 1.29;
    margin-bottom: clamp(32px, 3.33vw, 48px);
}

.easy-title .text-gray {
    color: #8C8C8C;
}

.easy-title .text-black {
    color: black;
    font-weight: 700;
}

.easy-buttons {
    display: flex;
    gap: clamp(14px, 1.39vw, 20px);
    align-items: center;
}

.carousel-arrow-btn {
    width: clamp(36px, 3.33vw, 48px);
    height: clamp(36px, 3.33vw, 48px);
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
    background: transparent;
}

.carousel-arrow-btn img {
    width: 100%;
    height: 100%;
}

.carousel-arrow-btn:hover {
    opacity: 0.8;
}

.easy-carousel {
    position: absolute;
    left: clamp(340px, 44.51vw, 641px);
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    padding: clamp(120px, 12.08vw, 174px) clamp(14px, 1.39vw, 20px);
}

.carousel-track {
    display: flex;
    gap: clamp(24px, 2.57vw, 37px);
    transition: transform 0.5s ease;
}

.carousel-card-item {
    width: clamp(280px, 29.44vw, 424px);
    height: clamp(380px, 39.58vw, 570px);
    flex-shrink: 0;
}

.carousel-card-item img {
    width: 100%;
    height: 100%;
    border-radius: clamp(14px, 1.39vw, 20px);
    object-fit: cover;
}

/* 페이지 인디케이터 (데스크톱에서 숨김) */
.carousel-indicators {
    display: none;
}

/* ========================================
   Carousel Mobile Styles
   ======================================== */
@media (max-width: 767px) {
    /* vw 반응형 (375px 기준) */
    .real-estate-easy-section {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 53.33vw !important;
        margin: 0 auto !important;
        padding: 19.47vw 0 0 0 !important;
        background: white !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .easy-content {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    .easy-text {
        position: relative !important;
        left: 5.33vw !important;
        top: 0 !important;
        width: 89.33vw !important;
        height: 16vw !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .easy-title {
        font-size: 5.87vw !important;
        font-weight: 700 !important;
        line-height: 1.36 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        color: #000000 !important;
        width: 89.33vw !important;
        height: 16vw !important;
        overflow: hidden !important;
    }

    .easy-title .text-gray {
        color: rgba(60, 60, 67, 0.6) !important;
        font-weight: 700 !important;
    }

    .easy-title .text-black {
        color: #000000 !important;
        font-weight: 700 !important;
    }

    /* 캐러셀 화살표 버튼 숨김 */
    .easy-buttons {
        display: none !important;
    }

    /* 캐러셀 */
    .easy-carousel {
        display: block !important;
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 87.47vw !important;
        margin: 11.47vw 0 0 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    .carousel-track {
        display: flex !important;
        gap: 0 !important;
        transition: transform 0.3s ease !important;
        width: max-content !important;
    }

    .carousel-card-item {
        flex: 0 0 89.33vw !important;
        width: 89.33vw !important;
        height: 89.33vw !important;
        margin: 0 5.33vw !important;
        border-radius: 5.33vw !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    .carousel-card-item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 5.33vw !important;
    }

    /* 페이지 인디케이터 */
    .carousel-indicators {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 2.67vw !important;
        margin-top: 8vw !important;
        margin-bottom: 8vw !important;
        height: 2.67vw !important;
    }

    /* 1~3번째 인디케이터: 10x10 */
    .carousel-indicators .indicator:nth-child(1),
    .carousel-indicators .indicator:nth-child(2),
    .carousel-indicators .indicator:nth-child(3) {
        width: 2.67vw !important;
        height: 2.67vw !important;
        border-radius: 50% !important;
        background: #D1D1D6 !important;
        cursor: pointer !important;
        transition: background 0.3s ease !important;
    }

    /* 4번째 인디케이터: 8x8 */
    .carousel-indicators .indicator:nth-child(4) {
        width: 2.13vw !important;
        height: 2.13vw !important;
        border-radius: 50% !important;
        background: #D1D1D6 !important;
        cursor: pointer !important;
        transition: background 0.3s ease !important;
    }

    /* 5번째 인디케이터: 6x6 */
    .carousel-indicators .indicator:nth-child(5) {
        width: 1.6vw !important;
        height: 1.6vw !important;
        border-radius: 50% !important;
        background: #D1D1D6 !important;
        cursor: pointer !important;
        transition: background 0.3s ease !important;
    }

    /* 6번째 인디케이터: 6x6 */
    .carousel-indicators .indicator:nth-child(6) {
        width: 1.6vw !important;
        height: 1.6vw !important;
        border-radius: 50% !important;
        background: #D1D1D6 !important;
        cursor: pointer !important;
        transition: background 0.3s ease !important;
    }

    .carousel-indicators .indicator.active {
        background: #007AFF !important;
    }
}