/* Pincode pages: /pincode/600017 */
.pc { --pc-ink: #14213d; --pc-muted: #5b667a; --pc-line: #e3eaf5; --pc-bg: #f5f8fd; --pc-brand: #004aad; padding: 1.2rem 0 3rem; color: var(--pc-ink); }
.pc-crumbs { display: flex; flex-wrap: wrap; gap: .4rem; font-size: .88rem; color: var(--pc-muted); margin-bottom: 1rem; }
.pc-crumbs a { color: var(--pc-muted); text-decoration: none; }
.pc-crumbs a:hover { color: var(--pc-brand); text-decoration: underline; }
.pc-head { background: linear-gradient(135deg, #0a2a6b, #004aad); color: #fff; border-radius: 22px; padding: 1.6rem 1.8rem; margin-bottom: 1.4rem; box-shadow: 0 14px 34px rgba(0, 58, 141, .18); }
.pc-eyebrow { font-weight: 700; font-size: .85rem; letter-spacing: .04em; text-transform: uppercase; color: rgba(255, 255, 255, .8); margin: 0 0 .4rem; }
.pc-head h1 { font-size: clamp(1.6rem, 3.6vw, 2.4rem); font-weight: 800; line-height: 1.15; margin: 0 0 .8rem; color: #fff; letter-spacing: -.01em; }
.pc-where { display: block; font-size: .55em; font-weight: 600; color: rgba(255, 255, 255, .85); margin-top: .3rem; letter-spacing: 0; }
.pc-stats { list-style: none; padding: 0; margin: 0 0 1.1rem; display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; }
.pc-stats li { color: rgba(255, 255, 255, .9); }
.pc-stats strong { font-size: 1.35rem; color: #fff; margin-right: .2rem; }
.pc-empty-lead { color: rgba(255, 255, 255, .9); margin: 0 0 1rem; }
.pc-search { display: flex; gap: .5rem; max-width: 460px; }
.pc-search input { flex: 1 1 auto; min-width: 0; border: 0; border-radius: 999px; padding: .7rem 1.1rem; font-size: 1rem; color: var(--pc-ink); }
.pc-search button { border: 0; border-radius: 999px; padding: .7rem 1.3rem; font-weight: 700; background: #ffb347; color: #3a2400; cursor: pointer; white-space: nowrap; }
.pc-search button:hover { filter: brightness(.96); }
.pc-block { margin-bottom: 1.6rem; }
.pc-block h2 { font-size: 1.25rem; font-weight: 800; margin: 0 0 .8rem; }
.pc-block h2 small { font-weight: 600; color: var(--pc-muted); font-size: .8em; }
.pc-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.pc-chips a { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid var(--pc-line); background: #fff; border-radius: 999px; padding: .4rem .9rem; color: var(--pc-ink); text-decoration: none; font-weight: 600; font-size: .92rem; }
.pc-chips a small { color: var(--pc-muted); font-weight: 700; }
.pc-chips a:hover { border-color: var(--pc-brand); color: var(--pc-brand); }
.pc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: .9rem; }
.pc-card { display: flex; gap: .9rem; align-items: flex-start; background: #fff; border: 1px solid var(--pc-line); border-radius: 16px; padding: .95rem 1rem; text-decoration: none; color: var(--pc-ink); transition: box-shadow .15s, transform .15s, border-color .15s; }
.pc-card:hover { box-shadow: 0 10px 26px rgba(20, 33, 61, .1); transform: translateY(-2px); border-color: #cfdcf3; color: var(--pc-ink); }
.pc-avatar { position: relative; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 1.2rem; overflow: hidden; }
.pc-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #fff; }
.pc-card-body { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.pc-card-body strong { font-size: 1.02rem; line-height: 1.25; overflow-wrap: anywhere; }
.pc-card-body small { color: var(--pc-muted); }
.pc-loc i { color: var(--pc-brand); }
.pc-badges { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .3rem; }
.pc-rate, .pc-owner { font-size: .8rem; font-weight: 700; border-radius: 999px; padding: .15rem .6rem; }
.pc-rate { background: #fff7e0; color: #9a6a00; }
.pc-owner { background: #e8f7ef; color: #0f8a4f; }
.pc-pager { display: flex; justify-content: center; align-items: center; gap: 1.2rem; margin-top: 1.2rem; }
.pc-pager a { background: #fff; border: 1px solid var(--pc-line); border-radius: 999px; padding: .5rem 1.1rem; font-weight: 700; color: var(--pc-brand); text-decoration: none; }
.pc-pager a:hover { background: var(--pc-bg); }
.pc-pager span { color: var(--pc-muted); }
.pc-faq details { background: #fff; border: 1px solid var(--pc-line); border-radius: 14px; padding: .8rem 1.1rem; margin-bottom: .55rem; }
.pc-faq summary { font-weight: 700; cursor: pointer; }
.pc-faq p { margin: .6rem 0 0; color: var(--pc-muted); }
.pc-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; background: var(--pc-bg); border: 1px solid var(--pc-line); border-radius: 18px; padding: 1.1rem 1.4rem; }
.pc-cta strong { display: block; font-size: 1.1rem; }
.pc-cta span { color: var(--pc-muted); }
.pc-cta a { background: var(--pc-brand); color: #fff; border-radius: 999px; padding: .65rem 1.4rem; font-weight: 700; text-decoration: none; }
.pc-cta a:hover { filter: brightness(1.1); color: #fff; }
@media (max-width: 575.98px) { .pc-head { padding: 1.2rem 1.1rem; border-radius: 18px; } .pc-grid { grid-template-columns: 1fr; } }