/*
 * Bakım rehberi (16 · 100:33931 / M17) ve İletişim (17 · 100:37484 / M18)
 * Yalnız extension/bronzehome/care ve information/contact rotalarında yüklenir ($groups → support).
 */

/* Ortak: Breadcrumb (43:21389), 40 px ghost, seçim kutusu */
.bh-crumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8); margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.bh-crumbs__item { display: flex; align-items: center; gap: var(--space-8); }
.bh-crumbs__item + .bh-crumbs__item::before { content: "/"; color: var(--subtle-foreground); }
.bh .bh-crumbs__item a:hover { color: var(--accent); }
.bh-crumbs__back { display: none; }
.bh-ghost--40 { min-height: 40px; }
.bh-select .bh-icon--20 { top: 16px; }

/* ---------- Bakım rehberi · Sayfa başlığı (100:33994) ---------- */
.bh-care-head { display: flex; flex-direction: column; gap: var(--space-40); padding-top: var(--space-48); }
.bh-care-head__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); flex-wrap: wrap; }
.bh-care-head__back { display: inline-flex; align-items: center; gap: var(--space-8); min-height: 44px; font-size: 14px; line-height: 22px; }
.bh .bh-care-head__back:hover { color: var(--accent); }
.bh-care-head__body { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-24); }
.bh-care-head__text { flex: 0 1 636px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-24); }
.bh-care-head__finish { display: flex; flex-direction: column; gap: var(--space-16); padding-top: var(--space-24); }
.bh-care-head__unknown { display: flex; align-items: flex-start; gap: var(--space-8); font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.bh-care-head__unknown .bh-icon { margin-top: 1px; color: var(--foreground); }
.bh-care-head__unknown strong { font-weight: 500; color: var(--foreground); }
.bh-care-head__media { flex: 0 1 526px; min-width: 0; aspect-ratio: 526 / 440; overflow: hidden; background: var(--tile-sand); }
.bh-care-head__media img { width: 100%; height: 100%; object-fit: cover; }

/* Tabs (43:21418): etkin = foreground + 1 px accent alt çizgi; hover border-strong */
.bh-tabs { display: flex; align-items: flex-end; gap: var(--space-32); border-bottom: 1px solid var(--border); overflow-x: auto; scrollbar-width: none; }
.bh-tabs::-webkit-scrollbar { display: none; }
.bh-tab { position: relative; display: inline-flex; flex: none; padding: var(--space-12) 0 var(--space-12); font-size: 16px; line-height: 26px; color: var(--muted-foreground); white-space: nowrap; }
.bh-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: transparent; }
.bh .bh-tab:hover { color: var(--foreground); }
.bh-tab:hover::after { background: var(--border-strong); }
.bh-tab[aria-current="true"] { color: var(--foreground); }
.bh-tab[aria-current="true"]::after { background: var(--accent); }
.bh-tab:focus-visible { outline: 2px solid var(--ring); outline-offset: -2px; }

/* Not kutusu (100:34039 · 100:34121) */
.bh-care-note { display: flex; align-items: flex-start; gap: var(--space-16); padding: var(--space-20) var(--space-24); background: var(--muted); font-size: 14px; line-height: 22px; }
.bh-care-note .bh-icon { margin-top: 1px; }
.bh-care-note--m { font-size: 16px; line-height: 26px; }
.bh-care-note--m .bh-icon { margin-top: 3px; }
.bh-care-warning { margin-top: var(--space-64); }

/* Bakım seti (635:23819): 416 görsel + 680 bilgi, aralık 64 */
.bh-care-kit { display: flex; align-items: flex-start; gap: var(--space-64); padding-block: var(--space-64); }
.bh-care-kit__media { flex: 0 0 416px; aspect-ratio: 416 / 310; overflow: hidden; background: var(--tile-sand); }
.bh-care-kit__media img { width: 100%; height: 100%; object-fit: cover; }
.bh-care-kit__info { flex: 0 1 680px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-20); }
.bh-care-kit__form { margin: 0; }
.bh-care-kit__buy { width: 320px; max-width: 100%; }
.bh-care-kit__status { color: var(--error); }
.bh-care-kit__status:empty { display: none; }

/* Kaplama bölümü (100:34047): 416 başlık + 746 adımlar */
.bh-care-finish { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-24); padding-top: var(--space-120); scroll-margin-top: 24px; }
.bh-care-finish:focus { outline: none; }
.bh-care-finish__head { flex: 0 1 416px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-20); }
.bh-care-finish__swatch { display: inline-flex; align-items: center; justify-content: center; min-width: 76px; height: 44px; font-size: 16px; line-height: 26px; color: var(--muted-foreground); }
.bh-care-finish__steps { flex: 0 1 746px; min-width: 0; border-bottom: 1px solid var(--border); }
/* Revize 34: üst etiket (Gümüş/Altın) kaldırıldı; başlık sağ sütunun üst çizgisiyle aynı hizada (satır aralığı payı kadar yukarı).
   Masaüstünde sol sütun (başlık, açıklama, bağlantı) kaydırırken sağ sütunun boyunca takip eder. */
