/* Final, last-loaded reference layout for Tote and Wallet size guides. */
html body.page-pages:has(.mj-size-guide) .wf-info-nav,
html body.page-pages .mj-size-guide .mj-guide-header { display:none!important; }

html body.page-pages:has(.mj-size-guide) #content,
html body.page-pages:has(.mj-size-guide) #content>.container,
html body.page-pages:has(.mj-size-guide) #content>.container>.row,
html body.page-pages:has(.mj-size-guide) #main,
html body.page-pages:has(.mj-size-guide) .wf-info-layout,
html body.page-pages:has(.mj-size-guide) .wf-info-content,
html body.page-pages:has(.mj-size-guide) .main-page,
html body.page-pages:has(.mj-size-guide) .main-first__list,
html body.page-pages .mj-size-guide {
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;
}

html body.page-pages:has(.mj-size-guide) #content {overflow-x:auto!important;overflow-y:hidden!important;}

html body.page-pages .mj-size-guide .mj-guide-list {
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:420px!important;
  width:max-content!important;min-width:100%!important;align-items:stretch!important;
  justify-content:start!important;justify-items:stretch!important;margin:0!important;padding:0!important;transform:none!important;
}

html body.page-pages .mj-size-guide .mj-guide-card {
  box-sizing:border-box!important;width:420px!important;min-width:420px!important;margin:0!important;
  padding:28px 20px 56px!important;border:0!important;border-right:1px solid #eee!important;
}

html body.page-pages .mj-size-guide .mj-guide-card>h2 {
  min-height:38px!important;margin:0!important;padding:4px 0 18px!important;
  font-size:15px!important;font-weight:700!important;line-height:1.1!important;
  text-align:center!important;white-space:nowrap!important;
}

html body.page-pages .mj-size-guide .mj-guide-card-grid {
  display:flex!important;grid-template-columns:none!important;gap:0!important;flex-direction:column!important;
}

html body.page-pages .mj-size-guide .mj-guide-image {
  display:flex!important;width:100%!important;height:558px!important;min-height:558px!important;
  align-items:center!important;justify-content:center!important;background:#f6f6f6!important;
}

html body.page-pages .mj-size-guide .mj-guide-image img {
  display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;
}

html body.page-pages .mj-size-guide .mj-guide-details {
  display:flex!important;min-height:520px!important;flex-direction:column!important;
}

html body.page-pages .mj-size-guide .mj-guide-details>h2 {
  min-height:76px!important;margin:0!important;padding:24px 0 18px!important;
  font-size:15px!important;font-weight:700!important;line-height:1.25!important;text-transform:uppercase!important;
}

html body.page-pages .mj-size-guide .mj-guide-details>div {
  min-height:150px!important;padding:24px 0!important;border-top:1px solid #eee!important;
}

html body.page-pages .mj-size-guide .mj-guide-details>div h3 {
  margin:0 0 20px!important;font-size:13px!important;text-transform:none!important;
}

html body.page-pages .mj-size-guide .mj-guide-details p {
  margin:3px 0!important;font-size:13px!important;line-height:1.6!important;
}

html body.page-pages .mj-size-guide .mj-guide-shop {
  display:flex!important;min-height:50px!important;margin-top:auto!important;align-items:center!important;
  justify-content:center!important;background:#000!important;color:#fff!important;font-size:12px!important;
  font-weight:700!important;text-decoration:none!important;
}

@media(min-width:1680px){
  html body.page-pages .mj-size-guide .mj-guide-list{grid-auto-columns:25vw!important;}
  html body.page-pages .mj-size-guide .mj-guide-card{width:25vw!important;min-width:420px!important;}
}

@media(max-width:600px){
  html body.page-pages .mj-size-guide .mj-guide-list{grid-auto-columns:86vw!important;}
  html body.page-pages .mj-size-guide .mj-guide-card{width:86vw!important;min-width:86vw!important;padding:20px 14px 42px!important;}
  html body.page-pages .mj-size-guide .mj-guide-image{height:460px!important;min-height:460px!important;}
}
