/* Sizing page — matches site look; no drop shadows */

/* Container */
.container{ max-width: 1100px; margin: 0 auto; padding: 0 16px; }

/* Hero */
.sizing-hero{ padding: 28px 0 8px; text-align:center; }
.sizing-hero .brand{ font-size: clamp(32px, 6vw, 56px); margin-bottom: 8px; }
.sizing-hero .lede{ font-size: clamp(18px, 2.2vw, 22px); color:#394854; }

/* Measure block (image + steps) */
.measure-block{
  display:grid; gap:28px; align-items:center; padding: 28px 0;
  grid-template-columns: 1.05fr 1fr;
}
.measure-block.img-right{ grid-template-columns: 1fr 1.05fr; }
.measure-copy h2{ margin:0 0 10px; font-size: clamp(24px, 3.6vw, 34px); }
.measure-copy .steps{ margin: 10px 0 12px; padding-left: 18px; }
.measure-copy .steps li{ margin: 6px 0; color:#2d3a46; }
.measure-copy .note{ color:#5b5b66; margin-top: 6px; }

/* Quick pick */
.quickpick{
  display:flex; gap:10px; align-items:center; margin-top: 14px; flex-wrap:wrap;
}
.quickpick select{
  padding:10px 12px; border:1px solid rgba(0,0,0,.12); border-radius:10px; min-width: 160px;
  font-size: 16px; background:#fff;
}
.quickpick .btn{ padding: 10px 16px; border-radius: 999px; }

/* Measure image */
.measure-img img{
  width:100%; height:auto; border-radius:16px;
  border:1px solid rgba(0,0,0,.06); /* no shadows */
}
.measure-img .tiny{ font-size:12px; color:#5b5b66; margin-top:6px; }

/* Chart */
.section-title{ font-size: clamp(22px, 3.4vw, 32px); margin: 10px 0 8px; text-align:left; }
.chart-wrap{ overflow:auto; border:1px solid rgba(0,0,0,.06); border-radius:12px; }
.chart{ width:100%; border-collapse: collapse; }
.chart th, .chart td{
  text-align:left; padding:12px 14px; border-bottom:1px solid rgba(0,0,0,.06);
  font-size: 16px; color:#2d3a46;
}
.chart thead th{ background:#fafafa; font-weight: 800; }

/* Fit tips */
.fit-tips{ padding: 20px 0 8px; }
.fit-tips h2{ font-size: clamp(22px, 3.2vw, 28px); margin-bottom:6px; }
.fit-tips .bullets{ padding-left: 18px; }
.fit-tips .bullets li{ margin: 4px 0; color:#2d3a46; }

/* CTA subscribe (centered & padded) */
.sizing-cta{ text-align:center; padding: 24px 0 56px; }
.sizing-cta h2{ font-size: clamp(22px, 3.8vw, 32px); margin-bottom:6px; }
.sizing-cta p{ color:#394854; }

.sizing-cta .subscribe-form{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px; margin:18px auto 0; padding: 10px 0; max-width:420px;
}
.sizing-cta .subscribe-form input[type="email"]{
  width:100%; padding:14px 18px; border-radius:10px; font-size:1rem; text-align:center;
}
.sizing-cta .subscribe-form .btn{ min-width:160px; }

/* Responsive stacks */
@media (max-width: 900px){
  .measure-block, .measure-block.img-right{ grid-template-columns:1fr; }
}
@media (max-width: 640px){
  .deco, .deco *{ display:none !important; }
}