/* BariFlow Varyant seçici — ürün sayfası özeti */
.bfv { margin: 16px 0 18px; }
.bfv__head { display: flex; align-items: baseline; gap: 6px; margin: 0 0 10px; font-size: 13px; }
.bfv__key { font-weight: 600; letter-spacing: .6px; text-transform: uppercase; color: #3a3a3a; }
.bfv__val { font-weight: 600; color: #6f7c2c; }
.bfv__count { margin-left: auto; color: #8a8a7a; font-size: 12px; }
.bfv__list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.bfv__item { margin: 0; padding: 0; width: 84px; }
.bfv__item::before { display: none; }
.bfv__item a { display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none !important; color: #4a4a3a; }
.bfv__img {
  position: relative; display: block; width: 84px; height: 84px; padding: 5px; box-sizing: border-box;
  border: 1px solid #dedfd8; border-radius: 8px; background: #fff; overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.bfv__img img { display: block; width: 100%; height: 100%; object-fit: contain; transition: opacity .15s ease; }
.bfv__name {
  width: 100%; font-size: 12px; line-height: 1.3; text-align: center;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bfv__item a:hover .bfv__img { border-color: #a3b24a; }
.bfv__item a:hover .bfv__name { color: #25251c; }
.bfv__item.is-current .bfv__img { border: 2px solid #909e3f; padding: 4px; box-shadow: 0 0 0 3px rgba(144, 158, 63, .14); }
.bfv__item.is-current .bfv__name { font-weight: 600; color: #25251c; }
.bfv__item.is-oos .bfv__img img { opacity: .4; }
.bfv__item.is-oos .bfv__img::after {
  content: ""; position: absolute; left: -10%; top: 50%; width: 120%; height: 1px;
  background: #b9b9ae; transform: rotate(-45deg);
}
.bfv__item.is-oos .bfv__name { color: #9a9a8a; }
.bfv__item a:focus-visible { outline: none; }
.bfv__item a:focus-visible .bfv__img { box-shadow: 0 0 0 3px rgba(144, 158, 63, .35); }
@media (max-width: 480px) {
  .bfv__list { gap: 8px; }
  .bfv__item { width: calc((100% - 24px) / 4); }
  .bfv__img { width: 100%; height: auto; aspect-ratio: 1; }
}