/*
 * Bronze Home · Seçkiler ve Hediye
 * 08 Seçkiler (100:32001) / M10 (335:36483) · 09 Seçki Detayı (100:34605) / M11 (336:36685) · 21 Hediye (143:32465) / M22 (336:43018)
 * Header bu dosyayı extension/bronzehome/collection* ve extension/bronzehome/gift için yükler; sayfa denetleyicileri
 * çip, breadcrumb, select ve "Daha fazla" parçaları için ayrıca pages/listing.css ekler.
 */

/* ---------- Sayfa başlığı (Başlık 100:32066 · Hero 100:34670 / 143:32530) ---------- */
.bh-pagehead { display: flex; flex-direction: column; gap: var(--space-40); padding-top: var(--space-48); }
.bh-pagehead__text { display: flex; flex-direction: column; gap: var(--space-24); }
.bh-pagehead__lede { max-width: 746px; }

.bh-edithero__content { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); }
.bh-edithero__text { flex: 0 1 526px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-24); }
.bh-edithero__text .bh-lede { max-width: 480px; }
.bh-edithero__media { position: relative; flex: 0 1 746px; min-width: 0; aspect-ratio: 746 / 560; overflow: hidden; }
.bh-edithero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* ---------- 08 · Geniş seçki anlatımı (Seçki · Çay Saati 100:32083 / Kutlama Sofrası 100:32104) ---------- */
.bh-editfeature { padding-top: var(--space-120); }
.bh-editfeature--first { padding-top: var(--space-96); }
.bh-editfeature__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); }
.bh-editfeature--reverse .bh-editfeature__inner { flex-direction: row-reverse; }
.bh-editfeature__media { position: relative; display: block; flex: 0 1 746px; min-width: 0; aspect-ratio: 746 / 560; overflow: hidden; }
.bh-editfeature__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bh .bh-editfeature__media:hover img { transform: scale(1.02); }
.bh-editfeature__text { flex: 0 1 416px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-24); }
.bh-editfeature__summary { max-width: 372px; }
.bh-editfeature--reverse .bh-editfeature__summary { max-width: 416px; }
.bh-editfeature__pieces { display: flex; gap: var(--space-16); margin: 0; padding: var(--space-16) 0; list-style: none; }
.bh-editpiece { position: relative; display: block; width: 128px; height: 160px; overflow: hidden; background: var(--tile-ivory); }
.bh-editpiece img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .15s ease; }
.bh .bh-editpiece:hover img { opacity: .88; }
.bh-editpiece:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }

/* ---------- 08 · Seçki kartları (Seçki 3–4 100:32125) ---------- */
.bh-editcards { padding-top: var(--space-120); }
.bh-editcards__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); margin: 0; padding: 0; list-style: none; }
.bh-editcard { display: flex; flex-direction: column; min-width: 0; }
.bh-editcard__media { position: relative; display: block; aspect-ratio: 636 / 424; overflow: hidden; }
.bh-editcard__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bh .bh-editcard__media:hover img { transform: scale(1.02); }
.bh-editcard__text { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-16); padding: var(--space-40) var(--space-40) var(--space-48); }
.bh-editcard__text .bh-body-m { max-width: 480px; }
.bh-editcard__action { padding-top: var(--space-8); }
.bh-edits__empty { padding-top: var(--space-96); }

/* ---------- 08 · Hediye bandı (100:32155) ---------- */
.bh-giftband { padding: var(--space-120) 0 var(--space-160); }
.bh-giftband__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); padding: var(--space-40) var(--space-48); background: var(--muted); }
.bh-giftband__text { display: flex; align-items: center; gap: var(--space-16); font-size: 18px; line-height: 30px; }

/* ---------- 09 · Ürünler (100:34691) ---------- */
.bh-editproducts { padding-top: var(--space-96); }
.bh-editcontrols { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); margin-bottom: var(--space-48); }
.bh-editcontrols__chips { flex: 1 1 auto; min-width: 0; }
.bh-editcontrols__filters { display: flex; gap: var(--space-12); margin-left: auto; }
.bh-sort--field.bh-editselect .bh-sort__field { width: 200px; }
.bh-editselect__placeholder { color: var(--subtle-foreground); }
.bh-editproducts__more { padding-top: var(--space-64); }
.bh-editproducts__more .bh-loadmore__btn { width: 400px; max-width: 100%; }
.bh-editproducts__more:not(:has(.bh-loadmore__btn)) { padding-top: 0; }
.bh-editproducts__empty { padding: var(--space-48) 0; }

/* ---------- 09 · Editoryal ara bölüm (100:35206) ---------- */
.bh-editstory { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 640px; margin-top: var(--space-120); padding-bottom: var(--space-64); overflow: hidden; }
.bh-editstory__media { position: absolute; inset: 0; }
.bh-editstory__media img { width: 100%; height: 100%; object-fit: cover; }
.bh-editstory__align { position: relative; }
.bh-editstory__card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-16); width: 526px; max-width: 100%; padding: var(--space-40); background: var(--background); }
.bh-editstory__action { padding-top: var(--space-8); }

