/* Payment-guide logos are shared by desktop and mobile public Web. */
html:not(.meiai-native) .ms-payments {padding:0 0 16px}
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}
/* Other support layout changes are limited to the mobile breakpoint. */
@media (max-width:999px) {
  html:not(.meiai-native) #items .ms-shipping-original {display:none!important}
  html:not(.meiai-native) #items .cat-load-more {margin:16px auto 8px}
  html:not(.meiai-native) #items .ms-shipping-note {padding:0 14px;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:0 0 8px;margin:4px 16px 0}
  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}
  html:not(.meiai-native) #items .ms-primary a {display:flex;align-items:center;justify-content:center;min-height:44px;padding:0;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 {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 {min-height:44px}
  html:not(.meiai-native) .ms-company summary::-webkit-details-marker {display:none}
  html:not(.meiai-native) .ms-company summary::after {content:'+';font-size:18px;flex:none;font-weight:400}
  html:not(.meiai-native) .ms-company[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:4px}
  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:20px 0 0;padding:0 2px;background:transparent;border:0;border-radius:0;color:var(--ink,#354245);font-size:12px}
  html:not(.meiai-native) .ms-preferences h2 {margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:normal}
  html:not(.meiai-native) .ms-preferences-fields {display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:8px;width:258px;max-width:100%;padding:0}
  html:not(.meiai-native) .ms-preferences label {position:relative;display:block;min-width:0}
  html:not(.meiai-native) .ms-preference-label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html:not(.meiai-native) .ms-preferences select {box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px 28px 8px 10px;border:1px solid var(--line,#e6e6e8);border-radius:3px;background-color:var(--surface,#fff);color:inherit;font:inherit;font-size:14px;line-height:1.5}
  html:not(.meiai-native) .ms-preferences .b7-select-trigger {box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line,#e6e6e8);border-radius:3px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:12px;line-height:1.5}
  html:not(.meiai-native) .ms-preferences p {font-size:10px;line-height:1.8;margin:7px 0 0;color:var(--muted,#6b7280)}
  html:not(.meiai-native) .ms-preference-status:empty {display:none}
  html:not(.meiai-native) .ms-payments h3 {margin:0 0 12px;font-size:14px}
  html:not(.meiai-native) #items .ms-footer-payments {display:grid;grid-template-columns:minmax(0,1fr) 218px minmax(0,1fr);align-items:center;column-gap:8px;min-height:44px;margin-top:8px;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 {grid-column:2;flex-wrap:wrap;justify-content:center;gap:6px;width:218px;max-width:100%}
  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 {grid-column:3;justify-self:start;font-size:11px;white-space:nowrap}
  html:not(.meiai-native) #items .ms-copyright {display:block;margin-top:10px;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 :is(select,.b7-select-trigger):focus-visible {outline:2px solid currentColor;outline-offset:3px}
  html:not(.meiai-native) :is(#menu,#mypage,#mypage_guest) .me-shop-links {display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:4px 16px 24px;padding:0;border-top:1px solid var(--line,#e6e6e8)}
  html:not(.meiai-native) :is(#menu,#mypage,#mypage_guest) .me-shop-links a {box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;min-height:48px;margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--line,#e6e6e8);border-radius:0;background:transparent;color:var(--ink,#354245);font-size:12px;line-height:1.7;text-decoration:none}
  html:not(.meiai-native) .me-shop-link-label {min-width:0;overflow-wrap:anywhere}
  html:not(.meiai-native) .me-shop-link-arrow {flex:none;color:var(--muted,#6b7280)}
  html:not(.meiai-native) .me-shop-links a:focus-visible {outline:2px solid currentColor;outline-offset:3px}
  @supports (-webkit-touch-callout:none) {
    html:not(.meiai-native) .ms-preferences select {font-size:16px}
  }
}