/* DijiVet tanıtım sitesi — marka değişkenleri DijiVet.Brand'den gelir; burada yalnız sayfa düzeni ve animasyonlar vardır. */
:root { --cy-g1: var(--dv-brand-600, #0f7f70); --cy-g2: var(--dv-brand-400, #2bb3a0); --cy-acc: var(--dv-accent, #F0A202); }
html { scroll-behavior: smooth; }
body { background: var(--dv-bg); }
.cy-kap { max-width: 72rem; margin: 0 auto; padding: 0 var(--dv-sp-5); }

/* Üst şerit */
.site-head { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: var(--dv-sp-4); padding: .75rem var(--dv-sp-5);
  background: color-mix(in srgb, var(--dv-surface) 82%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--dv-border); }
.site-head nav { display: flex; gap: var(--dv-sp-4); margin-left: auto; align-items: center; flex-wrap: wrap; }
.site-head nav a { color: var(--dv-text); text-decoration: none; font-weight: 500; }
.site-head nav a:hover { color: var(--cy-g1); }
.cy-pil { padding: .3rem .8rem; border-radius: 999px; background: linear-gradient(90deg, var(--cy-g1), var(--cy-g2)); color: #fff !important; font-size: var(--dv-fs-sm); }
@media (max-width: 760px) { .site-head nav a:not(.cy-pil) { display: none; } }

/* Kahraman bölüm */
.cy-hero { position: relative; overflow: hidden; padding: 5rem 0 4rem; }
.cy-blob { position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35; animation: cy-yuz 16s ease-in-out infinite; pointer-events: none; }
.cy-blob.b1 { width: 28rem; height: 28rem; background: var(--cy-g2); top: -8rem; left: -6rem; }
.cy-blob.b2 { width: 22rem; height: 22rem; background: var(--cy-acc); bottom: -8rem; right: 10%; animation-delay: -6s; opacity: .22; }
.cy-blob.b3 { width: 18rem; height: 18rem; background: var(--cy-g1); top: 20%; right: -6rem; animation-delay: -11s; }
@keyframes cy-yuz { 0%,100% { transform: translate(0,0) scale(1); } 33% { transform: translate(3rem,2rem) scale(1.08); } 66% { transform: translate(-2rem,1rem) scale(.95); } }
.cy-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 3rem; align-items: center; }
@media (max-width: 960px) { .cy-hero-grid { grid-template-columns: 1fr; } }
.cy-rozet { display: inline-flex; align-items: center; gap: .5rem; padding: .35rem .9rem; border-radius: 999px; background: color-mix(in srgb, var(--cy-g2) 16%, transparent);
  color: var(--cy-g1); font-weight: 700; font-size: var(--dv-fs-sm); letter-spacing: .06em; }
.cy-rozet i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--cy-acc); animation: cy-nabiz 1.6s infinite; }
@keyframes cy-nabiz { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--cy-acc) 70%, transparent); } 100% { box-shadow: 0 0 0 .7rem transparent; } }
.cy-hero h1 { font-size: clamp(2rem, 3.8vw, 3.1rem); line-height: 1.1; margin: 1.1rem 0; letter-spacing: -.02em; }
.cy-donen { display: inline-block; background: linear-gradient(90deg, var(--cy-g1), var(--cy-g2), var(--cy-acc)); -webkit-background-clip: text; background-clip: text; color: transparent;
  min-width: 8ch; transition: opacity .35s, transform .35s; }
.cy-donen.gizli { opacity: 0; transform: translateY(.4em); }
.cy-hero p.lead { font-size: var(--dv-fs-lg); color: var(--dv-text-muted); max-width: 36rem; }
.cy-cta { display: flex; gap: var(--dv-sp-3); margin-top: var(--dv-sp-5); flex-wrap: wrap; }

