:root{
  --dm-blue:#0F8FA0;
  --dm-blue-dark:#087082;
  --dm-blue-mid:#14A6B8;
  --dm-cyan:#28C7B8;
  --dm-soft:#F0FDFA;
  --dm-ink:#0F2F3A;
}
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: #9BE3DD; 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(15,143,160,.25)} 50%{box-shadow:0 0 0 16px rgba(15,143,160,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(15,143,160,.10);box-shadow:0 10px 40px rgba(15,47,58,.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(15,143,160,.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(15,143,160,.28);transition:.25s ease}.dm-primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(15,143,160,.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:var(--dm-soft);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(15,143,160,.12);border-radius:20px;padding:12px;box-shadow:0 24px 60px rgba(15,47,58,.12)}.dm-mobile-panel a{display:block;padding:12px 14px;border-radius:14px;color:#334155;font-weight:700}.dm-mobile-panel a:hover{background:var(--dm-soft);color:var(--dm-blue)}
.dm-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(40,199,184,.18),transparent 32%),radial-gradient(circle at 12% 75%,rgba(15,143,160,.12),transparent 30%),linear-gradient(135deg,#F0FDFA 0%,#ffffff 46%,var(--dm-soft) 100%)}
.dm-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,143,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(15,143,160,.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(15,143,160,.13);top:18%;right:8%}.dm-orb.two{width:72px;height:72px;background:rgba(40,199,184,.18);bottom:18%;left:12%;animation-delay:.7s}.dm-plus{position:absolute;color:rgba(15,143,160,.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(15,143,160,.10);box-shadow:0 28px 70px rgba(15,143,160,.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(15,143,160,.14)!important}.dm-card:after{content:"";position:absolute;inset:auto -40% -60% -40%;height:90px;background:linear-gradient(90deg,transparent,rgba(15,143,160,.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(15,143,160,.12); }
.sidebar-item { transition: all .15s ease; }
.sidebar-item:hover, .sidebar-item.active { background: rgba(15,143,160,.09); color: var(--dm-blue); }
.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:var(--dm-blue); border-radius:2px; }
.dm-footer{background:radial-gradient(circle at 82% 5%,rgba(40,199,184,.20),transparent 30%),linear-gradient(135deg,#062E36,#087082 68%,#14A6B8);color:#fff3dc}.dm-footer a{color:#fff3dc;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(15,143,160,.18),transparent 30%),radial-gradient(circle at 12% 78%,rgba(40,199,184,.15),transparent 28%),linear-gradient(135deg,#F0FDFA 0%,#fff 48%,var(--dm-soft) 100%);}
.dm-auth-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,143,160,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(15,143,160,.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(15,143,160,.14);}
.dm-panel-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(15,47,58,.05);}
.dm-dashboard-bg{background:linear-gradient(135deg,#F0FDFA 0%,#fff 52%,var(--dm-soft) 100%);}
.dm-logo-text{font-weight:900;letter-spacing:-.025em;color:var(--dm-ink)}.dm-logo-text span{color:var(--dm-blue)}

/* === 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(40,199,184,.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(15,143,160,.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(15,143,160,.18), rgba(40,199,184,.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(15,143,160,.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(15,143,160,.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(15,143,160,.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 */
#vets { margin-top: -10px; }
#vets .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(15,143,160,.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; }


/* === Vet mobile/tablet optimization upgrade === */
@media (max-width:768px){#page-vet{display:block!important;min-height:100vh}#page-vet main{padding:14px!important;padding-bottom:96px!important}#page-vet header{position:sticky;top:0;z-index:30}.vet-mobile-nav{position:sticky;top:0;z-index:35;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vet-mobile-nav::-webkit-scrollbar{display:none}.vet-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}.vet-mobile-nav a.active{background:#DDF8F5;color:var(--dm-blue);border-color:#9BE3DD}#page-vet .grid.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#page-vet .grid.md\:grid-cols-2,#page-vet .grid.xl\:grid-cols-3{grid-template-columns:1fr!important}#page-vet .overflow-x-auto{border-radius:16px;-webkit-overflow-scrolling:touch}#page-vet table{min-width:760px}#page-vet input,#page-vet select,#page-vet textarea{font-size:16px!important;min-height:44px}.archive-card{padding:16px!important;border-radius:18px!important}}
@media (max-width:480px){#page-vet .grid.lg\:grid-cols-4{grid-template-columns:1fr!important}#page-vet header{padding:12px!important}#page-vet h2{font-size:18px!important}#page-vet .rounded-2xl{border-radius:18px!important}}


/* PatiSelf - güncel çalışma: arama alanı sağ merkeze yakın ve pati 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:var(--dm-blue); background:rgba(15,143,160,.08); border:1px solid rgba(15,143,160,.12); font-weight:800; max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dm-header-user:hover { background:rgba(15,143,160,.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(15,143,160,.10);box-shadow:0 12px 26px rgba(15,143,160,.25),0 0 0 4px rgba(40,199,184,.12);}


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


/* === Featured vet automatic slider - no arrows === */
#vets .dm-featured-vet-slider{
  width:100%;
  overflow:hidden!important;
  position:relative;
  padding:4px 0 12px;
}
#vets .dm-featured-vet-slider:hover .dm-featured-vet-grid{
  animation-play-state:paused;
}
#vets .dm-featured-vet-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:dmFeaturedVetsAutoSlide 28s linear infinite;
}
#vets .dm-featured-vet-card{
  flex:0 0 260px!important;
  width:260px!important;
}
#vets .dm-featured-vet-card.dm-slider-clone{
  pointer-events:auto;
}
@keyframes dmFeaturedVetsAutoSlide{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(-50% - 11px)); }
}
@media (max-width:640px){
  #vets .dm-featured-vet-slider{
    overflow:hidden!important;
    padding-bottom:10px;
  }
  #vets .dm-featured-vet-grid{
    gap:12px!important;
    animation-duration:24s;
  }
  #vets .dm-featured-vet-card{
    flex:0 0 calc((100vw - 40px) / 2)!important;
    width:calc((100vw - 40px) / 2)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  #vets .dm-featured-vet-grid{
    animation:none!important;
  }
}

