/* Every override is PC-only and is removed by the shell class on resize. */
@media (min-width:1000px) {
  html:not(.meiai-native) body.mp-platform-desktop {
    --mp-shell-height:168px;
    --mp-shell-announcement-height:30px;
    --mp-shell-header-height:88px;
    --mp-shell-nav-height:50px;
    --mp-shell-ink:#4d4a54;
    --mp-shell-muted:#908e98;
    --mp-shell-line:#ece3ea;
    --mp-shell-paper:#fefcfd;
    --mp-shell-pink:#a77f9b;
    --mp-shell-teal:#628f9b;
    --mp-shell-header-surface:linear-gradient(110deg,#fff,#fefcfd 70%,#f5fbfc);
    --mp-shell-soft-surface:linear-gradient(110deg,#f9edef,#f4eef2,#e8f5f7);
    --mp-shell-selected-surface:linear-gradient(110deg,#efcdd3,#e3d8e2,#cce8ee);
  }

  html:not(.meiai-native) body.single.mp-platform-desktop .all-board {
    padding-top:var(--mp-shell-height)!important;
    box-sizing:border-box;
  }
  html:not(.meiai-native) body.single.mp-platform-desktop .screen-card>.phone {
    height:calc(100dvh - var(--mp-shell-height))!important;
  }
  html:not(.meiai-native) body.single.mp-platform-desktop .dn-drawer .screen-card>.phone {
    height:100%!important;
  }

  /* Preserve the existing full-screen camera layout. */
  html:not(.meiai-native) body.single.mp-platform-desktop.cam-open .all-board {padding:0!important}
  html:not(.meiai-native) body.single.mp-platform-desktop .screen-card>.phone.cam-is-open {height:100dvh!important}
  html:not(.meiai-native) body.mp-platform-desktop.cam-open :is(.mp-shell-announcement,.mp-shell-navigation) {display:none!important}

  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-announcement {
    position:fixed;
    inset:0 0 auto;
    z-index:121;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    height:var(--mp-shell-announcement-height);
    box-sizing:border-box;
    padding:0 24px;
    border-bottom:1px solid #ede5ec;
    background:linear-gradient(110deg,#fbf0f3,#f8f5fa 55%,#eef8fa);
    color:#797380;
    font:400 11px/1.4 'Noto Sans JP',sans-serif;
    letter-spacing:.035em;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-announcement a {
    color:inherit;
    text-decoration:none;
    white-space:nowrap;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-shipping::before {
    content:'✓';
    margin-right:8px;
    color:var(--mp-shell-pink);
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-announcement-detail {
    color:#938995;
    font-size:10px;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-announcement .mp-shell-rewards {
    color:var(--mp-shell-teal);
    font-weight:600;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-arrow {margin-left:10px}

  html:not(.meiai-native) body.mp-platform-desktop .dn-header {
    top:var(--mp-shell-announcement-height);
    height:var(--mp-shell-header-height);
    display:grid;
    grid-template-columns:220px minmax(240px,1fr) 272px;
    gap:32px;
    padding:0 36px;
    border-bottom:1px solid var(--mp-shell-line);
    background:var(--mp-shell-header-surface);
    color:var(--mp-shell-ink);
    box-shadow:none;
  }
  html:not(.meiai-native) body.mp-platform-desktop .dn-primary {display:none!important}
  html:not(.meiai-native) body.mp-platform-desktop .dn-brand {gap:13px;min-width:0;max-width:100%}
  html:not(.meiai-native) body.mp-platform-desktop .dn-brand-mark {width:39px;height:39px;border-radius:11px}
  html:not(.meiai-native) body.mp-platform-desktop .dn-brand-word {width:160px;max-width:calc(100% - 52px);height:auto}

  html:not(.meiai-native) body.mp-platform-desktop .wp-header-search {
    position:relative;
    display:flex;
    align-items:center;
    gap:0;
    width:100%;
    max-width:none;
    height:46px;
    box-sizing:border-box;
    padding:0 0 0 39px;
    border:1px solid #e4e4eb;
    border-radius:14px;
    background:#f8f6fa;
    color:var(--mp-shell-ink);
  }
  html:not(.meiai-native) body.mp-platform-desktop .wp-header-search input {
    min-width:0;
    height:100%;
    padding:0 12px 0 0;
    font-size:14px;
    color:var(--mp-shell-ink);
  }
  html:not(.meiai-native) body.mp-platform-desktop .wp-header-search input::placeholder {color:#9a95a2;opacity:1}
  html:not(.meiai-native) body.mp-platform-desktop .wp-header-search button {
    width:62px;
    height:36px;
    margin:4px;
    padding:0;
    border:0;
    border-radius:11px;
    background:var(--mp-shell-soft-surface);
    font:400 13px 'Noto Sans JP',sans-serif;
    color:#736879;
  }
  html:not(.meiai-native) body.mp-platform-desktop .wp-header-search button svg {
    position:absolute;
    left:12px;
    top:13px;
    width:19px;
    height:19px;
    color:#94889c;
    pointer-events:none;
  }
  html:not(.meiai-native) body.mp-platform-desktop .wp-header-search:focus-within {
    outline:2px solid #b99bb4;
    outline-offset:2px;
    border-color:#d8ccd9;
    box-shadow:none;
  }
  html:not(.meiai-native) body.mp-platform-desktop .dn-utilities {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    min-width:0;
  }
  html:not(.meiai-native) body.mp-platform-desktop :is(.dn-utility,.mp-shell-favorite) {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    gap:6px;
    height:60px;
    min-width:64px;
    padding:5px 7px;
    border:0;
    border-radius:18px;
    background:transparent;
    color:#6c6575;
    font:400 11px/1.25 'Noto Sans JP',sans-serif;
    letter-spacing:.015em;
    white-space:nowrap;
    cursor:pointer;
  }
  html:not(.meiai-native) body.mp-platform-desktop :is(.dn-utility>.dn-icon,.mp-shell-favorite-icon) {
    display:block;
    width:24px;
    height:24px;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-favorite-icon svg {display:block;width:100%;height:100%}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-favorite {color:var(--mp-shell-pink)}
  html:not(.meiai-native) body.mp-platform-desktop :is(.dn-utility,.mp-shell-favorite):hover {background:var(--mp-shell-soft-surface);color:#655a70}
  html:not(.meiai-native) body.mp-platform-desktop .dn-utility[aria-expanded=true],
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-favorite[aria-pressed=true] {background:var(--mp-shell-selected-surface)}
  html:not(.meiai-native) body.mp-platform-desktop .dn-bag-count {
    position:absolute;
    top:1px;
    right:10px;
    min-width:15px;
    height:15px;
    font-size:9px;
  }

  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-navigation {
    position:fixed;
    inset:calc(var(--mp-shell-announcement-height) + var(--mp-shell-header-height)) 0 auto;
    z-index:120;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:24px;
    height:var(--mp-shell-nav-height);
    box-sizing:border-box;
    padding:0 36px;
    border-bottom:1px solid var(--mp-shell-line);
    background:var(--mp-shell-header-surface);
    color:var(--mp-shell-ink);
  }
  html:not(.meiai-native) body.mp-platform-desktop :is(.mp-shell-nav-shop,.mp-shell-nav-community) {
    display:flex;
    align-items:stretch;
    gap:25px;
    min-width:0;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-community {
    position:relative;
    gap:29px;
    padding-left:30px;
    margin-left:auto;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-community::before {
    content:'';
    position:absolute;
    left:0;
    top:14px;
    bottom:14px;
    width:1px;
    background:#e7dfeb;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-item {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-shrink:0;
    min-height:44px;
    padding:0 1px;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--mp-shell-ink);
    font:400 13px/1.35 'Noto Sans JP',sans-serif;
    letter-spacing:.04em;
    white-space:nowrap;
    cursor:pointer;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-section {font-weight:600}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-english {
    color:var(--mp-shell-teal);
    font-family:'Noto Sans JP',sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:.13em;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-community .mp-shell-nav-english {color:var(--mp-shell-pink)}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-item::after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    border-radius:2px;
    background:linear-gradient(110deg,#e3a4ae,#bdbcca 48%,#82ccd6);
    opacity:0;
    transition:opacity .15s ease;
  }
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-community .mp-shell-nav-item::after {background:linear-gradient(110deg,#e3a4ae,#bdbcca 48%,#82ccd6)}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-item[aria-current=page]::after {opacity:1}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-item:hover {color:var(--mp-shell-teal)}
  html:not(.meiai-native) body.mp-platform-desktop :is(.mp-shell-navigation,.mp-shell-announcement) :is(a,button):focus-visible,
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-favorite:focus-visible {
    outline:2px solid var(--mp-shell-teal);
    outline-offset:3px;
  }
  html:not(.meiai-native) body.mp-platform-desktop :is(.mp-shell-announcement,.mp-shell-navigation,.mp-shell-favorite)[hidden] {display:none!important}

  html[data-theme=dark]:not(.meiai-native) body.mp-platform-desktop {
    --mp-shell-ink:#e5dce3;
    --mp-shell-muted:#bfb1bd;
    --mp-shell-line:#4a404c;
    --mp-shell-paper:#292530;
    --mp-shell-pink:#ddb0c3;
    --mp-shell-teal:#a4d0d0;
    --mp-shell-header-surface:linear-gradient(110deg,#2d3744,#2d3744 70%,#2d3744);
    --mp-shell-soft-surface:linear-gradient(110deg,#313d4b,#313d4b,#313d4b);
    --mp-shell-selected-surface:linear-gradient(110deg,#4d383b,#3a4757,#38494d);
  }
  html[data-theme=dark]:not(.meiai-native) body.mp-platform-desktop .mp-shell-announcement {background:#34303a;color:#dfd1dc;border-color:#4a404c}
  html[data-theme=dark]:not(.meiai-native) body.mp-platform-desktop .wp-header-search {background:#303b49;color:#e1e5e7;border-color:#556373}
  html[data-theme=dark]:not(.meiai-native) body.mp-platform-desktop .wp-header-search button {color:#d4c8dc}
  html[data-theme=dark]:not(.meiai-native) body.mp-platform-desktop :is(.dn-utility,.mp-shell-favorite) {color:var(--mp-shell-muted)}
  html[data-theme=dark]:not(.meiai-native) body.mp-platform-desktop :is(.dn-utility,.mp-shell-favorite):hover {background:#433640}
}

@media (min-width:1000px) and (max-width:1199px) {
  html:not(.meiai-native) body.mp-platform-desktop .dn-header {grid-template-columns:183px minmax(220px,1fr) 234px;gap:22px;padding-inline:24px}
  html:not(.meiai-native) body.mp-platform-desktop .dn-brand {gap:10px}
  html:not(.meiai-native) body.mp-platform-desktop .dn-brand-mark {width:34px;height:34px}
  html:not(.meiai-native) body.mp-platform-desktop .dn-brand-word {width:138px;max-width:calc(100% - 44px)}
  html:not(.meiai-native) body.mp-platform-desktop .dn-utilities {gap:7px}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-navigation {padding-inline:24px;gap:18px}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-shop {gap:19px}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-community {padding-left:21px;gap:20px}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-item {font-size:12px;gap:7px;letter-spacing:.02em}
  html:not(.meiai-native) body.mp-platform-desktop .mp-shell-nav-english {font-size:10px;letter-spacing:.1em}
}