/* ---------- 09 · Diğer seçkiler (100:35222) ---------- */
.bh-editothers { padding: var(--space-120) 0 var(--space-160); }
.bh-editothers__title { margin-bottom: var(--space-40); font-family: var(--font-display); font-weight: 500; font-size: 28px; line-height: 36px; }
.bh-editothers__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); margin: 0; padding: 0; list-style: none; }
.bh-editother__link { display: flex; flex-direction: column; gap: var(--space-16); }
.bh-editother__media { position: relative; display: block; aspect-ratio: 416 / 277; overflow: hidden; background: var(--tile-ivory); }
.bh-editother__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bh .bh-editother__link:hover img { transform: scale(1.02); }
.bh .bh-editother__link:hover .bh-editother__name { color: var(--accent); }
.bh-editother__text { display: flex; flex-direction: column; gap: var(--space-8); padding-right: 36px; }
.bh-editother__name { font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 30px; }

/* ---------- 21 · Hediye ---------- */
.bh-gifthero .bh-edithero__media { aspect-ratio: 746 / 480; }
.bh-gifthero__chips { display: flex; flex-wrap: wrap; gap: var(--space-8); margin: 0; padding: 0; list-style: none; }
.bh-giftchip { display: inline-flex; align-items: center; height: 40px; padding: 0 var(--space-16); border: 1px solid var(--border-strong); border-radius: var(--radius-xs); background: var(--surface); font-size: 14px; line-height: 22px; white-space: nowrap; transition: border-color .15s ease; }
.bh .bh-giftchip:hover { border-color: var(--foreground); }
.bh-giftchip:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ring); }

.bh-giftbudget { padding-top: var(--space-120); scroll-margin-top: var(--space-24); }
.bh-giftbudget__title { margin-bottom: var(--space-48); }
.bh-giftbudget__bands { display: flex; flex-direction: column; gap: var(--space-80); }
.bh-giftband-range { scroll-margin-top: var(--space-24); }
.bh-giftband-range:focus { outline: none; }
.bh-giftband-range__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); min-height: 40px; margin-bottom: var(--space-24); }
.bh-giftband-range__title { font-family: var(--font-display); font-weight: 500; font-size: 28px; line-height: 36px; }
.bh-giftband-range__all.bh-ghost { min-height: 40px; }

.bh-giftoccasions { padding-top: var(--space-120); }
.bh-giftoccasions .bh-h2 { margin-bottom: var(--space-48); }
.bh-giftoccasions__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); margin: 0; padding: 0; list-style: none; }
.bh-giftoccasion { display: flex; flex-direction: column; gap: var(--space-24); min-width: 0; }
.bh-giftoccasion__media { position: relative; height: 520px; overflow: hidden; }
.bh-giftoccasion__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bh-giftoccasion__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-12); }
.bh-giftoccasion__name { font-family: var(--font-display); font-weight: 500; font-size: 28px; line-height: 36px; }
.bh-giftoccasion__link.bh-ghost { min-height: 40px; white-space: normal; }

.bh-giftwrap { padding: var(--space-120) 0 var(--space-160); }
.bh-giftwrap__panel { display: flex; align-items: flex-start; gap: var(--space-64); padding: var(--space-64); background: var(--muted); }
.bh-giftwrap__head { flex: 0 0 416px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-16); }
.bh-giftwrap__items { flex: 1 1 0; min-width: 0; margin: 0; padding: 0; list-style: none; }
.bh-giftwrap__item { display: flex; align-items: flex-start; gap: var(--space-16); padding: var(--space-24) 0; }
.bh-giftwrap__item:first-child { padding-top: 0; }
.bh-giftwrap__item:last-child { padding-bottom: 0; }
.bh-giftwrap__item + .bh-giftwrap__item { border-top: 1px solid var(--border); }
.bh-giftwrap__text { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-8); }
.bh-giftwrap__name { font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 30px; }

/* ---------- Tablet ---------- */
@media (max-width: 1199.98px) {
  .bh-editfeature__inner, .bh-editfeature--reverse .bh-editfeature__inner { gap: var(--space-40); }
  .bh-editfeature__media { flex-basis: 55%; }
  .bh-editfeature__pieces { gap: var(--space-12); }
  .bh-editpiece { width: 96px; height: 120px; }
  .bh-editcard__text { padding: var(--space-32) var(--space-32) var(--space-40); }
  .bh-giftoccasion__media { height: auto; aspect-ratio: 4 / 5; }
  .bh-giftwrap__panel { flex-direction: column; gap: var(--space-40); padding: var(--space-48); }
  .bh-giftwrap__head { flex-basis: auto; }
  .bh-editcontrols { flex-direction: column; align-items: stretch; }
  .bh-editcontrols__filters { margin-left: 0; }
}

