body {
    font-family: Kanit, Arial, Helvetica, sans-serif;
}

:root {
    --main-color: #009688;
}

::selection {
    color: #fff;
    background: #009688;
}

.back_red img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* korean mall premium design tokens — visual-only shared layer. */
:root {
  --premium-pink: #E83E78;
  --premium-red: #D92D43;
  --premium-white: #FFFFFF;
  --premium-green: #159B65;
  --premium-yellow: #F4C64E;
  --premium-blue: #3478F6;
  --premium-gold: #D99A16;
  --premium-ink: #20263A;
  --premium-muted: #667085;
  --premium-line: #E7EAF1;
  --premium-canvas: #F7F8FC;
  --main-color: var(--premium-pink);
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { color: var(--premium-ink); -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 2px solid var(--premium-blue); outline-offset: 2px; }
button, a, [role="button"] { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
input, select, textarea { border-color: var(--premium-line); }
@media (max-width: 768px) {
  .km-header { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .km-hero-badge, .km-slide-dots { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}