/* Veteriner rehberi */
.vet-index-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,42%); align-items: center; gap: clamp(22px,4vw,48px); max-width: 100%; margin: 0 auto 26px; padding: clamp(24px,3.2vw,42px); border: 1px solid #e1e9e1; border-radius: 24px; background: linear-gradient(125deg,#fff 0%,#f3f8f2 100%); box-shadow: 0 10px 28px rgba(35,57,43,.05); }
.vet-intro-copy { min-width: 0; }
.vet-eyebrow { display: block; margin-bottom: 9px; color: #a54c2b; font-size: 11px; font-weight: 850; letter-spacing: .16em; line-height: 1.5; }
.vet-index-intro h1 { margin: 0 0 12px; color: #243b2d; font-size: clamp(30px,4vw,44px); line-height: 1.12; letter-spacing: -.035em; }
.vet-intro-copy > p:not(.sub) { max-width: 68ch; margin: 0; color: #526057; line-height: 1.75; }
.vet-index-intro .sub { margin: 13px 0 0; color: #52665a; font-size: 13px; font-weight: 700; }
.vet-filter-panel { margin: 0 0 56px; }
.vet-filter-label { display: block; margin-bottom: 10px; color: #5e6d62; font-size: 13px; font-weight: 700; }
.vet-filter-panel .chips { display: flex; flex-wrap: wrap; gap: 9px; }
.vet-filter-panel .chip { display: inline-flex; align-items: center; min-height: 42px; padding: 8px 16px; border: 1px solid #e1e8e1; border-radius: 999px; background: #fff; color: #3d5144; font-size: 14px; font-weight: 750; text-decoration: none; transition: background .15s,border-color .15s,transform .15s; }
.vet-filter-panel .chip:hover { transform: translateY(-1px); border-color: #bed3c2; }
.vet-filter-panel .chip.on { border-color: #31664b; background: #31664b; color: #fff; }
.vet-search { display: flex; gap: 10px; margin: 0; }
.vet-search input { min-width: 0; flex: 1; padding: 12px 14px; border: 1px solid #cedbd0; border-radius: 12px; background: #fff; color: #25352b; font: inherit; }
.vet-search input:focus { outline: 3px solid rgba(48,126,83,.16); border-color: #4a9667; }
.vet-search .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 132px; min-height: 50px; border-radius: 13px; white-space: nowrap; }
.vet-results { margin: 0 auto; }
.vet-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.vet-results-heading .vet-eyebrow { margin-bottom: 4px; }
.vet-results-heading h2 { margin: 0; color: #243b2d; font-size: clamp(24px,2.8vw,32px); letter-spacing: -.025em; }
.vet-results-count { flex-shrink: 0; padding-bottom: 4px; color: #68766c; font-size: 14px; }
.vet-results-count strong { color: #243b2d; font-size: 18px; }
.vet-results .grid.vet-grid { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 20px; }
.vet-guide { margin: clamp(44px,6vw,72px) 0 20px; padding: clamp(22px,3vw,38px); border: 1px solid #e0e9e0; border-radius: 24px; background: linear-gradient(135deg,#f5f8f3,#fff); }
.vet-guide h2 { margin: 0 0 8px; color: #243b2d; font-size: clamp(23px,3vw,34px); letter-spacing: -.03em; }
.vet-guide-intro { max-width: 72ch; margin: 0 0 22px; color: #5d6b61; line-height: 1.65; }
.vet-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.vet-guide-grid article { padding: 18px; border: 1px solid #e4ebe4; border-radius: 16px; background: #fff; }
.vet-guide-grid article > span { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 13px; border-radius: 12px; background: #edf5ed; color: #347250; font-size: 12px; font-weight: 850; }
.vet-guide-grid h3 { margin: 0 0 6px; color: #2e4435; font-size: 17px; }
.vet-guide-grid p,.vet-disclaimer { margin: 0; color: #627066; font-size: 14px; line-height: 1.65; }
.vet-disclaimer { margin-top: 18px; padding-top: 15px; border-top: 1px solid #e4ebe4; font-size: 12px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.vet-card-shell { display: flex; flex-direction: column; }
.vet-card-shell .card { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; }
.vet-card-shell .thumb { position: relative; width: 100%; height: 180px; overflow: hidden; border-radius: 10px 10px 0 0; background: #f5f8f3; flex-shrink: 0; }
.vet-card-shell .thumb img { width: 100%; height: 100%; object-fit: cover; }
.vet-badge { position: absolute; top: 8px; right: 8px; font-size: 11px; font-weight: 800;
  padding: 3px 7px; border-radius: 20px; background: #fff; border: 1px solid #d7dfd9; z-index: 2; }
.vet-badge.vet-acil { background: #fff4f1; color: #b91c1c; }
.vet-badge.vet-ev { background: #f0f9ff; color: #0369a1; }
.vet-badge.vet-rating { top: 8px; left: 8px; right: auto; color: #b4a011; background: #fffef0; }
.vet-card-shell .cb { display: flex; flex-direction: column; gap: 6px; padding: 12px; flex: 1; }
.vet-name { font-size: 16px; font-weight: 700; margin: 0; color: #24352b; line-height: 1.3; }
.vet-cat { font-size: 12px; color: #526057; background: #eef2ed; padding: 2px 8px; border-radius: 10px; display: inline-block; width: fit-content; }
.vet-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; color: #526057; }
.vet-loc, .vet-tel { white-space: nowrap; }
.vet-adres { font-size: 12px; color: #415445; margin: 4px 0 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vet-hiz { font-size: 11px; color: #69776d; display: block; margin-top: 4px; }
.vet-card-actions { display: flex; align-items: center; gap: 8px; padding: 0 12px 12px; }
.vet-card-actions .btn.link { background: transparent; text-decoration: underline; color: #3b6db4; }
.vet-card-actions .btn.sm { font-size: 12px; padding: 6px 10px; }
.vet-card-actions .btn.sm:first-child { flex: 1 1 auto; min-width: 0; white-space: nowrap; }
.vet-card-actions .btn.link { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; padding: 0; border: 1px solid #dce7dc; border-radius: 11px; text-decoration: none; }

/* tekli sayfa */
.vet-single { max-width: 1180px; margin-inline: auto; }
.vet-single .vet-hero { display: grid; grid-template-columns: minmax(260px, 38%) minmax(0,1fr); gap: clamp(20px,3vw,34px); align-items: center; margin-bottom: 28px; padding: clamp(18px,3vw,30px); border: 1px solid #e1e9e1; border-radius: 22px; background: linear-gradient(135deg,#f7faf6,#fff); box-shadow: 0 10px 28px rgba(35,57,43,.05); }
.vet-hero-img { position: relative; }
.vet-hero-img img { display: block; width: 100%; border-radius: 16px; aspect-ratio: 4/3; height: auto; object-fit: cover; }
.vet-hero-meta { min-width: 0; }
.vet-hero-meta h1 { font-size: clamp(26px,3.4vw,38px); line-height: 1.15; margin: 0 0 10px; color: #243b2d; }
.vet-location { margin: 0 0 12px; color: #607166; font-size: 14px; font-weight: 700; }
.vet-location span { color: #43815d; }
.vet-summary { max-width: 62ch; margin: 12px 0; color: #536258; font-size: 15px; line-height: 1.65; }
.vet-rating { font-size: 17px; color: #b4a011; margin-bottom: 8px; }
.vet-rating small { margin-left: 5px; color: #647267; font-size: 13px; font-weight: 600; }
.vet-tel { font-size: 17px; font-weight: 600; color: #17784d; text-decoration: none; display: inline-block; margin-bottom: 6px; }
.vet-web { word-break: break-all; color: #3b6db4; display: inline-block; margin-bottom: 10px; }
.vet-flags { margin-top: 8px; display: flex; gap: 10px; font-size: 13px; }
.vet-flags span { background: #f5f8f3; padding: 4px 10px; border-radius: 8px; }
.vet-actions { margin-top: 18px; display: flex; gap: 10px; flex-wrap: wrap; }
.vet-actions .btn { padding: 10px 16px; }
.vet-single > section { margin: 18px 0; padding: clamp(16px,2.4vw,24px); border: 1px solid #e3eae3; border-radius: 18px; background: #fff; }
.vet-single > section h2 { margin: 0 0 8px; color: #2e4b38; font-size: 21px; }
.vet-single > section p { margin: 6px 0; color: #526057; line-height: 1.65; }
.vet-single > section a { color: #286344; font-weight: 700; }
.vet-single > .vet-contact-note { border-color: #dce9dd; background: #f3f8f2; }
.vet-note-call { display: inline-flex; margin-top: 4px; padding: 9px 13px; border: 1px solid #c7dfcb; border-radius: 10px; background: #fff; text-decoration: none; }
.vet-single article.prose { line-height: 1.75; color: #46564b; }
.vet-photo-placeholder { display:flex; width:100%; height:100%; min-height:180px; flex-direction:column; justify-content:center; align-items:center; gap:9px; padding:18px; box-sizing:border-box; border:1px solid #dce8dc; border-radius:inherit; background:radial-gradient(circle at 20% 20%,#fff 0,transparent 38%),linear-gradient(145deg,#edf5ee,#fbf0e9); color:#315c45; text-align:center; }
.vet-photo-placeholder span { display:grid; place-items:center; width:46px; height:46px; border:1px solid #d8e7d9; border-radius:15px; background:rgba(255,255,255,.9); font-size:24px; }
.vet-photo-placeholder strong { max-width:100%; color:#243b2d; font-size:clamp(13px,1.6vw,17px); font-weight:800; line-height:1.3; text-wrap:balance; }
.vet-photo-placeholder small { color:#718176; font-size:11px; font-weight:650; }
.vet-hero-img .vet-photo-placeholder { height:200px; min-height:200px; border-radius:12px; }
@media(max-width:900px){ .vet-index-intro { grid-template-columns: 1fr; gap: 20px; } .vet-search { max-width: 100%; } .vet-results .grid.vet-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .vet-guide-grid { grid-template-columns: 1fr; } }
@media(max-width:760px){ .vet-index-intro { padding: 22px; border-radius: 18px; } .vet-index-intro h1 { font-size: clamp(28px,8vw,36px); } .vet-filter-panel { margin-bottom: 38px; } .vet-results .grid.vet-grid { gap: 14px; } .vet-single .vet-hero{grid-template-columns:1fr; gap:16px} .vet-hero-img img{max-height:320px; aspect-ratio: 16/10} .vet-hero-img .vet-photo-placeholder{height:auto;min-height:200px;aspect-ratio:16/10} }
@media(max-width:520px){ .vet-search { flex-direction: column; } .vet-search .btn { min-height: 46px; } .vet-results-heading { align-items: start; flex-direction: column; gap: 8px; } .vet-results .grid.vet-grid { grid-template-columns: 1fr; } .vet-results-count { padding: 0; } .vet-card-shell .thumb { height: 205px; } }
