/* Rehber sayfaları (/hurdaci/ vb.). Tokens from .hb (hurda-blog.css). */

.hb .hg-meta { margin-top: 14px; font-size: 13.5px; color: var(--hb-muted); }

.hg-toc { margin: 0 0 36px; padding: 0; border: 1px solid var(--hb-line); border-radius: 16px; background: #FFFFFF; }
.hg-toc summary { cursor: pointer; list-style: none; padding: 14px 18px; font-weight: 600; font-size: 15px; }
.hg-toc summary::-webkit-details-marker { display: none; }
.hb .hg-toc ol { margin: 0; padding: 0 18px 16px 38px; columns: 2; column-gap: 32px; font-size: 14px; line-height: 1.5; }
.hb .hg-toc li { margin: 0 0 6px; break-inside: avoid; }
.hb .hg-toc a { color: var(--hb-ink); text-decoration: none; }
.hb .hg-toc a:hover { color: var(--hb-accent-ink); text-decoration: underline; }

.hg-content h2 { scroll-margin-top: 24px; font-size: 26px; line-height: 1.25; margin: 48px 0 14px; }
.hg-content h2:first-child { margin-top: 0; }
.hg-content h3 { font-size: 19px; margin: 28px 0 10px; }
.hb .hg-content > p, .hb .hg-content li { font-size: 16.5px; line-height: 1.7; }
.hb .hg-content ol, .hb .hg-content ul:not(.hb-districts) { padding-left: 22px; }
.hb .hg-content li + li { margin-top: 6px; }

.hg-summary { margin: 0 0 8px; padding: 20px 22px; border-radius: 16px; background: var(--hb-accent-soft); border: 1px solid #CFE6DA; }
.hb .hg-summary p { margin: 0 0 8px; font-weight: 600; color: var(--hb-accent-ink); }
.hb .hg-summary ul { margin: 0; padding-left: 20px; }
.hb .hg-summary li { font-size: 15.5px; }

.hg-data { width: 100%; border-collapse: collapse; margin: 16px 0 8px; font-size: 15px; background: #FFFFFF; border: 1px solid var(--hb-line); border-radius: 14px; overflow: hidden; }
.hg-data th, .hg-data td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hb-line); }
.hg-data th { background: var(--hb-surface); font-size: 12.5px; letter-spacing: .03em; text-transform: uppercase; color: var(--hb-muted); }
.hg-data tr:last-child td { border-bottom: 0; }
.hg-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.hg-table { margin-top: 16px; }
.hg-price { color: var(--hb-accent-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.hg-cities { margin-top: 16px; }
.hb .hg-more { margin-top: 14px; }

.hb .hg-content .hb-faq__item p { margin: 0; }

@media (max-width: 860px) {
	.hb .hg-toc ol { columns: 1; }
	.hg-content h2 { font-size: 22px; }
}

/* Etiketler (sayfa altı) */
.hg-tags { margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--hb-line); }
.hb .hg-tags__title { font-size: 15px; font-weight: 600; margin: 0 0 12px; color: var(--hb-muted); text-transform: uppercase; letter-spacing: .04em; }
.hb .hg-tags__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.hb .hg-tags__list li { margin: 0; }
.hb .hg-tags__list a { display: inline-block; padding: 7px 13px; border: 1px solid var(--hb-line); border-radius: 999px; background: #FFFFFF; color: var(--hb-ink); font-size: 13.5px; font-weight: 500; text-decoration: none; transition: border-color .15s, background .15s, color .15s; }
.hb .hg-tags__list a::before { content: "#"; margin-right: 2px; color: var(--hb-accent); }
.hb .hg-tags__list a:hover { border-color: var(--hb-accent); background: var(--hb-accent-soft); color: var(--hb-accent-ink); }

/* Etiket sayfası */
.hg-tagpage { padding-bottom: 88px; }
.hb .hg-tagpage__kicker { margin: 18px 0 4px; font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--hb-accent-ink); }
.hb .hg-taglist { list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.hb .hg-taglist li { margin: 0; }
.hb .hg-taglist__item { height: 100%; display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid var(--hb-line); border-radius: 18px; background: #FFFFFF; color: var(--hb-ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.hb .hg-taglist__item:hover { border-color: #BFD8CB; box-shadow: var(--hb-shadow); }
.hb .hg-taglist__kicker { font-size: 12.5px; color: var(--hb-muted); }
.hb .hg-taglist__title { font-size: 20px; line-height: 1.25; margin: 0; }
.hb .hg-taglist__text { flex: 1; margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--hb-muted); }
.hb .hg-taglist__more { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--hb-accent-ink); }
@media (max-width: 1080px) { .hb .hg-taglist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .hb .hg-taglist { grid-template-columns: minmax(0, 1fr); } }

/* Hurda Rehberi: search, category cards, chips, glossary, blog list */
.hg-search { position: relative; margin: 0 0 32px; }
.hg-search .hb-ico { position: absolute; left: 16px; top: 26px; transform: translateY(-50%); color: var(--hb-muted); }
.hb .hg-search input { width: 100%; height: 52px; margin: 0; padding: 0 18px 0 46px; border: 1px solid var(--hb-line); border-radius: 999px; background: #FFFFFF; color: var(--hb-ink); font: 400 16px/1 var(--hb-font); box-shadow: var(--hb-shadow); }
.hb .hg-search input:focus { outline: none; border-color: var(--hb-accent); box-shadow: 0 0 0 3px var(--hb-accent-soft); }
.hb .hg-search__empty { margin-top: 12px; color: var(--hb-muted); font-size: 14px; }

.hg-rcards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 16px 0 8px; }
.hg-rcard { display: flex; flex-direction: column; gap: 10px; padding: 20px; border: 1px solid var(--hb-line); border-radius: 18px; background: #FFFFFF; transition: border-color .15s, box-shadow .15s; }
.hg-rcard:hover { border-color: #BFD8CB; box-shadow: var(--hb-shadow); }
.hg-rcard[hidden], .hg-glossary > div[hidden], .hg-bloglist li[hidden], .hg-bloggroup[hidden] { display: none; }
.hb .hg-rcard h3 { margin: 0; font-size: 18px; line-height: 1.3; }
.hb .hg-rcard__sub { margin: -4px 0 0; font-size: 13px; color: var(--hb-muted); }
.hb .hg-rcard p { margin: 0; font-size: 15px; line-height: 1.6; }
.hg-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.hb .hg-chip { display: inline-block; padding: 4px 10px; border-radius: 8px; background: var(--hb-surface); color: var(--hb-ink); font-size: 12.5px; font-weight: 500; text-decoration: none; }
.hb a.hg-chip:hover { background: var(--hb-accent-soft); color: var(--hb-accent-ink); }
.hb .hg-rcard__link { margin-top: auto; padding-top: 8px; border-top: 1px solid var(--hb-line); font-size: 14px; font-weight: 600; color: var(--hb-accent-ink); text-decoration: none; }
.hb .hg-rcard__link:hover { text-decoration: underline; }

.hb .hg-glossary { margin: 16px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
.hg-glossary > div { padding: 14px 16px; border: 1px solid var(--hb-line); border-radius: 14px; background: #FFFFFF; scroll-margin-top: 24px; }
.hb .hg-glossary dt { font-weight: 700; font-size: 15.5px; margin: 0 0 4px; color: var(--hb-ink); }
.hb .hg-glossary dd { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--hb-muted); }

.hg-bloggroup { margin-top: 28px; }
.hb .hg-bloggroup__title { display: flex; align-items: baseline; gap: 10px; font-size: 19px; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--hb-line); }
.hb .hg-bloggroup__title a { color: var(--hb-ink); text-decoration: none; }
.hb .hg-bloggroup__title span { font-size: 13px; font-weight: 400; color: var(--hb-muted); }
.hb .hg-bloglist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hb .hg-bloglist li { margin: 0; }
.hb .hg-bloglist a { height: 100%; display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border: 1px solid var(--hb-line); border-radius: 14px; background: #FFFFFF; color: var(--hb-ink); text-decoration: none; transition: border-color .15s; }
.hb .hg-bloglist a:hover { border-color: var(--hb-accent); }
.hb .hg-bloglist strong { font-size: 15.5px; line-height: 1.35; }
.hb .hg-bloglist span { font-size: 13.5px; line-height: 1.5; color: var(--hb-muted); }
.hb .hg-bloglist small { font-size: 12px; color: var(--hb-accent-ink); }

@media (max-width: 1080px) {
	.hg-rcards, .hb .hg-glossary, .hb .hg-bloglist { grid-template-columns: minmax(0, 1fr); }
}