/* ---------- Mobil (M10 · M11 · M22) ---------- */
@media (max-width: 767.98px) {
  .bh-pagehead { padding-top: var(--space-48); }
  .bh-edithero__content { flex-direction: column; align-items: stretch; gap: var(--space-16); }
  .bh-edithero__text { flex-basis: auto; }
  .bh-edithero__media, .bh-gifthero .bh-edithero__media { flex-basis: auto; aspect-ratio: auto; height: 440px; }
  .bh-gifthero { gap: var(--space-16); }
  .bh-gifthero__chips { flex-direction: column; gap: var(--space-16); }
  .bh-giftchip { display: flex; width: 100%; }

  /* M10 · seçkiler */
  .bh-editfeature, .bh-editfeature--first, .bh-editcards { padding-top: var(--space-48); }
  .bh-editfeature__inner { flex-direction: column; align-items: stretch; gap: var(--space-16); }
  .bh-editfeature--reverse .bh-editfeature__inner { flex-direction: column-reverse; }
  .bh-editfeature__media { flex-basis: auto; aspect-ratio: 746 / 560; }
  .bh-editfeature__text { flex-basis: auto; align-items: stretch; }
  .bh-editfeature__text .bh-h2 { font-size: 30px; line-height: 36px; }
  .bh-editfeature__summary, .bh-editfeature--reverse .bh-editfeature__summary { max-width: none; }
  .bh-editfeature__pieces { flex-direction: column; }
  .bh-editpiece { width: 100%; height: 160px; }
  .bh-editfeature__action, .bh-editcard__action { display: flex; justify-content: center; align-self: stretch; }
  .bh-editcards__grid { grid-template-columns: 1fr; }
  .bh-editcard__text { padding: var(--space-40) var(--space-24) var(--space-48); }
  .bh-editcard__text .bh-h3 { font-size: 36px; line-height: 44px; }
  .bh-giftband { padding: var(--space-48) 0; }
  .bh-giftband__inner { flex-direction: column; align-items: stretch; gap: var(--space-16); padding: var(--space-40) var(--space-24); }
  .bh-giftband__text { flex-direction: column; align-items: flex-start; gap: var(--space-16); }
  .bh-giftband__inner .bh-btn { width: 100%; }

  /* M11 · seçki detayı */
  .bh-editproducts { padding-top: var(--space-48); }
  .bh-editcontrols { gap: var(--space-16); }
  .bh-editcontrols .bh-editcontrols__chips { flex-direction: column; flex-wrap: nowrap; gap: var(--space-16); }
  .bh-editcontrols__chips .bh-chips__item .bh-chip { width: 100%; }
  .bh-editcontrols__chips .bh-chips__item:first-child { align-self: flex-start; }
  .bh-editcontrols__filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); }
  .bh-editcontrols__filters:has(> :only-child) { grid-template-columns: 1fr; }
  .bh-sort--field.bh-editselect .bh-sort__field { width: 100%; }
  .bh-editproducts__grid { row-gap: var(--space-24); }
  .bh-editproducts__more .bh-loadmore__btn { width: 100%; }
  .bh-editstory { min-height: 0; margin-top: var(--space-48); padding-bottom: 0; }
  .bh-editstory__media { display: none; }
  .bh-editstory__card { width: 100%; padding: var(--space-40) var(--space-24); }
  .bh-editstory__action { display: flex; justify-content: center; align-self: stretch; }
  .bh-editothers { padding: var(--space-48) 0; }
  .bh-editothers__list { grid-template-columns: 1fr; }
  .bh-editother__text { padding-right: 0; }

  /* M22 · hediye */
  .bh-giftbudget, .bh-giftoccasions { padding-top: var(--space-48); }
  .bh-giftbudget__bands { gap: var(--space-32); }
  .bh-giftband-range__head { align-items: flex-start; }
  .bh-giftband-range__all.bh-ghost { min-height: 44px; flex: none; }
  .bh-giftband-range__grid { row-gap: var(--space-24); }
  .bh-giftoccasions__list { grid-template-columns: 1fr; }
  .bh-giftoccasion__media, .bh-giftoccasion__media[class] { height: 440px; aspect-ratio: auto; }
  .bh-giftoccasion__link.bh-ghost { min-height: 44px; }
  .bh-giftwrap { padding: var(--space-48) 0; }
  .bh-giftwrap__panel { gap: var(--space-32); padding: var(--space-48) var(--space-24); }
  .bh-giftwrap__item { gap: var(--space-16); }
}

@media (prefers-reduced-motion: reduce) {
  .bh-editfeature__media img, .bh-editcard__media img, .bh-editother__media img { transition: none; }
}