/* Ortak kurumsal zemin */
.oa-doctor-card-media,
.oa-related-doctor-media,
.oa-doctor-profile-photo-wrap,
.liv-doctor-thumb-v3-photo,
.liv-doctor-v3-photo-panel{
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 20%,rgba(255,255,255,.96) 0 18%,rgba(255,255,255,.48) 18.3% 32%,transparent 32.4%),
    linear-gradient(145deg,#edf3fa 0%,#f8fbff 54%,#dfe8f4 100%)!important;
}

/* Doktor liste kartları */
.oa-doctor-card-media::before,
.oa-related-doctor-media::before{
  content:"";
  position:absolute;
  z-index:0;
  right:-22%;
  top:-16%;
  width:88%;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(41,56,112,.12);
  box-shadow:0 0 0 28px rgba(41,56,112,.035),0 0 0 58px rgba(232,92,32,.018);
  pointer-events:none;
}
.oa-doctor-card-media::after,
.oa-related-doctor-media::after{
  content:"";
  position:absolute;
  z-index:0;
  left:-18%;
  right:-18%;
  bottom:-20%;
  height:39%;
  border-radius:50% 50% 0 0/72% 72% 0 0;
  background:linear-gradient(110deg,#16295f 0%,#274c96 72%,#18346f 100%);
  border-top:3px solid #f06a27;
  pointer-events:none;
}
.oa-doctor-card-media img[src*="/uploads/doctors-transparent-"],
.oa-related-doctor-media img[src*="/uploads/doctors-transparent-"]{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  padding:12px 10px 0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 16px 22px rgba(20,39,83,.16));
}
.oa-doctor-card-image-frame{z-index:3!important}

/* Doktor profil büyük görseli */
.oa-doctor-profile-photo-wrap::before{
  content:"";
  position:absolute;
  z-index:0;
  right:-25%;
  top:-8%;
  width:105%;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(255,255,255,.48);
  box-shadow:0 0 0 42px rgba(41,56,112,.035),0 0 0 84px rgba(232,92,32,.018);
  pointer-events:none;
}
.oa-doctor-profile-photo-wrap::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:-20%!important;
  right:-20%!important;
  bottom:-15%!important;
  width:auto!important;
  height:32%!important;
  border:0!important;
  border-radius:50% 50% 0 0/78% 78% 0 0!important;
  background:linear-gradient(110deg,#14265c,#28509a 72%,#17336f)!important;
  border-top:4px solid #f06a27!important;
  box-shadow:none!important;
}
.oa-doctor-profile-photo[src*="/uploads/doctors-transparent-"]{
  z-index:1!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:24px 20px 0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 22px 28px rgba(18,38,82,.18));
}
.oa-doctor-profile-photo-pattern{z-index:3!important}

/* Ana sayfa küçük doktor kartları */
.liv-doctor-thumb-v3-photo{position:relative}
.liv-doctor-thumb-v3-photo::before{
  content:"";
  position:absolute;
  z-index:0;
  right:-18%;top:-20%;width:82%;aspect-ratio:1;border-radius:50%;
  background:rgba(255,255,255,.56);
  box-shadow:0 0 0 20px rgba(41,56,112,.035);
}
.liv-doctor-thumb-v3-photo::after{
  content:"";
  position:absolute;
  z-index:0;
  left:-18%;right:-18%;bottom:-24%;height:43%;
  border-radius:50% 50% 0 0/78% 78% 0 0;
  background:linear-gradient(110deg,#16295f,#274c96 75%,#18346f);
  border-top:2px solid #f06a27;
}
.liv-doctor-thumb-v3-photo img[src*="/uploads/doctors-transparent-"]{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  padding:8px 6px 0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 12px 18px rgba(18,38,82,.16));
}

