/* ==========================================================================
   FIORA REAXION — BILESENLER
   buton · rozet · kart · form · akordeon · kaydirici · yuzen butonlar
   ========================================================================== */

/* ================================================================ BUTON */

.fr-btn {
  --fr-btn-py: .875rem;
  --fr-btn-px: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--fr-sp-2);
  padding: var(--fr-btn-py) var(--fr-btn-px);
  border: 1px solid transparent;
  border-radius: var(--fr-r-pill);
  background: var(--fr-btn-bg);
  color: var(--fr-btn-text);
  font-size: var(--fr-fs-sm);
  font-weight: var(--fr-fw-semibold);
  letter-spacing: .01em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  /* Gradyanin ortasi cok acik: beyaz zeminde kenari belli olsun diye
     cok hafif bir golge. Koyu zeminde gorunmez. */
  box-shadow: 0 1px 2px rgba(8, 18, 44, .10);
  transition: background var(--fr-t-fast),
              transform var(--fr-t-fast),
              box-shadow var(--fr-t-fast),
              filter var(--fr-t-fast),
              color var(--fr-t-fast),
              border-color var(--fr-t-fast);
}

/* Gradyanli zeminde renk degistirmek yerine parlaklik artirilir —
   gradyanin duraklari bozulmadan hover geri bildirimi verir. */
.fr-btn:hover {
  color: var(--fr-btn-text);
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 8px 24px -10px rgba(216, 195, 177, .5);
}

.fr-btn:active { transform: translateY(0); box-shadow: none; }

.fr-btn svg { width: 1.125em; height: 1.125em; flex: none; }

/* --- varyantlar ---
   Kendi zeminini tanimlayan varyantlarda "filter: none" verilir;
   yoksa varsayilan hover parlakligi onlari da soluklastirirdi. */

.fr-btn--dark {
  background: var(--fr-btn-alt-bg);
  color: var(--fr-btn-alt-text);
}
.fr-btn--dark:hover {
  background: var(--fr-navy-700);
  color: var(--fr-btn-alt-text);
  filter: none;
  box-shadow: var(--fr-shadow-lg);
}

.fr-btn--outline {
  background: transparent;
  border-color: var(--fr-accent);
  color: var(--fr-accent-deep);
}
.fr-btn--outline:hover {
  background: var(--fr-accent);
  border-color: var(--fr-accent);
  color: var(--fr-white);
  filter: none;
}

/* Koyu zeminde ters cevrilmis cerceve butonu */
.fr-btn--ghost {
  background: rgba(255, 255, 255, .06);
  border-color: var(--fr-line-dark);
  color: var(--fr-text-on-dark);
  backdrop-filter: blur(6px);
}
.fr-btn--ghost:hover {
  background: rgba(255, 255, 255, .14);
  border-color: var(--fr-accent-soft);
  color: var(--fr-white);
  filter: none;
  box-shadow: none;
}

.fr-btn--light {
  background: var(--fr-white);
  color: var(--fr-navy-900);
}
.fr-btn--light:hover {
  background: var(--fr-blush-100);
  color: var(--fr-navy-900);
  filter: none;
  box-shadow: var(--fr-shadow-lg);
}

/* SAMPANYA BUTON — artik varsayilan .fr-btn ile ayni.
   Sinif, basliktaki niyeti okunur kilmak icin korunuyor. */
.fr-btn--gold { /* varsayilanla ayni */ }

.fr-btn--wa {
  background: var(--fr-whatsapp);
  color: var(--fr-white);
}
.fr-btn--wa:hover {
  background: var(--fr-whatsapp-d);
  color: var(--fr-white);
  filter: none;
  box-shadow: 0 10px 30px -10px rgba(37, 211, 102, .5);
}

.fr-btn--sm { --fr-btn-py: .625rem; --fr-btn-px: 1.25rem; font-size: var(--fr-fs-xs); }
.fr-btn--lg { --fr-btn-py: 1.0625rem; --fr-btn-px: 2.25rem; font-size: var(--fr-fs-base); }
.fr-btn--block { width: 100%; }

