/*!b:sbb257f69*/

.ad-banner {
  --adb-min: 210px;     
  --adb-nmax: 4;        
  --adb-gap: 12px;      
  --adb-n: 4;           
  --adb-radius: var(--radius, var(--r-sm, 8px));
  --adb-line: var(--line, rgba(0, 0, 0, .12));
  --adb-face: var(--panel, var(--surface, #fff));
  --adb-face-soft: var(--panel-soft, var(--soft, #f6f7f9));
  --adb-ink: var(--text, var(--ink, #111));
  --adb-muted: var(--muted, var(--sub, #666));
  --adb-accent: var(--accent, var(--key, #3b6ef5));

  box-sizing: border-box;
  width: 100%;
  max-width: var(--adb-max, 1440px);
  margin: 0 auto;
  padding: var(--adb-pad-top, 16px) var(--adb-pad, 24px) var(--adb-pad-bottom, 0px);
}
.ad-banner[hidden] { display: none !important; }
.ad-banner *, .ad-banner *::before, .ad-banner *::after { box-sizing: border-box; }

.ad-banner__row {
  display: flex; align-items: stretch;
  min-width: 0;
}
.ad-banner__viewport {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden;
  border-radius: var(--adb-radius);
}
.ad-banner__track {
  display: flex; gap: var(--adb-gap);
  transition: transform .45s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}

.ad-slot {
  flex: 0 0 calc((100% - (var(--adb-n) - 1) * var(--adb-gap)) / var(--adb-n));
  min-width: 0;
  position: relative;
  display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
  overflow: hidden;
  border: 1px solid var(--adb-line);
  border-radius: var(--adb-radius);
  background: var(--adb-face);
  color: inherit; text-decoration: none;
}
a.ad-slot { transition: border-color .15s ease, transform .15s ease; }
a.ad-slot:hover { border-color: var(--adb-accent); }
a.ad-slot:focus-visible {
  outline: 2px solid var(--adb-accent); outline-offset: -2px;
}
.ad-slot > img {
  display: block; width: 100%; aspect-ratio: 5 / 2; height: auto;
  object-fit: contain;
}
a.ad-slot > img:only-child {
  flex: 1 1 auto; height: 100%; aspect-ratio: auto; object-fit: cover;
}
.ad-slot__disclosure {
  display: block;
  width: 100%;
  padding: 4px 6px;
  background: rgba(255, 255, 255, .96);
  color: #111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}
a.ad-slot[href$="/go/coupang"],
a.ad-slot[href$="/go/ad/coupang_keyboard"] { background: linear-gradient(#07081f, #0e111c); }

.ad-slot--empty {
  border: 1.5px dashed var(--adb-line);
  border-color: color-mix(in srgb, var(--adb-ink) 24%, transparent);
  background: var(--adb-face-soft);
}
.ad-slot--empty > img {
  width: auto; height: 56%; max-width: 40%;
  object-fit: contain;
  opacity: .22;
  filter: grayscale(.25);
  user-select: none; pointer-events: none;
}
:root[data-theme="dark"] .ad-slot--empty > img { opacity: .3; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ad-slot--empty > img { opacity: .3; }
}

@media (max-width: 1080px) {
  .ad-banner { --adb-pad: 16px; }
  .ad-slot__disclosure { padding: 3px 5px; }
}

.ad-banner--ship { --adb-max: 1168px; --adb-pad: 24px; --adb-pad-top: 20px; }
@media (max-width: 760px) { .ad-banner--ship { --adb-pad: 16px; } }
@media (max-width: 480px) { .ad-banner--ship { --adb-pad: 14px; } }

.ad-banner--scrollsim { --adb-max: 1168px; --adb-pad: 24px; --adb-pad-bottom: 12px; }
@media (max-width: 720px) { .ad-banner--scrollsim { --adb-pad: 16px; } }

@media (prefers-reduced-motion: reduce) {
  .ad-banner__track, a.ad-slot { transition: none; }
}