/* Uygulama penceresi (temsili ekran) */
.cy-pencere { background: var(--dv-surface); border: 1px solid var(--dv-border); border-radius: 1rem; box-shadow: 0 30px 80px -30px rgba(10,60,55,.45); overflow: hidden; }
.cy-pencere-ust { display: flex; gap: .4rem; padding: .6rem .8rem; border-bottom: 1px solid var(--dv-border); background: var(--dv-surface-2, var(--dv-bg)); align-items: center; }
.cy-pencere-ust b { width: .7rem; height: .7rem; border-radius: 50%; background: #e5534b; }
.cy-pencere-ust b:nth-child(2) { background: #f0a202; } .cy-pencere-ust b:nth-child(3) { background: #2bb3a0; }
.cy-pencere-ust span { margin-left: .6rem; font-size: var(--dv-fs-xs); color: var(--dv-text-muted); }
.cy-hero .cy-pencere { transform: perspective(1400px) rotateY(-8deg) rotateX(3deg); animation: cy-suz 7s ease-in-out infinite; }
@keyframes cy-suz { 0%,100% { transform: perspective(1400px) rotateY(-8deg) rotateX(3deg) translateY(0); } 50% { transform: perspective(1400px) rotateY(-6deg) rotateX(2deg) translateY(-10px); } }

/* Vital monitörü */
.cy-monitor { background: #071412; color: #d8fff6; padding: 1rem; font-family: var(--dv-font-mono, monospace); }
.cy-monitor-bas { display: flex; justify-content: space-between; font-size: .8rem; color: #8fd9c9; margin-bottom: .4rem; }
.cy-ekg { width: 100%; height: 90px; display: block; }
.cy-ekg path { fill: none; stroke: #38f2c7; stroke-width: 2.2; filter: drop-shadow(0 0 4px #38f2c7); stroke-dasharray: 1200; stroke-dashoffset: 1200; animation: cy-ciz 2.4s linear infinite; }
@keyframes cy-ciz { to { stroke-dashoffset: 0; } }
.cy-vitaller { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; margin-top: .6rem; }
.cy-vital { background: #0c211e; border-radius: .6rem; padding: .5rem .6rem; }
.cy-vital small { display: block; color: #7fb9ad; font-size: .68rem; }
.cy-vital strong { font-size: 1.35rem; }
.cy-vital.uyari strong { color: #ffc94d; }
.cy-ai { margin: .8rem; padding: .8rem 1rem; border-radius: .8rem; border: 1px solid color-mix(in srgb, var(--cy-g2) 40%, transparent);
  background: color-mix(in srgb, var(--cy-g2) 10%, var(--dv-surface)); font-size: .88rem; animation: cy-belir 1s .8s both; }
.cy-ai b { color: var(--cy-g1); }
@keyframes cy-belir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Şerit */
.cy-serit { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--dv-sp-4); padding: var(--dv-sp-5) 0; }
@media (max-width: 760px) { .cy-serit { grid-template-columns: repeat(2, 1fr); } }
.cy-serit div { text-align: center; }
.cy-serit strong { display: block; font-size: 2rem; background: linear-gradient(90deg, var(--cy-g1), var(--cy-g2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cy-serit span { color: var(--dv-text-muted); font-size: var(--dv-fs-sm); }

/* Bölümler */
.cy-bolum { padding: 4.5rem 0; }
.cy-bolum.koyu { background: linear-gradient(180deg, color-mix(in srgb, var(--cy-g1) 7%, var(--dv-bg)), var(--dv-bg)); }
.cy-bolum h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); letter-spacing: -.01em; margin: 0 0 .6rem; }
.cy-alt { color: var(--dv-text-muted); font-size: var(--dv-fs-lg); max-width: 44rem; margin: 0 0 2.2rem; }
.cy-ust-baslik { color: var(--cy-g1); font-weight: 700; letter-spacing: .08em; font-size: var(--dv-fs-sm); text-transform: uppercase; }

/* Özellik kartları */
.cy-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(16.5rem, 1fr)); gap: var(--dv-sp-4); }
.cy-kart { position: relative; background: var(--dv-surface); border: 1px solid var(--dv-border); border-radius: 1rem; padding: 1.4rem; transition: transform .25s, box-shadow .25s, border-color .25s; }
.cy-kart:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -22px rgba(10,60,55,.45); border-color: color-mix(in srgb, var(--cy-g2) 55%, var(--dv-border)); }
.cy-kart.one { grid-column: span 2; background: linear-gradient(135deg, color-mix(in srgb, var(--cy-g1) 92%, #000), var(--cy-g2)); color: #fff; border: 0; }
.cy-kart.one p { color: rgba(255,255,255,.88); }
@media (max-width: 640px) { .cy-kart.one { grid-column: span 1; } }
.cy-ikon { width: 3rem; height: 3rem; border-radius: .85rem; display: grid; place-items: center; margin-bottom: .9rem;
  background: color-mix(in srgb, var(--cy-g2) 15%, transparent); color: var(--cy-g1); }
.cy-kart.one .cy-ikon { background: rgba(255,255,255,.18); color: #fff; }
.cy-ikon svg { width: 1.6rem; height: 1.6rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cy-kart h3 { margin: 0 0 .4rem; font-size: 1.1rem; }
.cy-kart p { margin: 0; color: var(--dv-text-muted); font-size: .95rem; }
.cy-etiket { position: absolute; top: 1rem; right: 1rem; font-size: .7rem; font-weight: 700; padding: .15rem .55rem; border-radius: 999px; background: var(--cy-acc); color: #1b1300; }

/* Vitrin (temsili ekranlar) */
.cy-vitrin { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: 2rem; align-items: start; }
@media (max-width: 900px) { .cy-vitrin { grid-template-columns: 1fr; } }
.cy-sekmeler { display: flex; flex-direction: column; gap: .5rem; }
@media (max-width: 900px) { .cy-sekmeler { flex-direction: row; flex-wrap: wrap; } }
.cy-sekme { text-align: left; background: var(--dv-surface); border: 1px solid var(--dv-border); border-radius: .8rem; padding: .8rem 1rem; cursor: pointer; font: inherit; color: var(--dv-text); position: relative; overflow: hidden; }
.cy-sekme small { display: block; color: var(--dv-text-muted); }
.cy-sekme.aktif { border-color: var(--cy-g2); box-shadow: 0 0 0 3px color-mix(in srgb, var(--cy-g2) 20%, transparent); }
.cy-sekme.aktif::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; background: var(--cy-g2); animation: cy-ilerle 6s linear; width: 100%; }
@keyframes cy-ilerle { from { width: 0; } to { width: 100%; } }
.cy-ekran { display: none; } .cy-ekran.aktif { display: block; animation: cy-belir .5s both; }
.cy-ekran-ic { padding: 1.2rem; }
.cy-tablo { width: 100%; border-collapse: collapse; font-size: .9rem; }
.cy-tablo th, .cy-tablo td { text-align: left; padding: .55rem .6rem; border-bottom: 1px solid var(--dv-border); }
.cy-tablo th { color: var(--dv-text-muted); font-weight: 600; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.cy-cubuk { position: relative; height: .45rem; background: var(--dv-border); border-radius: 999px; min-width: 7rem; }
.cy-cubuk i { position: absolute; top: -.2rem; width: .85rem; height: .85rem; border-radius: 50%; background: var(--cy-g2); border: 2px solid var(--dv-surface); }
.cy-cubuk i.yuksek { background: #e5534b; } .cy-cubuk i.dusuk { background: var(--cy-acc); }
.cy-rozet-k { display: inline-block; padding: .1rem .5rem; border-radius: 999px; font-size: .75rem; font-weight: 600; }
.cy-rozet-k.ok { background: color-mix(in srgb, #2bb3a0 18%, transparent); color: #0f7f70; }
.cy-rozet-k.uy { background: color-mix(in srgb, #f0a202 20%, transparent); color: #8a5c00; }
.cy-rozet-k.te { background: color-mix(in srgb, #e5534b 18%, transparent); color: #b3261e; }
.cy-grafik { display: flex; align-items: flex-end; gap: .5rem; height: 9rem; padding-top: 1rem; }
.cy-grafik div { flex: 1; border-radius: .4rem .4rem 0 0; background: linear-gradient(180deg, var(--cy-g2), var(--cy-g1)); transform-origin: bottom; animation: cy-yuksel 1s both; }
@keyframes cy-yuksel { from { transform: scaleY(0); } }
.cy-mini-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-bottom: 1rem; }
.cy-mini { border: 1px solid var(--dv-border); border-radius: .7rem; padding: .7rem .8rem; }
.cy-mini small { color: var(--dv-text-muted); display: block; font-size: .75rem; }
.cy-mini strong { font-size: 1.3rem; }

/* Mobil */
.cy-mobil { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; align-items: center; }
@media (max-width: 860px) { .cy-mobil { grid-template-columns: 1fr; } }
.cy-telefonlar { display: flex; justify-content: center; gap: 1.5rem; }
.cy-telefon { width: 15rem; height: 30rem; border-radius: 2.4rem; background: #0b1413; padding: .7rem; box-shadow: 0 30px 70px -25px rgba(0,0,0,.55); animation: cy-suz2 6s ease-in-out infinite; }
.cy-telefon:nth-child(2) { margin-top: 3rem; animation-delay: -3s; }
@media (max-width: 520px) { .cy-telefon:nth-child(2) { display: none; } }
@keyframes cy-suz2 { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
.cy-telefon-ekran { width: 100%; height: 100%; border-radius: 1.8rem; background: var(--dv-bg); overflow: hidden; display: flex; flex-direction: column; }
.cy-tel-ust { background: linear-gradient(135deg, var(--cy-g1), var(--cy-g2)); color: #fff; padding: 1.6rem 1rem 1rem; }
.cy-tel-ust small { opacity: .85; }
.cy-tel-ic { padding: .8rem; display: flex; flex-direction: column; gap: .6rem; }
.cy-tel-kart { background: var(--dv-surface); border-radius: .8rem; padding: .7rem .8rem; font-size: .82rem; box-shadow: 0 4px 14px -8px rgba(0,0,0,.25); }
.cy-tel-kart b { display: block; font-size: .9rem; }
.cy-maddeler { list-style: none; padding: 0; margin: 1.2rem 0 0; display: grid; gap: .7rem; }
.cy-maddeler li { display: flex; gap: .7rem; align-items: flex-start; }
.cy-maddeler li::before { content: "✓"; flex: none; width: 1.5rem; height: 1.5rem; border-radius: 50%; display: grid; place-items: center; font-size: .8rem; font-weight: 700;
  background: color-mix(in srgb, var(--cy-g2) 18%, transparent); color: var(--cy-g1); }

/* Platform rozetleri */
.cy-platformlar { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; padding-bottom: var(--dv-sp-5); }
.cy-platformlar span { padding: .35rem .95rem; border-radius: 999px; border: 1px solid var(--dv-border); background: var(--dv-surface); font-size: var(--dv-fs-sm); font-weight: 600; color: var(--dv-text); }

/* İki taraf: hekim ve hayvan sahibi */
.cy-taraflar { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1.2rem; align-items: stretch; padding-bottom: 3.5rem; }
@media (max-width: 760px) { .cy-taraflar { grid-template-columns: 1fr; } .cy-bag { display: none !important; } }
.cy-taraf { display: block; text-decoration: none; color: var(--dv-text); background: var(--dv-surface); border: 1px solid var(--dv-border); border-radius: 1.2rem; padding: 1.6rem; transition: transform .25s, border-color .25s, box-shadow .25s; }
.cy-taraf:hover { transform: translateY(-4px); border-color: var(--cy-g2); box-shadow: 0 18px 40px -22px rgba(10,60,55,.45); }
.cy-taraf h3 { margin: 0 0 .4rem; font-size: 1.3rem; }
.cy-taraf p { margin: 0 0 .9rem; color: var(--dv-text-muted); }
.cy-taraf-ok { color: var(--cy-g1); font-weight: 600; }
.cy-bag { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; }
.cy-bag span { flex: 1; width: 2px; background: linear-gradient(var(--cy-g2), transparent); }
.cy-bag span:last-child { background: linear-gradient(transparent, var(--cy-g2)); }
.cy-bag svg { width: 2.2rem; height: 2.2rem; fill: var(--cy-acc); animation: cy-kalp 1.6s ease-in-out infinite; }
@keyframes cy-kalp { 0%,100% { transform: scale(1); } 15% { transform: scale(1.18); } 30% { transform: scale(1); } 45% { transform: scale(1.1); } }

/* Hayvan sahipleri satırları */
.cy-sira { margin-top: 2.5rem; }
.cy-sira + .cy-sira { margin-top: 4.5rem; }
@media (min-width: 861px) { .cy-sira.ters > :first-child { order: 2; } }
.cy-alt-baslik { font-size: 1.45rem; margin: 0 0 .5rem; }
.cy-metin { color: var(--dv-text-muted); font-size: 1.02rem; margin: 0; }
.cy-not { margin-top: 1.2rem; color: var(--dv-text-muted); }
.cy-telefon.tek { width: 17rem; height: 33rem; margin-top: 0 !important; display: block !important; }

/* Sohbet (fotoğrafla hekime soru) */
.cy-tel-ust.sohbet { display: flex; gap: .6rem; align-items: center; padding: 1.4rem .8rem .7rem; }
.cy-tel-ust.sohbet b { display: block; font-size: .92rem; }
.cy-tel-ust.sohbet small { font-size: .68rem; }
.cy-avatar { flex: none; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: rgba(255,255,255,.25); display: grid; place-items: center; font-weight: 700; font-size: .8rem; }
.cy-sohbet { flex: 1; padding: .7rem; display: flex; flex-direction: column; gap: .5rem; overflow: hidden; }
.cy-balon { max-width: 85%; padding: .5rem .65rem; border-radius: .9rem; font-size: .76rem; line-height: 1.35; position: relative; opacity: 0; animation: cy-balon .5s both; }
.cy-balon time { display: block; text-align: right; font-size: .6rem; opacity: .7; margin-top: .15rem; }
.cy-balon.ben { align-self: flex-end; background: linear-gradient(135deg, var(--cy-g1), var(--cy-g2)); color: #fff; border-bottom-right-radius: .25rem; animation-delay: .3s; }
.cy-balon.o { align-self: flex-start; background: var(--dv-surface); color: var(--dv-text); border-bottom-left-radius: .25rem; box-shadow: 0 4px 14px -8px rgba(0,0,0,.25); animation-delay: 1.4s; }
.cy-balon.cy-randevu { border-left: 3px solid var(--cy-acc); animation-delay: 2.2s; }
.cy-balon.cy-randevu b { display: block; }
@keyframes cy-balon { from { opacity: 0; transform: translateY(10px) scale(.96); } to { opacity: 1; transform: none; } }
.cy-foto { border-radius: .6rem; overflow: hidden; margin-bottom: .4rem; }
.cy-foto svg { display: block; width: 100%; height: auto; }
.cy-isaret { transform-origin: 56px 30px; animation: cy-isaret 1.8s ease-in-out infinite; }
@keyframes cy-isaret { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.18); opacity: .6; } }
.cy-yaziyor { align-self: flex-start; display: flex; gap: .25rem; padding: .5rem .7rem; border-radius: .9rem; background: var(--dv-surface); opacity: 0; animation: cy-balon .4s 3s both; }
.cy-yaziyor i { width: .38rem; height: .38rem; border-radius: 50%; background: var(--dv-text-muted); animation: cy-zipla 1s infinite; }
.cy-yaziyor i:nth-child(2) { animation-delay: .15s; } .cy-yaziyor i:nth-child(3) { animation-delay: .3s; }
@keyframes cy-zipla { 0%,60%,100% { transform: none; } 30% { transform: translateY(-4px); } }
.cy-tel-giris { display: flex; gap: .5rem; align-items: center; margin: .6rem; padding: .45rem .6rem; border-radius: 999px; background: var(--dv-surface); color: var(--dv-text-muted); font-size: .76rem; border: 1px solid var(--dv-border); }
.cy-kamera { width: 1.7rem; height: 1.7rem; border-radius: 50%; display: grid; place-items: center; background: var(--cy-g2); color: #fff; }
.cy-kamera svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }

/* Canlı konum haritası */
.cy-harita { position: relative; aspect-ratio: 4 / 3; max-width: 100%; border-radius: 1.2rem; overflow: hidden; border: 1px solid var(--dv-border);
  background: radial-gradient(circle at 30% 30%, #cfe8c4, #a9d39a 60%, #94c587); box-shadow: 0 30px 70px -30px rgba(10,60,55,.45); }
[data-theme="dark"] .cy-harita { background: radial-gradient(circle at 30% 30%, #2d4a35, #213a29 60%, #1a2f21); }
.cy-harita-zemin { position: absolute; inset: 0; width: 100%; height: 100%; }
.cy-harita-zemin path { fill: none; stroke: rgba(255,255,255,.55); stroke-width: 6; stroke-linecap: round; }
[data-theme="dark"] .cy-harita-zemin path { stroke: rgba(255,255,255,.12); }
.cy-harita-bolge { position: absolute; left: 18%; top: 16%; width: 52%; height: 56%; border-radius: 42% 58% 50% 50% / 50% 44% 56% 50%;
  border: 2.5px dashed var(--cy-g1); background: color-mix(in srgb, var(--cy-g2) 18%, transparent); }
.cy-nokta { position: absolute; width: .85rem; height: .85rem; border-radius: 50%; background: var(--cy-g1); border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: cy-gez 9s ease-in-out infinite; }
.cy-nokta.n1 { left: 30%; top: 32%; } .cy-nokta.n2 { left: 44%; top: 44%; animation-delay: -2s; } .cy-nokta.n3 { left: 52%; top: 28%; animation-delay: -4s; }
.cy-nokta.n4 { left: 36%; top: 55%; animation-delay: -6s; } .cy-nokta.n6 { left: 58%; top: 50%; animation-delay: -7s; }
.cy-nokta.uyari { left: 80%; top: 70%; background: #e5534b; animation: cy-kacak 1.6s infinite; }
@keyframes cy-gez { 0%,100% { transform: translate(0,0); } 33% { transform: translate(10px,-6px); } 66% { transform: translate(-8px,7px); } }
@keyframes cy-kacak { 0% { box-shadow: 0 0 0 0 rgba(229,83,75,.7); } 100% { box-shadow: 0 0 0 1.2rem rgba(229,83,75,0); } }
.cy-harita-bildirim { position: absolute; top: .8rem; right: .8rem; max-width: 70%; background: var(--dv-surface); color: var(--dv-text); border-radius: .8rem; padding: .55rem .75rem; font-size: .78rem;
  border-left: 4px solid #e5534b; box-shadow: 0 10px 24px -12px rgba(0,0,0,.4); animation: cy-belir .6s 1s both; }
.cy-harita-bildirim b { display: block; font-size: .84rem; }
.cy-harita-etiket { position: absolute; left: .8rem; bottom: .8rem; background: rgba(0,0,0,.55); color: #fff; font-size: .74rem; padding: .3rem .65rem; border-radius: 999px; }

/* Yapay zeka asistanı */
.cy-asistan-sira { margin-top: 4rem; }
.cy-asistan-ic { padding: 1rem; }
.cy-asistan-baslik { font-weight: 700; font-size: .9rem; margin-bottom: .5rem; }
.cy-asistan-baslik small { color: var(--dv-text-muted); font-weight: 400; margin-left: .3rem; }
.cy-mesaj, .cy-gorev, .cy-rapor { opacity: 0; animation: cy-balon .5s both; animation-delay: calc(.4s + var(--g) * .45s); }
.cy-mesaj { display: grid; grid-template-columns: auto 1fr auto; gap: .6rem; align-items: center; padding: .55rem .6rem; border: 1px solid var(--dv-border); border-radius: .7rem; margin-bottom: .45rem; font-size: .8rem; }
.cy-mesaj b { display: block; font-weight: 600; font-size: .82rem; }
.cy-mesaj small { color: var(--dv-text-muted); font-size: .7rem; }
.cy-kanal { font-size: .64rem; font-weight: 700; color: #fff; padding: .15rem .45rem; border-radius: .4rem; }
.cy-kanal.wa { background: #25a35a; }
.cy-kanal.ig { background: linear-gradient(45deg, #f09433, #dc2743, #bc1888); }
.cy-gorev { display: flex; gap: .5rem; align-items: flex-start; font-size: .8rem; padding: .3rem 0; }
.cy-gorev i { flex: none; font-style: normal; width: 1.15rem; height: 1.15rem; border-radius: 50%; display: grid; place-items: center; font-size: .65rem; font-weight: 700;
  background: color-mix(in srgb, var(--cy-g2) 20%, transparent); color: var(--cy-g1); }
.cy-rapor { margin-top: .6rem; padding: .7rem .85rem; border-radius: .7rem; font-size: .8rem; background: color-mix(in srgb, var(--cy-acc) 14%, var(--dv-surface)); border-left: 3px solid var(--cy-acc); }
.cy-rapor b { display: block; }
.cy-gor:not(.gorundu) :is(.cy-balon, .cy-yaziyor, .cy-mesaj, .cy-gorev, .cy-rapor, .cy-harita-bildirim) { animation-play-state: paused; }
@media (max-width: 520px) { .cy-mesaj { grid-template-columns: 1fr auto; } .cy-kanal { grid-column: 1 / -1; justify-self: start; } }

/* Kurulum ve kapanış */
.cy-iki { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: var(--dv-sp-4); }
.cy-kapanis { text-align: center; padding: 5rem var(--dv-sp-5); border-radius: 1.6rem; margin: 2rem 0 4rem;
  background: linear-gradient(135deg, var(--cy-g1), var(--cy-g2)); color: #fff; position: relative; overflow: hidden; }
.cy-kapanis h2 { color: #fff; font-size: clamp(2rem, 4vw, 3rem); }
.cy-kapanis p { color: rgba(255,255,255,.9); font-size: var(--dv-fs-lg); }
.site-foot { text-align: center; color: var(--dv-text-muted); font-size: var(--dv-fs-sm); padding: var(--dv-sp-6) var(--dv-sp-4); border-top: 1px solid var(--dv-border); }

/* Kaydırınca belirme */
.cy-gor { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.cy-gor.gorundu { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .cy-gor { opacity: 1; transform: none; }
  .cy-ekg path { stroke-dashoffset: 0; }
  .cy-balon, .cy-yaziyor, .cy-mesaj, .cy-gorev, .cy-rapor { opacity: 1; }
}

/* Logo: temaya göre açık/koyu sürüm */
.cy-logo .koyu { display: none; }
[data-theme="dark"] .cy-logo .acik { display: none; }
[data-theme="dark"] .cy-logo .koyu { display: inline; }

/* ---------- kamu hastalık haritası ---------- */
.cy-harita-sayfa { padding-top: 2.5rem; padding-bottom: 3rem; }
.cy-harita-sayfa h1 { font-size: clamp(1.7rem, 3.2vw, 2.4rem); margin: 0 0 .5rem; }
.cy-sorumluluk { margin: 1rem 0; }
.cy-harita-arac { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dv-sp-2); margin: 0 0 1rem; }
.cy-kucuk { font-size: var(--dv-fs-sm); }
.cy-harita { margin: 0 0 1.5rem; padding: var(--dv-sp-3); border: 1px solid var(--dv-border); border-radius: var(--dv-radius-lg); background: var(--dv-surface); }
.cy-harita svg { display: block; width: 100%; height: auto; }
.cy-il-nokta { fill: var(--dv-border); }
.cy-il-veri { fill: color-mix(in srgb, var(--cy-g1) 55%, transparent); stroke: var(--cy-g1); stroke-width: 1.5; transition: fill .15s; }
.cy-il-veri[data-secili='1'], a:hover > .cy-il-veri, a:focus-visible > .cy-il-veri { fill: color-mix(in srgb, var(--cy-acc) 70%, transparent); stroke: var(--cy-acc); }
.cy-il-ad { font-size: 13px; font-weight: 600; fill: var(--dv-text); paint-order: stroke; stroke: var(--dv-surface); stroke-width: 3px; pointer-events: none; }
.cy-harita-ayrinti { margin: 0 0 1.5rem; }
.cy-harita-ayrinti-ust { display: flex; align-items: center; gap: var(--dv-sp-3); margin-bottom: var(--dv-sp-3); }
.cy-harita-ayrinti-ust h2 { margin: 0; flex: 1; }
.cy-harita-liste h2 { font-size: 1.3rem; margin: 0 0 .75rem; }
@media (max-width: 640px) { .cy-il-ad { font-size: 20px; } .cy-harita { padding: var(--dv-sp-2); } }

/* ===== Profesyonel düzen katmanı (2026-11-01) — marka (DijiVet.Brand renk ve yazı tipi) ve sayfa yapısı aynı; şablon izleri kaldırıldı:
   bulanık renk lekeleri, gradyan yazı/zemin, hap rozetler, aralıklı büyük harf etiketler, renkli kutulu ikonlar, dinlenen kartlarda gölge ve
   kalkma, 3B eğik/yüzen pencere. Yüzeyler ton farkıyla ayrılır; başlıklar daha iri ve sıkı. Ürün ekranı parçaları (monitör, tablolar,
   telefon) gerçek arayüz olarak kalır. ===== */
.site-head { backdrop-filter: none; background: var(--dv-surface); border-bottom: 0; }
.cy-pil { background: var(--dv-birincil-zemin, var(--cy-g1)); border-radius: .5rem; }
.cy-blob { display: none; }
.cy-hero { padding: clamp(3.5rem, 7vw, 6.5rem) 0 clamp(3rem, 5vw, 4.5rem); }
.cy-hero h1 { font-size: clamp(2.3rem, 1.3rem + 2.8vw, 3.7rem); line-height: 1.04; letter-spacing: -.035em; font-weight: 800; }
.cy-donen { background: none; -webkit-background-clip: initial; background-clip: initial; color: var(--dv-brand-400); }
.cy-rozet { background: none; padding: 0; letter-spacing: 0; font-weight: 600; color: var(--dv-text-muted); }
.cy-hero p.lead { color: var(--dv-text); opacity: .86; }
.cy-pencere { border: 0; box-shadow: 0 30px 60px -36px rgba(0,0,0,.55); }
.cy-pencere-ust { border-bottom: 0; }
.cy-pencere-ust b { display: none; }
.cy-pencere-ust span { margin-left: 0; }
.cy-hero .cy-pencere { transform: none; animation: none; }
.cy-ekg path { filter: none; }
.cy-ai { border: 0; }
.cy-serit div { text-align: left; }
.cy-serit strong { background: none; -webkit-background-clip: initial; background-clip: initial; color: var(--dv-text); font-size: clamp(2.2rem, 1.6rem + 2vw, 3.2rem); letter-spacing: -.03em; }
.cy-bolum { padding: clamp(4rem, 8vw, 7rem) 0; }
.cy-bolum.koyu { background: var(--dv-surface-2); }
.cy-bolum h2 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.4rem); letter-spacing: -.03em; line-height: 1.05; font-weight: 800; }
.cy-ust-baslik { text-transform: none; letter-spacing: 0; font-size: 1rem; font-weight: 600; color: var(--dv-brand-400); }
.cy-alt { color: var(--dv-text); opacity: .82; }
.cy-kart { border: 0; background: var(--dv-surface); }
.cy-bolum.koyu .cy-kart { background: var(--dv-bg); }
.cy-kart:hover { transform: none; box-shadow: none; border-color: transparent; background: var(--dv-surface-2); }
.cy-kart.one, .cy-bolum.koyu .cy-kart.one { background: var(--dv-birincil-zemin, var(--cy-g1)); color: #fff; }
.cy-kart.one:hover, .cy-bolum.koyu .cy-kart.one:hover { background: var(--dv-birincil-zemin-ust, var(--cy-g1)); }
.cy-kart.one .cy-ikon { color: #fff; }
.cy-ikon { background: none; width: auto; height: auto; justify-content: start; color: var(--dv-brand-400); }
.cy-kart.one .cy-ikon { background: none; }
.cy-etiket { border-radius: .35rem; }
.cy-sekme { border: 0; background: var(--dv-surface); }
.cy-sekme.aktif { box-shadow: none; background: var(--dv-surface-2); }
.cy-tablo th { text-transform: none; letter-spacing: 0; font-size: .82rem; }
.cy-grafik div { background: var(--dv-brand-400); }
.cy-mini { border: 0; background: var(--dv-surface-2); }
.cy-telefon { animation: none; }
.cy-tel-ust { background: var(--dv-birincil-zemin, var(--cy-g1)); }
.cy-maddeler li::before { background: none; width: auto; height: auto; color: var(--dv-brand-400); font-size: 1rem; }
.cy-platformlar span { border: 0; background: var(--dv-surface-2); border-radius: .5rem; }
.cy-taraf { border: 0; }
.cy-taraf:hover { transform: none; box-shadow: none; background: var(--dv-surface-2); }
.cy-bag span, .cy-bag span:last-child { background: var(--dv-border); }
.cy-balon.ben { background: var(--dv-birincil-zemin, var(--cy-g1)); }
@media (prefers-reduced-motion: reduce) { .cy-ekg path, .cy-bag svg, .cy-balon, .cy-yaziyor { animation: none; opacity: 1; stroke-dashoffset: 0; } }