/* Buton grubu */
.fr-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fr-sp-3);
}
.fr-btn-row--center { justify-content: center; }

/* Metin baglantisi + ok */
.fr-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: var(--fr-sp-2);
  font-size: var(--fr-fs-sm);
  font-weight: var(--fr-fw-semibold);
  text-decoration: none;
  color: var(--fr-accent-deep);
}
.fr-link-arrow svg { width: 1em; height: 1em; transition: transform var(--fr-t-fast); }
.fr-link-arrow:hover svg { transform: translateX(3px); }

/* ================================================================ ROZET */

.fr-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--fr-sp-2);
  padding: .375rem .875rem;
  border-radius: var(--fr-r-pill);
  background: var(--fr-accent-faint);
  color: var(--fr-accent-deep);
  font-size: var(--fr-fs-xs);
  font-weight: var(--fr-fw-semibold);
  letter-spacing: .02em;
  line-height: 1.3;
}

.fr-badge--dark {
  background: rgba(216, 195, 177, .12);
  border: 1px solid var(--fr-line-dark);
  color: var(--fr-accent-soft);
}

.fr-badge--success {
  background: rgba(101, 201, 111, .14);
  color: #2C7A35;
}

.fr-badge svg { width: .9375em; height: .9375em; flex: none; }

/* ================================================================ KART */

.fr-card {
  display: flex;
  flex-direction: column;
  padding: var(--fr-sp-6);
  background: var(--fr-bg-card);
  border: 1px solid var(--fr-line);
  border-radius: var(--fr-r-lg);
  box-shadow: var(--fr-shadow-sm);
  transition: transform var(--fr-t-base), box-shadow var(--fr-t-base),
              border-color var(--fr-t-base);
}

.fr-card--hover:hover {
  transform: translateY(-3px);
  border-color: var(--fr-accent-soft);
  box-shadow: var(--fr-shadow-lg);
}

.fr-card__icon {
  display: grid;
  place-items: center;
  width: 3rem; height: 3rem;
  margin-bottom: var(--fr-sp-4);
  border-radius: var(--fr-r-md);
  background: var(--fr-accent-faint);
  color: var(--fr-accent-deep);
  flex: none;
}
.fr-card__icon svg { width: 1.5rem; height: 1.5rem; }

.fr-card__title {
  margin: 0 0 var(--fr-sp-2);
  font-size: var(--fr-fs-lg);
  font-weight: var(--fr-fw-semibold);
  line-height: var(--fr-lh-snug);
}

.fr-card__text {
  margin: 0;
  color: var(--fr-text-soft);
  font-size: var(--fr-fs-sm);
  line-height: var(--fr-lh-loose);
}

.fr-card__foot {
  margin-top: auto;
  padding-top: var(--fr-sp-5);
}

/* Koyu zemin karti */
.fr-card--dark {
  background: var(--fr-bg-card-dark);
  border-color: var(--fr-line-dark);
  color: var(--fr-text-on-dark);
  box-shadow: none;
}
.fr-card--dark .fr-card__text { color: var(--fr-text-on-dark-soft); }
.fr-card--dark .fr-card__icon {
  background: rgba(216, 195, 177, .12);
  color: var(--fr-accent-soft);
}
.fr-card--dark.fr-card--hover:hover { border-color: var(--fr-accent-soft); }

/* Numarali kart (surec adimlari) */
.fr-card__num {
  display: grid;
  place-items: center;
  width: 2.5rem; height: 2.5rem;
  margin-bottom: var(--fr-sp-4);
  border-radius: var(--fr-r-pill);
  background: var(--fr-grad-bronze);
  color: var(--fr-white);
  font-size: var(--fr-fs-sm);
  font-weight: var(--fr-fw-bold);
  flex: none;
}

/* ================================================================ ISTATISTIK */

.fr-stat { text-align: center; }

.fr-stat__value {
  display: block;
  font-size: var(--fr-fs-3xl);
  font-weight: var(--fr-fw-bold);
  line-height: 1;
  letter-spacing: var(--fr-ls-tight);
  color: var(--fr-accent-soft);
}