.bh-care-finish__head > .bh-h2:first-child { margin-top: -10px; }
@media (min-width: 768px) {
  .bh-care-finish__head { position: sticky; top: var(--space-24); }
}
.bh-care-step { display: flex; align-items: flex-start; gap: var(--space-24); padding: var(--space-32) 0; border-top: 1px solid var(--border); }
.bh-care-step > .bh-icon { margin-top: 6px; }
.bh-care-step__body { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-16); }
.bh-care-step__list { display: flex; flex-direction: column; gap: var(--space-12); margin: 0; padding: 0; list-style: none; counter-reset: bh-step; font-size: 18px; line-height: 30px; }
.bh-care-step__list li { display: flex; gap: var(--space-16); counter-increment: bh-step; }
.bh-care-step__list li::before { content: counter(bh-step); flex: none; width: 16px; font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 30px; color: var(--muted-foreground); }
.bh-care-step__line { display: flex; align-items: flex-start; gap: var(--space-12); padding-top: var(--space-4); font-size: 16px; line-height: 26px; }
.bh-care-step__line .bh-icon { margin-top: 3px; color: var(--foreground); }
.bh-care-step__line strong { font-weight: 500; }
.bh-care-finish__steps .bh-care-note { margin-bottom: 0; }

/* Diğer malzemeler (100:34216) */
.bh-care-materials { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-24); padding-top: var(--space-120); }
.bh-care-materials > h2 { flex: 0 1 416px; }
.bh-care-materials .bh-acc { flex: 0 1 746px; }

/* Bize yazın (100:34246) */
.bh-care-cta { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); margin-block: var(--space-120); padding: var(--space-48); background: var(--muted); }
.bh-care-cta__text { display: flex; flex-direction: column; gap: var(--space-8); }

/* ---------- İletişim · Başlık (100:37547) ---------- */
.bh-chead { display: flex; flex-direction: column; gap: var(--space-40); padding-top: var(--space-48); }
.bh-chead__text { display: flex; flex-direction: column; gap: var(--space-24); max-width: 636px; }

/* Kanallar ve form (100:37564): 416 + 856 */
.bh-cmain { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-24); padding-top: var(--space-96); padding-bottom: var(--space-120); }
.bh-channels { flex: 0 1 416px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-48); }
.bh-channels__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--border); }
.bh-channel { display: flex; align-items: flex-start; gap: var(--space-20); padding: var(--space-24) 0; border-bottom: 1px solid var(--border); }
.bh-channel__text { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.bh-channel__value { font-size: 18px; line-height: 30px; font-style: normal; overflow-wrap: anywhere; }
.bh a.bh-channel__value:hover { color: var(--accent); }
.bh-hours { display: flex; flex-direction: column; gap: var(--space-8); padding: var(--space-32); background: var(--muted); }

.bh-cform { flex: 0 1 856px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-32); }
.bh-cform__pro { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); padding: var(--space-20) var(--space-24); background: var(--muted); }
.bh-cform__prolink { flex: none; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: 0.02em; text-decoration: underline; text-underline-position: from-font; }
.bh .bh-cform__prolink:hover, .bh .bh-cform__privacy a:hover { color: var(--accent); }
.bh-cform__form { display: flex; flex-direction: column; gap: var(--space-32); margin: 0; }
.bh-cform__row { display: flex; align-items: flex-start; gap: var(--space-24); }
.bh-cform__row > * { flex: 1 1 0; min-width: 0; }
.bh-cform__form .bh-field__error:empty { display: none; }
.bh-textarea-box { position: relative; }
.bh-textarea-box .bh-textarea { display: block; height: 140px; min-height: 140px; padding-bottom: var(--space-32); resize: vertical; }
.bh-textarea-box__count { position: absolute; right: var(--space-16); bottom: var(--space-12); font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); pointer-events: none; }
.bh-cform .bh-input[aria-invalid="true"] { border-color: var(--error); }

/* FileUpload (564:22949) */
.bh-upload { display: flex; flex-direction: column; gap: var(--space-12); }
.bh-upload__area { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-12); padding: var(--space-24); border: 1px solid var(--border-strong); background: var(--background); }
.bh-upload.is-invalid .bh-upload__area { border-color: var(--error); }
.bh-upload__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8) var(--space-24); }
.bh-upload__file:empty { display: none; }

.bh-cform__privacy { display: flex; flex-wrap: wrap; gap: 0 var(--space-4); }
.bh-cform__privacy a { font-weight: 500; letter-spacing: 0.02em; text-decoration: underline; text-underline-position: from-font; }
.bh-cform__submit { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-16); }
.bh-cform__submit .bh-btn[aria-busy="true"] { opacity: .7; cursor: progress; }
.bh-cform__status { font-size: 14px; line-height: 22px; }
.bh-cform__status:empty { display: none; }
.bh-cform__status[data-state="success"] { padding: var(--space-16) var(--space-20); background: var(--tile-sage); color: var(--foreground); }
.bh-cform__status[data-state="error"] { color: var(--error); }
.bh-cform__captcha .form-control { border-radius: var(--radius-xs); }

