/*
Hub Child Mobile Styles
Loaded after style.css for <=767px viewports.
*/

/* === RESPONSIVE: MOBILE === */

@media (max-width: 767px) {
}

@media (max-width: 767px) {
    /* [task 10.3] Page → Figma MO frame map (Req 6.3).
	 * Hero/section rules under this block reference the mobile frame node
	 * for each page. Per-page hero CSS already exists below.
	 *   homepage          → 44:419
	 *   about-lahyeon     → 69:264
	 *   lahyeon-signature → 82:789
	 *   marvel-program    → 82:1784
	 *   y-nose            → 83:3792
	 *   golden-pelvis     → 83:4689
	 *   glam-fit          → 85:486
	 *   liposuction       → 86:1450
	 *   body-breast       → fallback (no MO frame; PC frame downscaled)
	 */

    /*
	 * [task 14.2] Per-page mobile rule alignment audit (Req 13.1, 13.2, 6.1).
	 * Each page's mobile rules below should align with the corresponding MO
	 * Figma node within 5px tolerance. Manual verification recommended via
	 * Chrome DevTools at viewport 390px and visual diff against Figma frames.
	 * Frame node IDs documented in [task 10.3] map above and per-page
	 * section headers in PAGE STYLES section.
	 */

    /*
	 * [task 14.3] Fallback for pages without explicit Figma MO frame (Req 13.3).
	 * .lh-page-body-breast is the only page in this category currently.
	 * Apply: single column, padding reduced to 60-80% of desktop, font scale
	 * 85% with 13px minimum.
	 */

    /* 6579eb6 모바일 솔루션 카드 섹션 — Figma 2074:376 */
}