.fr-stat__label {
  display: block;
  margin-top: var(--fr-sp-2);
  font-size: var(--fr-fs-sm);
  line-height: var(--fr-lh-snug);
  color: var(--fr-text-on-dark-soft);
}

/* Acik zeminde istatistik */
.fr-stat--light .fr-stat__value { color: var(--fr-accent-deep); }
.fr-stat--light .fr-stat__label { color: var(--fr-text-soft); }

/* ================================================================ GUVEN SERIDI
   Referans olculeri:
     panel  : linear-gradient(90deg, #0D1839, #112663), kose 30px / 50px,
              dolgu 24px 16px
     sutun  : dikey, ortali, min 180px, esit paylasim
     ikon   : 36px (mobil) / 44px (masaustu), altinda 12/16px bosluk
     etiket : 14px, weight 500, satir 1.4, harf araligi .5px,
              SAMPANYA GRADYANIYLA doldurulmus yazi
   ================================================================ */

.fr-trust {
  background: linear-gradient(90deg, var(--fr-navy-900) 0%, var(--fr-navy-700) 100%);
  border-radius: 30px;
  padding: 1.5rem 1rem;
}
@media (min-width: 640px) {
  .fr-trust { border-radius: 50px; }
}

.fr-trust__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
@media (min-width: 640px) {
  .fr-trust__row { gap: .5rem; }
}

.fr-trust__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1 1 8.75rem;      /* mobilde 2'li sarar, masaustunde 4 esit sutun */
  min-width: 8.75rem;
  padding-inline: .25rem;
}
@media (min-width: 640px) {
  .fr-trust__item { min-width: 11.25rem; }
}

/* Sutunlar arasi ince ayirici — referanstaki soluk dikey cizgiler */
@media (min-width: 640px) {
  .fr-trust__item + .fr-trust__item {
    border-left: 1px solid rgba(216, 195, 177, .16);
  }
}

.fr-trust__icon {
  display: block;
  width: 2.25rem; height: 2.25rem;
  margin-bottom: .75rem;
  color: var(--fr-accent-soft);
  flex: none;
}
@media (min-width: 640px) {
  .fr-trust__icon {
    width: 2.75rem; height: 2.75rem;
    margin-bottom: 1rem;
  }
}
.fr-trust__icon svg { width: 100%; height: 100%; }

/* Etiket: sampanya tonunda dolu yazi.
   (background-clip:text bazi ortamlarda blok gosterdigi icin dolu renk.) */
.fr-trust__label {
  margin: 0;
  font-size: var(--fr-fs-sm);      /* 14px */
  font-weight: var(--fr-fw-medium); /* 500 */
  line-height: 1.4;
  letter-spacing: .5px;
  color: var(--fr-sand-400);
}

/* ================================================================ FORM */

.fr-form { display: grid; gap: var(--fr-sp-4); }

.fr-field { display: grid; gap: var(--fr-sp-2); }

.fr-field__label {
  font-size: var(--fr-fs-sm);
  font-weight: var(--fr-fw-medium);
}

.fr-field__req { color: var(--fr-accent); }

.fr-input,
.fr-select,
.fr-textarea {
  width: 100%;
  padding: .8125rem 1rem;
  border: 1px solid var(--fr-line);
  border-radius: var(--fr-r-md);
  /* KOYU TEMA: alanlar karttan biraz daha koyu, yazi acik renk. */
  background: var(--fr-navy-900);
  color: var(--fr-white);
  font-size: var(--fr-fs-base);
  transition: border-color var(--fr-t-fast), box-shadow var(--fr-t-fast);
  appearance: none;
}

.fr-textarea { min-height: 7rem; resize: vertical; }

