@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');*{box-sizing:border-box}
body{margin:0;background:#f6f3ed;color:#1d1e1b;font-family:'DM Sans',sans-serif}
.size-shell{width:min(1180px,calc(100% - 40px));margin:auto}
.size-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd7cd}
.size-header .brand{font:700 20px Manrope;color:#1d1e1b;text-decoration:none}
.brand span{color:#ad563f}
.size-header nav{display:flex;gap:24px}
.size-header nav a,.size-back{font-size:11px;color:#333;text-decoration:none}
.size-hero{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;padding:75px 0 45px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:#9d4e39}
.size-hero h1{font:600 clamp(40px,6vw,68px)/1 Manrope;margin:10px 0 0}
.size-hero>div:last-child p{font-size:12px;line-height:1.7;color:#666}
.size-note{display:flex;gap:8px;padding:12px;background:#eee8df;font-size:9px;line-height:1.5;color:#725f56}
.size-tabs{display:flex;gap:7px;border-bottom:1px solid #d8d1c6;overflow:auto}
.size-tabs button{border:1px solid #d8d1c6;border-bottom:0;background:#ece7de;padding:13px 18px;white-space:nowrap;font-size:10px;cursor:pointer}
.size-tabs button.active{background:#1d1e1b;color:#fff;border-color:#1d1e1b}
.size-panel{padding:30px 0 90px}
.size-panel[hidden]{display:none}
.size-panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.size-panel-head h2{font:600 27px Manrope;margin:5px 0}
.size-panel-head p{font-size:10px;color:#777;margin:0}
.size-fit-badge{padding:7px 10px;border-radius:20px;background:#e1ebe4;color:#3e6952;font-size:9px}
.measurement-layout{display:grid;grid-template-columns:300px 1fr;gap:16px}
.measure-visual{background:#fff;border:1px solid #ddd7cd;min-height:420px;padding:20px;display:flex;flex-direction:column}
.measure-image-crop{height:275px;overflow:hidden;position:relative}
.measure-image-crop img{position:absolute;width:920px;max-width:none;left:50%;top:0;transform:translateX(-50%)}
.measure-visual h3{font:600 12px Manrope;margin:13px 0 8px}
.measure-visual ol{margin:0;padding-left:17px}
.measure-visual li{font-size:9px;color:#666;line-height:1.55;margin:5px 0}
.measure-visual>a{margin-top:auto;font-size:8px;color:#7c4d3d}
.table-card{background:#fff;border:1px solid #ddd7cd;overflow:auto}
.size-table{width:100%;border-collapse:collapse;min-width:580px}
.size-table th{text-align:left;background:#1d1e1b;color:#fff;padding:16px 18px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.size-table td{padding:17px 18px;border-bottom:1px solid #eee9e1;font-size:11px}
.size-table tbody tr:last-child td{border:0}
.size-table tbody tr:hover{background:#f7f3ed}
.size-table td:first-child{font-weight:700;color:#9b4d38}
.size-table small{display:block;color:#888;font-size:8px;margin-top:4px}
.table-foot{display:flex;justify-content:space-between;gap:20px;background:#eee9e1;padding:13px 18px;font-size:8px;color:#777}
.size-help{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 70px}
.size-help article{border:1px solid #ddd7cd;padding:18px;background:#fff}
.size-help b,.size-help span{display:block}
.size-help b{font-size:10px}
.size-help span{font-size:8px;color:#777;margin-top:6px;line-height:1.5}
.size-footer{background:#1d1e1b;color:#999;padding:28px 0}
.size-footer>div{display:flex;justify-content:space-between;font-size:9px}
.size-footer a{color:#ddd}

@media(max-width:760px){.size-header nav{display:none}
.size-hero{grid-template-columns:1fr;gap:20px;padding:50px 0 35px}
.measurement-layout{grid-template-columns:1fr}
.measure-visual{min-height:370px}
.measure-image-crop{height:230px}
.measure-image-crop img{width:760px}
.size-panel-head{display:block}
.size-fit-badge{display:inline-block;margin-top:10px}
.size-help{grid-template-columns:1fr}
.table-card{margin-right:-20px}
.size-footer>div{flex-direction:column;gap:9px}
}

.size-panel[data-size-panel="ladies"] .measure-image-crop{height:235px}
.size-panel[data-size-panel="ladies"] .measure-image-crop img{left:calc(50% - 30px);top:-3px}

@media(max-width:760px){.size-panel[data-size-panel="ladies"] .measure-image-crop{height:220px}
.size-panel[data-size-panel="ladies"] .measure-image-crop img{left:calc(50% - 24px);top:-2px}
}
.size-header nav a,.size-back{font-size:13px}.eyebrow{font-size:11px}.size-hero>div:last-child p{font-size:15px}.size-note{font-size:12px}.size-tabs button{font-size:13px}.size-panel-head p{font-size:13px}.size-fit-badge{font-size:11px}.measure-visual h3{font-size:15px}.measure-visual li{font-size:12px}.measure-visual>a{font-size:11px}.size-table th{font-size:12px}.size-table td{font-size:14px}.size-table small{font-size:11px}.table-foot{font-size:11px}.size-help b{font-size:13px}.size-help span{font-size:11px}.size-footer>div{font-size:11px}