@media (min-width: 391px) and (max-width: 767px) {
    /* [task 10.2] Fluid scaling for 391-767px range (Req 6.6).
	 * Containers stretch to viewport while preserving Figma 390px proportions. */
    .e-con-inner,
    .elementor-section-boxed > .elementor-container {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    body.wp-theme-hub {
        background-color: #fff;
        padding: 0;
    }

    /* [task 10.1] Image/media overflow guard (Req 6.5) */
    img,
    video,
    iframe {
        max-width: 100%;
        height: auto;
    }

    /* [task 10.4] 2-column preserved on mobile (Req 6.2) */
    .lh-mobile-2col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--lh-space-2, 16px);
    }

    /* Elementor responsive class coexistence — Requirements 2.6 */
    /* Preserve Elementor's hidden-phone/mobile behavior at our custom breakpoint */
    .elementor-hidden-phone,
    .elementor-hidden-mobile {
        display: none !important;
    }

    /* Single column layout */
    .elementor-column,
    .e-con {
        width: 100% !important;
    }

    /* Section padding */
    /* .elementor-section > .elementor-container,
	.e-con > .e-con-inner {
		padding-left: 18px !important;
		padding-right: 18px !important;
	} */

    /* Footer middle divider — Figma mobile footer */
    /* body.wp-theme-hub .main-footer .elementor-4448 .elementor-element-5358a56 {
		border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
	} */

    /* Footer logo/info block — remove the missing social-icon space on mobile. */
    body.wp-theme-hub .main-footer .elementor-4448 .elementor-element-cd5d4a9 > .e-con-inner {
        gap: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .elementor-element-5358a56 .e-con-inner,
    .elementor-element-4b70457 .e-con-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.wp-theme-hub .main-footer .elementor-widget-ld_custom_menu a,
    body.wp-theme-hub .main-footer .lqd-custom-menu a {
        padding: 0 !important;
    }

    body.wp-theme-hub .main-footer .elementor-4448 .elementor-element-635c55a {
        padding-top: 0 !important;
    }

    body.wp-theme-hub .main-footer .elementor-4448 .elementor-element-b093674 .elementor-divider-separator {
        width: 100% !important;
        border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
    }

    /* Elementor section/column gap — mobile — Requirements 7.4, 7.6 */
    .elementor-section > .elementor-container,
    .elementor-column > .elementor-widget-wrap,
    .e-con-full,
    .e-con > .e-con-inner {
        gap: 92px;
    }

    /* Homepage signature block — Figma 52:98 uses a 19.2px column gap
	 * plus widget-container padding for the fine top offsets. */

    /* Marvel / Y-Nose / Golden Ratio / Glam Fit mobile headings use
	 * widget paddings for spacing, so remove the global heading gap here. */

    /* About us mobile section — use Figma widget paddings instead of
	 * the global container gap so the title/body spacing stays compact. */

    .lqd-mobile-sec .lqd-mobile-sec-inner {
        min-height: 60px; /* 피그마 디자인: 60px */
        height: 60px;
        padding-right: 18px;
        padding-left: 18px;
    }

    .main-header .elementor-section.elementor-top-section:first-of-type {
        min-height: 60px !important;
    }

    .elementor-widget-ld_fancy_heading p.ld-fh-element {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .wpcf7 form {
        padding: 18px;
    }

    .lh-floating-bottom {
        display: none !important;
    }

    /* 섹션 패딩 축소 */
    .elementor-top-section {
        padding-top: var(--lh-section-gap-mobile);
        padding-bottom: var(--lh-section-gap-mobile);
    }

    /* Figma mobile hero heights.
	 * Keep this on section/container IDs only; heading widget IDs must not
	 * receive viewport min-heights or the hero becomes 2-3 screens tall. */

    /* Homepage mobile hero: Figma 390w frame uses a 708px first viewport
	 * including the 60px mobile header, so the section itself holds 648px. */
    body.wp-theme-hub.lh-page-homepage .elementor-4450 .elementor-element.elementor-element-0a526df {
        --min-height: 100vh;
        min-height: 100vh !important;
        height: auto !important;
    }

    @supports (height: 100dvh) {
        body.wp-theme-hub.lh-page-homepage .elementor-4450 .elementor-element.elementor-element-0a526df {
            --min-height: 100dvh;
            min-height: 100dvh !important;
        }
    }

    body.wp-theme-hub.lh-page-homepage .elementor-4450 .elementor-element.elementor-element-0a526df > .e-con-inner,
    body.wp-theme-hub.lh-page-homepage .elementor-4450 .elementor-element.elementor-element-0a526df > .elementor-container,
    body.wp-theme-hub.lh-page-homepage .elementor-4450 .elementor-element.elementor-element-0a526df .elementor-background-video-container {
        min-height: inherit;
    }

    body.wp-theme-hub:not(.lh-page-homepage) .elementor .elementor-element.elementor-element-2da50aa {
        --padding-top: 120px;
        padding-top: 120px !important;
        align-items: center !important;
        justify-content: center !important;

        &:before {
            z-index: 0 !important;
        }
    }

    body.wp-theme-hub:not(.lh-page-homepage) .elementor .elementor-element.elementor-element-2da50aa > .e-con-inner,
    body.wp-theme-hub:not(.lh-page-homepage) .elementor .elementor-element.elementor-element-2da50aa > .elementor-container {
        align-items: center !important;
        justify-content: center !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-2da50aa {
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        animation: none !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-2da50aa .elementor-motion-effects-container,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-2da50aa .elementor-motion-effects-layer {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-2da50aa > .e-con-inner,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-2da50aa > .elementor-container {
        min-height: inherit;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-419ad17 {
        position: relative;
        min-height: 844px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden;
        border-radius: 0 !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd {
        height: 843px !important;
        min-height: 843px !important;
        background: #061018 url("/wp-content/themes/hub-child/assets/img/figma-about/our-promise.webp") 35.8% top / auto 843px no-repeat !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-background-video-container,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-background-video-hosted,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd video {
        display: none !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.42);
        pointer-events: none;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-container,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-419ad17 .elementor-container {
        position: relative;
        z-index: 2;
        min-height: 844px !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-container {
        display: block !important;
        height: 843px !important;
        min-height: 843px !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-d911b16 {
        position: absolute !important;
        z-index: 2;
        top: 551px !important;
        right: 30px !important;
        left: 30px !important;
        width: auto !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-d911b16 > .elementor-widget-wrap,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-6967abc,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-6967abc .elementor-container,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-6967abc .elementor-column,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-6967abc .elementor-widget-wrap {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-widget-hub_fancy_heading,
    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-widget-hub_fancy_heading > .elementor-widget-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-12bd917 {
        margin-bottom: 24px !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-0be1680 {
        margin-top: 0 !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-12bd917 .ld-fh-element {
        margin: 0 !important;
        color: #fff !important;
        font-family: "Noto Serif KR", serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 13px !important;
        letter-spacing: 0.1px !important;
        text-transform: uppercase !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-12bd917 .ld-fancy-heading {
        font-size: 0 !important;
        line-height: 0 !important;
    }

    body.wp-theme-hub.lh-page-about-lahyeon .elementor-4841 .elementor-element.elementor-element-f0b82bd .elementor-element-0be1680 .ld-fh-element {
        margin: 0 !important;
        color: #fff !important;
        font-family: "Noto Sans KR", "Pretendard", sans-serif !important;
        font-size: 22px !important;
        font-weight: 500 !important;
        line-height: 28.6px !important;
        letter-spacing: -1px !important;
    }

    /* Hero 제목 모바일 사이즈 — Elementor 인라인 스타일을 존중하기 위해
	 * !important를 사용하지 않음. 페이지별 구체적 셀렉터로만 오버라이드.
	 * 글로벌 !important는 모든 위젯의 개별 크기를 덮어쓰므로 제거함. */

    /* 진료 분야 모바일 섹션 (0b4741c) — Figma: flex-col, gap 20px, px 24px */

    /* Figma: 카드는 정사각형 full-width */

    /* 레거시 섹션(5e36471) 세로 스택 — 데스크탑 스위퍼가 혹시 노출될 경우 대비 */

    /* flipbox 위젯 모바일 세로 스택 (전역, 기타 페이지) */
    .elementor-widget-ld_flipbox {
        flex-direction: column !important;
    }

    /* flipbox 카드 너비 100% (기타 페이지) */
    .elementor-widget-ld_flipbox .ld-flipbox {
        width: 100%;
        margin-bottom: 16px;
    }

    /* Counter 위젯 정렬 — !important 없이 기본값 제공.
	 * Elementor 인라인 스타일이 있으면 그것이 우선. */
    .elementor-widget-ld_counter .lqd-counter-number {
        font-size: 36px;
    }

    /* 섹션 타이틀과 본문 간격 축소 */
    .elementor-widget-hub_fancy_heading {
        margin-bottom: 16px;
    }

    /* hub_fancy_heading 모바일 폴백 — 피그마 390px 스펙 (위젯 미설정 시 적용) */
    /* body.wp-theme-hub .elementor-widget-hub_fancy_heading h1.ld-fh-element {
		font-size: 42px !important;
		line-height: 1.3 !important;
	} */
    /* body.wp-theme-hub.lh-page-about-lahyeon .elementor-widget-hub_fancy_heading h1.ld-fh-element,
	body.wp-theme-hub .lh-page-about-lahyeon .elementor-widget-hub_fancy_heading h1.ld-fh-element {
		font-size: 36px !important;
	} */
    /* body.wp-theme-hub .elementor-widget-hub_fancy_heading h2.ld-fh-element {
		font-size: 42px !important;
		line-height: 1.3 !important;
	} */
    /* body.wp-theme-hub .elementor-widget-hub_fancy_heading h3.ld-fh-element {
		font-size: 22px !important;
		line-height: 1.45 !important;
	} */
    /* Paragraph fancy headings keep their Elementor/Figma-defined mobile type sizes. */

    /* Homepage mobile doctor quote — Figma 44:684 */

    /* Homepage mobile location intro and map — Figma 44:419 */

    /* Mobile gold section labels — Figma mobile frames use 18px labels.
	 * These widgets are h2 in Elementor, so they must beat the global h2 fallback. */

    .elementor-section > .elementor-container,
    .elementor-column > .elementor-widget-wrap,
    .e-con-full,
    .e-con > .e-con-inner {
        gap: 0;
    }

    /* Homepage mobile typography exceptions — Figma 44:419 */

    /* 갤러리 그리드 모바일 */
    .elementor-widget-ld_gallery .lqd-gallery-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    /* FAQ 아코디언 모바일 여백 */
    .elementor-widget-ld_accordion .lqd-accordion .lqd-accordion-title {
        font-size: 14px;
        padding: 16px 0;
    }

    .elementor-widget-ld_accordion .lqd-accordion .lqd-accordion-body {
        font-size: 13px;
    }

    /* 버튼 모바일 사이즈 — 글로벌 !important 제거.
	 * Elementor 위젯별 인라인 스타일 존중. */

    /* 탭 네비 모바일 */
    .lqd-custom-menu.nav {
        gap: 4px;
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .elementor-widget-ld_custom_menu .lqd-custom-menu a {
        font-size: 13px;
        white-space: nowrap;
        padding: 10px 14px;
    }

    /* Figma mobile section nav: fixed coordinates from the mobile frames. */

    /* Service Liquid Custom Menu normalization */

    /* Profile Modal 모바일 */
    .lh-profile-modal__panel {
        width: calc(100vw - 32px);
        max-width: 400px;
        max-height: calc(100vh - 32px);
        height: auto;
        min-height: 420px;
        padding: 48px 20px 104px;
    }

    .lh-profile-modal__name {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }

    .lh-profile-modal__divider {
        margin-bottom: 22px;
    }

    .lh-profile-modal__career li {
        font-size: 16px;
        line-height: 30px;
    }

    /* Mobile typography adjustments — Requirements 9.3, 9.6 */
    h1 {
        line-height: 1.2;
    }
    h2 {
        line-height: 1.25;
    }

    /* Body text container max-width for readability (32-38 Korean chars) — Requirements 9.5 */
    .elementor-widget-text-editor .elementor-widget-container,
    .elementor-widget-heading .elementor-widget-container {
        max-width: 38em;
    }

    /* Draft Banner 모바일 */
    .lh-draft-banner {
        top: 12px;
        font-size: 11px;
        padding: 8px 10px 8px 12px;
    }

    .lh-draft-banner__label {
        font-size: 10px;
        padding: 2px 8px;
    }

    /* Figma mobile bottom consultation bar */
    .lh-mobile-cta {
        display: none !important;
    }

    .lh-floating-bottom {
        display: block !important;
        height: 70px;
        padding: 9px max(12px, calc((100vw - 339px) / 2));
        background: rgba(0, 0, 0, 0.7);
        border-top: 0;
        box-shadow: none;
        backdrop-filter: none;
    }

    .lh-floating-bottom-inner {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: 20px 25px;
        column-gap: min(12px, 3vw);
        row-gap: 7px;
        width: min(339px, calc(100vw - 24px));
        max-width: none;
        height: 52px;
        margin: 0 auto;
    }

    .lh-floating-bottom-field input,
    .lh-floating-bottom-field select,
    .lh-floating-bottom-field [role="combobox"] {
        height: 20px;
        min-height: 20px;
        padding: 0 5px;
        border-radius: 5px;
        font-size: 10px;
        line-height: 20px;
        box-shadow: none;
    }

    .lh-floating-bottom-field {
        position: static;
        top: auto;
        left: auto;
        width: auto;
        height: 20px;
    }

    .lh-floating-bottom-field:nth-of-type(1),
    .lh-floating-bottom-field:nth-of-type(2),
    .lh-floating-bottom-field:nth-of-type(3) {
        left: auto;
    }

    .lh-floating-bottom-field.is-select::after {
        right: 6px;
        width: 10px;
        height: 7px;
    }

    .lh-floating-bottom-field select {
        padding-right: 16px;
    }

    .lh-floating-bottom-field .ui-selectmenu-text {
        font-size: 10px;
        line-height: 20px;
        padding-right: 10px;
    }

    .lh-floating-bottom-field .ui-selectmenu-icon {
        right: 6px;
        width: 10px;
        height: 7px;
    }

    .lh-floating-bottom-privacy {
        position: static;
        top: auto;
        left: auto;
        height: auto;
        grid-column: 1 / 3;
        align-self: center;
        gap: 5px;
        color: #fff;
    }

    .lh-floating-bottom-privacy input[type="radio"] {
        width: 13px;
        height: 13px;
        min-width: 13px;
        min-height: 13px;
        border-color: #fff;
    }

    .lh-floating-bottom-privacy input[type="radio"]:checked {
        background: #fff;
    }

    .lh-floating-bottom-privacy label {
        color: #fff;
        font-size: 10px;
        line-height: 1;
    }

    .lh-floating-bottom-submit {
        position: static;
        top: auto;
        left: auto;
        grid-column: 3;
        justify-self: end;
        width: 100% !important;
        max-width: 135px;
        height: 25px;
        min-height: 25px;
        padding: 0 12px;
        border-radius: 5px;
        background: #cbb57f;
        font-size: 12px;
    }

    .lh-floating-bottom-msg {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: 78px;
        z-index: 10000;
        display: block;
        width: auto;
        max-width: none;
        padding: 8px 10px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
        font-size: 11px;
        font-weight: 600;
        line-height: 1.35;
        text-align: center;
        pointer-events: none;
    }

    .lh-floating-bottom-msg:empty {
        display: none;
    }

    /* Figma node 44:1402 — mobile right-side floating buttons */
    .lh-floating-right {
        display: block !important;
        position: fixed;
        top: auto;
        right: 25px;
        bottom: 90px;
        width: 30px;
        height: 70px;
        transform: none;
        z-index: 9998;
    }

    .lh-floating-right-bar {
        position: absolute;
        inset: 0;
        width: 30px;
        height: 70px;
        background: transparent;
        border-radius: 0;
        overflow: visible;
    }

    .lh-floating-right-item:not(.lh-floating-right-item--kakao),
    .lh-floating-right-divider {
        display: none !important;
    }

    .lh-floating-right-top,
    .lh-floating-right-item--kakao {
        position: absolute;
        left: 0;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px;
        min-height: 30px;
        border-radius: 50%;
        background: #cbb57f !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0;
        box-shadow: none;
        overflow: hidden;
    }

    .lh-floating-right-top {
        top: 0;
    }

    .lh-floating-right-item--kakao {
        top: 40px;
        flex-direction: row;
        gap: 0;
    }

    .lh-floating-right-icon--kakao {
        width: 20px !important;
        height: 18.3px !important;
    }

    .lh-floating-right-top .lh-floating-right-icon--top {
        width: 14px !important;
        height: 8.75px !important;
    }

    .lh-floating-right-item--kakao span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    /* 모바일 상담 바 높이만큼 페이지 하단 여백 확보 */
    /* body.wp-theme-hub #lqd-site-content {
		padding-bottom: 70px !important;
	} */

    /* About-lahyeon 모바일 */

    /* Lahyeon-Signature 모바일 */

    /* Y-Nose / Golden Pelvis / Glam Fit / Liposuction / Body Breast 모바일 패딩 */

    /* Golden Pelvis / Glam Fit 추가 모바일 튜닝 */

    /* Golden Pelvis / Glam Fit Figma mobile intro composition */

    /* Homepage 진료 분야 카드 모바일 — 5e36471 레거시 스위퍼 전용 */

    /* Touch target minimum size — Requirements 5.6 */
    /* All interactive elements must be at least 44x44px on mobile */
    button,
    [role="button"],
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
        min-height: 44px;
        min-width: 44px;
    }

    /* Visual carousel/page dots are indicators, not full-size CTA controls. */
    .treatment-dot,
    .cycle-dot,
    .swiper-pagination-bullet,
    .slick-dots button,
    .flickity-page-dots .dot {
        width: 8px !important;
        height: 8px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        flex: 0 0 auto;
    }

    a:not(.btn):not(.lh-floating-right-item):not(.lh-mobile-cta__btn) {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    select,
    textarea {
        min-height: 44px;
    }

    /* Compact controls inside the fixed Figma consultation bar. */
    body.wp-theme-hub .lh-floating-bottom .lh-floating-bottom-field input,
    body.wp-theme-hub .lh-floating-bottom .lh-floating-bottom-field select,
    body.wp-theme-hub .lh-floating-bottom .lh-floating-bottom-field [role="combobox"] {
        height: 20px !important;
        min-height: 20px !important;
        color: #8f8f8f !important;
        font-family: var(--lh-font-body) !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }

    body.wp-theme-hub .lh-floating-bottom .lh-floating-bottom-submit {
        height: 25px !important;
        min-height: 25px !important;
        line-height: 25px !important;
    }
}

@media (max-width: 767px) {
    /* .lh-page-about-lahyeon .elementor-element-cac836d::after,
    .lh-page-about-lahyeon .elementor-element-644b579::after {
        top: 460px;
        font-size: 15px;
        line-height: 27.4px;
    } */
    .lqd-fb-style-1:hover {
        transform: none !important;
    }
    .lqd-fb-style-1:hover .lqd-fb-bg {
        transform: none !important;
    }

    .lh-lipo-solution__eyebrow {
        margin-bottom: 24px;
        font-size: 18px;
        line-height: 18px;
    }
    .lh-lipo-solution__title {
        font-size: 38px;
        line-height: 49px;
    }
    .lh-lipo-solution__desc {
        margin: 20px auto 48px;
        max-width: 310px;
        font-size: 18px;
        line-height: 28px;
    }
    .lh-lipo-solution__card {
        width: 100%;
        padding: 0px;
        border-radius: 0px;
        box-shadow: none;
    }
    .lh-lipo-solution__hero {
        aspect-ratio: 310 / 390;
    }
    .lh-lipo-solution__hero img {
        height: 100% !important;
    }
    .lh-lipo-solution__list {
        gap: 20px;
    }
    .lh-lipo-solution__hero-title {
        left: 24px;
        bottom: 22px;
        font-size: 24px;
    }
    .lh-lipo-solution__intro {
        margin: 24px auto;
        font-size: 15px;
        line-height: 24px;
    }
    .lh-lipo-solution__item {
        padding: 20px 18px;
    }
    .lh-lipo-solution__item-title {
        font-size: 18px;
        line-height: 25px;
    }
    .lh-lipo-solution__item-sub {
        font-size: 14px;
        line-height: 20px;
    }
    .lh-lipo-solution__item-copy {
        font-size: 14px;
        line-height: 23px;
    }

    /* .lh-page-golden-pelvis .elementor-element-7c2bdbf {
        display: flex !important;
    } */

    .lh-page-homepage .elementor-element-0b4741c .ld-flipbox-inner > div:first-child,
    .lh-page-homepage .elementor-element-5e36471 .ld-flipbox-inner > div:first-child {
        font-size: 20px !important;
        line-height: 35px !important;
    }

    .lh-page-homepage .elementor-element-0b4741c .ld-flipbox-inner > div:nth-child(2),
    .lh-page-homepage .elementor-element-5e36471 .ld-flipbox-inner > div:nth-child(2) {
        font-size: 15.4px !important;
        line-height: 27px !important;
        margin-top: 0 !important;
    }

    .lh-page-homepage .elementor-element-0b4741c .ld-flipbox-front .ld-flipbox-inner {
        padding-bottom: 30px !important;
    }
}