.fr-select {
  /* Ok isareti acik renk (koyu alan uzerinde gorunur) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D8C3B1' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.125rem;
  padding-right: 2.75rem;
}
.fr-select option { color: #111; }   /* acilir liste tarayici zeminli */

.fr-input::placeholder,
.fr-textarea::placeholder { color: var(--fr-navy-400); }

.fr-input:focus,
.fr-select:focus,
.fr-textarea:focus {
  outline: none;
  border-color: var(--fr-accent);
  box-shadow: 0 0 0 3px rgba(216, 195, 177, .18);
}

.fr-field__hint {
  font-size: var(--fr-fs-xs);
  color: var(--fr-text-soft);
}

/* Onay kutusu satiri (KVKK) */
.fr-check {
  display: flex;
  align-items: flex-start;
  gap: var(--fr-sp-3);
  font-size: var(--fr-fs-xs);
  line-height: var(--fr-lh-normal);
  color: var(--fr-text-soft);
}
.fr-check input[type="checkbox"] {
  width: 1.125rem; height: 1.125rem;
  margin: .1875rem 0 0;
  accent-color: var(--fr-accent);
  flex: none;
}

/* Form kutusu — KOYU tema karti (once bembeyazdi, temayla uyumsuzdu).
   Koyu lacivert yuzey, ince cerceve; icindeki acik yazi okunur. */
.fr-form-card {
  padding: clamp(var(--fr-sp-5), 3vw, var(--fr-sp-7));
  background: var(--fr-bg-card);
  border: 1px solid var(--fr-line);
  border-radius: var(--fr-r-xl);
  box-shadow: var(--fr-shadow-xl);
  color: var(--fr-text);
}

/* Iki alan yan yana */
@media (min-width: 560px) {
  .fr-field-row {
    display: grid;
    gap: var(--fr-sp-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}

/* Form geri bildirimi */
.fr-notice {
  padding: var(--fr-sp-4) var(--fr-sp-5);
  border-radius: var(--fr-r-md);
  font-size: var(--fr-fs-sm);
  line-height: var(--fr-lh-normal);
  border: 1px solid transparent;
}
.fr-notice--ok {
  background: rgba(101, 201, 111, .12);
  border-color: rgba(101, 201, 111, .4);
  color: #2C7A35;
}
.fr-notice--err {
  background: rgba(190, 60, 60, .08);
  border-color: rgba(190, 60, 60, .3);
  color: #A03030;
}

/* ================================================================ AKORDEON (SSS) */

.fr-accordion {
  border: 1px solid var(--fr-line);
  border-radius: var(--fr-r-lg);
  background: var(--fr-bg-card);
  overflow: hidden;
}

.fr-accordion__item + .fr-accordion__item {
  border-top: 1px solid var(--fr-line);
}

.fr-accordion__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fr-sp-4);
  width: 100%;
  padding: var(--fr-sp-5) var(--fr-sp-6);
  border: 0;
  background: transparent;
  color: var(--fr-text);
  font-size: var(--fr-fs-md);
  font-weight: var(--fr-fw-medium);
  line-height: var(--fr-lh-snug);
  text-align: left;
  transition: background var(--fr-t-fast), color var(--fr-t-fast);
}

.fr-accordion__trigger:hover { background: var(--fr-bg-soft); }

.fr-accordion__trigger[aria-expanded="true"] {
  color: var(--fr-accent-deep);
  background: var(--fr-bg-soft);
}

.fr-accordion__sign {
  position: relative;
  width: 1.5rem; height: 1.5rem;
  flex: none;
  border-radius: var(--fr-r-pill);
  background: var(--fr-accent-faint);
  transition: background var(--fr-t-fast);
}
.fr-accordion__sign::before,
.fr-accordion__sign::after {
  content: "";
  position: absolute;
  inset: 50% 50%;
  width: .625rem; height: 1.5px;
  transform: translate(-50%, -50%);
  background: var(--fr-accent-deep);
  border-radius: 2px;
  transition: transform var(--fr-t-base), opacity var(--fr-t-base);
}
.fr-accordion__sign::after { transform: translate(-50%, -50%) rotate(90deg); }

.fr-accordion__trigger[aria-expanded="true"] .fr-accordion__sign { background: var(--fr-accent); }
.fr-accordion__trigger[aria-expanded="true"] .fr-accordion__sign::before,
.fr-accordion__trigger[aria-expanded="true"] .fr-accordion__sign::after { background: var(--fr-white); }
.fr-accordion__trigger[aria-expanded="true"] .fr-accordion__sign::after {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

.fr-accordion__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--fr-t-slow);
}
.fr-accordion__panel[data-open="true"] { grid-template-rows: 1fr; }