/* Mağaza konumu · Google Maps (574:23560) */
.bh-map__inner { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-24); padding-top: var(--space-64); padding-bottom: var(--space-64); }
.bh-map__frame { position: relative; width: 100%; aspect-ratio: 1296 / 729; overflow: hidden; background: var(--tile-mist); }
.bh-map__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bh-map__placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-16); padding: var(--space-24); text-align: center; background: var(--tile-mist); }
.bh-map__placeholder::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent 0 63px, rgba(31, 27, 22, .06) 63px 64px), repeating-linear-gradient(90deg, transparent 0 63px, rgba(31, 27, 22, .06) 63px 64px); pointer-events: none; }
.bh-map__placeholder > * { position: relative; max-width: 420px; }
.bh-map__pin { width: 24px; height: 24px; border-radius: 50% 50% 50% 0; background: var(--error); transform: rotate(-45deg); box-shadow: 0 0 0 6px rgba(162, 57, 46, .15); }

/* Kısa SSS (100:37668): bh_section akordiyon modülü (bronzehome.css · .bh-accsec) */

@media (max-width: 1199.98px) {
  .bh-care-kit { gap: var(--space-32); }
  .bh-care-kit__media { flex-basis: 320px; }
  .bh-cmain { flex-direction: column; align-items: stretch; gap: var(--space-48); }
  .bh-channels, .bh-cform { flex-basis: auto; }
}
@media (max-width: 767.98px) {
  .bh-care-head { gap: var(--space-24); }
  .bh-care-head__top { flex-direction: column; align-items: flex-start; gap: 0; }
  .bh-care-head__body { flex-direction: column; align-items: stretch; gap: var(--space-24); }
  .bh-care-head__text, .bh-care-head__media { flex-basis: auto; }
  .bh-care-head__media { aspect-ratio: 350 / 293; }
  .bh-care-head__finish { padding-top: var(--space-16); }
  .bh-tabs { gap: var(--space-20); }
  .bh-care-note { flex-direction: column; gap: var(--space-16); padding: var(--space-24); }
  .bh-care-warning { margin-top: var(--space-48); }
  .bh-care-kit { flex-direction: column; gap: var(--space-24); padding-block: var(--space-40) 0; }
  .bh-care-kit__media { flex-basis: auto; width: 100%; aspect-ratio: 350 / 310; }
  .bh-care-kit__info { flex-basis: auto; }
  .bh-care-kit__info .bh-h2 { font-size: 30px; line-height: 36px; }
  .bh-care-kit__form, .bh-care-kit__buy { width: 100%; }
  .bh-care-finish { flex-direction: column; gap: var(--space-24); padding-top: var(--space-64); }
  .bh-care-finish__head, .bh-care-finish__steps { flex-basis: auto; width: 100%; }
  .bh-care-finish__head .bh-ghost { align-self: center; }
  .bh-care-finish__swatch { min-width: 0; justify-content: flex-start; padding-left: var(--space-20); }
  .bh-care-step { gap: var(--space-12); }
  .bh-care-step__list { font-size: 16px; line-height: 26px; }
  .bh-care-step .bh-body-l { font-size: 17px; line-height: 30px; }
  .bh-care-materials { flex-direction: column; gap: var(--space-24); padding-top: var(--space-64); }
  .bh-care-materials > h2, .bh-care-materials .bh-acc { flex-basis: auto; width: 100%; }
  .bh-care-cta { flex-direction: column; align-items: stretch; margin-block: var(--space-48) var(--space-64); padding: var(--space-48) var(--space-24); }
  .bh-care-cta .bh-h3 { font-size: 30px; line-height: 44px; }

  .bh-chead { gap: var(--space-32); }
  .bh-cmain { padding-top: var(--space-48); padding-bottom: var(--space-64); }
  .bh-hours { padding: var(--space-24); }
  .bh-cform__pro { flex-direction: column; align-items: flex-start; gap: var(--space-12); }
  .bh-cform__form { gap: var(--space-24); }
  .bh-cform__row { gap: var(--space-24); }
  .bh-cform__spacer { display: none; }
  .bh-cform__row:has(.bh-cform__spacer) > .bh-field { flex: 0 1 calc(50% - var(--space-12)); }
  .bh-cform__submit .bh-btn { width: 100%; }
  .bh-map__inner { padding-top: var(--space-48); padding-bottom: var(--space-64); }
  .bh-map__inner .bh-h2 { font-size: 30px; line-height: 36px; }
  .bh-map__frame { aspect-ratio: 350 / 197; }
  .bh-map__placeholder { gap: var(--space-8); padding: var(--space-12); }
  .bh-map__placeholder .bh-body-s { font-size: 12px; line-height: 18px; }
  .bh-map__pin { display: none; }
}