/* ONFIX Market: same airy, white/light-grey canvas as MOBSHOP.
   Loaded after Market's mobile styles to preserve its layout and behaviors. */
:root{--onfix-market-canvas:#f4f6f9;--onfix-market-paper:#fff;--onfix-market-gold:#ac8530;--onfix-market-text:#181818}
html body:has(.mk-wrap){background:#f4f6f9!important;background-image:none!important;color:var(--onfix-market-text)!important}
html body .mk-wrap{background:transparent!important}
html body .mk-top{background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid #eceef1!important;border-radius:0!important;box-shadow:none!important}
html body .mk-market-brand p{color:#777!important}
html body .mk-account-links{background:transparent!important;border:0!important;box-shadow:none!important}
html body .mk-account-links a{color:#474747!important}
html body .market-search-form{background:#fff!important;border:0!important;border-radius:19px!important;box-shadow:0 5px 22px rgba(28,35,45,.035)!important}
html body .market-search-bar{background:#fff!important;border:1px solid #ececec!important;border-radius:15px!important;box-shadow:none!important}
html body .market-search-bar>input{background:#fff!important;color:#242424!important;border:0!important;box-shadow:none!important}
html body .market-search-bar>input::placeholder{color:#999!important;opacity:1!important}
html body .market-search-bar>button{box-shadow:none!important}
html body .market-search-bar #marketFilterOpen,
html body .market-search-bar .market-search-submit{border:0!important;border-radius:10px!important}
html body .section-title{color:#161616!important}
html body .section-title>span{color:#606060!important}
html body .grid .card{background:#fff!important;background-image:none!important;border:1px solid #f0f1f3!important;border-radius:19px!important;box-shadow:0 5px 22px rgba(27,31,38,.045)!important;color:#191919!important}
html body .grid .card:hover{box-shadow:0 9px 26px rgba(27,31,38,.075)!important}
html body .grid .card-link,html body .grid .body{background:#fff!important;background-image:none!important;color:#161616!important}
html body .grid .photo{background:#fff!important}
html body .grid .title{color:#191919!important}
html body .grid .price{color:#92752c!important}
html body .grid .meta{color:#777!important;opacity:1!important}
html body .grid .tag{background:#f0f1f3!important;color:#282828!important;border:0!important}
html body .grid .tag:not(.used){background:#f6e9c8!important}
html body .grid .fav button,html body .grid .fav a{background:#fff!important;color:#171717!important;border:0!important;box-shadow:0 4px 14px rgba(0,0,0,.08)!important}
html body .grid .fav .on{color:#b21b35!important}
html body .mk-wrap .empty{background:#fff!important;border:0!important;box-shadow:0 5px 22px rgba(27,31,38,.04)!important}
html body .market-search-form dialog{background:#fff!important;color:#181818!important;border:1px solid #ececec!important;box-shadow:0 18px 48px rgba(30,30,30,.13)!important}
html body .market-search-form dialog input,html body .market-search-form dialog select{background:#fff!important;color:#181818!important;border:1px solid #e5e5e5!important}
@media(max-width:760px){
 html body:has(.mk-wrap){background:#f4f6f9!important;background-image:none!important}
 html body .mk-wrap{padding-left:10px!important;padding-right:10px!important}
 html body .mk-top{background:#fff!important;padding:9px 2px 13px!important}
 html body .market-search-form{padding:5px!important;border-radius:13px!important}
 html body .market-search-bar{border:1px solid #ededed!important}
 html body .grid{gap:10px!important}
 html body .grid .card{border-radius:14px!important}
}

/* v2 — match MOBSHOP's neutral page backdrop, including the global gold overlay. */
html:root:root:root,
html:root:root:root body:has(.mk-wrap){
  background:#f4f6f9!important;
  background-color:#f4f6f9!important;
  background-image:none!important;
}
html:root:root:root body:has(.mk-wrap)::before,
html:root:root:root body:has(.mk-wrap)::after{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  content:none!important;
}

/* Keep favorite controls in the lower-right of their own listing, not on its photo. */
html body .mk-wrap .grid .card{position:relative!important}
html body .mk-wrap .grid .card .fav{
  position:absolute!important;
  inset:auto 10px 10px auto!important;
  top:auto!important;
  right:10px!important;
  bottom:10px!important;
  left:auto!important;
  z-index:5!important;
}
html body .mk-wrap .grid .card .body{
  padding-bottom:56px!important;
}
html body .mk-wrap .grid .card .fav button,
html body .mk-wrap .grid .card .fav a{
  display:grid!important;
  place-items:center!important;
  color:#161616!important;
  background:#fff!important;
  border:0!important;
  box-shadow:0 3px 12px rgba(0,0,0,.08)!important;
}
html body .mk-wrap .grid .card .fav .on{color:#b21b35!important}
@media(max-width:560px){
  html body .mk-wrap .grid .card .fav{
    inset:auto 8px 8px auto!important;
    top:auto!important;
    right:8px!important;
    bottom:8px!important;
    left:auto!important;
  }
  html body .mk-wrap .grid .card .body{padding-bottom:50px!important}
}


/* v3 force wishlist/favorite control into card lower-right corner */
html body .mk-wrap .grid .card{position:relative!important;}
html body .mk-wrap .grid .card .fav,
html body .mk-wrap .grid .card .favorite,
html body .mk-wrap .grid .card .wishlist-btn{position:absolute!important;right:10px!important;bottom:10px!important;top:auto!important;left:auto!important;inset:auto 10px 10px auto!important;z-index:9!important;}
html body .mk-wrap .grid .card .body{padding-bottom:58px!important;}
@media(max-width:560px){html body .mk-wrap .grid .card .fav,html body .mk-wrap .grid .card .favorite,html body .mk-wrap .grid .card .wishlist-btn{right:8px!important;bottom:8px!important;top:auto!important;left:auto!important;inset:auto 8px 8px auto!important;}html body .mk-wrap .grid .card .body{padding-bottom:52px!important;}}

/* v4 - Layout-based placement: heart is AFTER the product link, no overlay on photo. */
html body .mk-wrap .grid .card {display:flex!important;flex-direction:column!important;}
html body .mk-wrap .grid .card>.card-link {display:block!important;flex:1 0 auto!important;}
html body .mk-wrap .grid .card>.fav {
  position:static!important;inset:auto!important;top:auto!important;bottom:auto!important;right:auto!important;left:auto!important;
  order:2!important;align-self:flex-end!important;margin:0 9px 9px auto!important;
  transform:none!important;
}
html body .mk-wrap .grid .card .body{padding-bottom:9px!important;}
@media(max-width:560px){html body .mk-wrap .grid .card>.fav{margin:0 7px 7px auto!important;}}

/* v5: public listings - favorites at top-right, verified at top-left, price first */
html body .mk-wrap .grid .card{position:relative!important;display:block!important;}
html body .mk-wrap .grid .card>.card-link{display:block!important;}
html body .mk-wrap .grid .card>.fav{
  position:absolute!important;inset:8px 8px auto auto!important;
  top:8px!important;right:8px!important;bottom:auto!important;left:auto!important;
  z-index:30!important;display:block!important;margin:0!important;
  align-self:auto!important;order:initial!important;transform:none!important;
}
html body .mk-wrap .grid .card .body{padding:8px 11px 12px!important;}
html body .mk-wrap .grid .card .price{margin:0 0 6px!important;line-height:1.25!important;}
html body .mk-wrap .grid .card .title{margin:0!important;}
html body .mk-wrap .grid .card .photo .listing-photo-badges-verified{
 top:7px!important;right:7px!important;left:auto!important;bottom:auto!important;align-items:flex-end!important;
 max-width:calc(100% - 65px)!important;
}
html body .mk-wrap .grid .card .photo .listing-photo-badges:not(.listing-photo-badges-label):not(.listing-photo-badges-verified){
 top:7px!important;right:7px!important;left:auto!important;bottom:auto!important;align-items:flex-end!important;
 max-width:calc(100% - 65px)!important;
}
html body .mk-wrap .grid .card .photo .listing-photo-badges-label{
 top:auto!important;bottom:7px!important;left:7px!important;right:auto!important;align-items:flex-start!important;
}
@media(max-width:560px){
 html body .mk-wrap .grid .card>.fav{inset:7px 7px auto auto!important;top:7px!important;right:7px!important;bottom:auto!important;left:auto!important;}
 html body .mk-wrap .grid .card .body{padding:8px 9px 10px!important;}
}

/* v6 explicit physical corners; override earlier badge and favorite positioning */
html body .mk-wrap section.grid article.card { position:relative!important; }
html body .mk-wrap section.grid article.card > .fav {
  position:absolute!important;
  inset:8px 8px auto auto!important;
  top:8px!important; right:8px!important; bottom:auto!important; left:auto!important;
  float:none!important; margin:0!important; transform:none!important; z-index:60!important;
}
html body .mk-wrap section.grid article.card .photo { position:relative!important; }
html body .mk-wrap section.grid article.card .photo .listing-photo-badges-verified {
  position:absolute!important;
  inset:8px auto auto 8px!important;
  top:8px!important; left:8px!important; right:auto!important; bottom:auto!important;
  align-items:flex-start!important; text-align:left!important;
  max-width:calc(100% - 65px)!important; z-index:45!important;
}
html body .mk-wrap section.grid article.card .photo .listing-photo-badges-verified .listing-photo-badge {
  max-width:100%!important;
}
html body .mk-wrap section.grid article.card .photo .listing-photo-badges-label {
  position:absolute!important; inset:auto auto 8px 8px!important;
  top:auto!important; bottom:8px!important; left:8px!important; right:auto!important;
  align-items:flex-start!important;
}
@media(max-width:560px){
 html body .mk-wrap section.grid article.card > .fav {inset:7px 7px auto auto!important;top:7px!important;right:7px!important;bottom:auto!important;left:auto!important;}
 html body .mk-wrap section.grid article.card .photo .listing-photo-badges-verified {inset:7px 7px auto auto!important;top:7px!important;right:7px!important;left:auto!important;bottom:auto!important;}
}

/* v7 - pin positions, including rules from promotion CSS */
html body .mk-wrap .grid article.card{position:relative!important;}
html body .mk-wrap .grid article.card>.fav{position:absolute!important;inset:auto!important;top:7px!important;right:7px!important;bottom:auto!important;left:auto!important;z-index:30!important;}
html body .mk-wrap .grid article.card .photo{position:relative!important;}
html body .mk-wrap .grid article.card .photo>.listing-photo-badges-verified{position:absolute!important;inset:auto!important;top:7px!important;right:7px!important;left:auto!important;bottom:auto!important;z-index:10!important;align-items:flex-end!important;}
html body .mk-wrap .grid article.card .photo>.listing-photo-badges-label{position:absolute!important;inset:auto!important;bottom:7px!important;left:7px!important;top:auto!important;right:auto!important;z-index:10!important;align-items:flex-start!important;}