/* Burçin Dursun Akademi Tema · Ortak bölümler · v0.2.0 */

/* ── HAKKIMIZDA ── */
.uab { position: relative; overflow: hidden; isolation: isolate; padding: 135px 0 125px; }
.uab-isik {
  position: absolute; top: 0; left: 0; z-index: -1; width: 46%; height: 100%;
  background: radial-gradient(95% 75% at 0% 0%, rgb(var(--bd-ink-rgb) / .09) 0%, rgb(var(--bd-ink-rgb) / .035) 42%, transparent 72%);
}

.uab-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; align-items: center; }
.uab-bas { margin-bottom: 30px; }
.uab-metin { margin: 0; color: var(--bd-muted); font: 500 18px/1.666 var(--bd-sans2); }

.uab-alinti { display: flex; gap: 20px; margin: 0 0 40px; min-height: 60px; }
.uab-alinti-ikon { display: block; color: var(--bd-apricot-ink); line-height: 0; }
.uab-alinti-ikon .bd-ikon { width: 60px; height: 60px; }
.uab-alinti-cizgi { width: 2px; background: #606060; opacity: .16; }
.uab-alinti-metin { margin: 0; align-self: center; }
.uab-alinti-metin p { margin: 0; color: var(--bd-ink); font: 500 20px/1.5 var(--bd-sans2); }

.uab-sag { display: grid; grid-template-columns: 1.1fr 1fr; }
.uab-kartlar { list-style: none; margin: 0; padding: 0; }
.uab-kart {
  display: flex; gap: 20px; padding: 30px 20px 30px 0; background: var(--bd-peach-mist);
  box-shadow: -1.042px 5.909px 21px 0 rgba(94, 94, 94, .2);
  transition: background-color .7s var(--bd-ease), box-shadow .7s var(--bd-ease), opacity .5s var(--bd-ease), transform .5s var(--bd-ease);
}
.bd-js .uab-kart[data-bd-reveal] {
  transition: background-color .7s var(--bd-ease), box-shadow .7s var(--bd-ease), opacity .5s var(--bd-ease), transform .5s var(--bd-ease);
}
.uab-kart:nth-child(1) { position: relative; z-index: 1; }
.uab-kart:nth-child(2) { background: var(--bd-peach-mist); }
.uab-kart-ikon {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 67px; height: 67px; margin-left: -34px; border-radius: 50%;
  background: var(--bd-bronz); color: var(--bd-ink); box-shadow: -1.042px 5.909px 13px 0 rgba(0, 0, 0, .3);
  transition: background-color .7s var(--bd-ease), color .7s var(--bd-ease);
}
.uab-kart-ikon .bd-ikon { width: 38px; height: 38px; }
.uab-kart-baslik { margin: 0 0 10px; color: var(--bd-ink); font: 700 30px/1.166 var(--bd-serif); transition: transform .7s var(--bd-ease); }
.uab-kart-metin { margin: 0; color: var(--bd-muted); opacity: .7; font: 500 16px/26px var(--bd-sans2); transition: color .5s var(--bd-ease); }
.uab-kart.is-active { background: var(--bd-bronz); box-shadow: -1.042px 5.909px 21px 0 rgba(94, 94, 94, 0); }
.uab-kart.is-active .uab-kart-ikon { background: #fff; color: var(--bd-bronz); }
.uab-kart.is-active .uab-kart-baslik:hover { transform: translateX(5px); }
.uab-kart.is-active .uab-kart-metin { color: #0c0c0c; opacity: 1; }
.uab-kart.is-active .uab-kart-baslik { color: #0c0c0c; }

.uab-gorsel-kap { position: relative; }
.uab-gorsel { height: 442px; overflow: hidden; filter: grayscale(1); }
.uab-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.uab-gorsel--logo { display: flex; align-items: center; justify-content: center; padding: 32px 18px 100px; background: var(--bd-peach-mist); }
.uab-gorsel--logo img { width: 100%; height: auto; max-height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.uab-sosyal { position: relative; z-index: 1; max-width: 243px; margin-top: -75px; padding: 29px 40px; background: rgba(80, 80, 80, .84); }
.uab-sosyal-baslik { margin: 17px 0 5px; color: var(--bd-muted); font: 700 16px/1.666 var(--bd-sans2); text-transform: uppercase; }
.uab-sosyal-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 9px; }
.uab-sosyal-liste a {
  display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;
  border: 2px solid var(--bd-cizgi); border-radius: 5px; background: var(--bd-peach-mist); color: var(--bd-ink);
  transition: background-color .5s var(--bd-ease);
}
.uab-sosyal-liste a::before { content: ""; position: absolute; inset: -7px; }
.uab-sosyal-liste li { position: relative; }
.uab-sosyal-liste .bd-ikon { width: 15px; height: 15px; }
.uab-sosyal-liste a:hover { background: var(--bd-bronz); }
.uab-sosyal-liste a:focus-visible { outline: 2px solid var(--bd-gold); outline-offset: 2px; }
.uab-kare { position: absolute; z-index: -1; }
.uab-kare-1 { bottom: 60px; right: 10px; width: 40px; height: 40px; background: var(--bd-bronz); animation: uab-kare1 6s linear infinite; }
.uab-kare-2 { bottom: 30px; right: -21px; width: 30px; height: 30px; background: var(--bd-apricot-ink); animation: uab-kare2 6s linear infinite; }
@keyframes uab-kare1 { 50% { transform: translate(40px, 40px); } }
@keyframes uab-kare2 { 50% { transform: translate(-30px, -30px); } }

@media (max-width: 1199px) {
  .uab-grid { grid-template-columns: 1fr; }
  .uab-sol { max-width: 650px; }
  .uab-kartlar { padding-left: 20px; }
}
@media (max-width: 767px) {
  .uab-sag { grid-template-columns: 1fr; }
  .uab-kartlar { padding-left: 30px; }
  .uab-kart-baslik { font-size: 24px; }
}

/* ── SAYAÇLAR ── */
.usy { position: relative; z-index: 1; margin-top: -270px; padding-top: 50px; }
.usy-kutu {
  position: relative; padding: 90px 0 80px; border-radius: 30px;
  background: var(--bd-peach-mist) center / cover no-repeat;
}
.usy-liste { list-style: none; margin: 0; padding: 0 0 15px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 55px; }
.usy-oge { text-align: center; padding: 22px 15px; border: 2px solid rgb(var(--bd-ink-rgb) / .26); }
.usy-sayi { margin: 0 0 14px; color: var(--bd-ink); font: 600 72px/1 var(--bd-serif); }
.usy-etiket { margin: 0; color: var(--bd-muted); font: 500 20px/1.666 var(--bd-sans2); }
.usy-serit {
  position: absolute; bottom: -18px; left: 0; right: 0; z-index: -1; width: 90%; height: 18px; margin: 0 auto;
  background: var(--bd-gd); transform-origin: 50% 50%;
}
.bd-js .usy-serit { transform: scaleX(0); }

@media (min-width: 1600px) { .usy-kutu { margin: 0 -140px; } }
@media (min-width: 1400px) and (max-width: 1599px) { .usy-kutu { margin: 0 -80px; } }
@media (max-width: 1199px) { .usy-liste { gap: 15px; } .usy-sayi { font-size: 52px; } }
@media (max-width: 991px)  { .usy-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px)  { .usy-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px)  { .usy-liste { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) {
  .uab-kare { animation: none; }
  .bd-js .usy-serit { transform: none; }
}

/* ── HİZMET KARTI ── */
.uhl-kart { position: relative; display: flex; flex-direction: column; height: 100%; background: var(--bd-peach-mist); border: 1px solid rgb(var(--bd-ink-rgb) / .07); transition: border-color .5s var(--bd-ease), background-color .5s var(--bd-ease); }
.uhl-gorsel { position: relative; aspect-ratio: 16 / 10; }
.uhl-gorsel img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) brightness(.8); transition: filter .8s var(--bd-ease), clip-path .8s var(--bd-ease-cikis); clip-path: inset(0); }
.uhl-ikon {
  position: absolute; z-index: 1; left: 24px; bottom: -28px; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%;
  background: var(--bd-bronz); color: var(--bd-ink); box-shadow: 0 0 0 6px var(--bd-cizgi); transition: transform .6s var(--bd-ease-cikis), box-shadow .5s var(--bd-ease);
}
.uhl-ikon .bd-ikon { width: 28px; height: 28px; }
.uhl-yazi { display: flex; flex-direction: column; flex: 1 1 auto; padding: 44px 24px 26px; }
.uhl-ad { margin: 0 0 12px; font: 700 24px/1.3 var(--bd-serif); }
.uhl-link { color: var(--bd-ink); text-decoration: none; transition: color .4s var(--bd-ease); }
.uhl-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.uhl-ozet { margin: 0 0 22px; color: var(--bd-muted); font: 500 15px/1.65 var(--bd-sans2); }
.uhl-devam { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--bd-apricot-ink); font: 700 15px/1 var(--bd-sans2); }
.uhl-devam .bd-ikon { width: 15px; height: 15px; transition: transform .45s var(--bd-ease-cikis); }
.uhl-kart:hover { border-color: rgb(var(--bd-apricot-deep-rgb) / .5); background: var(--bd-peach-mist); }
.uhl-kart:hover .uhl-gorsel img { filter: none; clip-path: inset(8px 8px 0 8px); }
.uhl-kart:hover .uhl-ikon { transform: translateY(-6px) rotate(-6deg); box-shadow: 0 0 0 6px var(--bd-cizgi); }
.uhl-kart:hover .uhl-link { color: var(--bd-apricot-ink); }
.uhl-kart:hover .uhl-devam .bd-ikon { transform: translateX(5px); }
.uhl-kart:focus-within { outline: 2px solid var(--bd-gold); outline-offset: 3px; }
.uhl-link:focus-visible { outline: none; }
.uhl-kart--kisa .uhl-gorsel { aspect-ratio: 4 / 3; }
.uhl-kart--kisa .uhl-yazi { padding: 42px 22px 24px; }
.uhl-kart--kisa .uhl-ad { margin-bottom: 18px; font-size: 22px; }
@media (max-width: 1199px) { .uhl-ad { font-size: 22px; } }

/* ── YAZI KARTI ── */
.uyk-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin: 0; padding: 0; list-style: none; }
.bd-js .uyk-liste > li[data-bd-reveal] { transition: opacity .9s var(--bd-ease-cikis), transform .9s var(--bd-ease-cikis); transition-delay: calc(var(--i, 0) * 110ms); }
.uyk { position: relative; display: flex; flex-direction: column; height: 100%; background: var(--bd-peach-mist); border: 1px solid rgb(var(--bd-ink-rgb) / .07); transition: border-color .5s var(--bd-ease), background-color .5s var(--bd-ease); }
.uyk-gorsel { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--bd-peach-mist); }
.uyk-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.9); transition: transform .9s var(--bd-ease-cikis), filter .6s var(--bd-ease); }
.uyk-bos { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--bd-bronz); }
.uyk-bos .bd-ikon { width: 56px; height: 56px; opacity: .6; }
.uyk-yazi { display: flex; flex-direction: column; flex: 1 1 auto; padding: 24px 24px 26px; }
.uyk-ust { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0 0 12px; color: var(--bd-muted); font: 600 13px/1.4 var(--bd-sans2); }
.uyk-ust span { color: var(--bd-apricot-ink); }
.uyk-baslik { margin: 0 0 12px; font: 700 21px/1.35 var(--bd-serif); }
.uyk-link { color: var(--bd-ink); text-decoration: none; transition: color .4s var(--bd-ease); }
.uyk-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.uyk-link:focus-visible { outline: none; }
.uyk:focus-within { outline: 2px solid var(--bd-gold); outline-offset: 3px; }
.uyk-ozet { margin: 0 0 20px; color: var(--bd-muted); font: 500 15px/1.65 var(--bd-sans2); }
.uyk-devam { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--bd-apricot-ink); font: 700 15px/1 var(--bd-sans2); }
.uyk-devam .bd-ikon { width: 15px; height: 15px; transition: transform .45s var(--bd-ease-cikis); }
.uyk:hover { border-color: rgb(var(--bd-apricot-deep-rgb) / .5); background: var(--bd-peach-mist); }
.uyk:hover .uyk-gorsel img { transform: scale(1.05); filter: none; }
.uyk:hover .uyk-link { color: var(--bd-apricot-ink); }
.uyk:hover .uyk-devam .bd-ikon { transform: translateX(5px); }
@media (max-width: 991px) { .uyk-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } }
@media (max-width: 575px) { .uyk-liste { grid-template-columns: 1fr; } }

/* ── YORUMLAR ── */
.byr { padding: var(--bd-bosluk) 0; background: var(--bd-sage-mist); text-align: center; }
.byr-baslik { margin-bottom: 2.4rem; }
.byr-sahne { display: grid; max-width: 52rem; margin: 0 auto; }
.byr-oge { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity .7s var(--bd-ease), transform .7s var(--bd-ease), visibility 0s .7s; }
.byr-oge.is-aktif { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.byr-metin { margin: 0; font-size: clamp(1.4rem, 2.4vw, 2rem); line-height: 1.35; }
.byr-metin p { margin: 0; }
.byr-kim { margin-top: 1.4rem; display: grid; gap: .2rem; color: var(--bd-muted); }
.byr-ad { color: var(--bd-ink); font-weight: 600; }
.byr-kontrol { display: flex; justify-content: center; gap: .6rem; margin-top: 2rem; }
.byr-btn { display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: #fff; color: var(--bd-ink); cursor: pointer; }
.byr-btn svg { width: 18px; height: 18px; }