/* PPN Market v2.2 — public catalog browsing only; no finance or checkout styles. */
.mk-page.mk-next .mk-next-hero {
  background-color: #0c3548;
  background-image: linear-gradient(90deg,rgba(7,30,46,.66),rgba(6,40,52,.38) 48%,rgba(6,45,48,.10)),url('/assets/images/market/market-hero-desktop.webp');
  background-size: cover;
  background-position: center center;
}
.mk-page.mk-next .mk-next-hero::before { display: none; }
.mk-page.mk-next .mk-next-hero-inner { grid-template-columns: minmax(0,670px) minmax(0,1fr); }
.mk-page.mk-next .mk-next-hero-art { display: none; }
.mk-page.mk-next .mk-next-search { position: relative; z-index: 2; }
.mk-page.mk-next .mk-next-search button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; white-space: nowrap; min-width: 88px; }
.mk-page.mk-next .mk-search-button-spinner,.mk-ring { display: none; width: 15px; height: 15px; flex: none; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: mk-v22-spin .75s linear infinite; }
.mk-page.mk-next .mk-search-button-spinner { color:#fff; }
.mk-page.mk-next .mk-next-search button.is-searching .mk-search-button-spinner { display: inline-block; }
.mk-page.mk-next .mk-search-feedback { color: #d8fff4; background: rgba(5,30,46,.45); border:1px solid rgba(171,237,219,.20); padding: 8px 12px; margin-top: 11px; border-radius: 10px; width: fit-content; max-width: 100%; font-size: 12px; line-height: 1.7; }
.mk-page.mk-next .mk-search-feedback[hidden] { display:none!important; }
.mk-page.mk-next .mk-search-feedback.is-searching:before { content:''; display:inline-block; width:10px; height:10px; margin-right:8px; border:2px solid #bdfaf0; border-right-color:transparent; border-radius:50%; animation:mk-v22-spin .75s linear infinite; vertical-align:middle; }
.mk-page.mk-next .mk-next-results-head h2 { scroll-margin-top: 93px; }
.mk-page.mk-next .mk-result-status { font-size: 12px; color: #247581; font-weight: 600; line-height: 1.7; margin: 3px 0 0; }
.mk-page.mk-next .mk-result-status:empty { display: none; }
.mk-page.mk-next .mk-next-pager { margin-block: 24px; }
/* Progressive enhancement: server-side pagination remains available to crawlers and no-JS visitors. */
.mk-page.mk-next.mk-market-live .mk-next-pager { display: none!important; }
.mk-page.mk-next .mk-load-sentinel { height: 1px; pointer-events:none; }
.mk-page.mk-next .mk-infinite-status { display:flex; justify-content:center; align-items:center; gap:11px; text-align:center; color:#607f8e; min-height:26px; padding:15px 0; font-size:12px; }
.mk-page.mk-next .mk-infinite-status:empty { min-height:0; padding:0; }
.mk-page.mk-next .mk-infinite-status.is-busy .mk-ring { display:inline-block; color:#0d9098; }
.mk-page.mk-next .mk-load-error { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:13px; margin:15px auto; max-width:650px; background:#fff7eb; border:1px solid #efd2a7; padding:15px; border-radius:13px; color:#795126; font-weight:650; font-size:12px; }
.mk-page.mk-next .mk-load-error[hidden] { display:none!important; }
.mk-page.mk-next .mk-next-load-more button { border-radius:12px; min-height:44px; }
.mk-market-skeleton { background:#fff; border:1px solid #e7eef2; border-radius:14px; overflow:hidden; box-shadow:0 6px 15px rgba(17,51,67,.03); }
.mk-market-skeleton>div { aspect-ratio:1.14; background:linear-gradient(105deg,#edf3f5 20%,#dbe9ec 42%,#edf3f5 64%); background-size:220% 100%; animation:mk-v22-shimmer 1.25s linear infinite; }
.mk-market-skeleton>span { display:block; margin:13px 13px 0; height:12px; border-radius:8px; background:#e6f0f2; }
.mk-market-skeleton>span:last-child { width:49%; height:18px; margin-bottom:18px; }
/* Accessible carousel: usable with swipe, arrows, and keyboard even without autoplay. */
.mk-page.mk-next .mk-feat-header { gap:15px; align-items:end; }
.mk-page.mk-next .mk-feat-header .mk-next-section-kicker { display:block; margin-bottom:5px; }
.mk-page.mk-next .mk-feat-actions { display:flex; align-items:center; gap:8px; flex:none; }
.mk-page.mk-next .mk-carousel-counter { color:#6b8996; font-size:12px; font-weight:700; white-space:nowrap; }
.mk-page.mk-next .mk-carousel-arrow { display:grid; place-items:center; flex:none; width:37px; height:37px; color:#0b6e79; background:white; border:1px solid #cee2e6; border-radius:50%; cursor:pointer; font-size:27px; line-height:1; box-shadow:0 3px 12px rgba(12,53,66,.06); }
.mk-page.mk-next .mk-carousel-arrow:hover { background:#e9f7f7; border-color:#9bcdd1; }
.mk-page.mk-next .mk-carousel-arrow[hidden] { display:none!important; }
.mk-page.mk-next .mk-bs-scroll { scroll-padding-inline:4px; scrollbar-width:none; padding-block:9px 13px; }
.mk-page.mk-next .mk-bs-scroll::-webkit-scrollbar { display:none; }
.mk-page.mk-next .mk-bs-card { flex-basis:210px; box-shadow:0 5px 18px rgba(18,62,75,.07); border:1px solid #e3edef; }
.mk-page.mk-next .mk-bs-card:focus-visible { outline-offset:2px; }
.mk-page.mk-next .mk-carousel-hint { color:#8197a1; font-size:11px; margin:4px 0 0; text-align:right; }
@keyframes mk-v22-spin { to { transform:rotate(360deg) } }
@keyframes mk-v22-shimmer { to { background-position-x:-220% } }
@media(max-width:780px){
 .mk-page.mk-next .mk-next-hero { background-image:linear-gradient(180deg,rgba(6,31,47,.48),rgba(6,31,47,.79) 45%,rgba(6,31,47,.91) 85%),url('/assets/images/market/market-hero-mobile.webp'); background-position:right top; }
 .mk-page.mk-next .mk-next-hero-inner { display:block; }
}
@media(max-width:520px){
 .mk-page.mk-next .mk-next-search button { min-width:71px; padding-inline:12px; }
 .mk-page.mk-next .mk-next-search button.is-searching { min-width:97px; font-size:11px; }
 .mk-page.mk-next .mk-next-results-head h2 { scroll-margin-top:76px; }
 .mk-page.mk-next .mk-feat-header { align-items:center; }
 .mk-page.mk-next .mk-feat-title { font-size:17px; }
 .mk-page.mk-next .mk-bs-card { flex-basis:164px; }
 .mk-page.mk-next .mk-feat-actions { gap:5px; }
 .mk-page.mk-next .mk-carousel-arrow { width:31px; height:31px; font-size:21px; }
 .mk-page.mk-next .mk-carousel-hint { text-align:left; }
}
@media(prefers-reduced-motion:reduce){
 .mk-market-skeleton>div,.mk-page.mk-next .mk-search-button-spinner,.mk-page.mk-next .mk-search-feedback.is-searching:before,.mk-ring { animation:none!important; }
 .mk-page.mk-next .mk-bs-scroll { scroll-behavior:auto!important; }
}