/*
Theme Name: VetPet Theme
Theme URI: https://vetpettheme.com/
Author: Halime Çanga
Author URI: https://halimecanga.com/
Description: VetPet, veteriner klinikleri ve evcil hayvan hizmetleri sunan işletmeler için özel olarak tasarlanmış modern ve kullanıcı dostu bir WordPress temasıdır. Temiz tasarımı, hızlı performansı ve mobil uyumluluğu sayesinde ziyaretçilere güven veren bir deneyim sunar. Aşı, muayene, cerrahi operasyonlar ve bakım hizmetlerini etkili şekilde tanıtmanıza olanak sağlar. Hayvan dostu renk paleti ve düzenli içerik yapısı ile hem bilgilendirici hem de estetik bir web sitesi oluşturmanıza yardımcı olur.
Tags: veteriner, veteriner kliniği, pet care, hayvan sağlığı, evcil hayvan, modern tasarım, mobil uyumlu, hızlı tema, klinik web sitesi, sağlık hizmetleri, pet hizmetleri, wordpress tema, seo uyumlu, kullanıcı dostu, temiz tasarım
Version: 1.3.1
Requires at least: 6.0
Tested up to: 6.8
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.txt
Text Domain: vet-theme
*/

/* Gutenberg and widget compatibility */
.entry-content,
.wp-site-blocks {
    color: var(--text-color);
}

.entry-content > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
}

.entry-content > .alignwide {
    max-width: 1200px;
}

.entry-content > .alignfull {
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
}

.entry-content .wp-block-button__link,
.wp-block-button__link {
    background: var(--primary-color);
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    padding: 12px 24px;
    text-decoration: none;
}

.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.entry-content .wp-block-cover,
.entry-content .wp-block-group,
.entry-content .wp-block-columns,
.entry-content .wp-block-gallery,
.entry-content .wp-block-image,
.entry-content .wp-block-quote,
.entry-content ul,
.entry-content ol {
    margin-bottom: 28px;
}

.entry-content .wp-block-quote {
    border-left: 4px solid var(--primary-color);
    padding-left: 20px;
}

.vetpet-content-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 40px;
    align-items: start;
}

.vetpet-content-sidebar--full {
    grid-template-columns: minmax(0, 1fr);
}

.vetpet-post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.vetpet-sidebar .widget {
    background: #fff;
    border: 1px solid #edf2f0;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(31,45,61,0.06);
    margin-bottom: 22px;
    padding: 22px;
}

.vetpet-sidebar .widget-title,
.footer__col .widget-title {
    font-size: 1.05rem;
    margin-bottom: 14px;
}

.vetpet-sidebar ul,
.footer__col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vetpet-sidebar li,
.footer__col li {
    margin-bottom: 10px;
}

.vetpet-sidebar a,
.footer__col a {
    color: inherit;
    text-decoration: none;
}

.widget_search .wp-block-search__inside-wrapper {
    display: flex;
    gap: 8px;
}

.widget_search input,
.wp-block-search__input {
    border: 1px solid #dce7e2;
    border-radius: 8px;
    min-width: 0;
    padding: 10px 12px;
}

.wp-block-search__button {
    background: var(--primary-color);
    border: 0;
    border-radius: 8px;
    color: #fff;
    padding: 10px 14px;
}

.single-post .blog-s__sidebar .widget {
    background: #fff;
    border: 1px solid #e5f0eb;
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(31,45,61,0.08);
    margin-bottom: 22px;
    padding: 24px;
}

.single-post .blog-s__sidebar .widget_categories,
.single-post .blog-s__sidebar .widget_recent_comments {
    display: none;
}

.single-post .blog-s__sidebar .widget-title {
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0 0 16px;
}

.single-post .blog-s__sidebar .searchform div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.single-post .blog-s__sidebar .searchform input[type="text"] {
    border: 1px solid #dce7e2;
    border-radius: 12px;
    color: #1f2d3d;
    font: inherit;
    min-width: 0;
    padding: 12px 14px;
    width: 100%;
}

.single-post .blog-s__sidebar .searchform input[type="submit"] {
    background: var(--primary-color);
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    padding: 12px 14px;
    width: 100%;
}

.single-post .blog-s__sidebar .widget_recent_entries ul {
    display: grid;
    gap: 12px;
}

.single-post .blog-s__sidebar .widget_recent_entries li {
    border-bottom: 1px solid #edf2f0;
    margin: 0;
    padding: 0 0 12px;
}

.single-post .blog-s__sidebar .widget_recent_entries li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.single-post .blog-s__sidebar .widget_recent_entries a {
    color: #1f2d3d;
    display: block;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.45;
}

.single-post .blog-s__sidebar .widget_recent_entries a:hover {
    color: var(--primary-color);
}

.vetpet-post-card,
.vetpet-search-result {
    background: #fff;
    border: 1px solid #edf2f0;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(31,45,61,0.06);
    overflow: hidden;
}

.vetpet-post-card__image {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.vetpet-post-card__image img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.vetpet-post-card__body,
.vetpet-search-result {
    padding: 24px;
}

.vetpet-post-card__meta,
.vetpet-search-result__meta {
    color: #6b7280;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.9rem;
    gap: 8px 14px;
    margin-bottom: 10px;
}

.vetpet-post-card__title,
.vetpet-search-result__title {
    color: var(--secondary-color);
    font-size: 1.35rem;
    line-height: 1.3;
    margin: 0 0 12px;
}

.vetpet-post-card__title a,
.vetpet-search-result__title a {
    color: inherit;
    text-decoration: none;
}

.vetpet-post-card__excerpt,
.vetpet-search-result__excerpt {
    margin-bottom: 18px;
}

.vetpet-search-results {
    display: grid;
    gap: 22px;
}

.vetpet-empty-state {
    padding: 70px 0;
    text-align: center;
}

.vetpet-empty-state .search-form,
.vetpet-error-page .search-form {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 24px auto;
    max-width: 520px;
}

.vetpet-empty-state .search-field,
.vetpet-error-page .search-field {
    border: 1px solid #dce7e2;
    border-radius: 8px;
    min-width: 0;
    padding: 12px 14px;
    width: 100%;
}

.vetpet-empty-state .search-submit,
.vetpet-error-page .search-submit {
    background: var(--primary-color);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    padding: 12px 18px;
}

.vetpet-comments {
    margin: 50px auto;
    max-width: 820px;
}

.vetpet-comments .comment-list {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}

.vetpet-comments .comment-body {
    background: #fff;
    border: 1px solid #edf2f0;
    border-radius: 8px;
    margin-bottom: 18px;
    padding: 22px;
}

@media (max-width: 900px) {
    .vetpet-content-sidebar {
        grid-template-columns: 1fr;
    }
}

:root {
    --primary-color: #1e7e5a;
    --primary-hover: #145a40;
    --secondary-color: #2c3e50;
    --text-color: #4B5563;
    --light-bg: #f8f9fa;
    --white: #ffffff;
    --font-primary: 'Inter', Arial, sans-serif;
}

/* 1. Genel Ayarlar (Reset & Basics) */
* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.75;
    color: #4B5563;
    background-color: var(--white);
    width: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
    font-family: var(--font-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1F2D3D;
    font-family: var(--font-primary);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
    margin-top: 0;
}

p {
    font-family: var(--font-primary);
    font-weight: 400;
    line-height: 1.8;
    color: #4B5563;
}

/* Konteyner Ayarı */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 2. Üst Header (Lacivert İnce Bar) */
.top-header {
    background-color: var(--secondary-color); /* Sevdiğin o lacivert tonu */
    color: #fff;
    padding: 8px 0;
    font-size: 0.85rem;
}

.top-header__content {
    display: flex;
    justify-content: flex-end; /* İçeriği sağa yaslar */
    gap: 20px;
}

.top-header__content span, .top-header__content a {
    color: #ecf0f1;
    text-decoration: none;
}

/* 3. Ana Header (Ferah ve Açık Renk) */
.main-header {
    background-color: #f8f9fa; 
    padding: 15px 0;
    border-bottom: 1px solid #ececec;
}

.main-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logo ve VetPet Yazısı */
.site-brand a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.vetpet-logo {
    width: 50px;
    height: auto;
    margin-right: 12px;
}

.site-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-color); /* VetPet yazısı artık o koyu zümrüt yeşili */
    letter-spacing: -0.02em;
}

/* Ana Menü */
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.main-navigation li {
    margin-left: 25px;
}

.main-navigation a {
    color: var(--secondary-color);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.3s;
}

.main-navigation a:hover {
    color: var(--primary-color);
}

/* 4. Hero Section (Görsel ve Yazı Dengesi) */
.main-content {
    /* Padding ve yükseklik ayarları */
    padding: 120px 0 140px 0; 
    /* Metin rengini koyu renk yaptık çünkü arka plan artık aydınlık */
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    min-height: 70vh;
}

.hero-container {
    width: 100%;
}

.hero-text-box {
    max-width: 450px;
    text-align: left;
}

.main-content h1,
.main-content h2 {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
    color: var(--primary-color); /* Başlık marka yeşili */
}

.main-content p {
    font-size: 1.15rem;
    margin-bottom: 2.5rem;
    opacity: 0.9;
    color: #4B5563;
    line-height: 1.75;
}

/* 7. Hizmetlerimiz Bölümü */
.services-section {
    padding: 50px 0 80px 0;
    text-align: center;
}

.section-title {
    margin-bottom: 50px;
    text-align: center;
}

.section-title h2 {
    font-size: 2.5rem;
    color: #1F2D3D;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
}

.section-title p {
    color: #4B5563;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.8;
}

/* Kutuların Grid Düzeni (3'lü yerleşim) */
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 992px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
}

.service-item {
    background-color: #ffffff;
    padding: 50px 30px;
    border-radius: 20px;
    box-shadow: 0 15px 45px rgba(0,0,0,0.07); /* Daha yumuşak ve geniş bir gölge */
    border: 1px solid #eee; /* İnce bir çerçeve */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.service-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.12;
    z-index: 1;
}

.service-icon, .service-item h3, .service-item p, .service-item .title-underline, .service-item .btn {
    position: relative;
    z-index: 2;
}

.service-item h3,
.service-title {
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
}

.service-item p {
    flex: 1;
    margin-bottom: 25px;
    color: #4B5563;
    line-height: 1.8;
}

.service-item:hover {
    transform: translateY(-15px);
    border-color: var(--primary-color);
    box-shadow: 0 25px 50px rgba(30, 126, 90, 0.1);
}

.service-item:hover .service-icon {
    background-color: var(--primary-color);
    color: #ffffff;
    transform: rotate(360deg); /* Üzerine gelince ikon dönsün */
}

.title-underline {
    width: 60px;
    height: 4px;
    background-color: var(--primary-color);
    margin: 15px auto;
}

/* İkonların Stili */
.service-icon {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: 20px;
    display: inline-block;
    background: #f0f7f4; /* İkonun etrafına hafif bir daire efekti */
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    transition: 0.3s;
}
/* 8. Hakkımızda Bölümü */
.about-section {
    padding: 80px 0 50px 0;}

.about__inner {
    display: flex;
    align-items: center;
    gap: 60px; /* Yazı ve resim arası boşluk */
}

.about__text {
    flex: 1;
}

.about__text span {
    color: #0F8A5F;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.12em;
    font-size: 0.9rem;
}

.about__text h2 {
    font-size: 2.5rem;
    color: #1F2D3D;
    margin: 15px 0 25px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
}

.about__text p {
    color: #4B5563;
    margin-bottom: 20px;
    font-size: 1.05rem;
    line-height: 1.8;
}

.about__image {
    flex: 1;
}

.about__image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* Mobil cihazlar için (Üst üste binmesi için) */
@media (max-width: 768px) {
    .about__inner {
        flex-direction: column;
        text-align: center;
    }
}

