/* Shared mobile layout for account, entry and checkout measurement pages. */
@media (max-width:768px) {
  #mesures-wrap .mesures__select,
  #mesures-wrap input:not([type=hidden]):not([type=checkbox]):not([type=radio]) { font-size:16px!important; }
  .biometric-entry-page #mesures-wrap { padding-top:104px!important; }
  .measure-entry-v2.body-guide .mesure-chemise-results .mesures-size__wrapper { padding:12px 0!important; }
  #mesures-wrap.recap-guide-layout.body-guide .mz-col-right { padding:16px 8px; }
  .body-guide :is(.mesure-corps-dimensions,.mesure-chemise-dimensions) .mz-dim-row.body-guide-active { padding:12px 8px!important; }
  .body-guide .body-guide-photo { max-width:100%; }
  .body-guide .body-guide-toolbar, .body-guide .body-guide-intro { padding-left:8px; padding-right:8px; }
}
@media (max-width:600px) {
  .measure-entry-v2, .quick-fit-layout, .recap-measures-page, .account-measures-grid { min-width:0; box-sizing:border-box; }
  .measure-entry-v2 > *, .measure-entry-v2 .row > *, .recap-measures-page .mz-two-col > *, .measures-page .orders-content { min-width:0; }
  #mesures-wrap.recap-measures-page { padding-left:12px!important; padding-right:12px!important; }
  .measure-entry-v2.mesure-chemise-layout.shirt-edit-layout { padding:32px 15px 56px; }
  .measure-entry-v2.mesure-chemise-layout[data-body-images] .mesure-chemise-results { padding:0!important; }
  .measure-entry-v2.mesure-chemise-layout[data-body-images] .mesure-chemise-results .mesures-size__wrapper { padding:20px 10px; }
  .measure-entry-v2 .mesure-chemise-profile,
  .measure-entry-v2 .mesure-chemise-results .mesures-size__wrapper,
  #mesures-wrap.recap-guide-layout .mz-col-right { padding:20px 12px; }
  .measures-page #mesures-wrap .measure-panel { padding:16px 10px; }
  .measures-page .account-measures-general, .measures-page .account-measures-dimensions { padding:20px 12px; }
  .measures-page .account-shirt-preview,
  .measures-page .account-shirt-layout .account-shirt-preview { padding:20px 4px; }
  .measures-page .account-measures-grid,
  .measures-page .account-measures-grid.account-shirt-layout,
  .measures-page .quick-fit-layout.biometric-layout,
  .recap-measures-page .biometric-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
  .body-guide-toolbar { gap:16px; }
  .body-guide-toolbar h2 { font-size:24px; overflow-wrap:break-word; }
  .body-guide-modes { width:100%; box-sizing:border-box; }
  .body-guide-modes button { flex:1; min-height:44px; }
  .body-guide .body-guide-navigation { padding:16px 10px; }
  .body-guide :is(.mesure-corps-dimensions,.mesure-chemise-dimensions) .mz-dim-row.body-guide-active { padding:16px 10px; }
  .body-guide .mz-dim-control { grid-column:1; grid-row:4; }
  .body-guide .body-guide-footer { padding:16px 10px; }
  .body-guide-footer button { min-height:44px; }
  :is(.measure-entry-v2,.recap-measures-page,.measures-page,.biometric-entry-page) select,
  :is(.measure-entry-v2,.recap-measures-page,.measures-page,.biometric-entry-page) input:not([type=hidden]):not([type=checkbox]):not([type=radio]) { max-width:100%; box-sizing:border-box; font-size:16px; }
  .recap-guide-layout .recap-measure-actions { flex-wrap:wrap; gap:12px; }
  #mesures-wrap .recap-measure-actions,
  .measures-page #mesures-wrap .measure-section:has(> .btn-home),
  .measures-page #mesures-wrap .account-simplified-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
  #mesures-wrap .recap-measure-actions > .btn-home,
  .measures-page #mesures-wrap .measure-section > .btn-home,
  .measures-page #mesures-wrap .account-simplified-actions > .btn-home { flex:none; width:100%!important; min-width:0; margin:0!important; min-height:48px; white-space:normal; }
  .recap-guide-layout .recap-measure-actions > *, .measures-page .account-measures-actions > * { max-width:100%; box-sizing:border-box; white-space:normal; }
  .shirt-classic-diagram, .account-shirt-canvas { padding:8px 0 32px; box-sizing:border-box; }
  :is(.shirt-classic-diagram,.account-shirt-canvas) .biometric-figure { display:block; margin:72px auto 64px; max-width:360px; }
  .biometric-figure:has(> .biometric-view) > img,
  .biometric-figure:has(> .biometric-view) > svg { display:none; }
  .biometric-figure .biometric-view { display:block; position:relative; width:100%; aspect-ratio:500 / 554; }
  .biometric-figure .biometric-view--back { margin-top:100px; margin-bottom:100px; }
  .biometric-figure .biometric-view-art { display:block; position:absolute; inset:0; overflow:hidden; }
  .biometric-figure .biometric-view-art > :is(img,svg) { display:block; position:absolute; top:0; left:0; width:200%; max-width:none; height:100%; }
  .biometric-figure .biometric-view--back .biometric-view-art > :is(img,svg) { left:-100%; }
  .biometric-figure .biometric-view .biometric-label-name { position:static; width:auto; height:auto; overflow:visible; clip-path:none; color:#183c59; font:600 12px/1.4 'DM Sans',sans-serif; }
  .biometric-figure .biometric-view .biometric-label { padding:0; gap:4px; }
  .biometric-figure .biometric-view .biometric-label--neck { left:51%; top:0; transform:translate(-50%,-100%); }
  .biometric-figure .biometric-view .biometric-label--chest { left:52%; top:32%; transform:translate(-50%,-100%); }
  .biometric-figure .biometric-view .biometric-label--waist { left:52%; top:62%; transform:translate(-50%,-100%); }
  .biometric-figure .biometric-view .biometric-label--hem { left:52%; top:92%; transform:translate(-50%,-100%); }
  .biometric-figure .biometric-view .biometric-label--shoulders { left:46%; top:0; transform:translate(-50%,-100%); }
  .biometric-figure .biometric-view .biometric-label--length { left:30%; top:58%; transform:translate(-50%,-50%); }
  .biometric-figure .biometric-view .biometric-label--biceps { left:64%; top:35%; transform:translate(-50%,-100%); }
  .biometric-figure .biometric-view .biometric-label--sleeve { left:64%; top:88%; transform:translate(-50%,-50%); }
  .biometric-figure .biometric-view .biometric-label--cuff-left { left:22%; top:118%; transform:translate(-50%,-50%); }
  .biometric-figure .biometric-view .biometric-label--cuff-right { left:78%; top:118%; transform:translate(-50%,-50%); }
  #coupe_large .shirt-classic-diagram .mz-dim-input,
  .recap-guide-layout[data-method="CHEMISE"] .shirt-classic-diagram .mz-dim-input,
  .measures-page #mesures-wrap .account-shirt-canvas .account-dimension-control input { width:62px!important; height:38px!important; padding:4px!important; font-size:16px!important; }
  .biometric-view :is(.shirt-diagram-info,.account-shirt-info) { width:22px; height:22px; flex-basis:22px; }
  .biometric-view :is(.body-guide-unit,.account-shirt-unit) { font-size:12px; }
  .shirt-help-dialog { padding:22px 16px; }
  .shirt-help-close { width:40px; height:40px; }
  .biometric-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 0; }
}
