/* Mobile-only readability extensions to the retained desktop design system. */
@media(max-width:640px){
 html{scroll-padding-top:82px}
 body{word-break:keep-all;overflow-wrap:anywhere}
 .wrap{padding-left:20px;padding-right:20px}
 .sec{padding:64px 0}
 .sh{margin-bottom:36px}
 .sh-h2,html[data-font] .sh-h2{font-size:calc(30px * var(--text-scale,1));line-height:1.35;letter-spacing:-.04em}
 .sh-p,.product-desc{font-size:17px;line-height:1.85;margin-top:20px}
 .sh-p br,.product-desc br{display:none}
 .sh-eyebrow{max-width:100%;letter-spacing:.16em!important;line-height:1.6}
 .hero{padding-top:100px;padding-bottom:80px}
 .hero-kicker{white-space:normal;font-size:13px;line-height:1.6;padding:8px 12px}
 .hero-sub{font-size:17px;line-height:1.85;max-width:100%}
 .hero-tags{gap:8px}.htag{font-size:14px;padding:9px 12px}
 .hero-ntc{font-size:13px;line-height:1.7;max-width:100%;white-space:normal;text-align:left}
 .benefit-grid .mono{font-size:11px;letter-spacing:.03em;line-height:1.7}
 .benefit-grid strong{font-size:15px;line-height:1.6}
 .hk-p{font-size:clamp(20px,6vw,36px);line-height:1.8;min-height:3.6em}
 .hk-num{margin-bottom:30px}
 .uc-card p,.as-d,.proc-desc,.af-r p,.af-u p,.mp-fs p{font-size:16px;line-height:1.85}
 .uc-card h3,.as-t,.proc-title,.af-u strong,.mp-fs strong{line-height:1.5}
 .uc-card{padding:24px 20px}
 .fine,.mp-eg,.mp-src,.proc-note,.hpl-collection-note{font-size:14px!important;line-height:1.85}
 .fine,.proc-desc,.proc-note,.as-d,.ch-d{color:var(--muted)}
 .comparison-dna .table-scroll{overflow:visible}
 .comparison-dna table{min-width:0;table-layout:auto;display:block}
 .comparison-dna caption{position:absolute}
 .comparison-dna thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .comparison-dna tbody{display:block}
 .comparison-dna tbody tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule)}
 .comparison-dna tbody tr:last-child{border-bottom:0}
 .comparison-dna tbody th{grid-column:1/-1;background:var(--bg2);padding:14px 18px;font-size:16px;line-height:1.6}
 .comparison-dna tbody td{padding:18px 14px;font-size:15px;line-height:1.8;border:0}
 .comparison-dna tbody td:nth-child(2){color:#24735c}
 .comparison-dna tbody td::before{display:block;font-size:12px;font-weight:800;margin-bottom:10px;letter-spacing:0}
 .comparison-dna tbody td:nth-child(2)::before{content:'매장의 고민';color:var(--muted)}
 .comparison-dna tbody td:last-child::before{content:'페이로';color:var(--acc)}
 .hpl-collection{padding:64px 20px}
 .hpl-collection h2{font-size:30px;line-height:1.4}
 .hpl-collection p,.hpl-card-copy p{font-size:16px;line-height:1.85}
 .hpl-collection-head p{margin-top:20px}
 .hpl-allind{margin-top:14px}
 .hpl-card-copy{padding:24px 20px}
 .hpl-card-title{font-size:20px;line-height:1.5}
 .hpl-card-copy p{margin:14px 0 20px}
 .hpl-card-tags{gap:8px}
 .hpl-card-tags span{font-size:13px;line-height:1.6;padding:5px 9px;color:#4f5969}
 .hpl-card-image small{font-size:11px}
 .industry-all,.industry-bottom button{font-size:15px;min-height:44px}
 .proc-card{padding:24px 12px}
 .proc-tag{font-size:13px;line-height:1.6}
 .proc-row{gap:20px}
 .af-sec,.mp-sec{padding:72px 0}
 .af-h2{font-size:32px;line-height:1.4}
 .af-p,.mp-p{font-size:17px;line-height:1.85}
 .af-r p,.af-u p,.mp-st span,.mp-fs p{color:rgba(255,255,255,.75)}
 .af-r strong{font-size:19px;line-height:1.6}
 .af-r-k{font-size:13px;line-height:1.6}
 .af-us-t{font-size:20px;line-height:1.6}
 .mp-st span{font-size:14px;line-height:1.85}
 .mp-st strong{font-size:17px;line-height:1.5}
 .mp-specs span{font-size:14px;line-height:1.7}
 .as-cta-btns{flex-direction:column;align-items:stretch}
 .as-cta-btns .gb{padding:17px 20px!important;font-size:16px!important}
 .ch-t{font-size:17px;line-height:1.6}.ch-d{font-size:16px;line-height:1.85}
 .fq-q{padding:20px 18px;font-size:17px;line-height:1.65}
 .fq-a{padding:0 18px 22px;font-size:16px;line-height:1.9}
 .cta-h2{font-size:36px;line-height:1.35}
 .cta-sub{font-size:17px;line-height:1.85;color:rgba(255,255,255,.75)}
 .cta-coupon{font-size:17px;line-height:1.85}
 .cta-btns{flex-direction:column}.cta-btns .gb{width:100%}
 .cta-signoff-tag{font-size:20px;line-height:1.6}
 .cta-since{font-size:13px;letter-spacing:.2em}
 .ft-info{font-size:14px;line-height:2}
 .mob-bar{padding:10px 120px calc(10px + env(safe-area-inset-bottom)) 12px;background:rgba(10,10,20,.88);backdrop-filter:blur(12px)}
 .mob-cta-btn{padding:16px;font-size:16px;min-height:52px}
 .kk,.yt-float{width:46px;z-index:850}
 .kk{bottom:calc(13px + env(safe-area-inset-bottom));right:10px}.yt-float{bottom:calc(13px + env(safe-area-inset-bottom));right:64px}
 .kk-inner,.yt-float-inner{width:46px;height:46px}.kk-inner svg,.yt-float-inner svg{width:25px;height:25px}
 .kk-label{display:none}
 .fz-widget{left:8px;bottom:calc(84px + env(safe-area-inset-bottom));padding:4px;flex-direction:row;gap:4px}
 .fz-btn{width:28px;height:28px}.fz-label{display:none}
 .scroll-consult-banner{max-width:calc(100vw - 24px);padding:16px 20px}.scroll-consult-banner span{font-size:12px;line-height:1.6}
 .ovl{padding:12px}.fm-head{padding:24px 20px}.fm-title{font-size:20px;line-height:1.5}.fm-sub{font-size:14px;line-height:1.8}.fm-body{padding:24px 20px}.fl{font-size:16px}.fc{font-size:16px;padding:14px}.checks label{font-size:15px;padding:12px}.form-notice{font-size:14px;line-height:1.85}
 footer{padding-bottom:calc(130px + env(safe-area-inset-bottom))!important}
}