.btn {
    display: inline-block;
    padding: 15px 35px;
    border-radius: 30px; /* Tam yuvarlak ve yumuşak köşeler */
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    transition: all 0.3s ease; /* Tüm değişiklikler yumuşak olsun */
    cursor: pointer;
}

.btn--green {
    background-color: var(--primary-color); /* Marka yeşili */
    color: white;
    box-shadow: 0 4px 15px rgba(30, 126, 90, 0.2); /* Hafif yeşil bir gölge */
}

/* Üzerine gelince (Hover) */
.btn--green:hover {
    background-color: var(--primary-hover); /* Daha koyu yeşil */
    transform: translateY(-3px); /* Hafifçe yukarı zıplasın */
    box-shadow: 0 6px 20px rgba(30, 126, 90, 0.4); /* Gölge belirginleşsin */
}

.btn--outline {
    background: transparent;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    box-shadow: none;
}

.btn--outline:hover {
    background: var(--primary-color);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(30, 126, 90, 0.18);
}

.hero-text-box .btn + .btn {
    margin-left: 12px;
}

@media (max-width: 576px) {
    .hero-text-box .btn + .btn {
        margin-left: 0;
        margin-top: 12px;
    }
}
.home-blog-section { padding: 80px 0; overflow: hidden; text-align: center; }

.swiper { padding-bottom: 50px !important; }

.blog-card-v2 {
    background: #fff;
    border-radius: 20px;
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    height: 100%; /* Hepsi eşit boyda olsun */
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.blog-card-v2:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.blog-card-v2__image img {
    width: 100%;
    height: 250px; /* Görselleri büyüttük */
    object-fit: cover;
}

.blog-card-v2__content { 
    padding: 30px; 
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: left;
}

.blog-card-v2__content h3 { 
    font-size: 1.25rem; 
    margin: 0 0 15px 0; 
    font-weight: 700;
}

.blog-card-v2__content h3 a { color: var(--secondary-color); text-decoration: none; }

.blog-card-v2__excerpt {
    color: #777;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 25px;
    flex: 1;
}

.blog-card-v2__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
}

.blog-card-v2__footer .post-date {
    color: #999;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-card-v2__footer .read-more-link {
    color: var(--primary-color) !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 0;
    border: none;
}

.blog-card-v2__footer .read-more-link:hover {
    color: var(--primary-hover) !important;
    border: none;
}

.swiper-pagination-bullet-active {
    background: var(--primary-color) !important; /* Noktaları markanın yeşili yaptık */
}
/* Swiper Oklarını Özelleştirme */
.swiper-button-next, 
.swiper-button-prev {
    color: var(--primary-color) !important; /* Marka yeşilin */
    background: rgba(255, 255, 255, 0.9); /* Hafif beyaz yuvarlak arka plan */
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

/* Okların boyutunu küçültmek için (İçindeki ikon) */
.swiper-button-next:after, 
.swiper-button-prev:after {
    font-size: 18px !important;
    font-weight: bold;
}

.swiper-button-next:hover, 
.swiper-button-prev:hover {
    background: var(--primary-color);
    color: #fff !important;
}

/* Oku » Linkini Düzenleme */
.read-more-link {
    color: var(--primary-color) !important; /* Mavi yerine yeşil yaptık */
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9rem;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
    display: inline-block;
    margin-top: 10px;
}

.read-more-link:hover {
    color: var(--primary-hover) !important; /* Üzerine gelince daha koyu yeşil */
    border-bottom: 2px solid var(--primary-color); /* Altına şık bir çizgi çekelim */
}
/* Müşteri Memnuniyeti Bölümü */
.google-reviews-section {
   padding: 90px 0 60px 0; /* Üst boşluğu 40'tan 20'ye düşürdük */
    margin-top: -20px;
    background-color: #fff;
}

.reviews-title {
    margin-bottom: 45px; /* 50px'den 25px'e düşürdük */
    text-align: center;
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px; /* KUTULAR ARASI BOŞLUK: 30'dan 60'a çıkardık */
    max-width: 1100px; /* BÖLÜM GENİŞLİĞİ: 900'den 1100'e çıkardık, böylece kutular büyüdü */
    margin: 0 auto;
}

.review-card {
    background: #fff;
    padding: 45px; /* İÇ BOŞLUK: Kutuyu daha dolgun gösterir */
    border-radius: 20px;
    border: 1px solid #e0e7e4; /* Daha belirgin bir çerçeve */
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.review-card:hover {
    transform: translateY(-8px);
    border-color: var(--primary-color);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.review-card p {
    font-size: 1.1rem; /* YAZI BOYUTU: Bir tık büyüttük */
    color: #444;
    line-height: 1.7;
    font-style: italic;
    margin: 20px 0;
}

.review-card h4 {
    font-size: 1.2rem;
    color: var(--secondary-color);
    margin-bottom: 5px;
}

.stars {
    font-size: 1.1rem;
    letter-spacing: 2px;
}

.verified-tag {
    font-size: 0.8rem;
    color: var(--primary-color);
    font-weight: 800;
    letter-spacing: 1px;
}

/* Mobil uyum: Tablet ve telefonlarda kutular alt alta gelsin */
@media (max-width: 992px) {
    .reviews-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        max-width: 600px;
    }
}
/* --- Profesyonel Randevu & İletişim Bölümü (Şeffaf Arka Plan & Kompakt) --- */
.appointment-section {  
    padding: 100px 0;
    /* Şeffaf görsel ve hafif gri-mavi degrade birleşim */
    background: linear-gradient(to right, rgba(248, 249, 250, 0.9) 0%, rgba(248, 249, 250, 0.6) 100%), 
                url('images/vetpet-contact-transparent-bg.png') no-repeat right bottom/cover;
    position: relative;
    overflow: hidden;
}

.appointment__container {
    display: flex;
    align-items: flex-start;
    gap: 80px; /* Aradaki geniş boşluk */
}

/* Sol Taraf: Metin Alanı */
.appointment__text-area {
    flex: 1;
}

.appointment__title {
    font-size: 2.8rem;
    color: var(--secondary-color);
    font-weight: 700;
    margin-bottom: 10px;
}

.left-underline { margin: 15px 0 40px 0 !important; }

/* İkonlu Özellikler */
.appointment__feature {
    display: flex;
    align-items: flex-start;
    gap: 15px; /* İkon ve metin arası boşluğu azalttık */
    margin-bottom: 30px; /* Maddeler arası boşluğu azalttık */
}

.appointment__icon-box {
    width: 60px; /* İkon kutusunu küçülttük */
    height: 60px;
    background-color: #f0f7f4;
    color: var(--primary-color); /* Marka yeşili */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem; /* İkon boyutunu küçülttük */
    flex-shrink: 0;
}

/* Yazıları bir tık daha küçük yaptık */
.appointment__feature-title {
    font-size: 1.2rem !important; /* Başlık boyutunu daralttık */
    color: var(--secondary-color);
    margin-bottom: 3px;
}

.appointment__feature-p {
    color: #666;
    line-height: 1.5;
    font-size: 0.9rem !important; /* Paragraf boyutunu daralttık */
}

/* Sağ Taraf: Form Alanı (Renatura Stili) */
.appointment__form-area {
    flex: 1.2;
}

.randevu-form-wrapper {
    background: #fff;
    padding: 60px;
    border-radius: 25px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.06);
    border: 1px solid #edf2f0;
}

.randevu-form-wrapper h3 {
    text-align: center;
    font-size: 1.5rem;
    color: var(--secondary-color);
    margin-bottom: 30px;
}

/* ---- Özel Türkçe İletişim Formu ---- */
.vetpet-contact-form .form-group {
    margin-bottom: 18px;
}

.vetpet-contact-form .wpcf7,
.vetpet-contact-form .wpcf7-form,
.wpcf7,
.wpcf7-form {
    width: 100%;
}

.vetpet-contact-form .wpcf7-form p,
.wpcf7-form p {
    color: #444;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.6;
    margin: 0 0 18px;
}

.vetpet-contact-form .form-group label {
    display: block;
    font-size: 0.88rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 6px;
}

.vetpet-contact-form .form-group input,
.vetpet-contact-form .form-group textarea,
.vetpet-contact-form input[type="text"],
.vetpet-contact-form input[type="email"],
.vetpet-contact-form input[type="tel"],
.vetpet-contact-form input[type="date"],
.vetpet-contact-form textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1.5px solid #e0e7e4;
    border-radius: 12px;
    background: #fafcfb;
    font-family: inherit;
    font-size: 0.96rem;
    color: #333;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.vetpet-contact-form .form-group input:focus,
.vetpet-contact-form .form-group textarea:focus,
.vetpet-contact-form input[type="text"]:focus,
.vetpet-contact-form input[type="email"]:focus,
.vetpet-contact-form input[type="tel"]:focus,
.vetpet-contact-form input[type="date"]:focus,
.vetpet-contact-form textarea:focus,
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(30,126,90,0.12);
}

.vetpet-contact-form .form-group textarea,
.vetpet-contact-form textarea,
.wpcf7-form textarea {
    min-height: 130px;
    resize: vertical;
}

.vetpet-contact-form input[type="submit"],
.vetpet-contact-form .wpcf7-submit,
.wpcf7-form input[type="submit"],
.wpcf7-form .wpcf7-submit {
    background-color: var(--primary-color);
    border: none;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(30,126,90,0.22);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    justify-content: center;
    min-width: 170px;
    padding: 14px 30px;
    text-transform: uppercase;
    transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.vetpet-contact-form input[type="submit"]:hover,
.vetpet-contact-form .wpcf7-submit:hover,
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form .wpcf7-submit:hover {
    background-color: var(--primary-hover);
    box-shadow: 0 16px 30px rgba(30,126,90,0.28);
    transform: translateY(-2px);
}


/* --- Kompakt 2 Sütunlu Form Grid Düzeni --- */
.randevu-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Tam 2 eşit sütun */
    gap: 15px; /* Elemanlar arası boşluğu azalttık (sizin için iyi, formu daraltır) */
    margin-bottom: 20px;
}

.form-grid-item label {
    display: block;
    color: #444;
    font-size: 0.85rem; /* Yazıları daralttık (bir tık daha küçük istekleriniz gibi) */
    font-weight: 600;
    margin-bottom: 5px;
}

.form-grid-item input, 
.form-grid-item select, 
.form-grid-item textarea {
    width: 100%;
    padding: 10px; /* İnput iç boşluğunu azalttık (formu kısalttık) */
    border: 1px solid #e0e7e4;
    border-radius: 8px;
    background: #fdfdfd;
    font-family: inherit;
    font-size: 0.85rem;
}

/* Mesaj Alanını Tam Genişlik Yap */
.form-grid-item.full-width {
    grid-column: span 2; /* İki sütunu da kapla */
}

/* Gönder Butonu Alanı */
.form-submit-area {
    text-align: center;
}

.form-submit-area input[type="submit"] {
    background-color: var(--primary-color);
    color: white;
    border: none;
    font-weight: bold;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 12px 30px; /* Butonu kompaktlaştırdık */
    border-radius: 10px;
    text-transform: uppercase;
}

.form-submit-area input[type="submit"]:hover {
    background-color: var(--primary-hover);
    transform: translateY(-2px);
}

.vetpet-form-notice {
    background: #f0f7f4;
    border: 1px solid #d8ebe3;
    border-radius: 12px;
    color: #2c3e50;
    font-size: 0.92rem;
    margin: 0 0 18px;
    padding: 14px 16px;
    text-align: center;
}

.vetpet-contact-form.is-fallback input,
.vetpet-contact-form.is-fallback textarea {
    opacity: 0.75;
}