/* === PatiSelf Turkuaz Tema - kesin son katman === */
:root{
  --dm-blue:#0F8FA0!important;
  --dm-blue-dark:#087082!important;
  --dm-blue-mid:#14A6B8!important;
  --dm-cyan:#28C7B8!important;
  --dm-soft:#F0FDFA!important;
  --dm-ink:#0F2F3A!important;
}

.text-brand-500,
.text-brand-600,
.text-brand-700,
.text-blue-500,
.text-blue-600,
.text-blue-700{
  color:#0F8FA0!important;
}

.bg-brand-50,
.bg-blue-50{
  background-color:#F0FDFA!important;
}

.bg-brand-100,
.bg-blue-100{
  background-color:#DDF8F5!important;
}

.border-brand-100,
.border-brand-200,
.border-blue-100,
.border-blue-200{
  border-color:#B8ECE7!important;
}

.dm-dynamic-kicker{
  background:rgba(15,143,160,.08)!important;
  color:#0F8FA0!important;
  border-color:#B8ECE7!important;
}

.dm-dynamic-dots button{
  background:rgba(15,143,160,.25)!important;
}

.dm-dynamic-dots button.active{
  background:linear-gradient(90deg,#0F8FA0,#28C7B8)!important;
  box-shadow:0 0 12px rgba(15,143,160,.45)!important;
}

.dm-dynamic-icon{
  background:linear-gradient(145deg,#ffffff,#eefcfb)!important;
  box-shadow:0 16px 38px rgba(15,143,160,.16),inset 0 1px 0 rgba(255,255,255,1)!important;
}

.dm-dynamic-icon svg,
.dm-dynamic-icon svg path,
.dm-dynamic-icon svg circle,
.dm-dynamic-icon svg rect,
.dm-dynamic-icon svg line,
.dm-dynamic-icon svg polyline{
  stroke:#0F8FA0!important;
  fill:none!important;
}