.fr-accordion__inner {
  overflow: hidden;
  min-height: 0;
}

.fr-accordion__body {
  /* Ust dolgu ONEMLI: sifir olursa cevap soru satirina yapisik gorunur. */
  padding: var(--fr-sp-4) var(--fr-sp-6) var(--fr-sp-6);
  color: var(--fr-text-soft);
  font-size: var(--fr-fs-sm);
  line-height: var(--fr-lh-loose);
}

/* JS yoksa akordeon acik kalir — icerik her zaman erisilebilir */
.no-js .fr-accordion__panel { grid-template-rows: 1fr; }

/* ================================================================ YORUM KARTI */

.fr-quote {
  display: flex;
  flex-direction: column;
  gap: var(--fr-sp-4);
  padding: var(--fr-sp-6);
  background: var(--fr-bg-card);
  border: 1px solid var(--fr-line);
  border-radius: var(--fr-r-lg);
  box-shadow: var(--fr-shadow-sm);
  height: 100%;
}

.fr-quote__stars {
  display: flex;
  gap: .125rem;
  color: var(--fr-amber);
}
.fr-quote__stars svg { width: 1rem; height: 1rem; }

.fr-quote__text {
  margin: 0;
  font-size: var(--fr-fs-sm);
  line-height: var(--fr-lh-loose);
  color: var(--fr-text);
}

.fr-quote__who {
  display: flex;
  align-items: center;
  gap: var(--fr-sp-3);
  margin-top: auto;
  padding-top: var(--fr-sp-4);
  border-top: 1px solid var(--fr-line);
}

.fr-quote__avatar {
  display: grid;
  place-items: center;
  width: 2.5rem; height: 2.5rem;
  border-radius: var(--fr-r-pill);
  background: var(--fr-grad-sand);
  color: var(--fr-navy-900);
  font-size: var(--fr-fs-sm);
  font-weight: var(--fr-fw-bold);
  flex: none;
}

.fr-quote__name {
  margin: 0;
  font-size: var(--fr-fs-sm);
  font-weight: var(--fr-fw-semibold);
}

.fr-quote__meta {
  margin: 0;
  font-size: var(--fr-fs-xs);
  color: var(--fr-text-soft);
}

/* ================================================================ KAYDIRICI */

.fr-slider { position: relative; }