/* Mobil için: Telefondan bakınca tek sütuna düşsün */
@media (max-width: 600px) {
    .randevu-form-grid { grid-template-columns: 1fr; }
    .form-grid-item.full-width { grid-column: span 1; }
}
/* --- SITE FOOTER (Full Width) --- */
.site-footer {
    background-color: var(--secondary-color); /* Kurumsal Lacivert */
    color: #ecf0f1;
    padding: 70px 0 0 0;
    margin: 30px 0 0 0; /* Üstten bir tık boşluk, sağ/sol/alt sıfır */
    width: 100%;
    clear: both;
}

.footer__inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr; /* Sütun genişlikleri ayarı */
    gap: 60px;
    padding-bottom: 50px;
}

.footer__logo {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 20px;
}

.footer__logo span {
    color: var(--primary-color); /* Zümrüt Yeşili */
}

.site-footer p,
.footer__col p,
.footer__list li,
.footer__bottom p {
    color: #bdc3c7;
}

.footer__bottom p {
    margin: 0;
}

.footer__col h3 {
    color: var(--primary-color);
    font-size: 1.3rem;
    margin-bottom: 25px;
    font-weight: 700;
}

.footer__list {
    list-style: none;
}

.footer__list li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.95rem;
    color: #bdc3c7;
}

.footer__list i {
    color: var(--primary-color);
    width: 20px;
}

.emergency-text {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 15px;
    margin-top: 15px;
    color: #fff !important;
    font-weight: bold;
}

/* Sosyal Medya İkonları */
.footer__social {
    display: flex;
    gap: 15px;
    margin-top: 25px;
}

.footer__social a {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer__social a:hover {
    background: var(--primary-color);
    transform: translateY(-3px);
}
    
/* Alt Bant */
.footer__bottom {
    background-color: #243342; /* Daha koyu lacivert */
    width: 100%;
    padding: 20px 0;
    margin: 0;
    text-align: center;
    font-size: 0.85rem;
    color: #7f8c8d;
    border-top: 1px solid rgba(255,255,255,0.05);
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .footer__inner {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .footer__list li {
        justify-content: center;
    }
    .footer__social {
        justify-content: center;
    }
}

/* 7.5 Fotoğraf Galerisi (Tedaviler Altı) */
.photo-gallery-section {
    padding: 0 0 80px 0;
}

.photo-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@media (min-width: 768px) {
    .photo-gallery-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.gallery-item {
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.gallery-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}
/* --- İç Sayfa (Tedavi Detay) Tasarımı --- */
.page-banner {
    padding: 80px 0;
    text-align: center;
    color: #fff;
}

.page-banner__title {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
    margin-bottom: 10px;
}

.page-banner__intro {
    color: rgba(255,255,255,0.9);
    font-size: 1.15rem;
    margin: 10px auto 0;
    max-width: 720px;
}

.page-banner h1,
.page-banner__title,
.hero-title,
.page-hero h1,
.about-page-hero h1 {
    color: #fff;
}

.page-banner p,
.page-banner__intro,
.page-hero p,
.about-page-hero p {
    color: rgba(255,255,255,0.9);
}

.about-page-hero {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 310px;
    display: flex;
    align-items: center;
    padding: 0;
}

.about-story {
    background: #fff;
}

.about-story.page-section {
    padding-top: 42px;
    padding-bottom: 30px;
}

.about-flex {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    align-items: center;
    gap: 80px;
}

.about-flex__text h2,
.tech-flex__text h2,
.technology__content h2 {
    color: #1F2D3D;
    font-size: 2.55rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
    margin: 0 0 24px;
}

.about-rich-text p,
.tech-flex__text p {
    color: #4b5563;
    font-size: 1.05rem;
    line-height: 1.85;
    margin: 0 0 18px;
}

.sub-title {
    color: #0F8A5F;
    display: block;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.image-wrapper {
    position: relative;
}

.image-wrapper img,
.tech-flex__image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(31, 45, 61, 0.12);
}

.image-experience {
    position: absolute;
    right: -22px;
    bottom: -22px;
    min-width: 122px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 22px;
    box-shadow: 0 16px 34px rgba(15, 138, 95, 0.28);
    padding: 26px 20px;
    text-align: center;
}

.image-experience strong {
    display: block;
    font-size: 2.6rem;
    line-height: 1;
    margin-bottom: 7px;
}

.image-experience span {
    display: block;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.28;
}

.striking-stats {
    position: relative;
    z-index: 5;
    margin: 20px 0 45px;
}

.stats-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.stat-card-v2 {
    background: #fff;
    border-bottom: 5px solid var(--primary-color);
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(31, 45, 61, 0.08);
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 130px;
    padding: 32px 28px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.stat-card-v2:hover {
    box-shadow: 0 24px 55px rgba(31, 45, 61, 0.12);
    transform: translateY(-6px);
}

.stat-card-v2__icon {
    width: 68px;
    height: 68px;
    background: #F0F7F4;
    border-radius: 18px;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 2rem;
}

.stat-card-v2__icon .about-icon-img,
.value-card .about-icon-img {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.stat-card-v2 .num,
.about-stat__number {
    color: #1F2D3D;
    display: block;
    font-size: 1.95rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 7px;
}

.stat-card-v2 .txt,
.about-stat__label {
    color: #6B7280;
    display: block;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tech-section {
    background: #fff;
}

.tech-flex {
    display: grid;
    grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 65px;
}

.tech-list {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
}

.tech-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 22px;
}

.tech-list i {
    color: var(--primary-color);
    flex-shrink: 0;
    font-size: 1.25rem;
    margin-top: 4px;
}

.tech-list strong {
    color: #1F2D3D;
    display: block;
    font-size: 1.03rem;
    margin-bottom: 4px;
}

.tech-list span {
    color: #4b5563;
    display: block;
    line-height: 1.65;
}

.our-values {
    background: #F6FAF8;
    padding: 96px 0;
}

.our-values .section-title .sub-title {
    text-align: center;
}

.our-values .section-title h2 {
    color: #1F2D3D;
    font-size: 2.45rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
    margin-bottom: 48px;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
}

.value-card {
    background: #fff;
    border: 1px solid #edf2f0;
    border-radius: 20px;
    box-shadow: 0 12px 34px rgba(31, 45, 61, 0.05);
    padding: 38px 26px;
    text-align: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.value-card:hover {
    box-shadow: 0 18px 42px rgba(31, 45, 61, 0.1);
    transform: translateY(-6px);
}

.value-card i {
    width: 76px;
    height: 76px;
    background: #F0F7F4;
    border-radius: 50%;
    color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    margin-bottom: 22px;
}

.value-card .about-icon-img {
    width: 76px;
    height: 76px;
    background: #F0F7F4;
    border-radius: 50%;
    padding: 20px;
    margin: 0 auto 22px;
}

.value-card h3 {
    color: #1F2D3D;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
    margin: 0 0 13px;
}

.value-card p {
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.8;
    margin: 0;
}

.about-gutenberg-content {
    background: #fff;
}

.page-section {
    padding: 60px 0;
}

.row {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.g-4 {
    gap: 26px;
}

.g-5 {
    gap: 80px;
}

.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-md-6 {
    min-width: 0;
}

.col-lg-3 {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
}

.col-lg-4 {
    flex: 0 0 calc(33.333% - 18px);
    max-width: calc(33.333% - 18px);
}

.col-lg-5 {
    flex: 0 0 calc(41.666% - 40px);
    max-width: calc(41.666% - 40px);
}

.col-lg-6 {
    flex: 0 0 calc(50% - 40px);
    max-width: calc(50% - 40px);
}

.col-lg-7 {
    flex: 0 0 calc(58.333% - 40px);
    max-width: calc(58.333% - 40px);
}

.about-flex,
.tech-flex,
.stats-grid-v2,
.values-grid {
    display: flex;
    flex-wrap: wrap;
}

.about-story .about-flex {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 72px;
    align-items: center;
}

.striking-stats .stats-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.tech-section .tech-flex {
    display: grid;
    grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr);
    gap: 72px;
    align-items: center;
}

.our-values .values-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
}

.about-story .about-flex > *,
.tech-section .tech-flex > *,
.striking-stats .stats-grid-v2 > *,
.our-values .values-grid > * {
    max-width: none;
    min-width: 0;
}

.column-main { flex: 2; }
.column-sidebar { flex: 1; }

.tedavi-main-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.tedavi-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444;
}

/* Sidebar Tasarımı */
.sidebar-box {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

.sidebar-box h3 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    display: inline-block;
}

.sidebar-links {
    list-style: none;
    padding: 0;
}

.sidebar-links li {
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.sidebar-links li a {
    text-decoration: none;
    color: var(--secondary-color);
    font-weight: 600;
    transition: 0.3s;
}

.sidebar-links li a:hover {
    color: var(--primary-color);
    padding-left: 5px;
}

.contact-cta {
    background-color: var(--secondary-color);
    color: #fff;
    text-align: center;
}

.contact-cta p { margin-bottom: 20px; font-size: 0.9rem; color: #bdc3c7; }

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .row { flex-direction: column; }
}

@media (max-width: 991px) {
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-6 {
        flex: 0 0 calc(50% - 13px);
        max-width: calc(50% - 13px);
    }
}

@media (max-width: 767px) {
    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .g-4,
    .g-5 {
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .about-flex,
    .tech-flex {
        grid-template-columns: 1fr;
        gap: 44px;
        text-align: center;
    }

    .about-flex__image,
    .tech-flex__image {
        max-width: 620px;
        margin: 0 auto;
        width: 100%;
    }

    .stats-grid-v2,
    .values-grid {
        grid-template-columns: 1fr;
    }

    .stat-card-v2 {
        justify-content: center;
        text-align: left;
    }

    .tech-list li {
        text-align: left;
    }

    .about-story .about-flex,
    .tech-section .tech-flex,
    .striking-stats .stats-grid-v2,
    .our-values .values-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .about-page-hero {
        min-height: 260px;
    }

    .page-banner__title {
        font-size: 2.25rem;
    }

    .about-flex__text h2,
    .tech-flex__text h2,
    .our-values .section-title h2 {
        font-size: 2rem;
    }

    .image-experience {
        right: 14px;
        bottom: 14px;
        min-width: 104px;
        padding: 20px 16px;
    }

    .image-experience strong {
        font-size: 2.1rem;
    }

    .stat-card-v2 {
        align-items: flex-start;
        padding: 28px 22px;
    }

    .our-values {
        padding: 70px 0;
    }
}
/* --- Arşiv Sayfası Tasarımı --- */
.archive-services {
    background-color: #fdfdfd;
}

/* Ana sayfadaki grid'i burada da kullanıyoruz ama kutu sayısına göre yayılmasını sağlıyoruz */
.archive-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.read-more-btn {
    margin-top: 20px;
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    transition: 0.3s;
}

.read-more-btn i {
    margin-left: 5px;
    font-size: 0.8rem;
}

.read-more-btn:hover {
    color: var(--secondary-color);
    transform: translateX(5px);
}

/* Sayfalama Stili */
.pagination {
    margin-top: 50px;
    text-align: center;
}

.pagination .page-numbers {
    padding: 10px 18px;
    background: #fff;
    border: 1px solid #eee;
    color: var(--primary-color);
    text-decoration: none;
    border-radius: 5px;
    margin: 0 5px;
    transition: 0.3s;
}

.pagination .page-numbers.current {
    background: var(--primary-color);
    color: #fff;
}

.pagination .page-numbers:hover:not(.current) {
    background: #f0f7f4;
}
/* --- Blog Detay Sayfası Tasarımı --- */

/* Banner Alanı */
.blog-single-banner {
    background-color: var(--secondary-color);
    padding: 80px 0;
    text-align: center;
    color: white;
}

.blog-single-meta {
    margin-bottom: 15px;
    font-size: 0.9rem;
    color: var(--primary-color); /* Marka Yeşili */
    font-weight: 600;
}

.blog-single-meta span {
    margin: 0 10px;
}

.blog-single-banner h1 {
    font-size: 2.8rem;
    margin: 0;
    line-height: 1.2;
}

/* İçerik Alanı */
.blog-single-wrapper {
    max-width: 850px; /* Okunabilirlik için metin alanını kısıtladık */
    margin: -50px auto 60px; /* Banner'ın üzerine hafifçe taşması için */
    background: white;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
    position: relative;
    z-index: 5;
}

.blog-single-image {
    margin-bottom: 40px;
}

.blog-single-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Yazı İçindeki Tipografi */
.blog-text {
    line-height: 1.8;
    font-size: 1.15rem;
    color: #333;
}

.blog-text p {
    margin-bottom: 25px;
}

.blog-text h2, .blog-text h3 {
    color: var(--secondary-color);
    margin: 40px 0 20px;
}

.blog-single-footer {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
    text-align: center;
}

/* Mobil Ayarı */
@media (max-width: 768px) {
    .blog-single-banner h1 { font-size: 2rem; }
    .blog-single-wrapper { padding: 30px; margin-top: 20px; }
}

/* --- Randevu Modal Popup --- */
.randevu-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.randevu-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.randevu-modal-content {
    background: #fff;
    width: 90%;
    max-width: 500px;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    transform: translateY(30px);
    transition: all 0.4s ease;
    box-shadow: 0 25px 50px rgba(0,0,0,0.2);
}

.randevu-modal-overlay.active .randevu-modal-content {
    transform: translateY(0);
}

.randevu-modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 1.5rem;
    color: #999;
    cursor: pointer;
    transition: 0.3s;
}

.randevu-modal-close:hover {
    color: #e74c3c;
    transform: rotate(90deg);
}

.randevu-modal-content h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: var(--secondary-color);
    font-size: 1.5rem;
    text-align: center;
}

/* --- RESPONSIVE TASARIM (Mobil & Tablet) --- */

/* Mobil Menü Butonu (Varsayılan Gizli) */
.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 1.8rem;
    color: var(--secondary-color);
    cursor: pointer;
    padding: 5px 10px;
}

@media (max-width: 768px) {
    /* 1. Üst Header Ortalanması */
    .top-header__content {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        text-align: center;
    }

    /* 2. Ana Header & Mobil Menü */
    .main-header__inner {
        flex-wrap: wrap;
        position: relative;
    }
    
    .mobile-menu-toggle {
        display: block;
    }
    
    .main-navigation {
        display: none;
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        box-shadow: 0 10px 15px rgba(0,0,0,0.1);
        z-index: 1000;
        padding: 20px 0;
        border-top: 1px solid #eee;
    }
    
    .main-navigation.active {
        display: block;
    }
    
    .main-navigation ul {
        flex-direction: column;
        align-items: center;
    }
    
    .main-navigation li {
        margin: 10px 0;
        width: 100%;
        text-align: center;
    }

    /* 3. Hero Bölümü (Ana Görsel) Küçültme */
    .main-content {
        padding: 60px 0 80px 0;
        min-height: auto;
        text-align: center;
    }
    
    .main-content h1,
    .main-content h2 {
        font-size: 2.2rem;
    }
    
    .hero-text-box {
        margin: 0 auto;
    }
    
    .hero-text-box .btn {
        margin: 5px;
        display: inline-block;
    }
}

@media (max-width: 992px) {
    /* 4. Randevu ve İletişim Bölümü (Alt alta alma) */
    .appointment__container {
        flex-direction: column;
        gap: 40px;
    }
    
    .appointment__text-area, .appointment__form-area {
        width: 100%;
    }
    
    .appointment__title {
        font-size: 2.2rem;
    }
    
    .randevu-form-wrapper {
        padding: 30px;
    }
}

/* =========================================================
   VetPet Final Layout Fix
   Tedaviler arşiv, tekil tedavi ve blog sidebar düzeni
========================================================= */

/* ---------------------------------------------------------
   1) Tedavilerimiz arşiv sayfası
   Kartlar 3 kolon kalsın, widgetlar kartların yanında değil altında dursun.
--------------------------------------------------------- */

.post-type-archive-tedavi .vetpet-content-sidebar,
.tax-tedavi_category .vetpet-content-sidebar,
.page-template-page-tedaviler .vetpet-content-sidebar {
    display: block !important;
    width: 100% !important;
}

.post-type-archive-tedavi .vetpet-content-sidebar > *:first-child,
.tax-tedavi_category .vetpet-content-sidebar > *:first-child,
.page-template-page-tedaviler .vetpet-content-sidebar > *:first-child {
    width: 100% !important;
    min-width: 0 !important;
}

/* Tedavilerimiz sayfasında kartlar 3'erli görünsün */
.post-type-archive-tedavi .services-grid,
.post-type-archive-tedavi .treatment-grid,
.post-type-archive-tedavi .treatments-grid,
.post-type-archive-tedavi .tedavi-grid,
.post-type-archive-tedavi .archive-grid,
.post-type-archive-tedavi .cards-grid,
.tax-tedavi_category .services-grid,
.tax-tedavi_category .treatment-grid,
.tax-tedavi_category .treatments-grid,
.tax-tedavi_category .tedavi-grid,
.tax-tedavi_category .archive-grid,
.tax-tedavi_category .cards-grid,
.page-template-page-tedaviler .services-grid,
.page-template-page-tedaviler .treatment-grid,
.page-template-page-tedaviler .treatments-grid,
.page-template-page-tedaviler .tedavi-grid,
.page-template-page-tedaviler .archive-grid,
.page-template-page-tedaviler .cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 32px !important;
    width: 100% !important;
}

/* Tedavilerimiz sayfasında widget alanı alta insin */
.post-type-archive-tedavi .vetpet-sidebar,
.tax-tedavi_category .vetpet-sidebar,
.page-template-page-tedaviler .vetpet-sidebar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 42px !important;
}

.post-type-archive-tedavi .vetpet-sidebar .widget,
.tax-tedavi_category .vetpet-sidebar .widget,
.page-template-page-tedaviler .vetpet-sidebar .widget {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   2) Tekil tedavi detay sayfası
   Dynamic widget alanını gizle. Tedavi listesi sidebar'da kalır.
--------------------------------------------------------- */

.single-tedavi .td-sidebar__box.vetpet-sidebar {
    display: none !important;
}

.single-tedavi .td-sidebar .widget_archive,
.single-tedavi .td-sidebar .widget_categories,
.single-tedavi .td-sidebar .widget_recent_entries,
.single-tedavi .td-sidebar .widget_recent_comments,
.single-tedavi .td-sidebar .widget_search,
.single-tedavi .td-sidebar .widget_meta,
.single-tedavi .td-sidebar .wp-block-archives,
.single-tedavi .td-sidebar .wp-block-categories,
.single-tedavi .td-sidebar .wp-block-latest-posts,
.single-tedavi .td-sidebar .wp-block-search {
    display: none !important;
}

/* ---------------------------------------------------------
   3) Blog sayfası
   Sidebar varken kartlar kaymasın.
--------------------------------------------------------- */

.blog .blog-s__grid,
.archive.category .blog-s__grid,
.page-template-page-blog .blog-s__grid,
.blog-layout,
.blog-main,
.blog-page-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 310px !important;
    gap: 42px !important;
    align-items: start !important;
    width: 100% !important;
}

