/* All layout changes are limited to the public mobile breakpoint. */
@media (max-width:999px) {
  html:not(.meiai-native) #items .ms-shipping-original {display:none!important}
  html:not(.meiai-native) #items .ms-shipping-note {font-size:12px;line-height:1.8}
  html:not(.meiai-native) #items .ms-shipping-note > span {display:block;white-space:pre-line;text-wrap:pretty}
  html:not(.meiai-native) #items .ms-shipping-note > a {display:inline-flex;align-items:center;min-height:32px;color:inherit;text-underline-offset:3px}
  html:not(.meiai-native) :is(#mypage,#mypage_guest) .b16-community-browse {display:none!important}
  html:not(.meiai-native) #items .shop-support-footer.ms-compact {padding:8px 0 14px;margin-bottom:20px}
  html:not(.meiai-native) #items .shop-support-footer.ms-compact > :not(.ms-footer) {display:none!important}
  html:not(.meiai-native) .ms-footer {color:var(--ink,#354245);font-size:13px;line-height:1.7}
  html:not(.meiai-native) .ms-primary {display:grid;grid-template-columns:1fr;gap:8px;padding-bottom:8px}
  html:not(.meiai-native) #items .ms-primary a {display:flex;align-items:center;justify-content:center;min-height:48px;padding:4px;text-align:center;text-decoration:none;font-weight:500}
  html:not(.meiai-native) .ms-company {border-top:1px solid var(--line,#e6e6e8)}
  html:not(.meiai-native) .ms-company summary,html:not(.meiai-native) .ms-preferences summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;list-style:none}
  html:not(.meiai-native) .ms-company summary::-webkit-details-marker,html:not(.meiai-native) .ms-preferences summary::-webkit-details-marker {display:none}
  html:not(.meiai-native) .ms-company summary::after,html:not(.meiai-native) .ms-preferences summary::after {content:'+';font-size:18px;flex:none;font-weight:400}
  html:not(.meiai-native) .ms-company[open] summary::after,html:not(.meiai-native) .ms-preferences[open] summary::after {content:'−'}
  html:not(.meiai-native) .ms-company-links {display:grid;padding:0 0 4px}
  html:not(.meiai-native) #items .ms-company-links a {display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
  html:not(.meiai-native) #items .ms-company p {font-size:12px;margin:4px 0 10px}
  html:not(.meiai-native) #items .ms-company p a {display:inline-flex;align-items:center;min-height:44px}
  html:not(.meiai-native) .ms-social {display:flex;align-items:center;justify-content:center;gap:16px;padding-top:8px}
  html:not(.meiai-native) #items .ms-social a {display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:inherit;border:1px solid var(--line,#e6e6e8);border-radius:50%}
  html:not(.meiai-native) .ms-social svg {width:19px;height:19px;fill:currentColor}
  html:not(.meiai-native) .ms-preferences {margin:12px 0;padding:0 16px;background:var(--surface,#fff);border:1px solid var(--line,#e6e6e8);border-radius:14px;color:var(--ink,#354245);font-size:13px}
  html:not(.meiai-native) .ms-preferences summary {flex-wrap:wrap;padding:8px 0}
  html:not(.meiai-native) .ms-preferences-value {margin-left:auto;font-size:12px}
  html:not(.meiai-native) .ms-preferences-fields {display:grid;gap:12px;padding:8px 0}
  html:not(.meiai-native) .ms-preferences label {display:grid;grid-template-columns:1fr minmax(112px,1fr);align-items:center;gap:12px}
  html:not(.meiai-native) .ms-preferences select {width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line,#e6e6e8);border-radius:6px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:16px}
  html:not(.meiai-native) .ms-preferences p {font-size:12px;line-height:1.8;margin:8px 0 14px}
  html:not(.meiai-native) .ms-preference-status:empty {display:none}
  html:not(.meiai-native) .ms-payments {padding:0 0 16px}
  html:not(.meiai-native) .ms-payments h3 {margin:0 0 12px;font-size:14px}
  html:not(.meiai-native) .ms-payment-logos {display:flex;flex-wrap:wrap;gap:8px}
  html:not(.meiai-native) .ms-payment-logos > span {display:flex;align-items:center;justify-content:center;gap:3px;min-width:66px;min-height:38px;padding:3px 5px;box-sizing:border-box;border:1px solid var(--line,#e6e6e8);border-radius:5px;background:#fff;color:#354245}
  html:not(.meiai-native) .ms-payment-logos img {width:54px;height:28px;object-fit:contain}
  html:not(.meiai-native) .ms-payment-logos span:has(small) img {width:22px}
  html:not(.meiai-native) .ms-payment-logos small {font-size:11px}
  html:not(.meiai-native) #items .ms-footer-payments {display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:12px;padding-top:8px;border-top:1px solid var(--line,#e6e6e8);color:inherit;text-decoration:none}
  html:not(.meiai-native) #items .ms-footer-payments .ms-payment-logos {flex-wrap:wrap;justify-content:center;gap:6px;width:218px;max-width:calc(100% - 40px)}
  html:not(.meiai-native) #items .ms-footer-payments .ms-payment-logos > span {min-width:48px;min-height:30px;padding:2px 3px}
  html:not(.meiai-native) #items .ms-footer-payments .ms-payment-logos img {width:42px;height:22px}
  html:not(.meiai-native) #items .ms-payment-more {font-size:11px;white-space:nowrap}
  html:not(.meiai-native) #items .ms-copyright {display:block;margin-top:14px;text-align:center;font-size:10px;line-height:1.6;color:var(--muted,#6b7280)}
  html:not(.meiai-native) .ms-payments p {font-size:12px;line-height:1.8}
  html:not(.meiai-native) .ms-footer a:focus-visible,html:not(.meiai-native) .ms-company summary:focus-visible,html:not(.meiai-native) .ms-preferences summary:focus-visible {outline:2px solid currentColor;outline-offset:3px}
}