/* ==========================================================================
   MODE PENGEMBANGAN — Marketplace diburamkan & dikunci (Athena Theme)
   ====================================================================== */
.mkt-dev{position:relative;margin-top:16px;border-radius:18px;overflow:hidden}
.mkt-dev-blur{display:flex;flex-direction:column;gap:14px;
  filter:blur(7px);opacity:.85;transform:scale(1.012);pointer-events:none;user-select:none}
.mkt-dev-blur::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(243,235,221,.1),rgba(243,235,221,.3))}
/* kerangka postingan palsu — warna Athena (Parchment, Olive, Dark Ink) */
.mkt-skeleton{background:var(--card,#F8F3EA);border:1.5px solid var(--line2,#51544B);border-radius:16px;padding:14px;
  box-shadow:2px 2px 0px var(--dark-ink,#292B25)}
.sk-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sk-av{width:38px;height:38px;border-radius:50%;background:var(--bg2,#EFE6D5);flex-shrink:0;border:1.5px solid var(--line,#292B25)}
.sk-name{height:11px;width:38%;border-radius:6px;background:var(--bg2,#EFE6D5);border:1px solid var(--line2,#51544B)}
.sk-line{height:10px;border-radius:6px;background:var(--bg2,#EFE6D5);margin-bottom:9px;border:1px solid var(--line2,#51544B)}
.sk-line.w90{width:90%} .sk-line.w70{width:70%}
.sk-img{margin-top:6px;height:132px;border-radius:12px;
  background:linear-gradient(135deg,var(--bg2,#EFE6D5) 0%,var(--blue-soft,#E8EAD8) 45%,var(--bg2,#EFE6D5) 100%);
  border:1.5px solid var(--line2,#51544B)}
.sk-foot{display:flex;gap:8px;margin-top:12px}
.sk-chip{height:24px;width:78px;border-radius:999px;background:var(--bg2,#EFE6D5);border:1.5px solid var(--line2,#51544B)}
.sk-chip:last-child{width:52px;background:var(--blue-soft,#E8EAD8);border:1.5px solid var(--line2,#51544B)}

/* lapisan tipis di atas area blur — badge status */
.mkt-dev-lock{position:absolute;inset:0;display:grid;place-items:center;padding:18px;
  background:rgba(243,235,221,.15)}
/* badge mungil "coming soon" + logo loading Athena */
.cs-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;
  background:var(--bg-parchment,#F3EBDD);border:1.5px solid var(--dark-ink,#292B25);
  box-shadow:3px 3px 0px var(--dark-ink,#292B25);
  font-size:12.5px;font-weight:700;letter-spacing:.2px;color:var(--dark-ink,#292B25)}
.cs-spin{width:18px;height:18px;border-radius:50%;flex-shrink:0;
  border:2.5px solid rgba(119,125,87,.35);border-top-color:var(--faded-olive,#777D57);
  animation:csputar .7s linear infinite}
@keyframes csputar{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){ .cs-spin{animation-duration:1.8s} }

@media(max-width:640px){ .sk-img{height:104px} }

@media(max-width:640px){
  body.dev-mode .top{display:none}
  body.dev-mode{padding-top:12px}
}