/* =========================================================
   모바일(≤900px) 하단 퀵상담폼
   - 원본은 모바일에서 숨겼으나, 전환을 위해 노출
   - 원본 디자인(진빨강 바·흰 입력창·빨강 성별토글·골드 버튼·닫기 토글) 유지
   - 데스크톱 와이드 그리드를 모바일 레이아웃으로 재배치
   플로팅 배너 / 위로가기 버튼은 원본대로 계속 숨김
========================================================= */
@media screen and (max-width: 900px) {

    /* 우측 플로팅 배너 / 위로가기: 원본대로 숨김 */
    .top-btn,
    .top-btn-abs,
    .bloodcare_float_link,
    .bloodcare_top_up_link {
        display: none !important;
    }

    /* 하단 퀵폼: 모바일 노출 */
    .quick-fixedWrap.bloodcare_quick_wrap {
        display: block !important;
    }

    .bloodcare_quick_inner {
        max-width: 100%;
        margin: 0;
        padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
    }

    /* 세로 스택 배치 */
    .bloodcare_quick_form {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        width: 100%;
    }

    .bloodcare_quick_left {
        width: 100%;
    }

    /* 한 줄에 두 필드: [라벨 입력] [라벨 입력] */
    .bloodcare_quick_row {
        grid-template-columns: 42px 1fr 42px 1fr;
        gap: 0 8px;
        margin-bottom: 8px;
    }

    .bloodcare_quick_row > label {
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
    }

    /* 데스크톱 라벨 위치 보정 트릭 해제 */
    .bloodcare_quick_row > label:nth-of-type(2) {
        transform: none;
    }
    .bloodcare_quick_row > label:nth-of-type(2),
    .bloodcare_quick_row > label:nth-of-type(2) + input,
    .bloodcare_quick_row > label:nth-of-type(2) + .bloodcare_quick_gender {
        left: 0;
    }

    /* 입력창 */
    .bloodcare_quick_row input[type="text"],
    .bloodcare_quick_row input[type="number"],
    .bloodcare_quick_row input[type="tel"] {
        width: 100%;
        height: 42px;
        padding: 0 12px;
        font-size: 15px;
    }
    .bloodcare_quick_row input::placeholder { font-size: 13px; }

    /* 성별 토글 */
    .bloodcare_quick_gender {
        width: 100%;
        height: 42px;
    }
    .bloodcare_quick_gender label {
        height: 42px;
        font-size: 15px;
    }

    /* 동의 영역: 세로 스택 */
    .bloodcare_quick_agree {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-top: 2px;
    }
    .bloodcare_quick_agree label,
    .bloodcare_quick_agree a {
        font-size: 11px;
        line-height: 1.35;
    }

    /* 신청 버튼: 하단 풀폭 */
    .bloodcare_quick_btn_area {
        flex: none;
        width: 100%;
        transform: none;
    }
    .bloodcare_quick_submit {
        width: 100%;
        height: 50px;
        font-size: 18px;
        line-height: 1.2;
        border-radius: 10px !important;
    }
    .bloodcare_quick_submit br { display: none; }
    .bloodcare_quick_submit_note {
        margin-top: 6px;
        font-size: 12px;
        color: rgba(255,255,255,0.45);
    }

    /* 닫기 / 더 알아보기 토글 탭 */
    .bloodcare_quick_toggle {
        top: -28px;
        height: 28px;
        line-height: 28px;
        font-size: 13px;
        min-width: 110px;
    }

    /* 고정폼이 푸터 내용을 가리지 않도록 여백 확보 */
    .bloodcare_ft { padding-bottom: 320px; }
}