:root{
  --dm-blue:#1f6dff;
  --dm-blue-dark:#0b2a6f;
  --dm-blue-mid:#155bd8;
  --dm-cyan:#39a7ff;
  --dm-soft:#eef7ff;
  --dm-ink:#071633;
}
html, body { height: 100%; margin: 0; font-family: 'DM Sans', sans-serif; scroll-behavior:smooth; }
body { box-sizing: border-box; background:#fff; }
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-thumb { background: #b7cdf8; border-radius: 999px; }
.fade-in { animation: fadeIn .45s ease both; }
@keyframes fadeIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
@keyframes pulseGlow { 0%,100%{box-shadow:0 0 0 0 rgba(31,109,255,.25)} 50%{box-shadow:0 0 0 16px rgba(31,109,255,0)} }
@keyframes shine { 0%{transform:translateX(-120%) rotate(12deg)} 100%{transform:translateX(220%) rotate(12deg)} }
.dm-nav{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(31,109,255,.10);box-shadow:0 10px 40px rgba(16,45,100,.06)}
.dm-logo-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--dm-blue),var(--dm-cyan));display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(31,109,255,.25);animation:pulseGlow 3.2s infinite}
.dm-logo-mark.small{width:36px;height:36px;border-radius:12px;animation:none}
.dm-menu-link{position:relative;color:#53627c;transition:.2s ease}.dm-menu-link:hover{color:var(--dm-blue)}.dm-menu-link:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--dm-blue),var(--dm-cyan));transition:.25s ease}.dm-menu-link:hover:after{right:0}
.dm-primary-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--dm-blue),var(--dm-cyan));color:white;padding:.72rem 1.25rem;border-radius:1rem;font-weight:800;box-shadow:0 12px 28px rgba(31,109,255,.28);transition:.25s ease}.dm-primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(31,109,255,.34)}.dm-primary-btn:before{content:"";position:absolute;top:-80%;bottom:-80%;width:38%;background:rgba(255,255,255,.25);filter:blur(2px);animation:shine 3.8s infinite}
.dm-mobile-btn{width:42px;height:42px;border-radius:14px;background:#eef7ff;color:var(--dm-blue);display:flex;align-items:center;justify-content:center}.dm-mobile-panel{position:absolute;top:68px;left:16px;right:16px;background:white;border:1px solid rgba(31,109,255,.12);border-radius:20px;padding:12px;box-shadow:0 24px 60px rgba(7,22,51,.12)}.dm-mobile-panel a{display:block;padding:12px 14px;border-radius:14px;color:#334155;font-weight:700}.dm-mobile-panel a:hover{background:#eef7ff;color:var(--dm-blue)}
.dm-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(57,167,255,.18),transparent 32%),radial-gradient(circle at 12% 75%,rgba(31,109,255,.12),transparent 30%),linear-gradient(135deg,#f8fbff 0%,#ffffff 46%,#eef7ff 100%)}
.dm-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,109,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(31,109,255,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 70%)}
.dm-orb{position:absolute;border-radius:999px;filter:blur(1px);opacity:.85;animation:floatY 5s ease-in-out infinite}.dm-orb.one{width:110px;height:110px;background:rgba(31,109,255,.13);top:18%;right:8%}.dm-orb.two{width:72px;height:72px;background:rgba(57,167,255,.18);bottom:18%;left:12%;animation-delay:.7s}.dm-plus{position:absolute;color:rgba(31,109,255,.16);font-weight:900;font-size:48px;animation:floatY 4s ease-in-out infinite}.dm-plus.p1{top:25%;left:10%}.dm-plus.p2{bottom:22%;right:14%;animation-delay:1s}.dm-hero-card{background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid rgba(31,109,255,.10);box-shadow:0 28px 70px rgba(31,109,255,.11)}
.dm-card{transition:.28s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.dm-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(31,109,255,.14)!important}.dm-card:after{content:"";position:absolute;inset:auto -40% -60% -40%;height:90px;background:linear-gradient(90deg,transparent,rgba(31,109,255,.10),transparent);transform:rotate(-4deg);transition:.3s}.dm-card:hover:after{bottom:-40%}
.card-hover { transition: all .25s ease; }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 16px 46px rgba(31,109,255,.12); }
.sidebar-item { transition: all .15s ease; }
.sidebar-item:hover, .sidebar-item.active { background: rgba(31,109,255,.09); color: #1f6dff; }
.time-btn { transition: all .15s ease; }
.time-btn:not(.disabled):hover { transform: scale(1.05); }
.tab-btn { position: relative; transition: color .2s; }
.tab-btn.active::after { content:''; position:absolute; bottom:-2px; left:0; right:0; height:3px; background:#1f6dff; border-radius:2px; }
.dm-footer{background:radial-gradient(circle at 82% 5%,rgba(57,167,255,.20),transparent 30%),linear-gradient(135deg,#071633,#0b2a6f 65%,#155bd8);color:#cfe2ff}.dm-footer a{color:#cfe2ff;transition:.2s}.dm-footer a:hover{color:white;transform:translateX(2px)}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}

/* Reklam temasını tüm sayfalara yayma + sticky footer */
html{min-height:100%;}
body{min-height:100vh!important;display:flex!important;flex-direction:column!important;background:#fff;}
body > .dm-page, body > #app{min-height:100vh;display:flex;flex-direction:column;flex:1;}
.dm-main{flex:1;}
.dm-footer{margin-top:auto!important;}
.dm-auth-bg{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 16%,rgba(31,109,255,.18),transparent 30%),radial-gradient(circle at 12% 78%,rgba(57,167,255,.15),transparent 28%),linear-gradient(135deg,#f8fbff 0%,#fff 48%,#eef7ff 100%);}
.dm-auth-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,109,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,109,255,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 80%);}
.dm-auth-card{position:relative;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(31,109,255,.14);}
.dm-panel-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(16,45,100,.05);}
.dm-dashboard-bg{background:linear-gradient(135deg,#f8fbff 0%,#fff 52%,#eef7ff 100%);}
.dm-logo-text{font-weight:900;letter-spacing:-.025em;color:#071633}.dm-logo-text span{color:#1f6dff}

/* === Premium layout + overlap fixes v2 === */
* { box-sizing: border-box; }
html { min-height: 100%; scroll-padding-top: 92px; }
body { min-height: 100vh !important; display: flex !important; flex-direction: column !important; overflow-x: hidden; }
body > .dm-page, body > #app, .dm-page { width: 100%; min-height: 100vh; display: flex; flex-direction: column; flex: 1 0 auto; }
.dm-page > main, .dm-main { flex: 1 0 auto; width: 100%; position: relative; z-index: 1; padding-bottom: clamp(48px, 7vw, 96px); }
.dm-footer { flex-shrink: 0; position: relative !important; z-index: 2; margin-top: auto !important; padding-top: clamp(44px, 6vw, 64px) !important; padding-bottom: clamp(28px, 5vw, 44px) !important; }
.dm-footer .max-w-6xl { position: relative; z-index: 2; }
.dm-footer:before { content:""; position:absolute; inset:0; background: linear-gradient(120deg, rgba(255,255,255,.06), transparent 35%, rgba(57,167,255,.08)); pointer-events:none; }
section[id] { scroll-margin-top: 100px; }

/* Premium visual polish */
.dm-nav { min-height: 72px; isolation: isolate; }
.dm-nav:after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg, transparent, rgba(31,109,255,.35), transparent); }
.dm-logo-mark { position: relative; transform: translateZ(0); }
.dm-logo-mark:after { content:""; position:absolute; inset:-6px; border-radius:18px; background:linear-gradient(135deg, rgba(31,109,255,.18), rgba(57,167,255,.05)); z-index:-1; opacity:.9; }
.dm-logo:hover .dm-logo-mark { transform: translateY(-1px) scale(1.03); }
.dm-hero { min-height: clamp(420px, 52vh, 620px); display:flex; align-items:center; padding-top: clamp(64px, 8vw, 104px) !important; padding-bottom: clamp(64px, 8vw, 104px) !important; }
.dm-hero h1 { letter-spacing: -0.055em; text-wrap: balance; }
.dm-hero p { text-wrap: balance; }
.dm-hero-card { max-width: 920px; margin-left:auto; margin-right:auto; box-shadow:0 24px 70px rgba(31,109,255,.13), inset 0 1px 0 rgba(255,255,255,.85); }
.dm-hero-card select, .dm-hero-card input { min-height: 48px; }
.dm-card, .card-hover, .dm-auth-card, .dm-page main > .bg-white, main .rounded-2xl { backface-visibility:hidden; }
.card-hover, .dm-auth-card { box-shadow: 0 18px 55px rgba(15, 23, 42, .055); }
.card-hover:hover, .dm-auth-card:hover { border-color: rgba(31,109,255,.22); }
.dm-primary-btn, button, a.bg-brand-500, a.bg-slate2-100, button.bg-slate2-100 { white-space: nowrap; }
button, a { -webkit-tap-highlight-color: transparent; }
input, select, textarea { max-width: 100%; }

/* Fix form and detail page spacing */
form { min-width: 0; }
.time-btn { user-select:none; cursor:pointer; }
.time-btn:has(input:checked), .time-btn.active { background: linear-gradient(135deg, var(--dm-blue), var(--dm-cyan)) !important; color: #fff !important; box-shadow:0 12px 28px rgba(31,109,255,.25); }
.dm-auth-bg { min-height: calc(100vh - 72px); }
.dm-auth-bg > .max-w-3xl, .dm-auth-bg > .max-w-4xl { width:100%; }

/* Premium sections */
#doctors { margin-top: -10px; }
#doctors .grid > div { min-height: 178px; }
#how .card-hover { min-height: 112px; }
main.max-w-6xl, main.max-w-5xl, main.max-w-3xl { width:100%; }

/* Footer never covers content */
.dm-footer + * { display:none; }
body:has(.dm-footer) { padding-bottom:0 !important; }

/* Nice responsive fixes */
@media (max-width: 900px) {
  .dm-menu { gap: 1rem; }
  .dm-hero { min-height: auto; }
  .dm-hero h1 { font-size: clamp(2.25rem, 9vw, 4rem); }
}
@media (max-width: 768px) {
  .dm-nav { min-height: 64px; padding-top: 10px !important; padding-bottom: 10px !important; }
  .dm-logo-mark { width: 38px; height: 38px; border-radius: 13px; }
  .dm-logo span { font-size: 1.25rem; }
  .dm-mobile-panel { position: fixed; top: 72px; z-index: 80; }
  .dm-hero { padding: 52px 16px !important; }
  .dm-hero-card { padding: 12px !important; border-radius: 22px !important; }
  .dm-primary-btn { width: 100%; justify-content: center; }
  .dm-footer { text-align:left; }
  .dm-page > main, .dm-main { padding-bottom: 56px; }
  .grid.md\:grid-cols-2, .grid.md\:grid-cols-3, .grid.lg\:grid-cols-3 { grid-template-columns: 1fr !important; }
}
@media (max-width: 520px) {
  .dm-hero h1 { font-size: 2.15rem; line-height: 1.05; }
  .dm-hero p { font-size: .98rem; }
  .card-hover { padding: 18px !important; }
  .dm-footer { padding-left: 18px !important; padding-right: 18px !important; }
  .time-btn { flex: 1 1 calc(50% - 8px); text-align:center; }
}

/* Motion, but respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
.dm-menu-link.active { color: var(--dm-blue); }
.dm-menu-link.active:after { right:0; }
body.dm-loaded .dm-nav { animation: fadeIn .35s ease both; }


/* === Form interaction fixes === */
.dm-auth-bg:before, .dm-hero:before { pointer-events: none !important; }
.dm-auth-bg > *, .dm-hero > * { position: relative; z-index: 1; }
.time-btn input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.time-btn.disabled { pointer-events: none; opacity: .65; }
.time-btn.active, .time-btn:has(input:checked) { background: linear-gradient(135deg, var(--dm-blue), var(--dm-cyan)) !important; color: #fff !important; box-shadow: 0 12px 28px rgba(31,109,255,.25); }
button, input, select, textarea, label, a { position: relative; z-index: 3; }
.appointment-form { position: relative; z-index: 5; }
.form-message { border-radius: 14px; padding: 12px 14px; font-size: 13px; font-weight: 700; margin-bottom: 14px; }
.form-message.error { background:#fee2e2; color:#b91c1c; }
.form-message.ok { background:#dcfce7; color:#047857; }
.rating-stars { display:flex; flex-direction: row-reverse; justify-content:flex-end; gap:4px; }
.rating-stars input { display:none; }
.rating-stars label { cursor:pointer; font-size:20px; color:#cbd5e1; transition:.15s; }
.rating-stars input:checked ~ label, .rating-stars label:hover, .rating-stars label:hover ~ label { color:#f59e0b; }


/* === Doctor mobile/tablet optimization upgrade === */
@media (max-width:768px){#page-doctor{display:block!important;min-height:100vh}#page-doctor main{padding:14px!important;padding-bottom:96px!important}#page-doctor header{position:sticky;top:0;z-index:30}.doctor-mobile-nav{position:sticky;top:0;z-index:35;-webkit-overflow-scrolling:touch;scrollbar-width:none}.doctor-mobile-nav::-webkit-scrollbar{display:none}.doctor-mobile-nav a{display:inline-flex;align-items:center;justify-content:center;margin-right:7px;padding:10px 13px;border-radius:14px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;border:1px solid #e5edf7}.doctor-mobile-nav a.active{background:#eaf2ff;color:#1f6dff;border-color:#cfe0ff}#page-doctor .grid.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#page-doctor .grid.md\:grid-cols-2,#page-doctor .grid.xl\:grid-cols-3{grid-template-columns:1fr!important}#page-doctor .overflow-x-auto{border-radius:16px;-webkit-overflow-scrolling:touch}#page-doctor table{min-width:760px}#page-doctor input,#page-doctor select,#page-doctor textarea{font-size:16px!important;min-height:44px}.archive-card{padding:16px!important;border-radius:18px!important}}
@media (max-width:480px){#page-doctor .grid.lg\:grid-cols-4{grid-template-columns:1fr!important}#page-doctor header{padding:12px!important}#page-doctor h2{font-size:18px!important}#page-doctor .rounded-2xl{border-radius:18px!important}}


/* DoktorMap - güncel çalışma: arama alanı sağ merkeze yakın ve hasta oturum rozeti */
.dm-hero-inner { max-width: 1080px; }
.dm-hero-search { width: min(100%, 900px); margin-left: auto; margin-right: 0; }
.dm-header-user { display:inline-flex; align-items:center; gap:.45rem; padding:.55rem .8rem; border-radius:999px; color:#1f6dff; background:rgba(31,109,255,.08); border:1px solid rgba(31,109,255,.12); font-weight:800; max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dm-header-user:hover { background:rgba(31,109,255,.13); }
@media (max-width: 767px) { .dm-hero-search { margin-left:auto; margin-right:auto; } }



@media (max-width:768px){

  .card-hover button,
  .card-hover a {
    width: auto !important;
    max-width: 150px;
    padding: 10px 14px;
    font-size: 14px;
    margin-left: auto;
    display: inline-flex;
    justify-content: center;
  }

}


.dm-logo .dm-logo-mark,
.dm-footer .dm-logo-mark{background:#ffffff!important;border:1px solid rgba(31,109,255,.10);box-shadow:0 12px 26px rgba(31,109,255,.25),0 0 0 4px rgba(57,167,255,.12);}


/* === Featured doctor premium cards - only card shape === */
#doctors .dm-featured-doctor-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
@media (min-width:1024px){
  #doctors .dm-featured-doctor-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
  }
}
#doctors .dm-featured-doctor-card{
  min-height:auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid rgba(31,109,255,.10)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.07)!important;
}
#doctors .dm-featured-doctor-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 56px rgba(31,109,255,.14)!important;
}
#doctors .dm-featured-doctor-photo{
  width:100%;
  height:158px;
  background:linear-gradient(135deg,#eef7ff,#ffffff);
  overflow:hidden;
  position:relative;
}
#doctors .dm-featured-doctor-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#doctors .dm-featured-doctor-initials{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#1f6dff;
  font-size:28px;
  background:linear-gradient(135deg,#eef7ff,#dbeafe);
}
#doctors .dm-featured-doctor-body{
  padding:14px!important;
}
#doctors .dm-featured-doctor-meta{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
#doctors .dm-featured-doctor-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
}
#doctors .dm-featured-doctor-actions .dm-primary-btn{
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
}
@media (max-width:640px){
  #doctors .dm-featured-doctor-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  #doctors .dm-featured-doctor-card{
    border-radius:18px!important;
  }
  #doctors .dm-featured-doctor-photo{
    height:112px!important;
  }
  #doctors .dm-featured-doctor-body{
    padding:10px!important;
  }
  #doctors .dm-featured-doctor-actions{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  #doctors .dm-featured-doctor-actions .dm-primary-btn{
    padding:8px 10px!important;
    font-size:10.5px!important;
  }
}


/* === Featured doctor automatic slider - no arrows === */
#doctors .dm-featured-doctor-slider{
  width:100%;
  overflow:hidden!important;
  position:relative;
  padding:4px 0 12px;
}
#doctors .dm-featured-doctor-slider:hover .dm-featured-doctor-grid{
  animation-play-state:paused;
}
#doctors .dm-featured-doctor-grid{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  gap:22px!important;
  width:max-content;
  overflow:visible!important;
  will-change:transform;
  animation:dmFeaturedDoctorsAutoSlide 28s linear infinite;
}
#doctors .dm-featured-doctor-card{
  flex:0 0 260px!important;
  width:260px!important;
}
#doctors .dm-featured-doctor-card.dm-slider-clone{
  pointer-events:auto;
}
@keyframes dmFeaturedDoctorsAutoSlide{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(-50% - 11px)); }
}
@media (max-width:640px){
  #doctors .dm-featured-doctor-slider{
    overflow:hidden!important;
    padding-bottom:10px;
  }
  #doctors .dm-featured-doctor-grid{
    gap:12px!important;
    animation-duration:24s;
  }
  #doctors .dm-featured-doctor-card{
    flex:0 0 calc((100vw - 40px) / 2)!important;
    width:calc((100vw - 40px) / 2)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  #doctors .dm-featured-doctor-grid{
    animation:none!important;
  }
}