/* pick.ranklab.kr — 쇼핑 큐레이션 */

:root {
    --pick-red: #dc2626;
    --pick-pink: #ec4899;
    --pick-bg: #fff5f5;
    --pick-muted: #78716c;
}

body { background: var(--pick-bg); color: #1c1917; }

.pick-header { padding: 1rem 1.5rem; background: #fff; border-bottom: 3px solid var(--pick-red); }
.pick-header__name { font-weight: 800; font-size: 1.25rem; color: var(--pick-red); }
.pick-main { max-width: 1120px; margin: 0 auto; padding: 0 1rem; }
.pick-footer { text-align: center; padding: 2rem; color: var(--pick-muted); font-size: .875rem; border-top: 1px solid #fecaca; margin-top: 2rem; }

.pick-hero { padding: 3rem 0; background: linear-gradient(135deg, var(--pick-red), var(--pick-pink)); color: #fff; text-align: center; }
.pick-hero__label { font-size: .875rem; opacity: .9; margin-bottom: .5rem; }
.pick-hero__title { font-size: clamp(1.5rem, 3.5vw, 2.25rem); font-weight: 800; margin-bottom: .75rem; }
.pick-hero__desc { opacity: .92; max-width: 520px; margin: 0 auto; }

.pick-section-title { font-size: 1.2rem; font-weight: 800; margin-bottom: 1.25rem; color: var(--pick-red); }

.pick-topics, .pick-popular, .pick-latest, .pick-compare { padding: 2.5rem 0; }

.pick-topic-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: .875rem; }
@media (max-width: 768px) { .pick-topic-grid { grid-template-columns: repeat(2, 1fr); } }
.pick-topic-card { display: block; padding: 1.25rem; background: #fff; border-radius: 12px; text-align: center; border: 2px solid transparent; box-shadow: 0 4px 16px rgba(220,38,38,.08); transition: border-color .2s, transform .2s; position: relative; }
.pick-topic-card:hover { border-color: var(--pick-red); transform: scale(1.02); }
.pick-badge { position: absolute; top: -.5rem; right: .75rem; padding: .15rem .5rem; background: var(--pick-red); color: #fff; font-size: .65rem; font-weight: 800; border-radius: 4px; }
.pick-badge--hot { animation: pick-pulse 1.5s infinite; }
@keyframes pick-pulse { 50% { opacity: .7; } }

.pick-product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.25rem; }
.pick-product-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(220,38,38,.1); position: relative; }
.pick-product-card__rank { position: absolute; top: .75rem; left: .75rem; padding: .2rem .5rem; background: var(--pick-red); color: #fff; font-size: .7rem; font-weight: 800; border-radius: 4px; z-index: 1; }
.pick-product-card__img { aspect-ratio: 1; overflow: hidden; }
.pick-product-card__img img { width: 100%; height: 100%; object-fit: cover; }
.pick-product-card__img--placeholder { background: linear-gradient(135deg, #fecaca, #fda4af); }
.pick-product-card h3 { padding: 1rem 1rem .35rem; font-size: .975rem; }
.pick-product-card p { padding: 0 1rem; font-size: .8rem; color: var(--pick-muted); margin-bottom: .75rem; }
.pick-product-card__btn { display: block; margin: 0 1rem 1rem; padding: .625rem; background: var(--pick-red); color: #fff; text-align: center; border-radius: 8px; font-weight: 700; font-size: .875rem; }

.pick-deal-list { list-style: none; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 16px rgba(220,38,38,.06); }
.pick-deal-list li { border-bottom: 1px solid #fee2e2; }
.pick-deal-list li:last-child { border-bottom: none; }
.pick-deal-list a { display: block; padding: 1rem 1.25rem; }
.pick-deal-list a:hover { background: #fff1f2; }
.pick-deal-list__title { display: block; font-weight: 700; color: #1c1917; }
.pick-deal-list__desc { display: block; font-size: .875rem; color: var(--pick-muted); margin-top: .2rem; }

.pick-compare-box { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: stretch; background: #fff; border-radius: 16px; padding: 1.5rem; box-shadow: 0 4px 20px rgba(220,38,38,.08); }
@media (max-width: 640px) { .pick-compare-box { grid-template-columns: 1fr; } .pick-compare-box__vs { text-align: center; } }
.pick-compare-box__col { padding: 1rem; background: #fff5f5; border-radius: 12px; }
.pick-compare-box__col h3 { font-size: .975rem; color: var(--pick-red); margin-bottom: .75rem; }
.pick-compare-box__col ul { padding-left: 1.25rem; font-size: .875rem; color: var(--pick-muted); }
.pick-compare-box__col li { margin-bottom: .35rem; list-style: disc; }
.pick-compare-box__vs { display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.25rem; color: var(--pick-pink); }

.pick-empty { text-align: center; padding: 2rem; border: 2px dashed #fecaca; color: var(--pick-muted); border-radius: 12px; background: #fff; }