<!-- Dottie Sizing Page — paste into Shopify: Online Store > Pages > Sizing Chart > click the <> (Show HTML) button, replace contents -->
<div class="dottie-sizing">
  <style>
    .dottie-sizing { max-width: 760px; margin: 0 auto; line-height: 1.6; }
    .dottie-sizing h2 { text-align: center; margin-bottom: 0.5em; }
    .dottie-sizing .ds-callout {
      background: #fdf0f5; border: 2px solid #f7a8c9; border-radius: 12px;
      padding: 16px 20px; margin: 20px 0; font-size: 1.05em;
    }
    .dottie-sizing .ds-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 16px 0; }
    .dottie-sizing table { border-collapse: collapse; width: 100%; min-width: 480px; }
    .dottie-sizing th {
      background: #f7a8c9; color: #fff; padding: 10px 12px; text-align: left; white-space: nowrap;
    }
    .dottie-sizing td { padding: 10px 12px; border-bottom: 1px solid #f3d1e0; white-space: nowrap; }
    .dottie-sizing tr:nth-child(even) td { background: #fdf0f5; }
    .dottie-sizing .ds-footnote { font-size: 0.9em; opacity: 0.8; margin-top: 4px; }
    .dottie-sizing .ds-contact-btn {
      display: inline-block; background: #f06ba8; color: #fff !important; text-decoration: none;
      padding: 12px 28px; border-radius: 999px; font-weight: 600; margin-top: 8px;
    }
    .dottie-sizing .ds-contact-btn:hover { background: #e0559a; }
    .dottie-sizing h3 { margin-top: 1.8em; }
  </style>

  <h2>Find Your Perfect Fit</h2>

  <div class="ds-callout">
    Dottie skirts run generous — <strong>most customers should size DOWN from their regular clothing size.</strong>
    Every waistband is designed to stretch and stay comfortably in place, from the start corral to the finish
    line (or the front of the coffee line — no judgment).
  </div>

  <h3>How to Measure</h3>
  <p>
    Grab a soft measuring tape and measure around your waist where you'll wear the skirt — typically at or
    just below your natural waist. Keep the tape snug but not tight. Then find the size where your measurement
    falls <strong>between the resting and stretched numbers below.</strong> The closer your measurement is to
    the resting number, the more relaxed the fit.
  </p>

  <h3>Women's Sizing</h3>
  <div class="ds-table-wrap">
    <table>
      <thead>
        <tr>
          <th>Size</th>
          <th>Resting Waist</th>
          <th>Stretches To</th>
          <th>Length (Waist to Hem)</th>
          <th>US Sizes*</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>XS</td><td>26"</td><td>38"</td><td>13"</td><td>0&ndash;4</td></tr>
        <tr><td>S</td><td>28"</td><td>40"</td><td>14"</td><td>6&ndash;10</td></tr>
        <tr><td>M</td><td>30"</td><td>42"</td><td>14"</td><td>12&ndash;16</td></tr>
        <tr><td>M+</td><td>32"</td><td>48"</td><td>14"</td><td>12&ndash;16, extra waist room</td></tr>
        <tr><td>L</td><td>34"</td><td>50"</td><td>16"</td><td>18&ndash;22</td></tr>
        <tr><td>XL</td><td>36"</td><td>52"</td><td>16"</td><td>24+</td></tr>
      </tbody>
    </table>
  </div>
  <p class="ds-footnote">*US sizes are a rough guide — brands vary, so when in doubt, trust the tape measure.</p>

  <p>
    <strong>About M+ (a.k.a. "Medium and a Half"):</strong> Same length as Medium with a roomier, stretchier
    waist — perfect if you're between sizes or just want more breathing room.
  </p>

  <div class="ds-callout">
    <strong>A note on our fit:</strong> These waistbands really stretch. If you're used to shopping plus sizes
    and wondering if we've got you — we do, comfortably. When in doubt, message us your measurement and we'll
    match you to your size in minutes. It's our favorite kind of question.<br />
    <a class="ds-contact-btn" href="/pages/contact">Contact Us</a>
  </div>

  <h3>Little Princess (Children's) Sizing</h3>
  <div class="ds-table-wrap">
    <table>
      <thead>
        <tr>
          <th>Size</th>
          <th>Resting Waist</th>
          <th>Expands To</th>
          <th>US Kids Sizes</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>Child's S</td><td>18"</td><td>28"</td><td>4/6</td></tr>
        <tr><td>Child's M</td><td>20"</td><td>30"</td><td>7/8</td></tr>
        <tr><td>Child's L</td><td>22"</td><td>32"</td><td>10&ndash;14</td></tr>
      </tbody>
    </table>
  </div>
</div>

Little Princess (Children's) Sizing Chart: 

Child's Small / waist cut to 18" (expands up to 28") / US kids size 4/6
Child's Medium / waist cut to 20" (expands up to 30") / US kids size 7/8
Child's Large / waist cut to 22" (expands up to 32") / US kids sizes 10-14