/* ==================================================
   CTA 기본 스타일 (PC & 공통)
   ================================================== */
.geo-cta {
    margin: 35px 15px;
    padding: 25px;
    background: #f8f9ff;
    border: 1px solid #e2e6ff;
    border-radius: 12px;
    text-align: center;
}

.geo-cta h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

.geo-cta p {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
}

.geo-btn {
    display: inline-block;
    background: #1a73e8;
    color: #fff;
    padding: 12px 22px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
}

.geo-btn:hover {
    background: #1558b0;
}



/* ==================================================
   MOBILE CTA & LAYOUT (768px 이하 전용)
   ================================================== */
@media screen and (max-width: 768px) {

    /* 1. CTA 메인 박스 (상하좌우 간격 및 테두리 설정) */
    .geo-cta {
        display: block !important;
        
        /* [Margin] 박스 바깥쪽 여백: 상 우 하 좌 순서 */
        margin: 20px 15px 30px 15px !important; 
        
        /* [Padding] 박스 안쪽 여백: 상 우 하 좌 순서 */
        padding: 35px 20px 35px 20px !important; 
        
        background: #f8f9ff !important;
        border: 1px solid #e2e6ff !important;
        border-radius: 15px !important; /* 모바일은 조금 더 둥글게 */
        box-shadow: 0 6px 15px rgba(226, 230, 255, 0.6) !important;
        
        text-align: center !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    /* 2. CTA 제목 (h3) */
    .geo-cta h3 {
        margin: 0 0 15px 0 !important;
        font-size: 21px !important;
        line-height: 1.4 !important;
        color: #1a202c !important;
        letter-spacing: -0.5px;
    }

    /* 3. CTA 설명문 (p) */
    .geo-cta p {
        font-size: 15px !important;
        margin-bottom: 25px !important;
        line-height: 1.6 !important;
        color: #4a5568 !important;
    }

    /* 4. CTA 버튼 (클릭 영역 확장) */
    .geo-btn {
        display: inline-block !important;
        width: 90% !important; /* 모바일 터치 편의를 위해 넓게 설정 */
        max-width: 300px;
        padding: 14px 0 !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        border-radius: 10px !important;
        box-shadow: 0 4px 10px rgba(26, 115, 232, 0.3) !important;
    }

    /* 5. 공유 영역 레이아웃 (간섭 방지 및 정렬 복구) */
    .geo-share-wrap, 
    .geo-share-inline,
    .geo-share-actions {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important; /* 모바일 CTA 내부에선 중앙 정렬 권장 */
        align-items: center !important;
        border: none !important;
        margin: 20px 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* 버튼 사이 간격 유지 */
    .geo-share-actions {
        gap: 12px !important;
    }

    /* 유령 선 제거 */
    .geo-share-wrap::before, .geo-share-wrap::after {
        display: none !important;
    }
}