@font-face {
  font-family: 'NicoClean';
  src: url('../assets/fonts/NicoClean-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NicoBold';
  src: url('../assets/fonts/NicoBold-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Show/hide by breakpoint ── */
#desktop-view { display: none; }
#mobile-view  { display: none; }

/* ── Image lightbox ── */
#lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.92);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  cursor: zoom-out;
}
#lightbox.open { display: flex; }
#lightbox-img {
  width: 95vw;
  height: 95vh;
  object-fit: contain;
  display: block;
  background: #fff;
  cursor: zoom-out;
  user-select: none;
}
.detail-body img,
.m-detail-body img { cursor: zoom-in; }

/* Visually hidden but available to crawlers and screen readers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}