/* Mobile layout: desktop compositions and approved segment palettes are retained. */
.mobile-hero-picture,.entry-mobile-image,.editorial-photo>.segment-photo{display:none}
@media(max-width:800px){
  html{scroll-padding-top:88px;scroll-behavior:auto}
  body{overflow-wrap:break-word}
  body:not(.entered){overflow:visible}
  .wrap{width:calc(100% - 32px);max-width:720px}
  .hero-grid>*,.cards>*,.steps>*,.quiz-grid>*,.faq>*,.form-grid>*,.footgrid>*{min-width:0;max-width:100%}
  .top .nav{min-height:68px;gap:12px;padding:10px 0}
  .brand{font-size:22px;flex-shrink:0}
  .navlinks{gap:8px;min-width:0}
  .navlinks a{display:none!important}
  .entry-return{min-height:44px;padding:8px 0 8px 8px;font-size:12px;line-height:1.4}
  body.entered .hero{padding:32px 0 44px;overflow:visible}
  .hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .hero-grid>div:first-child{display:contents}
  .hero-grid .eyebrow{order:1;font-size:11px;line-height:1.6;letter-spacing:.07em;margin:0 0 12px}
  .hero h1{order:2;width:100%;font-size:clamp(32px,7.8vw,46px);line-height:1.14;letter-spacing:-.035em;margin:0 0 20px}
  .hero p{order:3;font-size:16px;line-height:1.75;margin:0;max-width:100%}
  body.entered .hero-art{order:4;display:block;align-self:center;width:100%;max-width:560px;min-height:0;height:auto;padding:0;margin:26px 0 22px;background:none!important;overflow:visible;border-radius:2px!important}
  .mobile-hero-picture{display:block;width:100%}
  .segment-photo{width:100%;max-width:100%;height:auto;object-fit:contain}
  .mobile-hero-picture .photo-barber{display:block}
  .mobile-hero-picture .photo-salon{display:none}
  .theme-salao .mobile-hero-picture .photo-barber{display:none}
  .theme-salao .mobile-hero-picture .photo-salon{display:block}
  body.entered .hero-art .art-card{position:static;max-width:100%;padding:16px 0 0 16px;margin-top:16px;background:none!important}
  .art-card strong{font-size:23px;line-height:1.3}
  .art-card span{line-height:1.6;font-size:10px;letter-spacing:.07em}
  .segment-choices{order:5;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:8px 0 0;width:100%}
  .segment{min-height:82px;padding:15px 17px;width:100%;border-radius:3px;box-shadow:none}
  .segment strong{font-size:18px;line-height:1.35}
  .segment small{display:block;font-size:14px;line-height:1.5;margin-top:4px}
  .theme-salao .segment{background:#514147;border-color:#8d747b;color:#fff}
  .theme-salao .segment small{color:#f2e8e5}
  .theme-salao .segment[aria-pressed=true]{background:#645059;border-color:#e8c6b9;box-shadow:inset 0 0 0 1px #e8c6b9}
  .hero-actions{order:6;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px;width:100%}
  .btn{max-width:100%;min-height:50px;padding:14px 18px;font-size:15px;line-height:1.45;text-align:center;white-space:normal}
  body.entered section{padding-top:52px;padding-bottom:52px}
  .section-head{margin-bottom:28px;max-width:100%}
  h2{font-size:clamp(29px,6.7vw,39px);line-height:1.2}
  h3,.card h3,.step h3{font-size:24px;line-height:1.25}
  p{line-height:1.75}
  section .eyebrow{color:#806239}
  .darkband .eyebrow{color:#d8ba85}
  body.entered.theme-salao section .eyebrow{color:#86594f}
  body.entered.theme-salao .darkband .eyebrow{color:#edc6b8}
  body.entered.theme-salao .num{color:#83554e}
  .cards,.steps,.quiz-grid,.faq,.form-grid,.footgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
  body.entered .cards{gap:22px}
  body.entered .card{padding:22px 0 4px}
  .step{padding-top:20px}
  .editorial-feature{overflow:visible}
  .editorial-feature .editorial-inner{display:flex;flex-direction:column;min-height:0}
  .editorial-photo{min-height:0;height:auto;background:none!important;width:calc(100% - 32px);max-width:560px;align-self:center;margin-top:16px}
  .editorial-photo::after{display:none}
  .editorial-photo>.photo-barber{display:block}
  .editorial-photo>.photo-salon{display:none}
  .theme-salao .editorial-photo>.photo-barber{display:none}
  .theme-salao .editorial-photo>.photo-salon{display:block}
  .editorial-feature.reverse .editorial-photo{order:0}
  .editorial-feature .editorial-copy,.editorial-feature.reverse .editorial-copy{order:1;width:100%;padding:32px 16px 42px;min-width:0}
  .editorial-copy h2{font-size:clamp(29px,6.7vw,39px);line-height:1.2}
  .editorial-copy p{font-size:16px;line-height:1.75}
  .editorial-copy .btn{align-self:stretch}
  .copy-note{padding:24px 0}
  .quiz,.formbox{width:100%;min-width:0;padding:20px!important}
  .question{min-width:0;width:100%;padding:18px 0!important}
  .question legend{max-width:100%;font-size:16px;line-height:1.5;padding-bottom:12px}
  .answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:center}
  .answers label{min-height:44px;gap:5px;padding:8px 0;font-size:14px;white-space:nowrap}
  input[type=radio],input[type=checkbox]{flex:none;width:18px;height:18px}
  .answers input{margin:0}
  .field input,.field select{min-width:0;max-width:100%;font-size:16px;min-height:52px}
  .field label{line-height:1.5}
  #lead-form #submit{font-size:15px;min-height:56px;padding:15px 12px}
  .privacy{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
  .result{padding:16px}
  .result .btn{width:100%}
  .faq{gap:0}
  .faq details{padding:22px 0}
  .faq summary{font-size:16px;line-height:1.55;min-height:44px}
  .foot{padding:38px 0 calc(88px + env(safe-area-inset-bottom,0px))}
  .footgrid{gap:28px}
  .foot a{overflow-wrap:anywhere}
  .wa-float{min-height:48px;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:12px 16px;font-size:13px;line-height:1.5;max-width:calc(100% - 24px)}
  .wa-float.mobile-wa-clear{visibility:hidden;opacity:0;pointer-events:none}
  body:not(.entered) .wa-float{display:none}
  .entry{position:relative;inset:auto;min-height:100vh;min-height:100svh;overflow:visible}
  .entry-head{padding:22px 16px 12px}
  .entry-content{width:calc(100% - 32px);padding:18px 0 28px;margin:0 auto;flex:none}
  .entry-intro{margin:0 auto 26px}
  .entry-intro h1{font-size:clamp(32px,7.8vw,46px);line-height:1.12;margin:12px 0 18px}
  .entry-intro p{font-size:15px;line-height:1.7}
  .entry-options{grid-template-columns:minmax(0,1fr);gap:18px;max-width:560px;width:100%;margin:auto}
  .entry-option{display:flex;min-height:0;gap:0;padding:0;overflow:visible;background:#24251f;isolation:auto}
  .entry-option.salon{background:#514147}
  .entry-option::before,.entry-option::after{display:none}
  .entry-mobile-image{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
  .entry-option strong{font-size:30px;line-height:1.2;padding:20px 18px 0}
  .entry-option .option-bottom{align-self:stretch;margin:14px 18px 18px;padding-top:12px;font-size:15px;min-height:44px}
  .entry-foot{padding:0 16px calc(24px + env(safe-area-inset-bottom,0px));font-size:11px;line-height:1.6}
}