/* Mio&Gem PDP v8 — sequential purchase flow + compact lower-section content. */

/* 02 — wrist size must read before the cart action on every viewport. */
body.single-product.mio-v2 .mio-purchase-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  align-items:start!important;
}
body.single-product.mio-v2 .mio-purchase-grid>.mio-size-picker{order:1!important}
body.single-product.mio-v2 .mio-purchase-grid>.mio-cart-card{order:2!important}
body.single-product.mio-v2 .mio-cart-card{
  padding:14px 16px!important;
  border-radius:17px!important;
}
body.single-product.mio-v2 .mio-cart-card .mio-purchase-guidance{margin-top:8px!important}

/* 04 — preserve the title/subtitle rhythm; force the content area to size to content. */
body.single-product.mio-v2 .mio-product-details{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-content:start!important;
  justify-content:flex-start!important;
}
body.single-product.mio-v2 .mio-product-details>header{
  margin-bottom:12px!important;
}
body.single-product.mio-v2 .mio-product-details dl{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  align-content:start!important;
  gap:6px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
body.single-product.mio-v2 .mio-product-details dl>div{
  display:grid!important;
  grid-template-columns:108px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:10px 13px!important;
  border-radius:14px!important;
}
body.single-product.mio-v2 .mio-product-details dt{
  margin:0!important;
  font-size:7px!important;
  font-weight:600!important;
}
body.single-product.mio-v2 .mio-product-details dd{
  margin:0!important;
  font:500 14px/1.25 var(--mg-serif)!important;
}
body.single-product.mio-v2 .mio-spec-toggle{
  display:inline-flex!important;
  width:auto!important;
  min-height:0!important;
  margin:7px 0 0!important;
  padding:7px 11px!important;
}

/* 05 — preserve the title/subtitle; remove stretched cards and dead vertical space. */
body.single-product.mio-v2 .mio-product-care{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  align-content:start!important;
  justify-content:start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  gap:7px!important;
}
body.single-product.mio-v2 .mio-product-care>header{
  grid-column:1/-1!important;
  margin-bottom:5px!important;
}
body.single-product.mio-v2 .mio-product-care article{
  display:block!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:13px 14px!important;
  border-radius:15px!important;
  justify-content:flex-start!important;
}
body.single-product.mio-v2 .mio-product-care article .mio-eyebrow{
  margin:0 0 5px!important;
  font-size:7px!important;
}
body.single-product.mio-v2 .mio-product-care h3{
  margin:0 0 5px!important;
  font:500 18px/1.08 var(--mg-serif)!important;
}
body.single-product.mio-v2 .mio-product-care article>p:not(.mio-eyebrow){
  margin:0!important;
  font-size:9px!important;
  line-height:1.45!important;
}
body.single-product.mio-v2 .mio-product-care a{
  display:inline-block!important;
  margin:7px 0 0!important;
  font-size:8px!important;
}

@media(min-width:768px) and (max-width:1023px){
  body.single-product.mio-v2 .mio-product-details dl{grid-template-columns:1fr!important}
  body.single-product.mio-v2 .mio-product-care{grid-template-columns:1fr!important}
  body.single-product.mio-v2 .mio-product-care>header{grid-column:1!important}
}

@media(max-width:767px){
  body.single-product.mio-v2 .mio-purchase-grid{gap:7px!important}
  body.single-product.mio-v2 .mio-cart-card{padding:11px 12px!important}

  body.single-product.mio-v2 .mio-product-details>header{margin-bottom:9px!important}
  body.single-product.mio-v2 .mio-product-details dl{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  body.single-product.mio-v2 .mio-product-details dl>div{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px 11px!important;
  }
  body.single-product.mio-v2 .mio-product-details dd{font-size:13.5px!important}
  body.single-product.mio-v2 .mio-spec-toggle{margin-top:6px!important}

  body.single-product.mio-v2 .mio-product-care{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  body.single-product.mio-v2 .mio-product-care>header{
    grid-column:1!important;
    margin-bottom:4px!important;
  }
  body.single-product.mio-v2 .mio-product-care article{
    padding:11px 12px!important;
  }
  body.single-product.mio-v2 .mio-product-care h3{font-size:17px!important}
}