/* Full-content mobile proposal: original sections and actions are retained. */
.mobile-app-nav,.mobile-voucher-controls{display:none}
@media(max-width:720px){
 html{scroll-padding-top:85px}
 body{background:#f3f6fa}
 .site-layout{display:block;width:100%;max-width:none;padding:0 0 102px;margin:0}
 .site-layout>.sidebar{position:sticky;top:0;z-index:12;width:100%;margin:0;padding:12px 18px;background:#fffffffa;border:0;border-bottom:1px solid #e5ebf3;border-radius:0;box-shadow:none;min-height:66px}
 .site-layout>.sidebar .brand{justify-content:flex-start;margin:0}
 .site-layout>.sidebar .brand-mark{width:36px;height:36px}
 .site-layout>.sidebar .brand-word b{font-size:22px}
 .site-layout>.sidebar .side-nav{background:#fff}
 .site-layout>.sidebar .sidebar-promo{display:none}
 .site-layout>main{width:100%;padding:14px 14px 0;min-width:0}
 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .hero-grid .hero{border-radius:17px}
 .hero-grid .help-panel{border-radius:18px;padding:21px 17px;border:1px solid #e3ebf7;box-shadow:none}
 .help-panel h2{font-size:25px;letter-spacing:-1px}
 .help-top>p{font-size:13px}
 .help-panel .quick-cards{gap:8px;margin-top:16px;margin-bottom:15px}
 .help-panel .quick-cards button{min-height:104px}
 .help-panel .quick-cards strong{font-size:13px}
 .help-panel .quick-cards small{font-size:12px;line-height:1.4}
 .help-panel .contact-strip{min-height:65px;border-radius:13px}
 .help-panel .consult-hours{margin:12px 0 20px;font-size:12px;line-height:1.8}
 .help-panel .callback-form{padding-top:15px;border-top:1px solid #edf1f7;margin-top:0}
 .help-panel .callback-heading h3{font-size:22px}
 .help-panel .callback-heading p{font-size:13px}
 .help-panel .time-options label{min-height:48px;font-size:14px}
 .help-panel .phone-input{min-height:49px}
 .help-panel .phone-input input{font-size:16px}
 .help-panel .consent-line{display:flex;align-items:flex-start;gap:9px;min-height:42px;margin:12px 0 7px}
 .help-panel .consent-line label{display:flex;align-items:flex-start;gap:7px;flex:1;min-width:0}
 .help-panel .consent-line label input{flex:0 0 17px;width:17px;height:17px;margin-top:2px}
 .help-panel .consent-line span{font-size:12px;line-height:1.55;white-space:normal}
 .help-panel .consent-line>button{font-size:12px;min-height:36px;flex-shrink:0;margin-top:-7px}
 .help-panel .callback-submit{min-height:49px;font-size:15px}
 .notice-bar,.voucher-section,.stories-faq,.safety,.bottom-cta,.business-footer{margin-top:15px}
 .notice-bar{padding:15px 13px;border-radius:16px}
 .notice-heading>span{font-size:12px;line-height:1.65}
 .notice-links button{font-size:12px;min-height:40px}
 .section-heading h2,.customer-stories header h3,.faq .section-heading h2{font-size:22px}
 .voucher-section>.section-heading{padding:4px 2px 0}
 .voucher-section>.section-heading p{font-size:13px;line-height:1.5}
 .voucher-tabs{display:flex;flex-wrap:nowrap;gap:9px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:2px;overscroll-behavior-x:contain;padding:3px 2px 10px;scrollbar-width:thin;scrollbar-color:#bad2ef transparent}
 .voucher-tab{flex:0 0 108px;width:108px;min-width:108px;height:122px;border-radius:14px;scroll-snap-align:start}
 .voucher-swipe-hint{font-size:12px;line-height:1.5;text-align:right;color:#7388a4;margin:2px 2px 3px}
 .voucher-tab strong{font-size:13px}
 .voucher-detail{border-radius:17px}
 .voucher-description,.voucher-feature small{font-size:12px;line-height:1.6}
 .voucher-feature{min-height:66px}
 .voucher-feature strong{font-size:13px}
 .customer-stories,.faq{border-radius:17px}
 .stories-faq>.customer-stories{height:248px;min-height:0;padding:12px 11px 10px}
 .customer-stories header{margin-bottom:6px}
 .stories-faq>.customer-stories .rv-track{min-height:0;padding:6px 2px 8px;gap:10px}
 .customer-stories .rv-post,.customer-stories .rv-more-card{flex-basis:77%}
 .customer-stories .sheet{padding:12px 13px 10px;border-radius:17px}
 .customer-stories .sheet h4{font-size:16px;line-height:1.35;margin-bottom:7px;-webkit-line-clamp:2}
 .customer-stories .sheet p{font-size:13px;line-height:1.5;-webkit-line-clamp:2}
 .customer-stories .author{font-size:12px;padding-top:7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .customer-stories .rv-more{border-radius:17px;padding:12px 10px;gap:6px}
 .customer-stories .rv-more-icon{width:30px;height:30px}
 .customer-stories .rv-more strong{font-size:16px}
 .customer-stories .rv-more>span:last-child{font-size:12px;line-height:1.45}
 .customer-stories .rv-empty a{padding-top:8px}
 .faq .section-caption{font-size:13px}
 .stories-faq>.faq{padding:12px 13px}
 .stories-faq .faq-list{gap:6px}
 .stories-faq .faq-list summary{font-size:14px;min-height:44px;padding:7px 12px;line-height:1.4}
 .stories-faq .faq-list details>p{font-size:13px;line-height:1.5;padding:1px 12px 8px}
 .stories-faq .faq-paragraph{font-size:13px;line-height:1.5}
 .stories-faq .faq-paragraph+.faq-paragraph{margin-top:3px}
 .safety{border-radius:17px}
 .safety-cards button>span:last-child{font-size:12px;line-height:1.65}
 .bottom-cta{border-radius:17px;display:block}
 .footer-redesign .bottom-copy h2{max-width:none;font-size:28px;line-height:1.18}
 .footer-redesign .bottom-copy>p:last-child{max-width:none;font-size:13px}
 .footer-redesign .footer-visual{display:flex;align-items:center;gap:4px;position:relative;right:auto;top:auto;width:100%;height:145px;margin:4px 0 10px;overflow:visible}
 .footer-redesign .footer-character{position:static;width:130px;height:130px;flex-shrink:0}
 .footer-redesign .footer-speech{display:block;position:relative;top:auto;right:auto;padding:15px 12px;border-radius:23px;font-size:12px;flex:1}
 .footer-redesign .footer-speech strong{font-size:14px}
 .variant-4 .business-check>strong{display:block;font-size:14px}
 .variant-4 .business-check p{display:block;font-size:12px;line-height:1.6}
 .bottom-buttons>button{min-height:48px}
 .business-footer{padding:22px 17px;border-radius:17px}
 .business-info{font-size:12px;line-height:1.8}
 .business-links{font-size:12px;gap:8px 13px}
 .business-links button{min-height:34px}
 .business-verify{min-height:42px;font-size:12px}
 .floating-tools{display:none}
 .mobile-app-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:14;min-height:72px;padding:7px 5px calc(7px + env(safe-area-inset-bottom,0px));background:#fffffffa;border-top:1px solid #dfe7f2;box-shadow:0 -3px 18px #23497808}
 .mobile-app-nav>a,.mobile-app-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;font-size:11px;font-weight:650;color:#687990;text-decoration:none;border:0;background:none;padding:3px}
 .mobile-app-nav>.is-active{color:#0068ff}
 .mobile-app-nav .icon{width:23px;height:23px;stroke-width:1.6}
 dialog#modal{width:calc(100% - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 28px);border-radius:20px}
 #modal-content{padding:16px 12px 20px}
 #modal-content p,#modal-content li,#modal-content .faq-paragraph{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
 #modal-content .modal-faq details{padding-inline:11px}
 #modal-content .modal-faq p,#modal-content .privacy-copy p,#modal-content .privacy-copy li,#modal-content .steps p,#modal-content .notice-body p{font-size:clamp(13px,3.45vw,13.5px);line-height:1.65}
 #modal-content .modal-lead{font-size:14px;line-height:1.6}
 #modal-content .choice-cards,#modal-content .eligibility-vouchers,#modal-content .calculator-photo-options{display:grid;grid-template-columns:none;grid-template-rows:104px;grid-auto-flow:column;grid-auto-columns:112px;gap:8px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:3px;padding:3px 3px 9px;scrollbar-width:thin;scrollbar-color:#bad2ef transparent}
 #modal-content .choice-cards>button,#modal-content .eligibility-vouchers>button,#modal-content .calculator-photo-options>label{scroll-snap-align:start;width:112px;min-width:0;min-height:0;height:104px;margin:0}
 #modal-content .choice-cards>button,#modal-content .eligibility-vouchers>button,#modal-content .calculator-photo-options label>span{min-height:0;height:104px;padding:8px 5px;gap:5px;border-radius:12px;background:#fbfdff}
 #modal-content .choice-cards img,#modal-content .eligibility-vouchers img,#modal-content .calculator-photo-options img{width:66px;height:62px;max-width:100%;object-fit:contain}
 #modal-content .choice-cards button>span,#modal-content .eligibility-vouchers strong,#modal-content .calculator-photo-options strong{font-size:12px;line-height:1.45;letter-spacing:-.35px;white-space:nowrap}
 #modal-content .eligibility-vouchers button>span{display:none}
 #modal-content .choice-cards>button.selected,#modal-content .eligibility-vouchers>button.is-selected,#modal-content .calculator-photo-options input:checked+span{background:#edf6ff;border-color:#0068ff;box-shadow:inset 0 0 0 1px #0068ff;color:#005ce8}
 .mobile-voucher-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px;color:#667b98;font-size:12px}
 .mobile-voucher-controls>span{line-height:1.5}
 .mobile-voucher-arrows{display:flex;gap:4px}
 .mobile-voucher-arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce8f7;border-radius:12px;color:#0068ff;background:white;font-size:23px;line-height:1}
 .mobile-voucher-arrows button:disabled{opacity:.3;cursor:default}
 .help-top>p,.callback-heading p,.consult-hours,.consent-line span,.notice-heading>span,.section-caption,.voucher-info>p,.voucher-feature small,.stories-faq .faq-paragraph,.bottom-copy p,.business-check p{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
 .contact-strip small,.voucher-description,.customer-stories .sheet p,.review-heading p,.review-empty p,.review-writing-note,.review-consent span,.review-write-head p,.review-card p,#detail-body{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
 .review-writing-note,.review-consent span{font-size:13px;line-height:1.65}
 .hero .dots{gap:0;padding:0 3px;height:40px;align-items:center;background:transparent;position:relative;isolation:isolate}
 .hero .dots:before{content:"";position:absolute;inset:6px 4px;background:#ffffffed;border-radius:20px;z-index:-1;pointer-events:none}
 .hero .dot{width:28px;height:40px;border-radius:0;background:transparent;position:relative;box-shadow:none}
 .hero .dot:before{content:"";position:absolute;inset:auto;width:7px;height:7px;border-radius:50%;background:#c6d9ee;top:16.5px;left:10.5px}
 .hero .dot.active:before{background:#0068ff}
 .hero .circle-button{width:40px;height:40px;position:relative;isolation:isolate;background:transparent;border:0;box-shadow:none;padding:0;transform:none}
 .hero .circle-button:before{content:"";position:absolute;inset:4px;border:1px solid #e1eeff;border-radius:50%;background:#fff;box-shadow:0 2px 5px #1263cb17;z-index:-1;pointer-events:none}
 .hero .circle-button .icon{width:17px;height:17px;stroke-width:2.3}
 .hero .circle-button:hover:before{background:#eef6ff}
 .hero .carousel-controls{gap:4px;bottom:10px;right:10px}
}
.mobile-callback-toggle{display:none}
@media(max-width:720px){
 .review-layout{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 .mobile-callback{border-top:1px solid #edf1f7;margin-top:0;padding-top:12px}
 .mobile-callback-toggle{display:flex;width:100%;align-items:center;gap:10px;min-height:60px;text-align:left;background:none;border:0;padding:3px 0;color:#0b1746}
 .mobile-callback-toggle>.reservation-asset{flex-shrink:0}
 .mobile-callback-toggle>span:nth-child(2){flex:1}
 .mobile-callback-toggle strong{display:block;font-size:21px;font-weight:800;letter-spacing:-.6px}
 .mobile-callback-toggle small{display:block;font-size:13px;line-height:1.6;color:#6b7f9e;margin-top:3px}
 .mobile-callback-toggle>.icon{width:19px;height:19px;transform:rotate(90deg);transition:transform .25s}
 .mobile-callback-toggle[aria-expanded=true]>.icon{transform:rotate(-90deg)}
 .mobile-callback-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s cubic-bezier(.2,.7,.2,1),opacity .2s ease}
 .mobile-callback.is-open .mobile-callback-body{grid-template-rows:1fr;opacity:1}
 .mobile-callback-inner{overflow:hidden;min-height:0}
 .help-panel .mobile-callback .callback-form{border:0;padding-top:14px;margin:0}
 .mobile-callback .callback-heading{display:none}
 .hero{touch-action:pan-y pinch-zoom}
 .hero-original-image{user-select:none;-webkit-user-drag:none}
}
@media(prefers-reduced-motion:reduce){.mobile-callback-body,.mobile-callback-toggle>.icon{transition:none}}
.mobile-hero-layout,.mobile-footer-break{display:none}
@media(max-width:720px){
 .hero-grid .hero{height:360px;min-height:360px;max-height:none;aspect-ratio:auto}
 .hero-original .hero-original-image{display:none}
 .mobile-hero-layout{display:block;position:absolute;inset:0;overflow:hidden;background:#eaf5ff}
 .mobile-hero-art{position:absolute;top:0;left:85%;transform:translateX(-85%);height:360px;width:450px;container-type:inline-size}
 .mobile-hero-art>img{width:100%;height:100%;object-fit:cover;display:block}
 .mobile-hero-desk .mobile-hero-art{width:491.85px}
 .mobile-hero-copy{position:absolute;top:0;left:0;width:222px;padding:28px 18px;box-sizing:border-box;color:#080d45;text-align:left}
 .mobile-hero-eyebrow{display:block;color:#0068ff;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:13px}
 .mobile-hero-copy h2{font-size:29px;line-height:1.22;letter-spacing:-1.2px;font-weight:800;margin:0;word-break:keep-all}
 .mobile-hero-copy h2 em{font-style:normal;color:#0068ff}
 .mobile-hero-desk .mobile-hero-copy{width:100%}
 .mobile-hero-desk h2{font-size:clamp(25px,7.4vw,29px);white-space:nowrap}
 .mobile-hero-copy p{font-size:12px;line-height:1.7;letter-spacing:-.4px;margin:16px 0 0;font-weight:500;color:#35486d;word-break:keep-all}
 .mobile-desk-brand{position:absolute;left:71.2%;top:68.1%;width:10%;display:flex;flex-direction:column;align-items:center;color:white;opacity:.96}
 .mobile-desk-brand img{width:78%;height:auto;filter:brightness(0) invert(1);margin-bottom:-4%}
 .mobile-desk-brand b{font-size:1.72cqw;line-height:1.15;letter-spacing:-.02em;font-weight:850}
 .mobile-desk-brand small{font-size:.81cqw;line-height:1.65;letter-spacing:.1em;font-weight:700}
 .mobile-nameplate{position:absolute;left:67%;top:60.85%;width:11.7%;height:3.65%;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#745019;font-size:1.34cqw;font-weight:780;letter-spacing:.015em;line-height:1;transform:perspective(40cqw) rotateX(5deg);text-shadow:0 .045cqw .02cqw #fff4c9}
 .mobile-hero-cards .mobile-hero-art{left:50%;transform:translateX(-50%)}
 .mobile-hero-cards .mobile-hero-copy{width:100%;padding:25px 12px;text-align:center}
 .mobile-hero-cards h2{font-size:27px;line-height:1.24;letter-spacing:-1px}
 .mobile-friend-count{display:block;font-size:20px;letter-spacing:-.65px;margin-bottom:5px}
 .mobile-hero-cards p{margin-top:10px;font-size:13px}
 .mobile-hero-consult .mobile-hero-copy{padding-top:25px;width:100%}
 .mobile-hero-consult h2{font-size:clamp(21px,6.55vw,27px);line-height:1.3;letter-spacing:-1px;white-space:nowrap}
 .mobile-hero-consult .mobile-hero-eyebrow{margin-bottom:9px;font-size:11px;letter-spacing:-.25px;font-weight:600}
 .mobile-hero-consult p{display:none}
 .mobile-bubble-copy{position:absolute;left:42%;top:62%;width:36.5%;height:16%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.9cqw;transform:rotate(-.8deg);transform-origin:center;color:white;letter-spacing:-.025em;text-align:center;text-shadow:0 .05cqw .1cqw #086bd626}
 .mobile-bubble-copy strong{white-space:nowrap;font-size:2.72cqw;line-height:1.2;font-weight:800}
 .mobile-bubble-copy span{white-space:nowrap;font-size:2.45cqw;line-height:1.45;font-weight:650}
 .footer-redesign .footer-visual{height:130px;gap:8px;margin:4px 0 4px;justify-content:center}
 .footer-redesign .footer-character{width:clamp(100px,30vw,120px);height:clamp(100px,30vw,120px)}
 .footer-redesign .footer-speech{padding:18px 9px;text-align:center;line-height:1.4;border-radius:50%;flex:1;min-width:0;max-width:195px}
 .footer-redesign .footer-speech:after{left:-4px;top:55%;bottom:auto;width:15px;height:15px;border:0;background:white;transform:rotate(30deg) skewX(-20deg);border-radius:2px}
 .footer-redesign .footer-speech strong{font-size:19px;margin-bottom:4px;position:relative;z-index:1}
 .footer-redesign .footer-speech span{font-size:clamp(12px,3.4vw,14px);font-weight:650;line-height:1.4;white-space:nowrap;position:relative;z-index:1}
}
@media(max-width:380px){
 .mobile-hero-desk .mobile-hero-art{left:75%;transform:translateX(-75%)}
}
/* User-selected mobile footer option 1, with larger contact labels. */
@media(max-width:720px){
 .bottom-cta.footer-redesign{position:relative;display:block;padding:20px 16px 18px;background:#0671ff;min-height:0}
 .footer-redesign .bottom-copy{padding:0}
 .footer-redesign .bottom-copy>p:first-child{font-size:12px;line-height:1.4;margin:0 0 9px}
 .footer-redesign .bottom-copy h2{font-size:27px;line-height:1.2;letter-spacing:-.9px;font-weight:800;max-width:min(195px,calc(100% - 100px));min-height:97.2px;margin:0}
 .footer-redesign .bottom-copy>p:last-child{max-width:none;font-size:12px;line-height:1.6;margin:13px 0 17px;letter-spacing:-.25px}
 .footer-redesign .footer-visual{position:absolute;top:44px;right:5px;width:111px;height:111px;margin:0;display:block}
 .footer-redesign .footer-character{position:static;width:111px;height:111px;margin:0;object-fit:contain}
 .footer-redesign .footer-speech{display:none}
 .footer-redesign .bottom-buttons{display:grid;grid-template-columns:1fr;gap:9px;margin:0}
 .footer-redesign .bottom-buttons>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:58px;padding:9px 10px;border-radius:10px;text-align:center}
 .footer-redesign .bottom-buttons .kakao-brand,.footer-redesign .bottom-buttons .phone-brand{width:30px;height:30px;flex:none}
 .footer-redesign .bottom-buttons>button>.icon{width:16px;height:16px;flex:none;margin:0}
 .footer-redesign .kakao-button-label{flex:1;min-width:0;font-size:clamp(16px,4.5vw,18px);font-weight:800;line-height:1.4;letter-spacing:-.6px;white-space:normal;word-break:keep-all}
 .footer-redesign .kakao-button-label>span{white-space:nowrap}
 .footer-redesign .phone-button-label{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:7px;line-height:1.3;white-space:nowrap}
 .footer-redesign .phone-button-label>span{font-size:14px;font-weight:700;letter-spacing:-.4px}
 .footer-redesign .phone-button-label>strong{font-size:clamp(22px,6.15vw,25px);font-weight:850;letter-spacing:-.65px;margin:0;line-height:1.3}
}
@media(max-width:340px){
 .footer-redesign .phone-button-label{flex-direction:column;gap:0}
 .footer-redesign .kakao-button-label>span{display:block}
}
.hero-source{display:contents}
@media(max-width:720px){
 html{scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .site-layout>.sidebar,.mobile-app-nav{background:#fff}
 .notice-bar>.compact,.section-heading .compact{min-height:40px;display:inline-flex;align-items:center;padding:6px 4px}
 .customer-stories .sheet a{min-height:40px;display:inline-flex;align-items:center}
 .reviews-page #review-form input:not([type=checkbox]),.reviews-page #review-form textarea,.reviews-page #review-search{font-size:16px}
 .reviews-page #review-form textarea{word-break:keep-all;overflow-wrap:break-word}
 .reviews-page #write-close,.reviews-page #detail-close{min-height:40px;min-width:44px}
 .reviews-page #review-form input,.reviews-page #review-form textarea,.reviews-page #review-form button{scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom,0px));scroll-margin-top:90px}
}
@media(min-width:480px) and (max-width:720px){
 .hero-grid .hero{--mobile-scene-height:calc((100vw - 44px) * .8);height:var(--mobile-scene-height);min-height:360px}
 .mobile-hero-art{height:max(360px,var(--mobile-scene-height));width:max(450px,calc(var(--mobile-scene-height) * 1.25));min-width:100%}
 .mobile-hero-desk .mobile-hero-art{width:max(491.85px,calc(var(--mobile-scene-height) * 1.36626))}
}

/* Preserve the first desktop banner's left text inset while filling its frame. */
@media(min-width:721px){.hero-original[data-banner=desk] .hero-original-image{object-position:32% 46%}}