/* 2026-10-03 best-carousel: '고객이 많이 구매한 자료' (목록·카테고리·검색) — 메인 '인기문서 TOP 10' 카드 스타일 (index-lower.css 와 같은 값) */
.cd-best-wrap{position:relative}
.cd-best-wrap > .srch-sec-tit,.cd-best-wrap > .srch-inline__head{padding-right:104px}
.cd-best{
  --cdb-brand:#4f6bed; --cdb-brand-d:#3d57d6; --cdb-brand-l:#eef1fe;
  --cdb-ink:#0f172a; --cdb-ink-2:#475569; --cdb-ink-4:#94a3b8; --cdb-line:#e6eaf5;
  --cdb-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 36px -20px rgba(30,41,90,.22);
  --cdb-shadow-h:0 0 0 4px rgba(79,107,237,.06),0 22px 48px -22px rgba(79,107,237,.45);
  --cdb-ease:cubic-bezier(.2,.7,.2,1);
  display:block; margin-top:4px; min-width:0; letter-spacing:-.01em; word-break:keep-all;
}
.cd-best *,.cd-best *::before,.cd-best *::after{box-sizing:border-box}
.cd-best__viewport{position:relative; overflow:hidden; padding:8px 4px 22px; margin:-8px -4px 0}
.cd-best .swiper-wrapper{align-items:stretch; transition-timing-function:cubic-bezier(.34,1.22,.5,1)}
.cd-best .swiper-slide{height:auto}
.cd-best:not(.cd-best--ready):not(.cd-best--native) .swiper-wrapper{display:flex; overflow:hidden}
.cd-best:not(.cd-best--ready):not(.cd-best--native) .swiper-slide{flex:0 0 calc((100% - 32px) / 3); margin-right:16px}
/* 카드 */
.cd-best-card{display:flex; flex-direction:column; height:100%; min-height:228px; padding:18px 18px 16px; background:#fff; border:1px solid var(--cdb-line); border-radius:20px; box-shadow:var(--cdb-shadow); color:var(--cdb-ink); text-decoration:none; transition:transform .35s var(--cdb-ease),box-shadow .35s,border-color .35s}
.cd-best-card:hover{transform:translateY(-4px); border-color:rgba(79,107,237,.32); box-shadow:var(--cdb-shadow-h); color:var(--cdb-ink); text-decoration:none}
.cd-best-card:focus-visible{outline:2px solid var(--cdb-brand); outline-offset:2px}
.cd-best-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px}
.cd-best-rank{display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 8px; border-radius:11px; background:#f1f4fa; color:var(--cdb-ink-2); font-size:15px; font-weight:800; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
.cd-best-rank--new{font-size:12px}
.cd-best-rank--1{background:linear-gradient(135deg,#4f6bed,#7c5cff); color:#fff; box-shadow:0 8px 18px -8px rgba(79,107,237,.8)}
.cd-best-rank--2{background:linear-gradient(135deg,#6d84f3,#9a86ff); color:#fff}
.cd-best-rank--3{background:linear-gradient(135deg,#8fa1f6,#b6a8ff); color:#fff}
.cd-best-ico{width:42px; height:42px; border-radius:12px; background:#f4f6fb; display:flex; align-items:center; justify-content:center}
.cd-best-ico img{width:30px; height:30px; object-fit:contain}
.cd-best-chip{align-self:flex-start; display:inline-block; max-width:100%; height:22px; line-height:22px; padding:0 8px; margin-bottom:8px; border-radius:7px; background:var(--cdb-brand-l); color:var(--cdb-brand-d); font-size:11.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cd-best-chip--2{background:#f2eeff; color:#5b3fd6}
.cd-best-chip--3{background:#e8f7fd; color:#0b7fa6}
.cd-best-chip--4{background:#eaf8ef; color:#15803d}
.cd-best-tit{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:4.35em; font-size:14.5px; font-weight:600; line-height:1.45; color:var(--cdb-ink); overflow-wrap:anywhere; transition:color .2s}
.cd-best-card:hover .cd-best-tit{color:var(--cdb-brand)}
.cd-best-foot{margin-top:auto; padding-top:14px; display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px dashed var(--cdb-line)}
.cd-best-pages{display:inline-flex; align-items:center; gap:3px; font-size:12.5px; color:var(--cdb-ink-4); white-space:nowrap}
.cd-best-price{font-size:16px; font-weight:800; color:var(--cdb-ink); letter-spacing:-.02em; white-space:nowrap}
.cd-best-price i{font-style:normal; margin-left:1px; font-size:13px; font-weight:600; color:var(--cdb-ink-2)}
/* 오른쪽 위 원형 버튼 */
.cd-best__nav{position:absolute; top:0; right:0; z-index:3; display:flex; gap:8px}
.cd-best__btn{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; border-radius:50%; background:#fff; border:1px solid var(--cdb-line); box-shadow:0 6px 18px -10px rgba(30,41,90,.4); color:var(--cdb-ink); cursor:pointer; transition:color .2s,box-shadow .2s,border-color .2s,transform .2s}
.cd-best__btn:hover{color:var(--cdb-brand); border-color:rgba(79,107,237,.4); box-shadow:0 10px 26px -10px rgba(79,107,237,.6)}
.cd-best__btn:active{transform:scale(.92)}
.cd-best__btn:focus-visible{outline:2px solid var(--cdb-brand); outline-offset:2px}
.cd-best__btn.swiper-button-disabled{opacity:.4; pointer-events:none}
.cd-best__btn.swiper-button-lock{display:none}
/* Swiper 를 못 불러왔을 때: 스크롤 스냅 (스크롤바 숨김) */
.cd-best--native .cd-best__viewport{overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -ms-overflow-style:none}
.cd-best--native .cd-best__viewport::-webkit-scrollbar{display:none}
.cd-best--native .swiper-wrapper{display:flex; gap:16px}
.cd-best--native .swiper-slide{flex:0 0 calc((100% - 32px) / 3); scroll-snap-align:start}
@media (max-width:640px){
  .cd-best-wrap > .srch-sec-tit,.cd-best-wrap > .srch-inline__head{padding-right:84px}
  .cd-best__btn{width:36px; height:36px}
  .cd-best__nav{gap:6px}
  .cd-best-card{min-height:214px; padding:16px 16px 14px; border-radius:18px}
  .cd-best-card:hover{transform:none}
  .cd-best:not(.cd-best--ready):not(.cd-best--native) .swiper-slide,.cd-best--native .swiper-slide{flex-basis:calc((100% - 12px) / 1.55)}
}
@media (prefers-reduced-motion:reduce){
  .cd-best .swiper-wrapper{transition-duration:0s !important}
  .cd-best-card,.cd-best-tit,.cd-best__btn{transition:none}
  .cd-best-card:hover{transform:none}
}