/* Ulukat Tema · İç sayfalar · v0.1.0 */

.ul-sayfa { background: #090909; }

/* ── SAYFA BAŞLIĞI ── */
.usb { position: relative; z-index: 2; isolation: isolate; padding: 275px 0 185px; background: #212120; }
.usb-bg { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.usb-bg-ic { position: absolute; inset: 0; will-change: transform; }
.usb-bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform-origin: 50% 40%; }
.usb-bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(9, 9, 9, .3) 0%, rgba(9, 9, 9, 0) 30%, rgba(9, 9, 9, 0) 78%, #090909 100%);
}
.usb--karart .usb-bg::after {
  background:
    linear-gradient(90deg, rgba(9, 9, 9, .86) 0%, rgba(9, 9, 9, .7) 45%, rgba(9, 9, 9, .35) 100%),
    linear-gradient(180deg, rgba(9, 9, 9, .3) 0%, rgba(9, 9, 9, 0) 30%, rgba(9, 9, 9, 0) 78%, #090909 100%);
}
.usb--karart .usb-bg img { filter: saturate(.85); }
.usb::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #090909; opacity: 0; pointer-events: none; }

.usb-illus { position: absolute; right: 40px; bottom: 150px; z-index: 1; width: 250px; opacity: .2; pointer-events: none; }
.usb-illus img { display: block; width: 100%; height: auto; }

.usb-icerik { position: relative; }
.usb-baslik { margin: 0 0 26px; color: #fff; font: 700 75px/1.066 var(--ul-serif); text-wrap: balance; }
.usb--uzun .usb-baslik { max-width: 900px; font-size: 58px; line-height: 1.12; }
.usb-baslik-ana { display: block; }
.usb-baslik-alt { display: block; margin-top: 16px; color: var(--ul-fawn); font: 600 24px/1.4 var(--ul-sans2); letter-spacing: .01em; text-wrap: balance; text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 2px 16px rgba(0, 0, 0, .85); }
.usb-kirinti ol {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0; padding: 13px 32px; list-style: none;
  border-radius: 8px; background: var(--ul-bronz); color: #0c0c0c; font: 400 18px/1.666 var(--ul-sans2);
}
.usb-kirinti li { display: inline-flex; align-items: center; gap: 14px; }
.usb-kirinti a { color: #0c0c0c; text-decoration: none; transition: color .3s var(--ul-ease); }
.usb-kirinti a:hover { color: #fff; }
.usb-kirinti a:focus-visible { outline: 2px solid #0c0c0c; outline-offset: 3px; border-radius: 2px; }
.usb-kirinti [aria-current] { font-weight: 600; }
.usb-ayrac { width: 13px; height: 13px; }

.ul-js .usb[data-ul-giris] .usb-bg img { transform: scale(1.14); transition: transform 2.4s var(--ul-ease-cikis); }
.ul-js .usb[data-ul-giris]::before { opacity: .7; transition: opacity 1.4s var(--ul-ease-cikis); }
.ul-js .usb[data-ul-giris] .usb-kirinti ol { clip-path: inset(0 100% 0 0 round 8px); transition: clip-path 1.1s var(--ul-ease-maske) .55s; }
.ul-js .usb[data-ul-giris] .usb-illus img { opacity: 0; transform: translateY(60px); transition: opacity 1.2s var(--ul-ease-cikis) .5s, transform 1.6s var(--ul-ease-cikis) .5s; }
.ul-js .usb[data-ul-giris].is-in .usb-bg img,
.ul-js .usb[data-ul-giris].is-in .usb-illus img { transform: none; opacity: 1; }
.ul-js .usb[data-ul-giris].is-in::before { opacity: 0; }
.ul-js .usb[data-ul-giris].is-in .usb-kirinti ol { clip-path: inset(0 0 0 0 round 8px); }

@media (max-width: 1199px) { .usb-baslik { font-size: 64px; } .usb--uzun .usb-baslik { font-size: 50px; } .usb-illus { width: 200px; bottom: 120px; } }
@media (max-width: 991px)  { .usb { padding: 220px 0 130px; } .usb-baslik, .usb--uzun .usb-baslik { font-size: 46px; } .usb-illus { display: none; } }
@media (max-width: 767px)  { .usb { padding: 215px 0 90px; } .usb-baslik, .usb--uzun .usb-baslik { font-size: 38px; margin-bottom: 20px; } .usb-baslik-alt { margin-top: 10px; font-size: 18px; } .usb-kirinti ol { padding: 10px 22px; font-size: 16px; } }
@media (max-width: 575px)  { .usb { padding: 205px 0 70px; } .usb-baslik, .usb--uzun .usb-baslik { font-size: 32px; } }

/* ── AVUKAT KARTI ── */
.uhk-kurucu-liste { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.uhk-kurucu {
  display: grid; grid-template-columns: 76px minmax(0, 1fr) 20px; gap: 20px; align-items: center; padding: 14px 20px 14px 14px;
  border: 1px solid rgba(255, 255, 255, .08); background: #111; color: #fff; text-decoration: none;
  transition: border-color .5s var(--ul-ease), background-color .5s var(--ul-ease);
}
.uhk-kurucu-foto { width: 76px; height: 76px; overflow: hidden; background: #1c1c1c; }
.uhk-kurucu-foto img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transform: scale(1.02); transition: filter .6s var(--ul-ease), transform .8s var(--ul-ease-cikis); }
.uhk-kurucu-yazi { display: flex; flex-direction: column; min-width: 0; }
.uhk-kurucu-ad { font: 700 19px/1.3 var(--ul-serif); transition: color .4s var(--ul-ease); }
.uhk-kurucu-unvan { margin-top: 3px; color: var(--ul-fawn); font: 600 14px/1.45 var(--ul-sans2); }
.uhk-kurucu-sicil { display: flex; flex-wrap: wrap; gap: 2px 18px; margin-top: 5px; color: #9d9d9d; font: 500 13px/1.5 var(--ul-sans2); }
.uhk-kurucu-ok { color: #6f6f6f; line-height: 0; transition: transform .45s var(--ul-ease), color .45s var(--ul-ease); }
.uhk-kurucu-ok .ul-ikon { width: 20px; height: 20px; }
.uhk-kurucu:hover { border-color: rgba(181, 123, 81, .6); background: #15120f; }
.uhk-kurucu:hover .uhk-kurucu-foto img { filter: none; transform: scale(1.08); }
.uhk-kurucu:hover .uhk-kurucu-ok { color: var(--ul-fawn); transform: translateX(4px); }
.uhk-kurucu:focus-visible { outline: 2px solid var(--ul-gold); outline-offset: 3px; }
@media (max-width: 575px) {
  .uhk-kurucu { grid-template-columns: 60px minmax(0, 1fr) 18px; gap: 14px; padding: 12px 14px 12px 12px; }
  .uhk-kurucu-foto { width: 60px; height: 60px; }
  .uhk-kurucu-ad { font-size: 17px; }
}

/* ── İLETİŞİM ÇAĞRISI ── */
.ucta { padding: 30px 0 130px; }
.ucta-kutu { position: relative; isolation: isolate; overflow: hidden; padding: 84px 72px; background: #121212; }
.ucta-bg { position: absolute; inset: -14% 0; z-index: -2; }
.ucta-bg img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); opacity: .42; }
.ucta-kutu::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(60% 95% at 100% 100%, rgba(181, 123, 81, .3), transparent 70%),
    linear-gradient(90deg, #121212 0%, rgba(18, 18, 18, .93) 46%, rgba(18, 18, 18, .6) 100%);
}
.ucta-cerceve { position: absolute; inset: 16px; border: 1px solid rgba(219, 166, 110, .3); pointer-events: none; }
.ul-js .ucta-cerceve[data-ul-reveal] { opacity: 1; transform: none; clip-path: inset(0 100% 100% 0); transition: clip-path 1.8s var(--ul-ease-maske) .2s; }
.ul-js .ucta-cerceve[data-ul-reveal].is-in { clip-path: inset(0 0 0 0); }

.ucta-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 70px; align-items: center; }
.ucta-baslik { margin: 0 0 18px; color: #fff; font: 700 44px/1.2 var(--ul-serif); text-wrap: balance; }
.ucta-metin { max-width: 46ch; margin: 0 0 34px; color: #c9c9c9; font: 500 17px/1.7 var(--ul-sans2); }

.ucta-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, .1); }
.ucta-liste li { border-bottom: 1px solid rgba(255, 255, 255, .1); }
.ul-js .ucta-liste li[data-ul-reveal] { transition-delay: calc(var(--i, 0) * 90ms); }
.ucta-satir {
  display: grid; grid-template-columns: 48px minmax(0, 1fr) 18px; gap: 18px; align-items: center;
  padding: 18px 10px; color: #fff; text-decoration: none; transition: background-color .4s var(--ul-ease);
}
.ucta-ikon {
  display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%;
  border: 1px solid rgba(181, 123, 81, .55); color: var(--ul-fawn);
  transition: background-color .4s var(--ul-ease), border-color .4s var(--ul-ease), color .4s var(--ul-ease);
}
.ucta-ikon .ul-ikon { width: 20px; height: 20px; }
.ucta-yazi { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ucta-etiket { color: #a3a3a3; font: 600 13px/1.4 var(--ul-sans2); }
.ucta-deger { color: #fff; font: 600 17px/1.45 var(--ul-sans2); overflow-wrap: anywhere; }
.ucta-ok { color: #7a7a7a; line-height: 0; transition: transform .4s var(--ul-ease), color .4s var(--ul-ease); }
.ucta-ok .ul-ikon { width: 18px; height: 18px; }
.ucta-satir:hover { background: rgba(255, 255, 255, .035); }
.ucta-satir:hover .ucta-ikon { background: var(--ul-bronz); border-color: var(--ul-bronz); color: #fff; }
.ucta-satir:hover .ucta-ok { color: var(--ul-fawn); transform: translate(3px, -3px); }
.ucta-satir:focus-visible { outline: 2px solid var(--ul-gold); outline-offset: -2px; }

@media (max-width: 1199px) { .ucta-kutu { padding: 70px 50px; } .ucta-grid { gap: 44px; } .ucta-baslik { font-size: 38px; } }
@media (max-width: 991px)  { .ucta-grid { grid-template-columns: 1fr; } .ucta { padding-bottom: 100px; } }
@media (max-width: 575px)  {
  .ucta-kutu { padding: 50px 22px; }
  .ucta-cerceve { inset: 8px; }
  .ucta-baslik { font-size: 30px; }
  .ucta-satir { grid-template-columns: 44px minmax(0, 1fr) 16px; gap: 14px; padding: 16px 4px; }
  .ucta-ikon { width: 44px; height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .ul-js .usb[data-ul-giris] .usb-bg img,
  .ul-js .usb[data-ul-giris] .usb-illus img { transform: none; opacity: 1; }
  .ul-js .usb[data-ul-giris]::before { opacity: 0; }
  .ul-js .usb[data-ul-giris] .usb-kirinti ol,
  .ul-js .ucta-cerceve[data-ul-reveal] { clip-path: none; }
}