/* MIJUONE v1.18.4 — original secondhand-market photograph, consistent light hero.
   Scoped to the marketplace landing page; no global navigation/other page overrides. */
.page-marketplace{background:linear-gradient(180deg,#f7fbff 0%,#f4f8ff 100%)}
.mm-market-app{padding-top:18px}
.mm-market-app .mm-unified-hero{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;
  min-height:276px;gap:28px;overflow:hidden;border:1px solid #d6e7fb;border-radius:22px;
  padding:27px clamp(20px,2.1vw,34px);background:#e9f4ff;box-shadow:0 14px 34px rgba(27,78,145,.08);
}
.mm-unified-hero::before{display:none}
.mm-unified-hero .mm-hero-photo{
  position:absolute;inset:0 0 0 30%;z-index:-2;
  background-image:url('../img/hero-market-secondhand.png');background-size:cover;
  background-position:center center;filter:saturate(1.03) contrast(1.02);
  transform:scale(1.02);animation:mmHeroPhotoBreath 24s ease-in-out infinite alternate;
}
.mm-unified-hero .mm-hero-wash{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(91deg,#f5faff 0%,#f1f8ff 34%,rgba(238,247,255,.97) 43%,rgba(231,244,255,.82) 58%,rgba(224,240,255,.34) 80%,rgba(200,227,255,.18) 100%);
}
@keyframes mmHeroPhotoBreath{from{transform:scale(1.025)}to{transform:scale(1.09) translate3d(-1.5%,0,0)}}
.mm-unified-hero .mm-head-copy{position:relative;z-index:1;max-width:600px;flex:1 1 auto;min-width:0}
.mm-unified-hero .mm-overline{font-size:10px;color:#346dad;letter-spacing:.12em}
.mm-unified-hero h1{font-size:clamp(32px,3vw,47px);font-weight:950;line-height:1.14;letter-spacing:-.075em;color:#10366d;margin:12px 0}
.mm-unified-hero h1 em{background:linear-gradient(110deg,#125ddd,#2797ea);-webkit-background-clip:text;background-clip:text;color:transparent}
.mm-unified-hero p{margin:0;font-size:12px;font-weight:620;line-height:1.75;color:#4d709c;max-width:53ch}
.mm-unified-hero .mm-hero-pills{margin-top:17px;gap:7px}
.mm-unified-hero .mm-hero-pills span{
  display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;
  border:1px solid #c3dbf8;background:rgba(255,255,255,.66);color:#3469ac;
  font-size:9.5px;font-weight:800;box-shadow:0 3px 10px rgba(40,91,164,.045);backdrop-filter:blur(8px);
}
.mm-unified-hero .mm-head-actions{
  position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;
  gap:9px;flex:0 0 218px;max-width:240px;min-width:0;padding:16px;
  border:1px solid rgba(255,255,255,.88);border-radius:18px;
  background:rgba(246,251,255,.87);backdrop-filter:blur(14px);
  box-shadow:0 14px 32px rgba(24,80,157,.11);
}
.mm-unified-hero .mm-action-eyebrow{display:block;text-align:center;white-space:normal;color:#6b8cb5;font-size:8px;letter-spacing:.09em;font-weight:900}
.mm-unified-hero .mm-main-action{min-height:42px;padding:11px 12px;border-radius:11px;font-size:11px;box-shadow:0 10px 20px rgba(23,90,204,.18)}
.mm-unified-hero .mm-soft-action{min-height:38px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.82);font-size:10.5px}
.mm-unified-hero .mm-head-actions .icon{height:15px;width:15px}
/* A quieter, consistent content rhythm: no giant empty panels or gimmicky floating metrics. */
.mm-market-app .mm-mini-intro{margin:18px 2px 11px}
.mm-market-app .mm-stage{gap:13px}
.mm-market-app .mm-filter-panel,.mm-market-app .mm-feed,.mm-market-app .mm-right-card{border-radius:16px;border-color:#e0eafa;box-shadow:0 9px 25px rgba(26,78,151,.06)}
.mm-market-app .mm-feed{padding:18px}
.mm-market-app .mm-feed-top h2{font-size:19px}
.mm-market-app .mm-chips a{border-radius:999px;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.mm-market-app .mm-chips a:hover{transform:translateY(-2px)}
.mm-market-app .mm-product-grid{gap:12px}
.mm-market-app .mm-product-card{border-radius:15px;border:1px solid #e1eaf7;background:#fff;box-shadow:0 5px 17px rgba(27,82,151,.045);animation:none;transition:transform .24s cubic-bezier(.2,.82,.3,1),border-color .24s,box-shadow .24s}
.mm-market-app .mm-product-card:hover{transform:translateY(-4px);border-color:#b6d5f9;box-shadow:0 13px 27px rgba(25,81,155,.12)}
.mm-market-app .mm-product-picture img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.mm-market-app .mm-product-card:hover .mm-product-picture img{transform:scale(1.045)}
.mm-market-app .mm-product-content{padding:12px 12px 11px;gap:6px}
.mm-market-app .mm-product-title{font-size:12px}
.mm-market-app .mm-product-price{font-size:18px;color:#174c93}
.mm-market-app .mm-product-category{color:#3373c1}
.mm-market-app .mm-card-save{top:10px;right:10px}
.mm-market-app .mm-card-save button{height:32px;width:32px;transition:transform .2s ease,background .2s ease}
.mm-market-app .mm-card-save button:hover{transform:scale(1.06);background:#fff}
.mm-market-app .mm-right{gap:12px}
.mm-market-app .mm-right-card{padding:17px 15px}
.mm-market-app .mm-right-primary{background:linear-gradient(145deg,#1768e2,#248ee9);box-shadow:0 12px 28px rgba(21,99,209,.15);border-color:#2681e5}
.mm-market-app .mm-right-primary a{transition:transform .22s ease,filter .22s ease}
.mm-market-app .mm-right-primary a:hover{transform:translateY(-2px);filter:brightness(1.06)}
.mm-market-app .mm-main-action:focus-visible,.mm-market-app .mm-soft-action:focus-visible,.mm-market-app .mm-chips a:focus-visible,
.mm-market-app .mm-product-picture:focus-visible,.mm-market-app .mm-card-save button:focus-visible{
  outline:3px solid #177df0;outline-offset:3px;
}
/* Gentle entrance motion, only after JS determines elements are visible. Content is never hidden by default. */
@media(prefers-reduced-motion:no-preference){
 .mm-market-app .mm-unified-hero .mm-head-copy{animation:mmHeroReveal .5s both}
 .mm-market-app .mm-unified-hero .mm-head-actions{animation:mmHeroReveal .55s .09s both}
 .mm-market-app .mm-product-card.is-mm-appearing{animation:mmCardArrive .48s cubic-bezier(.18,.79,.25,1) both}
}
@keyframes mmHeroReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes mmCardArrive{from{opacity:.55;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1290px){
 .mm-unified-hero .mm-head-copy{max-width:570px}
 .mm-unified-hero{min-height:260px}
 .mm-unified-hero .mm-head-actions{flex-basis:205px}
}
@media(max-width:1023px){
 .mm-market-app .mm-unified-hero{display:flex;min-height:245px;align-items:center}
 .mm-unified-hero .mm-head-actions{margin:0;max-width:210px;flex:0 0 210px}
 .mm-unified-hero .mm-hero-photo{inset:0 0 0 18%}
 .mm-unified-hero .mm-hero-wash{background:linear-gradient(90deg,#f5faff,rgba(240,248,255,.96) 49%,rgba(231,244,255,.35))}
}
@media(max-width:690px){
 .mm-market-app{padding-top:12px}
 .mm-market-app .mm-unified-hero{min-height:0;display:block;border-radius:16px;padding:20px 16px 17px}
 .mm-unified-hero .mm-head-copy{max-width:100%}
 .mm-unified-hero .mm-hero-photo{inset:0 0 0 18%;background-position:60% center}
 .mm-unified-hero .mm-hero-wash{background:linear-gradient(90deg,rgba(245,250,255,.99) 0%,rgba(238,248,255,.96) 57%,rgba(228,243,255,.68) 100%)}
 .mm-unified-hero h1{font-size:clamp(28px,7.5vw,35px);margin:9px 0}
 .mm-unified-hero .mm-overline{font-size:9px}
 .mm-unified-hero p{font-size:11px;line-height:1.6}
 .mm-unified-hero .mm-hero-pills{gap:5px;margin-top:11px}
 .mm-unified-hero .mm-hero-pills span{font-size:8px;padding:5px 8px;min-height:0}
 .mm-unified-hero .mm-head-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:none;min-width:0;margin:15px 0 0;padding:11px}
 .mm-unified-hero .mm-action-eyebrow{grid-column:1/-1;font-size:8px;text-align:left}
 .mm-unified-hero .mm-head-actions a{min-width:0;max-width:none;white-space:normal;line-height:1.3;text-align:center;font-size:10px}
 .mm-unified-hero .mm-main-action{padding:9px 6px}
 .mm-market-app .mm-feed{padding:13px}
}
@media(max-width:390px){.mm-unified-hero .mm-head-actions{grid-template-columns:1fr}.mm-unified-hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.mm-market-app .mm-unified-hero .mm-hero-photo,.mm-market-app .mm-product-card{animation:none!important;transition:none!important}}
:root[data-theme="dark"] .mm-market-app .mm-unified-hero{border-color:#386086;background:#142b44}
:root[data-theme="dark"] .mm-unified-hero .mm-hero-wash{background:linear-gradient(90deg,#183453,rgba(22,49,80,.96) 45%,rgba(22,49,80,.55))}
:root[data-theme="dark"] .mm-unified-hero h1{color:#e4f1ff}
:root[data-theme="dark"] .mm-unified-hero p{color:#afc8e6}
:root[data-theme="dark"] .mm-unified-hero .mm-head-actions{background:rgba(29,54,83,.86);border-color:#426b92}
:root[data-theme="dark"] .mm-unified-hero .mm-hero-pills span{background:rgba(27,54,88,.82);color:#b8d6fa;border-color:#406992}

.mi-region-help{margin:8px 2px 0;color:#6c87a9;font-size:10.5px;line-height:1.55;background:#f4f9ff;border:1px solid #dceafa;border-radius:12px;padding:10px 12px}.mi-region-help strong{color:#205aa8}