/* Ana sayfa büyük doktor vitrini */
.liv-doctor-v3-photo-panel::after{
  content:"";
  position:absolute;
  z-index:1;
  left:36%;right:-14%;bottom:-18%;height:40%;
  border-radius:50% 50% 0 0/80% 80% 0 0;
  background:linear-gradient(105deg,#14265c,#2e57a2 72%,#18346f);
  border-top:4px solid #f06a27;
  pointer-events:none;
}
.liv-doctor-v3-photo-panel img[src*="/uploads/doctors-transparent-"]{
  z-index:2!important;
  right:1%!important;
  bottom:0!important;
  width:69%!important;
  height:96%!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  filter:drop-shadow(0 25px 30px rgba(12,45,88,.2))!important;
}

@media(max-width:991px){
  .liv-doctor-v3-photo-panel img[src*="/uploads/doctors-transparent-"]{width:83%!important;height:90%!important}
}
@media(max-width:767px){
  .oa-doctor-card-media img[src*="/uploads/doctors-transparent-"],
  .oa-related-doctor-media img[src*="/uploads/doctors-transparent-"]{padding:8px 5px 0!important}
  .oa-doctor-profile-photo[src*="/uploads/doctors-transparent-"]{padding:16px 10px 0!important}
  .liv-doctor-v3-photo-panel img[src*="/uploads/doctors-transparent-"]{right:-3%!important;width:92%!important;height:86%!important}
}

.oa-related-doctors{
  padding:78px 0 88px;
  border-top:1px solid #e6ebf1;
  background:linear-gradient(180deg,#fbfcfe 0%,#f5f8fc 100%);
}
.oa-related-doctors-head{
  align-items:flex-end;
  gap:28px;
  margin-bottom:30px;
}
.oa-related-doctors-head>div{max-width:820px}
.oa-related-doctors-head h2{
  max-width:760px;
  margin-top:10px;
  font-size:clamp(34px,3.2vw,50px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.oa-related-doctors-intro{
  max-width:640px;
  margin:15px 0 0;
  color:#68758a;
  font-size:14px;
  line-height:1.7;
}
.oa-related-doctors-all{
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:0 17px;
  border:1px solid #d8e0ea;
  border-radius:999px;
  background:#fff;
  color:#243b76!important;
  box-shadow:0 8px 22px rgba(22,44,72,.06);
  font-size:11px!important;
  font-weight:800;
  text-decoration:none;
  transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.oa-related-doctors-all:hover{
  transform:translateY(-2px);
  border-color:rgba(232,92,32,.5);
  color:#e85c20!important;
  box-shadow:0 12px 28px rgba(22,44,72,.1);
}
.oa-related-doctors-all .oa-icon{width:14px;height:14px}
.oa-related-doctor-grid{gap:18px}
.oa-related-doctor-grid .oa-related-doctor-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #dce4ed;
  border-top:1px solid #dce4ed!important;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(22,44,72,.055);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.oa-related-doctor-grid .oa-related-doctor-card:hover{
  transform:translateY(-6px);
  border-color:rgba(232,92,32,.45)!important;
  box-shadow:0 24px 48px rgba(22,44,72,.12);
}
.oa-related-doctor-card .oa-related-doctor-media{
  position:relative;
  aspect-ratio:4/5;
  min-height:0;
  border-bottom:1px solid #e5ebf2;
}
.oa-related-doctor-card .oa-related-doctor-media img{
  transition:transform .3s ease,filter .3s ease;
}
.oa-related-doctor-card:hover .oa-related-doctor-media img{
  transform:translateY(-3px) scale(1.015);
}
.oa-related-doctor-body{
  display:flex;
  min-height:178px;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:20px 19px 18px!important;
}
.oa-related-doctor-body>span{
  display:inline-flex;
  width:fit-content;
  min-height:24px;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:rgba(232,92,32,.09);
  color:#dc5520!important;
  font-size:8px!important;
  line-height:1.3;
  letter-spacing:.08em;
}
.oa-related-doctor-body h3{
  margin:12px 0 6px!important;
  font-size:19px!important;
  line-height:1.28!important;
  letter-spacing:-.015em;
}
.oa-related-doctor-body p{
  min-height:36px;
  margin:0 0 14px!important;
  color:#6d798c!important;
  font-size:12px!important;
  line-height:1.5;
}
.oa-related-doctor-body .oa-related-doctor-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid #edf1f5;
  color:#243b76!important;
  font-size:10px!important;
  font-weight:800;
}
.oa-related-doctor-body .oa-related-doctor-link:hover{color:#e85c20!important}
.oa-related-doctor-body .oa-related-doctor-link .oa-icon{width:13px;height:13px}

@media(max-width:767px){
  .oa-related-doctors{padding:58px 0 66px}
  .oa-related-doctors-head{align-items:flex-start;margin-bottom:24px}
  .oa-related-doctors-head h2{font-size:36px}
  .oa-related-doctors-all{min-height:42px}
  .oa-related-doctor-grid{gap:16px}
  .oa-related-doctor-body{min-height:0}
}