.fr-slider__track {
  display: flex;
  gap: var(--fr-sp-5);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-bottom: var(--fr-sp-3);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.fr-slider__track::-webkit-scrollbar { display: none; }

.fr-slider__item {
  flex: 0 0 min(88%, 22rem);
  scroll-snap-align: center;
}
@media (min-width: 960px) {
  .fr-slider__item { flex-basis: min(46%, 24rem); }
}

.fr-slider__nav {
  display: flex;
  justify-content: center;
  gap: var(--fr-sp-3);
  margin-top: var(--fr-sp-5);
}

.fr-slider__btn {
  display: grid;
  place-items: center;
  width: 2.75rem; height: 2.75rem;
  border: 1px solid var(--fr-line);
  border-radius: var(--fr-r-pill);
  background: var(--fr-bg-card);
  color: var(--fr-text);
  transition: background var(--fr-t-fast), border-color var(--fr-t-fast),
              color var(--fr-t-fast);
}
.fr-slider__btn:hover {
  background: var(--fr-accent);
  border-color: var(--fr-accent);
  color: var(--fr-white);
}
.fr-slider__btn svg { width: 1.125rem; height: 1.125rem; }
.fr-slider__btn[disabled] { opacity: .35; cursor: default; }
.fr-slider__btn[disabled]:hover {
  background: var(--fr-bg-card);
  border-color: var(--fr-line);
  color: var(--fr-text);
}

/* Koyu zeminde kaydirici dugmeleri */
.fr-section--dark .fr-slider__btn,
.fr-section--grad .fr-slider__btn {
  background: rgba(255, 255, 255, .07);
  border-color: var(--fr-line-dark);
  color: var(--fr-text-on-dark);
}
.fr-section--dark .fr-slider__btn:hover,
.fr-section--grad .fr-slider__btn:hover {
  background: var(--fr-accent);
  border-color: var(--fr-accent);
}

/* Tekli galeri: bir seferde TAM BOY tek gorsel (urun fotograf galerisi). */
.fr-slider--tekli .fr-slider__item { flex-basis: 100%; scroll-snap-align: start; }
.fr-slider--tekli .fr-slider__track { gap: 0; }
.fr-slider--tekli .fr-slider__frame {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: var(--fr-r-lg);
  overflow: hidden;
  background: var(--fr-grad-sand);
}
.fr-slider--tekli .fr-slider__frame img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Noktali gosterge (kac gorsel oldugunu gosterir) */
.fr-slider__dots {
  display: flex;
  justify-content: center;
  gap: .5rem;
  margin-top: var(--fr-sp-4);
}
.fr-slider__dot {
  width: .5rem; height: .5rem;
  padding: 0;
  border: 0;
  border-radius: var(--fr-r-pill);
  background: var(--fr-line);
  transition: background var(--fr-t-fast), transform var(--fr-t-fast);
}
.fr-slider__dot[aria-current="true"] {
  background: var(--fr-accent);
  transform: scale(1.3);
}
.fr-section--dark .fr-slider__dot,
.fr-section--grad .fr-slider__dot { background: var(--fr-line-dark); }
.fr-section--dark .fr-slider__dot[aria-current="true"],
.fr-section--grad .fr-slider__dot[aria-current="true"] { background: var(--fr-accent-soft); }

/* ================================================================ YUZEN BUTONLAR */

.fr-float {
  position: fixed;
  right: clamp(.875rem, 2vw, 1.5rem);
  bottom: clamp(.875rem, 2vw, 1.5rem);
  z-index: var(--fr-z-float);
  display: flex;
  flex-direction: column;
  gap: var(--fr-sp-3);
}

.fr-float__btn {
  display: grid;
  place-items: center;
  width: 3.25rem; height: 3.25rem;
  border: 0;
  border-radius: var(--fr-r-pill);
  color: var(--fr-white);
  box-shadow: var(--fr-shadow-lg);
  text-decoration: none;
  transition: transform var(--fr-t-fast), box-shadow var(--fr-t-fast);
}
.fr-float__btn:hover { transform: scale(1.06); color: var(--fr-white); }
.fr-float__btn svg { width: 1.625rem; height: 1.625rem; }

.fr-float__btn--wa { background: var(--fr-whatsapp); }
.fr-float__btn--top { background: var(--fr-navy-900); }

/* Forma don — sayfanin birincil eylemiyle ayni sampanya gradyani */
.fr-float__btn--form {
  background: var(--fr-grad-gold);
  color: var(--fr-navy-950);
}
/* Ustteki genel :hover kurali ikonu beyaza cevirir; koyu zemin olmadigi
   icin burada okunmaz olurdu — geri aliniyor. */
.fr-float__btn--form:hover { color: var(--fr-navy-950); }

/* data-visible TASIYAN her yuzen dugme gizli baslar.
   visibility: gizliyken klavye sekme sirasindan da cikar. */
.fr-float__btn[data-visible] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--fr-t-base), visibility var(--fr-t-base), transform var(--fr-t-fast);
}
.fr-float__btn[data-visible="true"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ================================================================ AYIRICI */

.fr-divider {
  display: flex;
  align-items: center;
  gap: var(--fr-sp-4);
  color: var(--fr-accent);
}
.fr-divider::before,
.fr-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: currentColor;
  opacity: .25;
}
.fr-divider__dot {
  width: .375rem; height: .375rem;
  border-radius: var(--fr-r-pill);
  background: currentColor;
  flex: none;
}

/* ================================================================ LOGO SERIDI */

.fr-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(var(--fr-sp-5), 4vw, var(--fr-sp-9));
}
.fr-logos__item {
  font-size: var(--fr-fs-sm);
  font-weight: var(--fr-fw-semibold);
  letter-spacing: var(--fr-ls-wide);
  text-transform: uppercase;
  color: var(--fr-text-on-dark-soft);
  opacity: .7;
}