.blog .blog-s__content,
.archive.category .blog-s__content,
.page-template-page-blog .blog-s__content,
.blog-content,
.blog-main__content,
.posts-grid-wrap {
    min-width: 0 !important;
    width: 100% !important;
}

.blog .blog-s__sidebar,
.archive.category .blog-s__sidebar,
.page-template-page-blog .blog-s__sidebar,
.blog-sidebar,
.widget-area {
    width: 100% !important;
    max-width: 310px !important;
    min-width: 0 !important;
}

.blog .blog-s__sidebar .widget,
.archive.category .blog-s__sidebar .widget,
.page-template-page-blog .blog-s__sidebar .widget,
.blog-sidebar .widget,
.widget-area .widget {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 24px !important;
}

.blog-grid,
.posts-grid,
.blog-cards,
.post-grid,
.news-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px !important;
    width: 100% !important;
}

/* ---------------------------------------------------------
   4) Kart ve görsel genel güvenlik
--------------------------------------------------------- */

.treatment-card,
.tedavi-card,
.service-card,
.archive-card,
.blog-card,
.post-card,
.news-card,
.article-card,
.service-item,
.blog-card-v2,
.vetpet-post-card {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.treatment-card img,
.tedavi-card img,
.service-card img,
.archive-card img,
.blog-card img,
.post-card img,
.news-card img,
.article-card img,
.service-item img,
.blog-card-v2 img,
.vetpet-post-card img {
    max-width: 100% !important;
    display: block !important;
}

/* ---------------------------------------------------------
   5) Responsive
--------------------------------------------------------- */

@media (max-width: 991px) {
    .post-type-archive-tedavi .services-grid,
    .post-type-archive-tedavi .treatment-grid,
    .post-type-archive-tedavi .treatments-grid,
    .post-type-archive-tedavi .tedavi-grid,
    .post-type-archive-tedavi .archive-grid,
    .post-type-archive-tedavi .cards-grid,
    .tax-tedavi_category .services-grid,
    .tax-tedavi_category .treatment-grid,
    .tax-tedavi_category .treatments-grid,
    .tax-tedavi_category .tedavi-grid,
    .tax-tedavi_category .archive-grid,
    .tax-tedavi_category .cards-grid,
    .page-template-page-tedaviler .services-grid,
    .page-template-page-tedaviler .treatment-grid,
    .page-template-page-tedaviler .treatments-grid,
    .page-template-page-tedaviler .tedavi-grid,
    .page-template-page-tedaviler .archive-grid,
    .page-template-page-tedaviler .cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .blog .blog-s__grid,
    .archive.category .blog-s__grid,
    .page-template-page-blog .blog-s__grid,
    .blog-layout,
    .blog-main,
    .blog-page-grid {
        grid-template-columns: 1fr !important;
    }

    .blog .blog-s__sidebar,
    .archive.category .blog-s__sidebar,
    .page-template-page-blog .blog-s__sidebar,
    .blog-sidebar,
    .widget-area {
        max-width: 100% !important;
    }
}

@media (max-width: 575px) {
    .post-type-archive-tedavi .services-grid,
    .post-type-archive-tedavi .treatment-grid,
    .post-type-archive-tedavi .treatments-grid,
    .post-type-archive-tedavi .tedavi-grid,
    .post-type-archive-tedavi .archive-grid,
    .post-type-archive-tedavi .cards-grid,
    .tax-tedavi_category .services-grid,
    .tax-tedavi_category .treatment-grid,
    .tax-tedavi_category .treatments-grid,
    .tax-tedavi_category .tedavi-grid,
    .tax-tedavi_category .archive-grid,
    .tax-tedavi_category .cards-grid,
    .page-template-page-tedaviler .services-grid,
    .page-template-page-tedaviler .treatment-grid,
    .page-template-page-tedaviler .treatments-grid,
    .page-template-page-tedaviler .tedavi-grid,
    .page-template-page-tedaviler .archive-grid,
    .page-template-page-tedaviler .cards-grid,
    .blog-grid,
    .posts-grid,
    .blog-cards,
    .post-grid,
    .news-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .post-type-archive-tedavi .vetpet-sidebar,
    .tax-tedavi_category .vetpet-sidebar,
    .page-template-page-tedaviler .vetpet-sidebar {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   VetPet Extra Final Fixes
   1) Ana sayfada Google yorumlarını 2 kartla sınırla
   2) Blog sidebar Search + Recent Posts görünümünü tema ile uyumlu yap
========================================================= */

/* Ana sayfada sadece ilk 2 Google yorum kartı görünsün */
.google-reviews-section .reviews-grid .review-card:nth-child(n+3) {
    display: none !important;
}

.google-reviews-section .reviews-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 768px) {
    .google-reviews-section .reviews-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Blog sidebar genel kutu görünümü */
.blog .blog-s__sidebar .widget,
.page-template-page-blog .blog-s__sidebar .widget,
.blog-sidebar .widget,
.widget-area .widget {
    background: #ffffff !important;
    border: 1px solid #e6f0eb !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 38px rgba(31, 45, 61, 0.07) !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
}

.blog .blog-s__sidebar .widget-title,
.page-template-page-blog .blog-s__sidebar .widget-title,
.blog-sidebar .widget-title,
.widget-area .widget-title {
    color: #1f2d3d !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    margin: 0 0 18px !important;
    letter-spacing: -0.01em !important;
}

/* Blog sidebar arama formu */
.blog .blog-s__sidebar .searchform div,
.page-template-page-blog .blog-s__sidebar .searchform div,
.blog-sidebar .searchform div,
.widget-area .searchform div,
.blog .blog-s__sidebar .wp-block-search,
.page-template-page-blog .blog-s__sidebar .wp-block-search,
.blog-sidebar .wp-block-search,
.widget-area .wp-block-search {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.blog .blog-s__sidebar input[type="text"],
.blog .blog-s__sidebar input[type="search"],
.page-template-page-blog .blog-s__sidebar input[type="text"],
.page-template-page-blog .blog-s__sidebar input[type="search"],
.blog-sidebar input[type="text"],
.blog-sidebar input[type="search"],
.widget-area input[type="text"],
.widget-area input[type="search"],
.wp-block-search__input {
    width: 100% !important;
    min-width: 0 !important;
    border: 1.5px solid #dce7e2 !important;
    border-radius: 14px !important;
    background: #fbfdfc !important;
    color: #1f2d3d !important;
    font: inherit !important;
    padding: 13px 15px !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.blog .blog-s__sidebar input[type="submit"],
.page-template-page-blog .blog-s__sidebar input[type="submit"],
.blog-sidebar input[type="submit"],
.widget-area input[type="submit"],
.wp-block-search__button {
    background: var(--primary-color) !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    cursor: pointer !important;
    font-weight: 800 !important;
    padding: 12px 18px !important;
    width: auto !important;
    min-width: 96px !important;
    box-shadow: 0 10px 22px rgba(30, 126, 90, 0.18) !important;
    transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}

.blog .blog-s__sidebar input[type="submit"]:hover,
.page-template-page-blog .blog-s__sidebar input[type="submit"]:hover,
.blog-sidebar input[type="submit"]:hover,
.widget-area input[type="submit"]:hover,
.wp-block-search__button:hover {
    background: var(--primary-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 26px rgba(30, 126, 90, 0.25) !important;
}

/* Recent Posts listesi */
.blog .blog-s__sidebar .widget_recent_entries ul,
.page-template-page-blog .blog-s__sidebar .widget_recent_entries ul,
.blog-sidebar .widget_recent_entries ul,
.widget-area .widget_recent_entries ul,
.blog .blog-s__sidebar .wp-block-latest-posts,
.page-template-page-blog .blog-s__sidebar .wp-block-latest-posts,
.blog-sidebar .wp-block-latest-posts,
.widget-area .wp-block-latest-posts {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 0 !important;
}

.blog .blog-s__sidebar .widget_recent_entries li,
.page-template-page-blog .blog-s__sidebar .widget_recent_entries li,
.blog-sidebar .widget_recent_entries li,
.widget-area .widget_recent_entries li,
.blog .blog-s__sidebar .wp-block-latest-posts li,
.page-template-page-blog .blog-s__sidebar .wp-block-latest-posts li,
.blog-sidebar .wp-block-latest-posts li,
.widget-area .wp-block-latest-posts li {
    border-bottom: 1px solid #edf2f0 !important;
    margin: 0 !important;
    padding: 0 0 14px !important;
}

.blog .blog-s__sidebar .widget_recent_entries li + li,
.page-template-page-blog .blog-s__sidebar .widget_recent_entries li + li,
.blog-sidebar .widget_recent_entries li + li,
.widget-area .widget_recent_entries li + li,
.blog .blog-s__sidebar .wp-block-latest-posts li + li,
.page-template-page-blog .blog-s__sidebar .wp-block-latest-posts li + li,
.blog-sidebar .wp-block-latest-posts li + li,
.widget-area .wp-block-latest-posts li + li {
    padding-top: 14px !important;
}

.blog .blog-s__sidebar .widget_recent_entries li:last-child,
.page-template-page-blog .blog-s__sidebar .widget_recent_entries li:last-child,
.blog-sidebar .widget_recent_entries li:last-child,
.widget-area .widget_recent_entries li:last-child,
.blog .blog-s__sidebar .wp-block-latest-posts li:last-child,
.page-template-page-blog .blog-s__sidebar .wp-block-latest-posts li:last-child,
.blog-sidebar .wp-block-latest-posts li:last-child,
.widget-area .wp-block-latest-posts li:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.blog .blog-s__sidebar .widget_recent_entries a,
.page-template-page-blog .blog-s__sidebar .widget_recent_entries a,
.blog-sidebar .widget_recent_entries a,
.widget-area .widget_recent_entries a,
.blog .blog-s__sidebar .wp-block-latest-posts a,
.page-template-page-blog .blog-s__sidebar .wp-block-latest-posts a,
.blog-sidebar .wp-block-latest-posts a,
.widget-area .wp-block-latest-posts a {
    color: #1f2d3d !important;
    display: block !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
}

.blog .blog-s__sidebar .widget_recent_entries a:hover,
.page-template-page-blog .blog-s__sidebar .widget_recent_entries a:hover,
.blog-sidebar .widget_recent_entries a:hover,
.widget-area .widget_recent_entries a:hover,
.blog .blog-s__sidebar .wp-block-latest-posts a:hover,
.page-template-page-blog .blog-s__sidebar .wp-block-latest-posts a:hover,
.blog-sidebar .wp-block-latest-posts a:hover,
.widget-area .wp-block-latest-posts a:hover {
    color: var(--primary-color) !important;
}

/* =========================================================
   VetPet Blog Sidebar Final Style
   Search ve Recent Posts kutularını tema tasarımına uygun hale getirir
========================================================= */

.blog .widget-area,
.blog .blog-sidebar,
.blog .blog-s__sidebar,
.page-template-page-blog .widget-area,
.page-template-page-blog .blog-sidebar,
.page-template-page-blog .blog-s__sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.blog .widget,
.blog .blog-sidebar .widget,
.blog .blog-s__sidebar .widget,
.page-template-page-blog .widget,
.page-template-page-blog .blog-sidebar .widget,
.page-template-page-blog .blog-s__sidebar .widget {
    background: #ffffff;
    border: 1px solid rgba(30, 126, 90, 0.12);
    border-radius: 20px;
    padding: 26px 24px;
    box-shadow: 0 18px 45px rgba(31, 45, 61, 0.06);
}

.blog .widget-title,
.blog .widget h2,
.blog .widget h3,
.page-template-page-blog .widget-title,
.page-template-page-blog .widget h2,
.page-template-page-blog .widget h3 {
    margin: 0 0 18px;
    color: #1f2d3d;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
}

.blog .widget_search form,
.page-template-page-blog .widget_search form,
.blog .wp-block-search,
.page-template-page-blog .wp-block-search {
    display: flex;
    gap: 10px;
    align-items: center;
}

.blog .widget_search input[type="search"],
.page-template-page-blog .widget_search input[type="search"],
.blog .wp-block-search__input,
.page-template-page-blog .wp-block-search__input {
    width: 100%;
    height: 48px;
    border: 1px solid rgba(30, 126, 90, 0.18);
    border-radius: 14px;
    padding: 0 16px;
    outline: none;
    color: #1f2d3d;
    background: #f8fbfa;
    transition: all 0.2s ease;
}

.blog .widget_search input[type="search"]:focus,
.page-template-page-blog .widget_search input[type="search"]:focus,
.blog .wp-block-search__input:focus,
.page-template-page-blog .wp-block-search__input:focus {
    border-color: #1e7e5a;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(30, 126, 90, 0.08);
}

.blog .widget_search input[type="submit"],
.page-template-page-blog .widget_search input[type="submit"],
.blog .wp-block-search__button,
.page-template-page-blog .wp-block-search__button {
    height: 48px;
    min-width: 92px;
    border: none;
    border-radius: 14px;
    padding: 0 18px;
    background: #1e7e5a;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.blog .widget_search input[type="submit"]:hover,
.page-template-page-blog .widget_search input[type="submit"]:hover,
.blog .wp-block-search__button:hover,
.page-template-page-blog .wp-block-search__button:hover {
    background: #176b4c;
    transform: translateY(-1px);
}

.blog .widget_recent_entries ul,
.page-template-page-blog .widget_recent_entries ul,
.blog .wp-block-latest-posts,
.page-template-page-blog .wp-block-latest-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog .widget_recent_entries li,
.page-template-page-blog .widget_recent_entries li,
.blog .wp-block-latest-posts li,
.page-template-page-blog .wp-block-latest-posts li {
    margin: 0;
    padding: 14px 0;
    border-bottom: 1px solid rgba(31, 45, 61, 0.08);
}

.blog .widget_recent_entries li:last-child,
.page-template-page-blog .widget_recent_entries li:last-child,
.blog .wp-block-latest-posts li:last-child,
.page-template-page-blog .wp-block-latest-posts li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.blog .widget_recent_entries a,
.page-template-page-blog .widget_recent_entries a,
.blog .wp-block-latest-posts a,
.page-template-page-blog .wp-block-latest-posts a {
    display: block;
    color: #34495e;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.2s ease;
}

.blog .widget_recent_entries a:hover,
.page-template-page-blog .widget_recent_entries a:hover,
.blog .wp-block-latest-posts a:hover,
.page-template-page-blog .wp-block-latest-posts a:hover {
    color: #1e7e5a;
    padding-left: 6px;
}

/* Blog sidebar çok sert görünmesin */
.blog .blog-s__sidebar,
.page-template-page-blog .blog-s__sidebar,
.blog .blog-sidebar,
.page-template-page-blog .blog-sidebar {
    position: sticky;
    top: 100px;
}

@media (max-width: 991px) {
    .blog .blog-s__sidebar,
    .page-template-page-blog .blog-s__sidebar,
    .blog .blog-sidebar,
    .page-template-page-blog .blog-sidebar {
        position: static;
    }

    .blog .widget_search form,
    .page-template-page-blog .widget_search form,
    .blog .wp-block-search,
    .page-template-page-blog .wp-block-search {
        flex-direction: column;
        align-items: stretch;
    }

    .blog .widget_search input[type="submit"],
    .page-template-page-blog .widget_search input[type="submit"],
    .blog .wp-block-search__button,
    .page-template-page-blog .wp-block-search__button {
        width: 100%;
    }
}
/* Gutenberg Pattern Styles */
.vetpet-pattern-card {
    background: #ffffff;
    border: 1px solid rgba(30, 126, 90, 0.12);
    border-radius: 24px;
    padding: 34px 28px;
    box-shadow: 0 18px 45px rgba(31, 45, 61, 0.06);
    min-height: 180px;
}

.vetpet-pattern-card h3 {
    color: #1f2d3d;
    margin-bottom: 14px;
}

.vetpet-pattern-card p {
    color: #5f6f7f;
    line-height: 1.7;
}

.wp-block-button__link {
    border-radius: 999px;
    background: #1e7e5a;
    color: #ffffff;
    font-weight: 700;
    padding: 14px 28px;
}

.wp-block-button__link:hover {
    background: #176b4c;
}
/* =========================================================
   VetPet Gutenberg Section Styles
========================================================= */

.vetpet-gb-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.vetpet-gb-light {
    background: #f6faf8;
    border-radius: 28px;
    padding-left: 30px;
    padding-right: 30px;
}

.vetpet-gb-hero h1,
.vetpet-gb-page-hero h1 {
    color: #fff;
    font-size: clamp(2.4rem, 5vw, 4.4rem);
    font-weight: 800;
    line-height: 1.12;
}

.vetpet-gb-hero p,
.vetpet-gb-page-hero p {
    color: rgba(255,255,255,0.92);
    font-size: 1.16rem;
}

.vetpet-gb-page-hero {
    padding-top: 110px;
    padding-bottom: 110px;
    background: linear-gradient(135deg, #1e7e5a, #2c3e50);
    color: #fff;
}

.vetpet-pattern-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid rgba(30, 126, 90, 0.12);
    border-radius: 24px;
    padding: 34px 28px;
    box-shadow: 0 18px 45px rgba(31, 45, 61, 0.06);
}

.vetpet-pattern-card h3 {
    color: #1f2d3d;
    margin-bottom: 14px;
}

.vetpet-pattern-card p {
    color: #5f6f7f;
    line-height: 1.7;
}

.vetpet-gb-cta {
    padding-top: 80px;
    padding-bottom: 80px;
    background: linear-gradient(135deg, #1e7e5a, #145a40);
    color: #fff;
}

.vetpet-gb-cta h2,
.vetpet-gb-cta p {
    color: #fff;
}

/* =========================================================
   Single Blog and Treatment Image Guards
========================================================= */

.vetpet-single-blog .blog-s__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 48px;
    align-items: start;
}

.vetpet-single-blog .blog-s__text,
.vetpet-single-blog .blog-s__body,
.single-tedavi .td-content,
.single-tedavi .td-content__info {
    min-width: 0;
}

.vetpet-single-blog .entry-content > * {
    max-width: 100%;
}

.vetpet-single-blog .entry-content img,
.vetpet-single-blog .blog-s__body img,
.single-tedavi .td-content__text img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

.vetpet-single-blog .blog-s__image img {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    border-radius: 22px;
    display: block;
    box-shadow: 0 16px 42px rgba(31, 45, 61, 0.12);
}

.vetpet-single-blog .blog-s__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
    margin-top: 34px;
}

.vetpet-single-blog .blog-s__share {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #5f6f7f;
    font-weight: 700;
}

.vetpet-single-blog .blog-s__share a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: var(--primary-color);
    box-shadow: 0 8px 22px rgba(31, 45, 61, 0.09);
    text-decoration: none;
}

.vetpet-single-blog .blog-s__related {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

.vetpet-single-blog .blog-s__related .blog-card-v2 {
    overflow: hidden;
    min-width: 0;
}

.vetpet-single-blog .blog-s__related .blog-card-v2__image {
    height: 260px;
    overflow: hidden;
}

.vetpet-single-blog .blog-s__related .blog-card-v2__image a {
    display: block;
    height: 100%;
}

.vetpet-single-blog .blog-s__related .blog-card-v2__image img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    display: block;
}

.single-tedavi .td-content__img img {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    display: block;
}

@media (max-width: 991px) {
    .vetpet-single-blog .blog-s__grid,
    .vetpet-single-blog .blog-s__related {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vetpet-single-blog .blog-s__image {
        order: -1;
    }
}

@media (max-width: 575px) {
    .vetpet-single-blog .blog-s__grid,
    .vetpet-single-blog .blog-s__related {
        grid-template-columns: 1fr;
    }

    .vetpet-single-blog .blog-s__related .blog-card-v2__image {
        height: 230px;
    }
}

/* =========================================================
   VetPet Gutenberg Pattern Sections
========================================================= */

.vetpet-gutenberg-page {
    --vetpet-gb-green: #1e7e5a;
    --vetpet-gb-navy: #1f2d3d;
    --vetpet-gb-muted: #5f6f7f;
    --vetpet-gb-soft: #f6faf8;
    overflow: hidden;
    background: #ffffff;
}

.vetpet-gutenberg-page .entry-content,
.vetpet-gutenberg-entry .entry-content {
    margin: 0;
}

.vetpet-gutenberg-page .alignwide {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.vetpet-gutenberg-page .alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
}

.vetpet-pattern-hero,
.vetpet-pattern-image-text,
.vetpet-pattern-gallery,
.vetpet-pattern-cards,
.vetpet-pattern-treatments,
.vetpet-pattern-testimonials,
.vetpet-pattern-cta,
.vetpet-pattern-contact,
.vetpet-pattern-blog-cards,
.vetpet-pattern-stats {
    box-sizing: border-box;
}

.vetpet-pattern-hero {
    position: relative;
    isolation: isolate;
}

.vetpet-home-hero {
    min-height: 680px;
}

.vetpet-pattern-image-text,
.vetpet-pattern-gallery,
.vetpet-pattern-cards,
.vetpet-pattern-treatments,
.vetpet-pattern-testimonials,
.vetpet-pattern-contact,
.vetpet-pattern-blog-cards,
.vetpet-pattern-stats {
    padding-top: 80px;
    padding-bottom: 80px;
}

.vetpet-pattern-hero h1 {
    color: #ffffff;
    font-size: clamp(2.6rem, 5vw, 4.6rem);
    font-weight: 800;
    line-height: 1.08;
}

.vetpet-pattern-hero p,
.vetpet-pattern-cta p {
    color: rgba(255, 255, 255, 0.92);
    font-size: 1.15rem;
}

.vetpet-pattern-hero .wp-block-button__link,
.vetpet-pattern-cta .wp-block-button__link {
    border-radius: 999px;
    font-weight: 800;
    padding: 14px 28px;
}

.vetpet-pattern-hero .is-style-outline .wp-block-button__link,
.vetpet-pattern-cta .is-style-outline .wp-block-button__link {
    border-color: #ffffff;
    color: #ffffff;
}

.vetpet-pattern-image-text .wp-block-columns {
    gap: 54px;
}

.vetpet-pattern-image-text img,
.vetpet-pattern-gallery img {
    width: 100%;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(31, 45, 61, 0.1);
    object-fit: cover;
}

.vetpet-pattern-gallery .wp-block-gallery {
    gap: 22px;
}

.vetpet-pattern-gallery .wp-block-image img {
    aspect-ratio: 1 / 0.78;
}

.vetpet-pattern-treatments > .wp-block-columns,
.vetpet-pattern-testimonials > .wp-block-columns,
.vetpet-pattern-blog-cards > .wp-block-columns,
.vetpet-pattern-stats > .wp-block-columns,
.vetpet-pattern-contact > .wp-block-columns:first-of-type {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.vetpet-pattern-stats > .wp-block-columns {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vetpet-pattern-testimonials > .wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

.vetpet-pattern-treatments > .wp-block-columns > .wp-block-column,
.vetpet-pattern-testimonials > .wp-block-columns > .wp-block-column,
.vetpet-pattern-blog-cards > .wp-block-columns > .wp-block-column,
.vetpet-pattern-stats > .wp-block-columns > .wp-block-column,
.vetpet-pattern-contact > .wp-block-columns:first-of-type > .wp-block-column {
    flex-basis: auto !important;
    min-width: 0;
}

.vetpet-pattern-card,
.vetpet-treatment-card,
.vetpet-testimonial-card,
.vetpet-contact-form-card,
.vetpet-contact-card,
.vetpet-map-placeholder,
.vetpet-blog-card,
.vetpet-stat-card {
    height: 100%;
    padding: 30px 28px;
    border: 1px solid rgba(30, 126, 90, 0.12);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(31, 45, 61, 0.07);
}

.vetpet-pattern-card h3,
.vetpet-treatment-card h3,
.vetpet-contact-form-card h3,
.vetpet-blog-card h3 {
    color: #2c3e50;
    font-size: 1.28rem;
    margin-bottom: 12px;
}

.vetpet-pattern-card p,
.vetpet-treatment-card p,
.vetpet-testimonial-card p,
.vetpet-contact-form-card p,
.vetpet-blog-card p {
    color: #5f6f7f;
    line-height: 1.7;
}

.vetpet-pattern-treatments,
.vetpet-pattern-testimonials,
.vetpet-pattern-blog-cards {
    background: #f6faf8;
}

.vetpet-treatment-card .wp-block-button__link,
.vetpet-blog-card a {
    color: #1e7e5a;
    font-weight: 800;
    text-decoration: none;
}

.vetpet-pattern-testimonials .vetpet-testimonial-card p:first-child {
    color: #f5a623;
    font-weight: 800;
    letter-spacing: 2px;
}

.vetpet-pattern-testimonials .vetpet-testimonial-card strong {
    color: #2c3e50;
}

.vetpet-pattern-cta {
    padding-top: 78px;
    padding-bottom: 78px;
    background: linear-gradient(135deg, #1e7e5a, #2c3e50);
    color: #ffffff;
}

.vetpet-pattern-cta h2 {
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 800;
}

.vetpet-pattern-contact .wp-block-columns {
    gap: 48px;
}

.vetpet-pattern-contact .wp-block-columns + .wp-block-columns {
    margin-top: 34px;
}

.vetpet-pattern-contact p {
    color: #5f6f7f;
    font-weight: 600;
}

.vetpet-contact-form-card .wpcf7,
.vetpet-contact-form-card form {
    width: 100%;
}

.vetpet-contact-form-card input,
.vetpet-contact-form-card textarea,
.vetpet-contact-form-card select {
    width: 100%;
    min-height: 46px;
    border: 1px solid rgba(31, 45, 61, 0.14);
    border-radius: 14px;
    padding: 12px 14px;
    background: #fbfdfc;
}

.vetpet-contact-form-card input[type="submit"],
.vetpet-contact-form-card button {
    width: auto;
    min-height: 0;
    padding: 14px 26px;
    border: 0;
    border-radius: 999px;
    background: #1e7e5a;
    color: #ffffff;
    font-weight: 800;
}

.vetpet-map-placeholder {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        linear-gradient(135deg, rgba(30, 126, 90, 0.12), rgba(31, 45, 61, 0.08)),
        #ffffff;
}

.vetpet-pattern-stats .vetpet-stat-card {
    text-align: center;
}

.vetpet-pattern-stats .vetpet-stat-card h3 {
    color: #1e7e5a;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1;
}

.vetpet-pattern-stats .vetpet-stat-card p {
    color: #2c3e50;
    font-weight: 800;
    margin-bottom: 0;
}

@media (max-width: 781px) {
    .vetpet-pattern-image-text,
    .vetpet-pattern-gallery,
    .vetpet-pattern-cards,
    .vetpet-pattern-treatments,
    .vetpet-pattern-testimonials,
    .vetpet-pattern-contact,
    .vetpet-pattern-blog-cards,
    .vetpet-pattern-stats {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .vetpet-pattern-gallery .wp-block-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vetpet-pattern-treatments > .wp-block-columns,
    .vetpet-pattern-testimonials > .wp-block-columns,
    .vetpet-pattern-blog-cards > .wp-block-columns,
    .vetpet-pattern-contact > .wp-block-columns:first-of-type {
        grid-template-columns: 1fr;
    }

    .vetpet-pattern-stats > .wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 782px) and (max-width: 1024px) {
    .vetpet-pattern-treatments > .wp-block-columns,
    .vetpet-pattern-blog-cards > .wp-block-columns,
    .vetpet-pattern-contact > .wp-block-columns:first-of-type {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vetpet-pattern-stats > .wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   Generic Page Hero and Inserted Pattern Cards
========================================================= */

.generic-page-hero {
    position: relative;
    isolation: isolate;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 72px 0;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.generic-page-hero .page-banner-overlay {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 138, 95, 0.84), rgba(31, 45, 61, 0.82));
}

.generic-page-hero .container {
    position: relative;
    z-index: 1;
}

.generic-page-hero h1 {
    color: #ffffff;
    font-size: clamp(2.5rem, 5vw, 4.25rem);
    font-weight: 800;
    line-height: 1.1;
    margin: 0;
}

.generic-page-hero p {
    max-width: 720px;
    margin: 18px auto 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 1.15rem;
    line-height: 1.7;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-section,
.vetpet-gutenberg-generic-page .vetpet-gutenberg-contact {
    box-sizing: border-box;
}

.vetpet-gutenberg-generic-page .vetpet-home-appointment-section,
.vetpet-gutenberg-generic-page .vetpet-contact-info-section {
    box-sizing: border-box;
    width: calc(100% - 48px);
    max-width: 1120px;
    margin: 70px auto;
    padding: 48px;
    background: #ffffff;
    border: 1px solid rgba(20, 110, 78, 0.12);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(15, 35, 50, 0.08);
}

.vetpet-gutenberg-generic-page .vetpet-home-appointment-title,
.vetpet-gutenberg-generic-page .vetpet-contact-info-title {
    color: #1f2d3d;
    font-size: clamp(1.9rem, 4vw, 2.8rem);
    font-weight: 800;
    line-height: 1.2;
    margin-top: 0;
}

.vetpet-gutenberg-generic-page .vetpet-contact-info-text {
    max-width: 720px;
    color: #5f6f7f;
    font-size: 1.05rem;
    line-height: 1.75;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-card-grid,
.vetpet-gutenberg-generic-page .vetpet-home-appointment-features,
.vetpet-gutenberg-generic-page .vetpet-contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 30px;
    margin-bottom: 0;
}

.vetpet-gutenberg-generic-page .vetpet-contact-info-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vetpet-gutenberg-generic-page .vetpet-pattern-card-grid > .wp-block-column,
.vetpet-gutenberg-generic-page .vetpet-home-appointment-features > .wp-block-column,
.vetpet-gutenberg-generic-page .vetpet-contact-info-grid > .wp-block-column {
    min-width: 0;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-card,
.vetpet-gutenberg-generic-page .vetpet-home-appointment-feature,
.vetpet-gutenberg-generic-page .vetpet-contact-info-card {
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    padding: 26px;
    background: #f4fbf8;
    border: 1px solid rgba(20, 110, 78, 0.12);
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(15, 35, 50, 0.04);
}

.vetpet-gutenberg-generic-page .vetpet-pattern-card h3,
.vetpet-gutenberg-generic-page .vetpet-home-appointment-feature h3,
.vetpet-gutenberg-generic-page .vetpet-contact-info-card h3 {
    color: #15825c;
    font-size: 1.2rem;
    line-height: 1.35;
    margin-top: 0;
    margin-bottom: 12px;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-card p,
.vetpet-gutenberg-generic-page .vetpet-home-appointment-feature p,
.vetpet-gutenberg-generic-page .vetpet-contact-address,
.vetpet-gutenberg-generic-page .vetpet-contact-phone,
.vetpet-gutenberg-generic-page .vetpet-contact-email,
.vetpet-gutenberg-generic-page .vetpet-contact-hours {
    color: #536675;
    line-height: 1.7;
    margin-bottom: 0;
}

@media (max-width: 900px) {
    .vetpet-gutenberg-generic-page .vetpet-pattern-card-grid,
    .vetpet-gutenberg-generic-page .vetpet-home-appointment-features,
    .vetpet-gutenberg-generic-page .vetpet-contact-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .generic-page-hero {
        min-height: 300px;
        padding: 56px 0;
    }

    .vetpet-gutenberg-generic-page .vetpet-home-appointment-section,
    .vetpet-gutenberg-generic-page .vetpet-contact-info-section {
        width: calc(100% - 32px);
        margin: 40px auto;
        padding: 28px;
        border-radius: 22px;
    }

    .vetpet-gutenberg-generic-page .vetpet-pattern-card-grid,
    .vetpet-gutenberg-generic-page .vetpet-home-appointment-features,
    .vetpet-gutenberg-generic-page .vetpet-contact-info-grid {
        grid-template-columns: 1fr;
    }
}

/* Pattern-only labels and helper notes never belong on the frontend. */
.vetpet-editor-only-note,
.vetpet-pattern-label,
.vetpet-home-editor-label,
.vetpet-home-editor-note,
.vetpet-blog-editor-note,
.vetpet-treatments-editor-note {
    display: none !important;
}

.vetpet-pattern-section .wp-block-heading:empty,
.vetpet-pattern-section p:empty {
    display: none;
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-stats,
.vetpet-gutenberg-generic-page .vetpet-about-editor-values,
.vetpet-gutenberg-generic-page .vetpet-pattern-form-section,
.vetpet-pattern-form-section {
    box-sizing: border-box;
    width: calc(100% - 48px);
    max-width: 1120px;
    margin: 70px auto;
    padding: 48px;
    background: #ffffff;
    border: 1px solid rgba(20, 110, 78, 0.12);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(15, 35, 50, 0.08);
}

.vetpet-gutenberg-generic-page .vetpet-pattern-card-grid {
    align-items: stretch;
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values .vetpet-pattern-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vetpet-gutenberg-generic-page .vetpet-about-stat-card,
.vetpet-gutenberg-generic-page .vetpet-about-value-card,
.vetpet-gutenberg-generic-page .vetpet-treatments-feature-card {
    box-sizing: border-box;
    min-width: 0;
    height: 100%;
    padding: 26px;
    background: #f4fbf8;
    border: 1px solid rgba(20, 110, 78, 0.12);
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(15, 35, 50, 0.04);
}

.vetpet-gutenberg-generic-page .vetpet-about-value-card h3,
.vetpet-gutenberg-generic-page .vetpet-treatments-feature-card h3 {
    color: #15825c;
    margin-top: 0;
}

.vetpet-gutenberg-generic-page .vetpet-about-value-card p,
.vetpet-gutenberg-generic-page .vetpet-about-stat-card p,
.vetpet-gutenberg-generic-page .vetpet-treatments-feature-card p {
    color: #536675;
    line-height: 1.7;
}

.vetpet-pattern-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.vetpet-pattern-card-grid.is-four,
.vetpet-pattern-card-grid.vetpet-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values.our-values,
.vetpet-gutenberg-generic-page .vetpet-about-values-section.vetpet-about-editor-values,
.vetpet-about-values-section {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 96px 24px;
    background: #f6faf8;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.vetpet-about-values-section .vetpet-about-values-title {
    margin-bottom: 48px;
    color: #1f2d3d;
    font-size: 2.45rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values .values-grid,
.vetpet-about-editor-values .values-grid,
.vetpet-about-values-section .vetpet-values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    width: 100%;
    max-width: 1180px;
    gap: 26px;
    margin-right: auto;
    margin-left: auto;
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values .vetpet-about-value-card,
.vetpet-about-editor-values .vetpet-about-value-card,
.vetpet-gutenberg-generic-page .vetpet-about-values-section .vetpet-value-card,
.vetpet-about-values-section .vetpet-value-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    min-height: 300px;
    height: 100%;
    padding: 38px 26px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #edf2f0;
    border-radius: 20px;
    box-shadow: 0 12px 34px rgba(31, 45, 61, 0.05);
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values .vetpet-about-value-card h3,
.vetpet-about-editor-values .vetpet-about-value-card h3,
.vetpet-gutenberg-generic-page .vetpet-about-values-section .vetpet-value-card h3,
.vetpet-about-values-section .vetpet-value-card h3 {
    margin: 0 0 13px;
    color: #1f2d3d;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.22;
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values .vetpet-about-value-card p,
.vetpet-about-editor-values .vetpet-about-value-card p,
.vetpet-gutenberg-generic-page .vetpet-about-values-section .vetpet-value-card p,
.vetpet-about-values-section .vetpet-value-card p {
    margin: 0;
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.8;
}

.vetpet-about-values-section .vetpet-value-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    min-width: 72px;
    min-height: 72px;
    max-width: 72px;
    max-height: 72px;
    margin: 0 auto 20px;
    color: #15825c;
    background: #eef8f3;
    border-radius: 50%;
    overflow: hidden;
}

.vetpet-about-values-section .vetpet-value-icon {
    display: block;
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    color: currentColor;
    fill: currentColor;
    stroke: none;
    flex: 0 0 30px;
}

.vetpet-about-editor-values .vetpet-about-value-card > p:first-child {
    margin: 0;
}

.vetpet-about-editor-values .vetpet-about-value-card > p:first-child i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    color: #15825c;
    background: #eef8f3;
    border-radius: 50%;
    font-size: 30px;
}

@media (min-width: 1025px) {
    .vetpet-gutenberg-generic-page .vetpet-about-editor-values .values-grid:has(> :nth-child(4)),
    .vetpet-about-editor-values .values-grid:has(> :nth-child(4)),
    .vetpet-about-values-section .vetpet-values-grid:has(> .vetpet-value-card:nth-child(4)) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .vetpet-gutenberg-generic-page .vetpet-about-editor-values .values-grid,
    .vetpet-about-editor-values .values-grid,
    .vetpet-about-values-section .vetpet-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .vetpet-gutenberg-generic-page .vetpet-about-editor-values.our-values,
    .vetpet-gutenberg-generic-page .vetpet-about-values-section.vetpet-about-editor-values,
    .vetpet-about-values-section {
        padding: 64px 16px;
    }

    .vetpet-gutenberg-generic-page .vetpet-about-editor-values .values-grid,
    .vetpet-about-editor-values .values-grid,
    .vetpet-about-values-section .vetpet-values-grid {
        grid-template-columns: 1fr;
    }
}

.vetpet-pattern-card-icon,
.vetpet-contact-card-icon,
.vetpet-about-value-icon,
.vetpet-about-stat-icon,
.vetpet-home-feature-icon,
.vetpet-treatments-feature-icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    min-height: 72px;
    max-width: 72px;
    max-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: #15825c;
    background: #eef8f3;
    border-radius: 50%;
    overflow: hidden;
}

.vetpet-pattern-card-icon svg,
.vetpet-contact-card-icon svg,
.vetpet-about-value-icon svg,
.vetpet-about-stat-icon svg,
.vetpet-home-feature-icon svg,
.vetpet-treatments-feature-icon svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    display: block;
    color: currentColor;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.vetpet-solid-icon svg,
.vetpet-about-value-icon.vetpet-solid-icon svg {
    fill: currentColor;
    stroke: none;
}

.vetpet-pattern-card-icon img,
.vetpet-contact-card-icon img,
.vetpet-about-value-icon img,
.vetpet-about-stat-icon img,
.vetpet-home-feature-icon img,
.vetpet-treatments-feature-icon img {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain;
}

.vetpet-pattern-form-section .vetpet-contact-form-title {
    margin: 0 0 14px;
    color: #1d2b3a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.15;
}

.vetpet-pattern-form-section .vetpet-contact-form-text {
    max-width: 720px;
    margin: 0 0 30px;
    color: #566476;
    font-size: 17px;
    line-height: 1.7;
}

@media (max-width: 1024px) {
    .vetpet-pattern-card-grid,
    .vetpet-pattern-card-grid.is-four,
    .vetpet-pattern-card-grid.vetpet-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .vetpet-pattern-card-grid,
    .vetpet-pattern-card-grid.is-four,
    .vetpet-pattern-card-grid.vetpet-grid-4 {
        grid-template-columns: 1fr;
    }
}

.vetpet-pattern-form-section .wpcf7 {
    width: 100%;
}

.vetpet-pattern-form-section .wpcf7 form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
    width: 100%;
}

.vetpet-pattern-form-section .wpcf7 form > p,
.vetpet-pattern-form-section .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.vetpet-pattern-form-section .wpcf7 form > p {
    margin: 0;
}

.vetpet-pattern-form-section .wpcf7 label {
    display: block;
    margin-bottom: 8px;
    color: #1d2b3a;
    font-weight: 700;
}

.vetpet-pattern-form-section .vetpet-contact-form,
.vetpet-pattern-form-section .wpcf7 form > .vetpet-contact-form,
.vetpet-pattern-form-section .wpcf7 form > .wpcf7-response-output,
.vetpet-pattern-form-section .wpcf7 form > p:has(textarea),
.vetpet-pattern-form-section .wpcf7 form > p:has(input[type="submit"]) {
    grid-column: 1 / -1;
}

.vetpet-pattern-form-section .randevu-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
}

.vetpet-pattern-form-section .form-grid-item,
.vetpet-pattern-form-section .form-submit-area {
    min-width: 0;
}

.vetpet-pattern-form-section .form-grid-item.full-width,
.vetpet-pattern-form-section .form-submit-area {
    grid-column: 1 / -1;
}

.vetpet-pattern-form-section input[type="text"],
.vetpet-pattern-form-section input[type="email"],
.vetpet-pattern-form-section input[type="tel"],
.vetpet-pattern-form-section input[type="date"],
.vetpet-pattern-form-section select,
.vetpet-pattern-form-section textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 54px;
    padding: 14px 16px;
    color: #1d2b3a;
    background: #ffffff;
    border: 1px solid rgba(20, 110, 78, 0.18);
    border-radius: 14px;
    box-shadow: none;
    font-size: 16px;
    outline: none;
}

.vetpet-pattern-form-section textarea {
    min-height: 140px;
    resize: vertical;
}

.vetpet-pattern-form-section input:focus,
.vetpet-pattern-form-section textarea:focus,
.vetpet-pattern-form-section select:focus {
    border-color: #15825c;
    box-shadow: 0 0 0 4px rgba(21, 130, 92, 0.1);
}

.vetpet-pattern-form-section input[type="submit"],
.vetpet-pattern-form-section button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 14px 30px;
    color: #ffffff;
    background: #15825c;
    border: 0;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    transition: 0.2s ease;
}

.vetpet-pattern-form-section input[type="submit"]:hover,
.vetpet-pattern-form-section button:hover {
    background: #106b4b;
}

.vetpet-pattern-form-section .wpcf7-response-output {
    grid-column: 1 / -1;
    margin: 10px 0 0 !important;
    padding: 14px 16px !important;
    border-radius: 14px;
}

.vetpet-pattern-form-section .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 14px;
}

@media (max-width: 760px) {
    .vetpet-pattern-form-section {
        width: calc(100% - 32px);
        margin: 40px auto;
        padding: 28px;
        border-radius: 22px;
    }

    .vetpet-pattern-form-section .wpcf7 form,
    .vetpet-pattern-form-section .randevu-form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .vetpet-gutenberg-generic-page .vetpet-about-editor-values .vetpet-pattern-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .vetpet-gutenberg-generic-page .vetpet-about-editor-stats,
    .vetpet-gutenberg-generic-page .vetpet-about-editor-values,
    .vetpet-gutenberg-generic-page .vetpet-pattern-form-section,
    .vetpet-pattern-form-section {
        width: calc(100% - 32px);
        margin: 40px auto;
        padding: 28px;
        border-radius: 22px;
    }

    .vetpet-gutenberg-generic-page .vetpet-about-editor-values .vetpet-pattern-card-grid {
        grid-template-columns: 1fr;
    }

    .vetpet-pattern-form-section .wpcf7 form,
    .vetpet-pattern-form-section .randevu-form-grid {
        grid-template-columns: 1fr;
    }
}
/* VetPet Contact Form 7 - Pattern ve normal sayfa uyumlu */
.vetpet-contact-form {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0;
}

.vetpet-contact-form .randevu-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
}

.vetpet-contact-form .form-grid-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.vetpet-contact-form .form-grid-item.full-width {
    grid-column: 1 / -1;
}

.vetpet-contact-form label {
    display: block;
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 700;
    color: #1d2b3a;
}

.vetpet-contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.vetpet-contact-form input[type="text"],
.vetpet-contact-form input[type="email"],
.vetpet-contact-form input[type="tel"],
.vetpet-contact-form input[type="date"],
.vetpet-contact-form textarea,
.vetpet-contact-form select {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 15px 18px;
    border: 1px solid rgba(20, 110, 78, 0.18);
    border-radius: 16px;
    background: #ffffff;
    color: #1d2b3a;
    font-size: 16px;
    line-height: 1.4;
    outline: none;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vetpet-contact-form textarea {
    min-height: 150px;
    resize: vertical;
}

.vetpet-contact-form input[type="text"]:focus,
.vetpet-contact-form input[type="email"]:focus,
.vetpet-contact-form input[type="tel"]:focus,
.vetpet-contact-form input[type="date"]:focus,
.vetpet-contact-form textarea:focus,
.vetpet-contact-form select:focus {
    border-color: #15825c;
    box-shadow: 0 0 0 4px rgba(21, 130, 92, 0.10);
}

.vetpet-contact-form .form-submit-area {
    margin-top: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vetpet-contact-form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 15px 34px;
    border: 0;
    border-radius: 999px;
    background: #15825c;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(21, 130, 92, 0.20);
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.vetpet-contact-form input[type="submit"]:hover {
    background: #106b4b;
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(21, 130, 92, 0.25);
}

.vetpet-contact-form .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 14px;
    color: #c0392b;
}

.vetpet-contact-form .wpcf7-response-output {
    margin: 24px 0 0 !important;
    padding: 14px 18px !important;
    border-radius: 14px;
    font-size: 15px;
}

/* Pattern içindeki form section kutusu */
.vetpet-pattern-form-section,
.vetpet-contact-form-section {
    max-width: 1120px;
    margin: 70px auto;
    padding: 48px;
    background: #ffffff;
    border: 1px solid rgba(20, 110, 78, 0.12);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(15, 35, 50, 0.08);
}

.vetpet-pattern-form-section .vetpet-contact-form-title,
.vetpet-contact-form-section .vetpet-contact-form-title {
    margin: 0 0 14px;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.15;
    color: #1d2b3a;
}

.vetpet-pattern-form-section .vetpet-contact-form-text,
.vetpet-contact-form-section .vetpet-contact-form-text {
    margin: 0 0 32px;
    color: #566476;
    font-size: 17px;
    line-height: 1.7;
}

@media (max-width: 760px) {
    .vetpet-pattern-form-section,
    .vetpet-contact-form-section {
        margin: 40px 16px;
        padding: 28px;
    }

    .vetpet-contact-form .randevu-form-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .vetpet-contact-form .form-submit-area {
        justify-content: stretch;
    }

.vetpet-contact-form input[type="submit"] {
        width: 100%;
    }
}

/* Inserted About patterns: keep story, values and form proportions consistent. */
.vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .about-flex {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
    align-items: center;
    gap: 64px;
}

.vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .about-flex__image,
.vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .image-wrapper,
.vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .vetpet-about-main-image,
.vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .vetpet-about-main-image img {
    width: 100%;
    max-width: none;
}

.vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .vetpet-about-main-image {
    margin: 0;
}

.vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .vetpet-about-main-image img {
    aspect-ratio: 1.35 / 1;
    object-fit: cover;
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values .values-grid,
.vetpet-about-values-section .vetpet-values-grid {
    grid-auto-rows: 1fr;
    align-items: stretch;
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values .vetpet-about-value-card,
.vetpet-about-values-section .vetpet-value-card {
    align-self: stretch;
    justify-self: stretch;
    width: 100%;
    margin: 0 !important;
    transform: none !important;
}

.vetpet-gutenberg-generic-page .vetpet-about-editor-values .vetpet-about-value-card:hover,
.vetpet-about-values-section .vetpet-value-card:hover {
    transform: none;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-form-section,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section {
    box-sizing: border-box;
    width: calc(100% - 48px);
    max-width: 860px;
    margin: 56px auto;
    padding: 36px;
    border-radius: 24px;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-form-section .vetpet-contact-form-title,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section .vetpet-contact-form-title {
    font-size: clamp(26px, 3vw, 34px);
}

.vetpet-gutenberg-generic-page .vetpet-pattern-form-section .vetpet-contact-form-text,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section .vetpet-contact-form-text {
    margin-bottom: 24px;
    font-size: 16px;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-form-section .wpcf7 form,
.vetpet-gutenberg-generic-page .vetpet-pattern-form-section .randevu-form-grid,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section .wpcf7 form,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section .randevu-form-grid {
    gap: 16px 18px;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-form-section input[type="text"],
.vetpet-gutenberg-generic-page .vetpet-pattern-form-section input[type="email"],
.vetpet-gutenberg-generic-page .vetpet-pattern-form-section input[type="tel"],
.vetpet-gutenberg-generic-page .vetpet-pattern-form-section input[type="date"],
.vetpet-gutenberg-generic-page .vetpet-pattern-form-section select,
.vetpet-gutenberg-generic-page .vetpet-pattern-form-section textarea,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section input[type="text"],
.vetpet-gutenberg-generic-page .vetpet-contact-form-section input[type="email"],
.vetpet-gutenberg-generic-page .vetpet-contact-form-section input[type="tel"],
.vetpet-gutenberg-generic-page .vetpet-contact-form-section input[type="date"],
.vetpet-gutenberg-generic-page .vetpet-contact-form-section select,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section textarea {
    min-height: 48px;
    padding: 11px 14px;
    border-radius: 12px;
    font-size: 15px;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-form-section textarea,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section textarea {
    min-height: 112px;
}

.vetpet-gutenberg-generic-page .vetpet-pattern-form-section input[type="submit"],
.vetpet-gutenberg-generic-page .vetpet-pattern-form-section button,
.vetpet-gutenberg-generic-page .vetpet-contact-form-section input[type="submit"],
.vetpet-gutenberg-generic-page .vetpet-contact-form-section button {
    min-height: 48px;
    padding: 12px 26px;
    font-size: 15px;
}

@media (max-width: 900px) {
    .vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .about-flex {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .vetpet-gutenberg-generic-page .vetpet-gutenberg-about .about-story .about-flex__image {
        max-width: 680px;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .vetpet-gutenberg-generic-page .vetpet-pattern-form-section,
    .vetpet-gutenberg-generic-page .vetpet-contact-form-section {
        width: calc(100% - 32px);
        margin: 40px auto;
        padding: 24px;
        border-radius: 20px;
    }
}
/* Header dropdown menu */
@media (min-width: 769px) {
    .main-header,
    .main-header__inner,
    .main-navigation {
        position: relative;
        z-index: 9999;
        overflow: visible;
    }

    .main-navigation .main-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .main-navigation .main-menu > li {
        position: relative;
    }

    .main-navigation li {
        list-style: none;
    }

    .main-navigation li.menu-item-has-children > a {
        position: relative;
        pointer-events: auto;
    }

    .main-navigation li.menu-item-has-children > a::after {
        content: "⌄";
        display: inline-block;
        margin-left: 7px;
        font-size: 12px;
        line-height: 1;
        pointer-events: none;
    }

    .main-navigation .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        display: block;
        min-width: 230px;
        margin: 0;
        padding: 10px;
        background: #ffffff;
        border: 1px solid rgba(20, 110, 78, 0.12);
        border-radius: 18px;
        box-shadow: 0 22px 50px rgba(15, 35, 50, 0.14);
        list-style: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: none;
    }

    .main-navigation li.menu-item-has-children:hover > .sub-menu,
    .main-navigation li.menu-item-has-children:focus-within > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .main-navigation .sub-menu li {
        display: block;
        width: 100%;
        margin: 0;
    }

    .main-navigation .sub-menu a {
        display: block;
        padding: 12px 14px;
        border-radius: 12px;
        color: #1d2b3a;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
        pointer-events: auto;
    }

    .main-navigation .sub-menu a:hover {
        background: #eef8f3;
        color: #15825c;
    }
}

@media (max-width: 768px) {
    .main-navigation .sub-menu {
        position: static;
        display: block;
        min-width: 0;
        margin: 6px 0 0;
        padding: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        box-shadow: none;
        transform: none;
    }
}