/* ===== 로고 마퀴 — babywhale.io 스타일 무한 컨베이어 (히어로 하단) =====
   실제 매장 데이터 소스 로고(토스플레이스·배민·쿠팡이츠 등)를 무한 스크롤.
   엣지 페이드 마스크, hover 시 정지+컬러. seamless loop = 2세트 + translateX(-50%). */
.logo-marquee{
  background:#f9fafb;
  border-top:1px solid #eef0f3;
  padding:clamp(18px,2.6vw,40px) 0;
  overflow:hidden;
  /* 전역 main>section{min-height:100svh} 무효화 — 마퀴는 얇은 띠 */
  min-height:0 !important;
  height:auto !important;
}
.logo-marquee-label{
  margin:0 0 clamp(12px,1.8vw,20px);
  padding:0 20px;
  text-align:center;
  color:#8b95a1;
  font-size:13px; font-weight:600; letter-spacing:-.3px; line-height:1.45;
}
.marquee-viewport{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.marquee-track{
  display:flex; align-items:center; width:max-content;
  animation:marqueeScroll 7.3s linear infinite;
}
.logo-marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-item{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  margin-right:clamp(44px,5.5vw,72px);
}
/* 원본 브랜드 컬러 그대로 (grayscale 제거) — 높이로만 정규화 */
.marquee-item img{
  height:30px; width:auto; max-width:none;
  object-fit:contain;
  opacity:.92;
  transition:opacity .2s ease, transform .2s ease;
}
.marquee-item:hover img{opacity:1; transform:scale(1.04);}

@keyframes marqueeScroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media (prefers-reduced-motion:reduce){
  .marquee-track{animation:none; justify-content:center; flex-wrap:wrap; gap:32px 48px;}
  .marquee-item{margin-right:0;}
}
@media (max-width:560px){
  .logo-marquee{padding:16px 0;}
  .logo-marquee-label{margin-bottom:12px; font-size:12.5px;}
  .marquee-item img{height:26px;}
  .marquee-item{margin-right:40px;}
}