/* ===== EXPLORE MAIN ===== */
main{padding:72px 20px 60px;max-width:1200px;margin:0 auto}
.ph{text-align:center;padding:36px 0 28px}
.ph h1{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.03em;margin-bottom:6px}
.ph p{font-size:15px;color:var(--t2);max-width:460px;margin:0 auto}
.ph .combo-count{font-size:12px;color:var(--t3);font-weight:600;margin-top:8px}
.fb{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}

/* ===== SECTION HEADERS ===== */
.section-header{display:flex;align-items:center;gap:12px;margin:32px 0 16px}
.section-header h2{font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.section-header::after{content:'';flex:1;height:1px;background:var(--bd)}
.section-header .badge{font-size:10px;font-weight:800;padding:3px 10px;border-radius:10px;background:var(--ac);color:#fff;white-space:nowrap}

/* ===== GALLERY GRID ===== */
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
@media(max-width:600px){.pg{grid-template-columns:1fr}}

/* ===== PAIRING CARD ===== */
.pc{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;cursor:pointer;position:relative}
.pp{padding:28px 24px 20px;min-height:170px;display:flex;flex-direction:column;justify-content:center}
.pp h2{font-size:24px;line-height:1.12;letter-spacing:-.02em;margin-bottom:6px}
.pp p{font-size:13px;line-height:1.55;opacity:.6}
.pm{padding:12px 18px;border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}
.pm-n{font-size:11px;font-weight:800}
.pm-t{font-size:9px;padding:3px 8px;border-radius:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.pm-d{display:flex;gap:3px;margin-top:4px}
.pm-c{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.06)}
.pcb{position:absolute;top:10px;right:10px;padding:5px 10px;font-size:10px;font-weight:800;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:16px;opacity:0;transition:.2s;cursor:pointer;font-family:inherit}
.pc:hover .pcb{opacity:1}

/* ===== SEO ARTICLE ===== */
article.seo{max-width:680px;margin:50px auto 0;padding:36px 0;border-top:1px solid var(--bd)}
article.seo h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
article.seo p{font-size:14px;line-height:1.7;color:var(--t2);margin-bottom:14px}
article.seo h3{font-size:16px;font-weight:700;margin:20px 0 8px}

/* ===== SCROLL SENTINEL ===== */
.scroll-sentinel{height:1px;width:100%}

/* ===== LOADING INDICATOR ===== */
.load-more{text-align:center;padding:24px;color:var(--t3);font-size:12px;font-weight:700}
.load-more .spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--bd);border-top-color:var(--ac);border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}