.measures-page > .bgbl { display: none; }
.measures-page #mesures-wrap .info > .measure-section.account-measures-female { display: block; }
.account-measures-female .midsection-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.account-measures-female .midsection-col-femme { padding: 10px 5px; border: 1px solid #ddd; border-radius: 8px; cursor: pointer; text-align: center; font-size: 12px; }
.account-measures-female .midsection-col-femme.selectedborder { border: 2px solid #222; background: #fff; }
.account-measures-female .belly-btn-img { height: 80px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.account-measures-female #poitrine + img, .account-measures-female #souspoitrine + img { width: 88px; height: 100px; object-fit: contain; display: block; margin: 10px auto; }
.measures-page .pages-in, .measures-page .content { background: #fff; }
.measures-page .orders-modern > .measures-shell { width: 100%; max-width: none; padding: 0; }
.measures-page .orders-layout { margin: 0 auto !important; }
.measures-page .orders-sidebar { float: none; width: auto; padding: 0; }
.measures-page #mesures-wrap.orders-content { float: none; width: auto; max-width: none; margin: 0; padding: 0 !important; border: 0; background: #fff; box-shadow: none; }
.measures-page #mesures-wrap > div, .measures-page #mesures-wrap .info_profile, .measures-page #mesures-wrap .info { float: none; width: 100%; padding: 0; }
.measures-page #mesures-wrap .measure-panel { padding: 28px; border: 1px solid #eee9e5; border-radius: 16px; box-shadow: none; }
.measures-page #mesures-wrap .title { margin: 0 0 24px; padding: 0 0 20px; border-bottom: 1px solid #eee9e5; font: 100 25px/1.3 'DM Serif Display', serif; }
.measures-page #mesures-wrap .info > .measure-section { display: flex;align-items: center;justify-content: space-between; width: 100%; padding: 0; }
.measures-page .account-measures-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
.measures-page .account-measures-grid > section { min-width: 0; }
.measures-page .account-measures-general, .measures-page .account-measures-dimensions { padding: 24px; border: 1px solid #e5e2da; border-radius: 8px; background: rgb(248 249 252 / 1); }
.measures-page .account-measures-intro { margin: -16px 0 28px; color: #817d76; font-size: 12px; }
.measures-page #mesures-wrap .title { text-align: center; border-bottom: 0; font-family: 'DM Serif Display', sans-serif; font-weight: 500; }
.measures-page .account-measures-dimensions .account-measures-section-title { margin: -24px -24px 0; padding: 20px 24px; border-bottom: 1px solid #e5e2da; font-size: 14px; }
.measures-page #mesures-wrap .account-measures-dimensions .form-group { margin: 0; padding: 14px 0; border-bottom: 1px solid #e5e2da; gap: 6px; }
.measures-page #mesures-wrap .account-measures-dimensions .form-group:last-child { border-bottom: 0; }
.measures-page #mesures-wrap .account-measures-dimensions .form-group > label { flex: 1 1 100px; font-size: 12px; color: #171717; }
.measures-page #mesures-wrap .account-measures-dimensions .form-group > div.measure-field { flex: 0 0 auto; }
.measures-page .account-dimension-control { display: inline-flex; align-items: center; gap: 6px; }
.measures-page #mesures-wrap .account-dimension-control input { width: 64px; height: 30px; padding: 4px; border: 1px solid transparent; background: transparent; text-align: right; font-weight: 600; }
.measures-page #mesures-wrap .account-dimension-control input:focus { background: #fff; border-color: #aaa; }
.measures-page .account-dimension-step { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; padding: 0; border: 0; border-radius: 6px; background: #cccac3; color: #fff; cursor: pointer; font-size: 15px; }
.measures-page .account-dimension-step:hover { background: #282522; }
.measures-page #mesures-wrap .measure-info { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; min-width: 17px; padding: 0; border: 1px solid #aaa8a2; border-radius: 50%; background: transparent; color: #96948e; font: italic 12px/1 Georgia, serif; cursor: pointer; }
.measures-page #mesures-wrap .measure-info:hover, .measures-page #mesures-wrap .measure-info:focus-visible { background: #eae9e5; border-color: #77756f; color: #625f59; }
.measures-page #mesures-wrap .account-unit-row { justify-content: flex-end; margin: 0 0 28px; color: #777; font-size: 12px; }
.measures-page #mesures-wrap .account-unit-row > label, .measures-page #mesures-wrap .account-unit-row > div { display: none; }
.measures-page .account-unit-switch { position: relative; width: 42px; height: 24px; border: 0; border-radius: 20px; background: #cccac3; cursor: pointer; }
.measures-page .account-unit-switch::after { content: ''; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; }
.measures-page .account-unit-switch[aria-checked=true] { background: #111; }
.measures-page .account-unit-switch[aria-checked=true]::after { left: 21px; }
.measures-page .account-measures-section-title { margin: 0 0 22px; color: #282522; font: 600 17px/1.4 'DM Sans', sans-serif; }
.measures-page #mesures-wrap .form-group { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 20px; }
.measures-page #mesures-wrap .form-group > label { flex: 1 1 100%; max-width: none; padding: 0; margin: 0; font-size: 13px; line-height: 1.5; }
.measures-page #mesures-wrap .form-group > div { float: none; min-width: 0; padding: 0; }
.measures-page #mesures-wrap .form-group > div.measure-field { flex: 1; width: auto; }
.measures-page #mesures-wrap .account-measures-general { text-align: left; }
.measures-page #mesures-wrap .account-measures-general .form-group:not(.account-unit-row) { display: block; width: 100%; max-width: none; margin: 0 0 22px; text-align: left; }
.measures-page #mesures-wrap .account-measures-general .form-group:not(.account-unit-row) > label { display: block; width: 100%; max-width: none; margin: 0 0 8px; text-align: left !important; }
.measures-page #mesures-wrap .account-measures-general .form-group:not(.account-unit-row) > div,
.measures-page #mesures-wrap .account-measures-general .mesures-form__input-wrapper,
.measures-page #mesures-wrap .account-measures-general .select__wrapper { display: block; width: 100%; max-width: none; margin: 0; padding: 0; }
.measures-page #mesures-wrap .account-measures-general select.mesures__select,
.measures-page #mesures-wrap .account-measures-general input.form-control { display: block; box-sizing: border-box; width: 100% !important; max-width: none; height: 48px; margin: 0 !important; text-align: left; }
.measures-page #mesures-wrap .account-measures-general .account-unit-row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 10px; width: 100%; margin: 0 0 28px; }
.measures-page #mesures-wrap .account-measures-general .account-unit-row > label,
.measures-page #mesures-wrap .account-measures-general .account-unit-row > div { display: none; }
.measures-page #mesures-wrap .account-measures-general .radio-list { width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.measures-page #mesures-wrap .account-measures-general .belly-btn-img { max-width: 100%; }
.measures-page #mesures-wrap .account-measures-dimensions .form-group { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; }
.measures-page .account-dimension-heading { display: flex; align-items: center; gap: 8px; min-width: 0; text-align: left; }
.measures-page #mesures-wrap .account-dimension-heading > label { display: block; margin: 0; padding: 0; width: auto; max-width: none; color: #282522; font: 400 12px/1.5 'DM Sans', sans-serif; text-align: left !important; white-space: normal; overflow-wrap: anywhere; }
.measures-page #mesures-wrap .account-dimension-heading .measure-info { flex: 0 0 17px; }
.measures-page .account-dimension-values { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; max-width: 280px; }
.measures-page .account-dimension-values > div {font: 400 12px / 1.5 'DM Sans', sans-serif;width: auto; min-width: 0; padding: 0; }
.measures-page #mesures-wrap .form-control, .measures-page #mesures-wrap .mesures__select { min-width: 0; max-width: 100%; background-color: #fff; }
.measures-page #mesures-wrap .radio-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 0 !important; }
.measures-page #mesures-wrap .radio-list input[type=hidden] { display: none; }
.measures-page #mesures-wrap .midsection-col { width: auto; min-width: 0; margin: 0; }
.measures-page #mesures-wrap .btn-home { display: inline-flex; align-items: center; justify-content: center; width: 47%; max-width: 100%; min-height: 46px; height: auto; margin: 8px 8px 8px 0 !important; padding: 12px 20px; border: 1px solid #282522; border-radius: 8px; background: #282522; color: #fff; font: 600 12px/1.5 'DM Sans', sans-serif; text-decoration: none; white-space: normal; cursor: pointer; }
.measures-page #mesures-wrap .btn-home:hover { background: #45403b; }
.measures-page #mesures-wrap .user-card { padding: 20px; border: 1px solid #e5e2da; border-radius: 12px; background: #f8f9fc; box-shadow: none; }
.measures-page #mesures-wrap :focus-visible { outline: 2px solid #282522; outline-offset: 3px; }
.measure-help-modal { display: none; position: fixed; inset: 0; z-index: 1600; overflow-y: auto; background: rgba(25,23,21,.4) !important; }
.measure-help-native[open] { display:block; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:0; border:0; color:inherit; }
.measure-help-native::backdrop { background:transparent; }
.measure-help-modal .modal-dialog { width: min(600px, calc(100% - 24px)); margin: 40px auto; }
.measure-help-modal .modal-content { border-radius: 12px !important; background: #fff; padding: 18px; }
.measure-help-modal .modal-header { display: flex; align-items: center; justify-content: flex-end; height: auto !important; min-height: 48px; padding: 0 0 8px !important; }
.measure-help-modal .modal-header .measure-help-close { position: static; display: inline-flex; align-items: center; justify-content: center; float: none; flex: 0 0 40px; width: 40px; height: 40px; margin: 0; padding: 0; border: 1px solid #ddd8d2; border-radius: 8px; background: #fff; color: #282522; opacity: 1; text-shadow: none; font: 400 28px/1 Arial, sans-serif; cursor: pointer; }
.measure-help-modal .measure-help-close::before, .measure-help-modal .measure-help-close::after { content: none; }
.measure-help-modal .modal-header .measure-help-close:hover { background: #282522; color: #fff; border-color: #282522; }
.measure-help-modal .measure-help-close:focus-visible { outline: 2px solid #282522; outline-offset: 3px; }
.measure-help-modal .modal-body img { max-width: 100%; height: auto; }
.measure-help-modal .measure-help-photo { position:relative; width:285px; max-width:100%; aspect-ratio:3/4; margin:0 auto 20px; overflow:hidden; border-radius:8px; background:#eeeae5; }
.measure-help-modal .measure-help-photo img { position:absolute; top:0; width:200%; max-width:none; height:100%; object-fit:fill; }
.measure-help-modal .measure-help-photo-single img { width:100%; }
.measure-help-modal .mgallery h3 { margin:0 0 10px; font-size:20px; color:#282522; }
.measure-help-modal .measure-help-instruction { margin:0; font-size:14px; line-height:1.7; color:#756d66; text-align:left; }
@media(max-width:1100px) { .measures-page .account-measures-grid { grid-template-columns: 1fr; } }
@media(max-width:767px) {
  .measures-page #mesures-wrap .account-measures-general .radio-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .measures-page #mesures-wrap .account-measures-dimensions .form-group { column-gap: 8px; }
  .measures-page #mesures-wrap .account-dimension-control input { width: 48px; }
  .measures-page .account-dimension-values { max-width: 125px; }
  .measures-page #mesures-wrap .measure-panel { padding: 18px; }
  .measures-page #mesures-wrap .title { font-size: 22px; }
  .measures-page .account-measures-dimensions { padding: 16px; }
  .measures-page #mesures-wrap .btn-home { width: 100% !important; margin-right: 0 !important; }
}
.measures-page #mesures-wrap .account-dimension-paired .account-dimension-values { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; max-width:none; }
.measures-page #mesures-wrap .account-dimension-pair { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; }
.measures-page #mesures-wrap .account-dimension-pair > label { width:auto; margin:0; padding:0; font:400 12px/1.5 'DM Sans',sans-serif; text-align:left; }
.measures-page #mesures-wrap .account-dimension-pair > .measure-field-compact { width:auto; padding:0; }
@media(max-width:767px) {
  .measures-page #mesures-wrap .account-measures-dimensions .account-dimension-paired { grid-template-columns:minmax(0,1fr); row-gap:14px; }
}
/* Simplified measurements have criteria only, without a dimensions panel. */
.measures-page #mesures-wrap .info > .account-measures-simplified {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 24px;
 align-items:start; padding:24px; background:rgb(248 249 252 / 1);
 border:1px solid #e5e7ec; border-radius:8px; box-sizing:border-box;
}
.measures-page #mesures-wrap .account-measures-simplified > input[type=hidden] { display:none; }
.measures-page #mesures-wrap .account-measures-simplified .form-group {
 display:block; width:100%; min-width:0; margin:0!important; text-align:left;
}
.measures-page #mesures-wrap .account-measures-simplified .form-group > label {
 display:block; width:100%; margin:0 0 8px; text-align:left!important; color:#60665f; font-size:13px;
}
.measures-page #mesures-wrap .account-measures-simplified .measure-field,
.measures-page #mesures-wrap .account-measures-simplified .mesures-form__input-wrapper {
 display:block; width:100%; max-width:none; margin:0; padding:0; min-width:0;
}
.measures-page #mesures-wrap .account-measures-simplified select,
.measures-page #mesures-wrap .account-measures-simplified input:not([type=hidden]):not([type=checkbox]) {
 display:block; width:100%!important; max-width:none; height:48px; box-sizing:border-box;
 margin:0!important; padding:10px 14px; border:1px solid #dfe2e8; border-radius:5px;
 background-color:#fff; color:#252925; font:400 14px 'DM Sans',sans-serif; text-align:left;
}
.measures-page #mesures-wrap .account-measures-simplified .form-group:has(.radio-list),
.measures-page #mesures-wrap .account-measures-simplified .form-group:has(#full) { grid-column:1 / -1; }
.measures-page #mesures-wrap .account-measures-simplified .radio-list { display:grid; grid-template-columns:repeat(4,minmax(0,90px)); gap:12px; width:100%; }
.measures-page #mesures-wrap .account-measures-simplified .midsection-col { box-sizing:border-box; padding:6px; min-width:0; width:100%; border:1px solid #dfe2e8; border-radius:6px; background:#fff; cursor:pointer; }
.measures-page #mesures-wrap .account-measures-simplified .midsection-col.selected { border-color:#252925; outline:1px solid #252925; }
.measures-page #mesures-wrap .account-measures-simplified .belly-btn-img { width:100%; height:88px; background-size:contain; background-position:center; background-repeat:no-repeat; }
.measures-page #mesures-wrap .account-measures-simplified .form-group:has(#full) { display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:nowrap; gap:12px; align-items:center; }
.measures-page #mesures-wrap .account-measures-simplified .form-group:has(#full) > label { width:auto; flex:0 1 auto; margin:0; }
.measures-page #mesures-wrap .account-measures-simplified .form-group:has(#full) > div { width:auto; flex:0 0 auto; }
.measures-page #mesures-wrap .account-measures-simplified #full { width:20px!important; height:20px!important; margin:0; }
@media(max-width:700px) {
 .measures-page #mesures-wrap .info > .account-measures-simplified { grid-template-columns:1fr; padding:18px; gap:20px; }
 .measures-page #mesures-wrap .account-measures-simplified .radio-list { grid-template-columns:repeat(2,minmax(0,90px)); }
}
/* Match the simplified entry form: three basic criteria, then full-width fields. */
.measures-page #mesures-wrap .info > .account-measures-simplified { display:block; max-width:520px; margin:20px auto 0!important; padding:35px 20px; border-radius:9px; }
.measures-page #mesures-wrap .account-measures-simplified .simplified-basics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:28px; }
.measures-page #mesures-wrap .account-measures-simplified > .form-group { margin-bottom:28px!important; }
.measures-page #mesures-wrap .account-measures-simplified .form-group > label { font-size:14px; color:#756d66; margin-bottom:9px; }
.measures-page #mesures-wrap .account-measures-simplified select:not([hidden]),.measures-page #mesures-wrap .account-measures-simplified input.form-control { height:49px; border-radius:9px; border-color:#e4ded8; padding:0 15px; }
.measures-page #mesures-wrap .account-measures-simplified .simplified-unit-line { display:flex; justify-content:flex-end; margin-bottom:28px; }
.measures-page #mesures-wrap .account-measures-simplified select[hidden] { display:none!important; }
.measures-page #mesures-wrap .account-measures-simplified .unit-switch input { position:absolute; opacity:0; width:0!important; height:0!important; padding:0; }
.measures-page #mesures-wrap .account-measures-simplified .radio-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.measures-page #mesures-wrap .account-measures-simplified .midsection-col { min-height:110px; display:flex; align-items:center; justify-content:center; border-radius:9px; }
.measures-page #mesures-wrap .account-measures-simplified .belly-btn-img { height:94px; max-width:74px; }
@media(max-width:560px) { .measures-page #mesures-wrap .account-measures-simplified .simplified-basics { grid-template-columns:1fr; gap:22px; } .measures-page #mesures-wrap .account-measures-simplified .radio-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* Women's measurements use the same illustrated cards as the entry form. */
.measures-page #mesures-wrap .account-women-body .form-group.account-women-card { display:grid; grid-template-columns:88px minmax(0,1fr); grid-template-rows:auto auto; gap:8px 18px; align-content:center; min-height:128px; padding:14px; margin:0 0 20px; background:#fff; border:1px solid #e5e7ec; border-radius:10px; box-sizing:border-box; }
.measures-page #mesures-wrap .account-women-body .account-women-card > label { grid-column:2; grid-row:1; align-self:end; margin:0; font-size:13px; line-height:1.4; color:#64676e; }
.measures-page #mesures-wrap .account-women-body .account-women-card > input { grid-column:2; grid-row:2; width:100%; min-width:0; height:48px; margin:0; padding:10px 14px; border:1px solid #dfe2e8; border-radius:8px; background:#fff; font:400 14px 'DM Sans',sans-serif; box-sizing:border-box; }
.measures-page #mesures-wrap .account-women-body .account-women-card > img { grid-column:1; grid-row:1/3; align-self:center; display:block; width:88px; height:100px; margin:0; padding:4px; border-radius:8px; background:#f8f9fc; object-fit:contain; box-sizing:border-box; }
.measures-page #mesures-wrap .account-women-body #manche { width:100%; height:48px; padding:10px 14px; border:1px solid #dfe2e8; border-radius:8px; background:#fff; }
.measures-page .account-measures-grid.account-women-layout { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch; }
.measures-page .account-women-layout > section { box-sizing:border-box; padding:24px; }
.measures-page .account-women-basics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.measures-page #mesures-wrap .account-women-basics .form-group { margin:0; }
.measures-page #mesures-wrap .account-women-layout .form-control,
.measures-page #mesures-wrap .account-women-layout .mesures__select { border:1px solid #e4ded8; border-radius:8px; }
.measures-page .account-women-shapes { margin-top:24px; padding-top:24px; border-top:1px solid #e5e2da; }
.measures-page #mesures-wrap .account-women-shapes .form-group { margin:0; }
.measures-page #mesures-wrap .account-women-shapes .form-group > label { margin-bottom:18px; color:#282522; font-size:17px; font-weight:600; }
.measures-page #mesures-wrap .account-women-shapes .radio-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.measures-page #mesures-wrap .account-women-shapes .radio-list::before,
.measures-page #mesures-wrap .account-women-shapes .radio-list::after { content:none; }
.measures-page #mesures-wrap .account-women-shapes .midsection-col-femme { float:none; display:flex; flex-direction:column; align-items:center; gap:10px; box-sizing:border-box; width:100%; min-width:0; margin:0; padding:14px 6px; border:1px solid #e4ded8; border-radius:8px; background:#fff; color:#625f59; font-size:12px; line-height:1.4; cursor:pointer; }
.measures-page #mesures-wrap .account-women-shapes .midsection-col-femme.selectedborder { border-color:#282522; box-shadow:inset 0 0 0 1px #282522; background:#f0ede8; color:#282522; }
.measures-page #mesures-wrap .account-women-shapes .midsection-col-femme:hover { border-color:#817d76; }
.measures-page #mesures-wrap .account-women-shapes .belly-btn-img { width:100%; max-width:80px; height:100px; margin:0; background-size:contain; background-position:center; background-repeat:no-repeat; }
.measures-page #mesures-wrap .info > .account-women-actions { justify-content:flex-end; flex-wrap:wrap; gap:12px; padding-top:20px; border-top:1px solid #eee9e5; }
.measures-page #mesures-wrap .account-women-actions .btn-home { width:auto; min-width:200px; margin:0!important; }
@media(max-width:1100px) {
 .measures-page .account-measures-grid.account-women-layout { grid-template-columns:minmax(0,1fr); }
 .measures-page #mesures-wrap .account-women-shapes .radio-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:560px) {
 .measures-page .account-women-layout > section { padding:18px; }
 .measures-page .account-women-basics { grid-template-columns:minmax(0,1fr); }
 .measures-page #mesures-wrap .account-women-shapes .radio-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .measures-page #mesures-wrap .account-women-actions .btn-home { min-width:0; }
}
.measures-page .account-women-stored-dimensions[hidden] { display:none!important; }
@media(max-width:400px) { .measures-page #mesures-wrap .account-women-body .form-group.account-women-card { grid-template-columns:64px minmax(0,1fr); gap:8px 12px; padding:12px; } .measures-page #mesures-wrap .account-women-body .account-women-card > img { width:64px; height:88px; } }
.measures-page .quick-fit-layout--illustrated { align-items:stretch; }
.measures-page #mesures-wrap .account-simplified-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px!important; padding-top:24px; border-top:1px solid #e5e7ec; }
.measures-page #mesures-wrap .account-simplified-actions .btn-home { flex:1 1 160px; width:auto; margin:0!important; }
.measures-page .account-biometric-intro { display:flex; flex-direction:column; align-self:stretch; padding:0; border:0; border-radius:0; background:transparent; }
.measures-page .account-biometric-intro[hidden] { display:none; }
.measures-page .account-biometric-photo-wrap { position:relative; flex:1 0 320px; min-height:320px; margin:0 0 24px; overflow:hidden; border-radius:7px; }
.measures-page .account-biometric-photo { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.measures-page .account-biometric-intro > :not(.account-biometric-photo-wrap) { flex-shrink:0; }
@media(max-width:1050px) {
 .measures-page .account-biometric-photo-wrap { flex:none; min-height:0; aspect-ratio:3 / 2; }
}
.measures-page .account-biometric-intro h2 { font-size:24px; line-height:1.3; }
.measures-page .account-shirt-preview { max-width:1000px; margin:28px auto 0; padding:24px; border:1px solid #e5e7ec; border-radius:9px; background:#f8f9fc; }
.measures-page .account-shirt-preview[hidden] { display:none; }
.measures-page .account-shirt-preview h3 { margin:0 0 10px; font:600 20px/1.4 'DM Sans',sans-serif; }
.measures-page .account-shirt-preview > p { margin:0; font-size:13px; line-height:1.7; }
.measures-page .account-shirt-preview .biometric-benefits { margin-top:16px; }
.measures-page .account-shirt-preview .biometric-benefits p { margin-bottom:0; }
@media(min-width:561px) and (max-width:1200px) {
 .measures-page .account-shirt-preview .biometric-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 0; }
 .measures-page .account-shirt-preview .biometric-benefits > div:nth-child(2) { border-right:0; }
}
@media (max-width:580px) { .measures-page .account-shirt-preview { padding:16px 8px; } }

/* Shirt measurements are edited directly on the illustration. */
.measures-page .account-measures-grid.account-shirt-layout { grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr); gap:22px; width:100%; }
.measures-page .account-shirt-layout .account-shirt-preview { width:100%; max-width:none; margin:0; box-sizing:border-box; padding:24px 16px; }
.account-shirt-canvas { width:100%; max-width:620px; min-width:0; margin:0 auto; padding:12px 0; container-type:inline-size; }
.account-shirt-canvas .biometric-figure { width:100%; min-width:0; max-width:100%; margin:60px 0 44px; }
.account-shirt-canvas .biometric-label { gap:4px; padding:0; border:0; border-radius:0; background:transparent; }
.account-shirt-canvas .biometric-label-name { position:static; width:auto; height:auto; overflow:visible; clip-path:none; margin:0; color:#183c59; font:600 13px/1.35 'DM Sans',sans-serif; }
.account-shirt-label { display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:3px 4px; background:#f8f9fc; }
.measures-page #mesures-wrap .account-shirt-canvas .account-dimension-control { display:flex; align-items:center; gap:4px; }
.measures-page #mesures-wrap .account-shirt-canvas .account-dimension-control input { width:54px; min-width:0; height:30px; padding:3px; border:1px solid #bac8d6; border-radius:4px; background:#fff; text-align:center; font:600 13px 'DM Sans',sans-serif; color:#102b46; }
.account-shirt-unit { padding:2px; background:#f8f9fc; font-size:12px; color:#183c59; }
.account-shirt-info { display:inline-flex; align-items:center; justify-content:center; flex:0 0 15px; width:15px; height:15px; padding:0; border:1px solid #b5c3d1; border-radius:50%; background:#fff; color:#183c59; font:11px/1 Georgia,serif; cursor:pointer; }
.account-shirt-info:focus-visible,.account-shirt-canvas input:focus-visible { outline:2px solid #183c59; outline-offset:2px; }
.account-shirt-tooltip { position:fixed; z-index:1100; width:240px; max-width:calc(100vw - 24px); box-sizing:border-box; padding:14px; border-radius:8px; background:#183c59; color:#fff; font:400 13px/1.6 'DM Sans',sans-serif; text-align:left; white-space:normal; box-shadow:0 6px 24px #183c5930; }
.account-shirt-tooltip[hidden] { display:none; }
.account-shirt-help { box-sizing:border-box; width:440px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:0; border-radius:12px; background:#fff; color:#183c59; text-align:left; font:14px/1.7 'DM Sans',sans-serif; }
.account-shirt-help::backdrop { background:#10263880; }
.account-shirt-help h2 { margin:0 24px 20px 0; font:600 21px/1.35 'DM Sans',sans-serif; color:#183c59; }
.account-shirt-help-close { position:absolute; top:8px; right:10px; border:0; background:transparent; color:#183c59; width:32px; height:32px; font-size:26px; cursor:pointer; }
.account-shirt-help .measure-help-photo { position:relative; width:280px; max-width:100%; aspect-ratio:3/4; margin:0 auto 20px; overflow:hidden; border-radius:8px; }
.account-shirt-help .measure-help-photo img { position:absolute; top:0; width:200%; max-width:none; height:100%; object-fit:fill; }
.account-shirt-help .measure-help-photo-single img { width:100%; }
.account-shirt-help .measure-help-instruction { color:#718198; margin:0; line-height:1.75; }
.account-shirt-help-close:focus-visible { outline:2px solid #183c59; }
.measures-page #mesures-wrap:not([data-calculation-state="ready"]) .account-shirt-canvas > .biometric-figure { display:none; }
.account-shirt-canvas .recap-calculation-status { min-height:280px; margin:0; display:grid; place-content:center; justify-items:center; gap:20px; text-align:center; color:#183c59; font:14px/1.7 'DM Sans',sans-serif; }
.account-shirt-canvas .recap-calculation-status:empty { display:none; }
.account-shirt-canvas .recap-calculation-status.is-error { color:#b42318; }
.measures-page [data-calculation-state="loading"] .account-shirt-canvas .recap-calculation-status::before { content:''; width:34px; height:34px; border:3px solid #e1e8ee; border-top-color:#183c59; border-radius:50%; animation:account-shirt-spin .8s linear infinite; }
.account-shirt-canvas .recap-calculation-retry { padding:10px 18px; border:1px solid #bdc8d2; border-radius:6px; background:#fff; cursor:pointer; }
.account-shirt-canvas .recap-calculation-retry[hidden] { display:none; }
@keyframes account-shirt-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .measures-page [data-calculation-state="loading"] .account-shirt-canvas .recap-calculation-status::before { animation:none; } }
.account-shirt-canvas .biometric-label--neck,
.account-shirt-canvas .biometric-label--shoulders { top:0; transform:translate(-50%,-100%); }
.account-shirt-canvas .biometric-label--chest { top:43%; transform:translate(-50%,-100%); }
.account-shirt-canvas .biometric-label--waist { top:63%; transform:translate(-50%,-100%); }
.account-shirt-canvas .biometric-label--hem { top:85%; transform:translate(-50%,-100%); }
.account-shirt-canvas .biometric-label--biceps { left:82%; top:37%; transform:translate(-50%,-100%); }
.account-shirt-canvas .biometric-label--sleeve { left:82%; top:76%; }
.account-shirt-canvas .biometric-label--length { left:65%; top:55%; }
.account-shirt-canvas .biometric-label--cuff-right { left:86%; }
@container (max-width:440px) {
 .account-shirt-canvas .biometric-label { padding:3px; gap:2px; }
 .account-shirt-canvas .biometric-label-name { font-size:11px; }
 .measures-page #mesures-wrap .account-shirt-canvas .account-dimension-control { gap:2px; }
 .measures-page #mesures-wrap .account-shirt-canvas .account-dimension-control input { width:38px; height:28px; padding:2px; font-size:12px; }
 .account-shirt-canvas .account-shirt-unit { font-size:9px; }
}
@media(max-width:1100px) { .measures-page .account-measures-grid.account-shirt-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:580px) { .measures-page .account-shirt-layout .account-shirt-preview { padding:20px 10px; } }
.measure-help-modal .measure-help-photo-collar,.account-shirt-help .measure-help-photo-collar{width:100%;aspect-ratio:729/276}.measure-help-modal .measure-help-photo-collar img,.account-shirt-help .measure-help-photo-collar img{width:100%;height:100%;object-fit:contain;left:0}
.measure-help-modal .measure-help-photo-cuff,.account-shirt-help .measure-help-photo-cuff{width:100%;aspect-ratio:1677/938}.measure-help-modal .measure-help-photo-cuff img,.account-shirt-help .measure-help-photo-cuff img{width:100%;height:100%;object-fit:contain;left:0}
