/*!
Theme Name: akpinar
Theme URI: https://www.codezenic.com/
Author: Codezenic
Author URI: https://www.codezenic.com/
Description: akpinar, Codezenic tarafından geliştirilen premium bir wordpress temasıdır.
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSEhttps://ayvalikpansiyonlari.com/wp-admin/theme-editor.php?file=functions.php&theme=akpinar
Text Domain: akpinar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================
   CSS Reset & Base Styles
   ============================================ */

   @charset "UTF-8";

   button,
   hr,
   input {
     overflow: visible;
   }
   
   img,
   legend {
     max-width: 100%;
   }
   
   [type=checkbox],
   [type=radio],
   legend {
     box-sizing: border-box;
     padding: 0;
   }
   
   a,
   table {
     background-color: transparent;
   }
   
   dd,
   dl,
   dt,
   li,
   ol,
   p,
   ul {
     margin-block-start: 0;
   }
   
   dd,
   dl,
   dt,
   li,
   ol,
   progress,
   sub,
   sup,
   ul {
     vertical-align: baseline;
   }
   
   html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
   }
   
   *,
   :after,
   :before {
     box-sizing: border-box;
   }
   
   body {
     margin: 0;
     font-family: var(--font-family);
     font-size: var(--font-size-base);
     font-weight: var(--font-weight-normal);
     line-height: var(--line-height-normal);
     color: var(--text-color);
     background-color: var(--bg-color);
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
     margin-block-start: 0.5rem;
     margin-block-end: 1rem;
     font-family: var(--font-family);
     font-weight: 500;
     line-height: 1.2;
     color: inherit;
   }
   
   h1 {
     font-size: 2.5rem;
   }
   
   h2 {
     font-size: 2rem;
   }
   
   h3 {
     font-size: 1.75rem;
   }
   
   h4 {
     font-size: 1.5rem;
   }
   
   h5 {
     font-size: 1.25rem;
   }
   
   h6 {
     font-size: 1rem;
   }
   
   p {
     margin-block-end: 0.9rem;
   }
   
   a {
     text-decoration: none;
     color: var(--link-color);
     transition: color var(--transition);
   }
   
   a:hover,
   a:focus {
     color: var(--accent-color, #c36);
   }
   
   img {
     border-style: none;
     height: auto;
     max-width: 100%;
   }
   
   ul,
   ol {
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   /* ============================================
      Custom Fonts
      ============================================ */
   
   /* Quicksand font is loaded from Google Fonts */
   
   /* ============================================
      CSS Variables
      ============================================ */
   
   :root {
     /* Renkler */
     --accent-color: #FF7F00;
     --scnd-color: #333333;
     --text-color: #333;
     --text-muted: #666;
     --link-color: #0c1015;
     --bg-color: var(--white);
     --bg-gray-100: #f8f8f8;
     --bg-gray-400: #f0f0f0;
     --b-color: #e7e7e7;
     --border-light: #eee;
     --white: #fff;
     --badge-blue: #007BFF;
     --footer-bg: #2A2A2A;
     --holiday-bg: #FDF5EF;
     --overlay-light: rgba(255, 255, 255, 0.92);
   
     /* Tipografi */
     --font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     --font-size-sm: 0.875rem;
     --font-size-base: 1rem;
     --font-weight-normal: 400;
     --line-height-normal: 1.5;
     --line-height-relaxed: 1.7;
   
     /* Boşluk */
     --spacing-sm: 0.5rem;
     --spacing-md: 1rem;
   
     /* Layout */
     --container-width: 1290px;
     --bradius-sm: 4px;
     --bradius: 8px;
     --bradius-full: 9999px;
   
     /* Gölge */
     --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
     --shadow-md: 0 2px 12px rgba(0, 0, 0, 0.08);
     --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
     --shadow-primary: 0 4px 8px rgba(255, 127, 0, 0.3);
   
     /* Geçiş */
     --transition: 0.3s ease;
   }
   
   /* ============================================
      Container
      ============================================ */
   
   .container {
     width: 100%;
     max-width: var(--container-width);
     margin: 0 auto;
     padding: 0 20px;
   }
   
   @media (max-width: 1200px) {
     .container {
       max-width: 1140px;
     }
   }
   
   @media (max-width: 992px) {
     .container {
       max-width: 960px;
     }
   }
   
   @media (max-width: 768px) {
     .container {
       max-width: 720px;
     }
   }
   
   @media (max-width: 576px) {
     .container {
       max-width: 540px;
       padding: 0 10px;
     }
   }
   
   /* ============================================
      Header Styles
      ============================================ */
   
   .site-header {
     background-color: var(--white);
     border-top: 5px solid var(--accent-color);
     border-bottom: none;
     box-shadow: var(--shadow-sm);
     position: sticky;
     top: 0;
     z-index: 100;
     padding: var(--spacing-md) 0;
   }
   
   .header-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 2rem;
   }
   
   .logo img {
     display: block;
     height: auto;
     max-width: 200px;
   }
   
   /* Navigation */
   .main-nav {
     flex: 1;
     display: flex;
     justify-content: flex-end;
   }
   
   .menu-toggle {
     display: none;
     background: rgba(0, 0, 0, 0.05);
     border: none;
     border-radius: 3px;
     padding: var(--spacing-sm);
     cursor: pointer;
     color: #494c4f;
     position: relative;
     width: 30px;
     height: 30px;
   }
   
   .menu-icon {
     display: block;
     width: 20px;
     height: 3px;
     background-color: currentColor;
     border-radius: 3px;
     transition: all 0.2s ease;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }
   
   .menu-icon::before,
   .menu-icon::after {
     content: '';
     display: block;
     width: 20px;
     height: 3px;
     background-color: currentColor;
     border-radius: 3px;
     position: absolute;
     transition: all 0.2s ease;
   }
   
   .menu-icon::before {
     top: -8px;
   }
   
   .menu-icon::after {
     bottom: -8px;
   }
   
   .menu-toggle[aria-expanded="true"] .menu-icon {
     background-color: transparent;
   }
   
   .menu-toggle[aria-expanded="true"] .menu-icon::before {
     top: 0;
     transform: rotate(45deg);
   }
   
   .menu-toggle[aria-expanded="true"] .menu-icon::after {
     bottom: 0;
     transform: rotate(-45deg);
   }
   
   .nav-menu {
     display: flex;
     align-items: center;
     gap: 0;
     list-style: none;
     margin: 0;
     padding: 0;
   }
   
   .nav-menu li {
     display: flex;
   }
   
   .nav-menu a {
     display: block;
     padding: 8px 15px;
     color: #000;
     font-family: var(--font-family);
     font-size: 15px;
     font-weight: 700;
     transition: color var(--transition);
   }
   
   .nav-menu a:hover,
   .nav-menu a.active {
     color: var(--accent-color);
   }
   
   .btn-header {
     display: inline-block;
     padding: 10px 20px;
     background-color: var(--accent-color);
     color: var(--white);
     border-radius: 5px;
     font-family: var(--font-family);
     font-size: 15px;
     font-weight: 500;
     transition: all var(--transition);
     margin-left: 15px;
   }
   
   .btn-header:hover {
     background-color: #e66f00;
     color: #fff;
     transform: translateY(-2px);
     box-shadow: var(--shadow-primary);
   }
   
   
   /* Mobile Navigation */
   @media (max-width: 767px) {
     .menu-toggle {
       display: block;
     }
   
     .nav-menu {
       position: absolute;
       top: 100%;
       left: 0;
       right: 0;
       background: var(--white);
       flex-direction: column;
       align-items: stretch;
       box-shadow: var(--shadow-sm);
       max-height: 0;
       overflow: hidden;
       transition: max-height var(--transition);
     }
   
     .nav-menu.active {
       max-height: 500px;
       padding: 10px 0;
     }
   
     .nav-menu li {
       width: 100%;
     }
   
     .nav-menu a {
       padding: 15px 20px;
       border-bottom: 1px solid var(--border-light);
     }
   
     .btn-header {
       display: none;
     }
   }
   
   /* ============================================
      Hero Section
      ============================================ */
   
   .hero-section {
     position: relative;
     padding: 150px 0;
     min-height: 500px;
     display: flex;
     align-items: center;
   }
   
   .hero-section::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.3);
   }
   
   .hero-inner {
     position: relative;
     z-index: 1;
     display: flex;
     align-items: center;
     gap: 2rem;
     width: 100%;
   }
   
   .hero-inner--with-image .hero-content {
     flex: 1;
     max-width: 55%;
   }
   
   .hero-inner:not(.hero-inner--with-image) .hero-content {
     max-width: 50%;
   }
   
   .hero-content {
     position: relative;
     z-index: 1;
     text-align: left;
     margin: 0;
   }
   
   .hero-buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 0.75rem;
     margin-top: 1.5rem;
   }
   
   .hero-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 0.75rem 1.5rem;
     font-size: 1rem;
     font-weight: 600;
     text-decoration: none;
     border-radius: 4px;
     transition: opacity 0.2s, background-color 0.2s, color 0.2s;
   }
   
   .hero-btn-primary {
     background-color: var(--color-primary, #2563eb);
     border: 2px solid var(--color-primary, #2563eb);
     color: #fff;
   }
   
   .hero-btn-primary:hover {
     opacity: 0.9;
   }
   
   .hero-btn-secondary {
     background-color: transparent;
     border: 2px solid currentColor;
     color: #fff;
   }
   
   .hero-btn-secondary:hover {
     background-color: rgba(255, 255, 255, 0.2);
   }
   
   .hero-image-wrap {
     flex-shrink: 0;
     max-width: 45%;
   }
   
   .hero-right-image {
     max-width: 100%;
     height: auto;
     display: block;
     border-radius: 8px;
   }
   
   .hero-title {
     color: var(--white);
     font-family: var(--font-family);
     font-size: 45.5px;
     font-weight: 600;
     line-height: 1.155em;
     margin-bottom: 15px;
   }
   
   .hero-description {
     color: #dfdfdf;
     font-family: var(--font-family);
     font-size: 19px;
     font-weight: 300;
     margin: 0;
   }
   
   @media (max-width: 1024px) {
     .hero-title {
       font-size: 33px;
     }
   
     .hero-inner--with-image .hero-content {
       max-width: 60%;
     }
   
     .hero-inner:not(.hero-inner--with-image) .hero-content {
       max-width: 60%;
     }
   
     .hero-image-wrap {
       max-width: 38%;
     }
   }
   
   @media (max-width: 767px) {
     .hero-section {
       padding: 75px 0;
     }
   
     .hero-inner {
       flex-direction: column;
     }
   
     .hero-inner--with-image .hero-content,
     .hero-inner:not(.hero-inner--with-image) .hero-content {
       max-width: 100%;
       text-align: center;
     }
   
     .hero-buttons {
       justify-content: center;
     }
   
     .hero-image-wrap {
       max-width: 100%;
       order: -1;
     }
   
     .hero-title {
       font-size: 23px;
     }
   
     .hero-description {
       font-size: 17px;
     }
   }
   
   /* ============================================
      Mekan Section
      ============================================ */
   
   .mekan-section {
     padding: 35px 15px;
   }
   
   .section-header {
     text-align: center;
     margin-bottom: 30px;
     padding-bottom: 19px;
   }
   
   .section-title {
     margin-bottom: 0;
     color: var(--accent-color);
     font-family: var(--font-family);
     font-size: 18px;
     font-weight: 600;
   }
   
   .section-subtitle {
     color: var(--scnd-color);
     font-family: var(--font-family);
     font-size: 33px;
     font-weight: 700;
     margin: 0;
   }
   
   @media (max-width: 767px) {
     .section-subtitle {
       font-size: 31px;
     }
   }
   
   .mekan-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
     padding: 5px;
   }
   
   @media (max-width: 1024px) {
     .mekan-grid {
       grid-template-columns: repeat(2, 1fr);
     }
   }
   
   @media (max-width: 767px) {
     .mekan-grid {
       grid-template-columns: 1fr;
     }
   }
   
   /* Öne Çıkan Mekanlar: dörtlü grid (anasayfa) */
   .mekan-grid--four {
     grid-template-columns: repeat(4, 1fr);
   }
   
   @media (max-width: 1024px) {
     .mekan-grid--four {
       grid-template-columns: repeat(2, 1fr);
     }
   }
   
   @media (max-width: 767px) {
     .mekan-grid--four {
       grid-template-columns: 1fr;
     }
   }
   
   /* Mekan arşivi: üçlü grid */
   .mekan-grid--three {
     grid-template-columns: repeat(3, 1fr);
   }
   
   @media (max-width: 1024px) {
     .mekan-grid--three {
       grid-template-columns: repeat(2, 1fr);
     }
   }
   
   @media (max-width: 767px) {
     .mekan-grid--three {
       grid-template-columns: 1fr;
     }
   }
   
   /* Mekan Card */
   .mekan-card {
     background-color: var(--white);
     border: 1px solid var(--b-color);
     border-radius: var(--bradius);
     transition: all var(--transition);
     overflow: hidden;
     display: flex;
     flex-direction: column;
     height: 100%;
   }
   
   .mekan-card:hover {
     box-shadow: var(--shadow-lg);
     transform: translateY(-5px);
     border-color: var(--accent-color);
   }
   
   /* Pagination (the_posts_pagination) */
   .navigation.pagination {
     margin: 32px 0 0;
   }
   
   .navigation.pagination .nav-links {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 8px;
   }
   
   .navigation.pagination .page-numbers {
     min-width: 36px;
     height: 36px;
     padding: 0 12px;
     border-radius: 999px;
     border: 1px solid var(--border-light);
     background-color: var(--white);
     color: var(--text-color);
     font-family: var(--font-family);
     font-size: 14px;
     line-height: 1;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     transition:
       background-color var(--transition),
       color var(--transition),
       border-color var(--transition),
       box-shadow var(--transition),
       transform var(--transition);
   }
   
   .navigation.pagination .page-numbers:hover {
     background-color: var(--bg-gray-100);
     border-color: var(--accent-color);
     color: var(--accent-color);
     box-shadow: var(--shadow-sm);
     transform: translateY(-1px);
   }
   
   .navigation.pagination .page-numbers.current {
     background-color: var(--accent-color);
     border-color: var(--accent-color);
     color: var(--white);
     box-shadow: var(--shadow-md);
     cursor: default;
   }
   
   .navigation.pagination .page-numbers.prev,
   .navigation.pagination .page-numbers.next {
     padding: 0 14px;
   }
   
   @media (max-width: 767px) {
     .navigation.pagination {
       margin-top: 24px;
     }
   }
   
   .mekan-image {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 220px;
     background-color: var(--bg-gray-400);
   }
   
   .mekan-image img {
     width: 100%;
     height: 100% !important;
     object-fit: cover;
     object-position: center;
     display: block;
     transition: transform var(--transition);
   }
   
   .mekan-card:hover .mekan-image img {
     transform: scale(1.08);
   }
   
   .mekan-badges {
     position: absolute;
     top: 10px;
     right: 10px;
     left: auto;
     display: flex;
     justify-content: flex-end;
     align-items: flex-start;
     pointer-events: none;
     z-index: 2;
     gap: 8px;
   }
   
   .badge {
     padding: 6px 8px;
     border: none;
     border-radius: var(--bradius-sm);
     font-size: 12px;
     font-weight: 600;
     color: var(--white);
     text-align: center;
     pointer-events: auto;
     box-shadow: var(--shadow-sm);
   }
   
   .badge-sale {
     background-color: var(--accent-color);
     margin-left: 0;
   }
   
   .badge-type {
     background-color: var(--accent-color);
     margin-right: 0;
   }
   
   .badge-type-satilik {
     background-color: #f00;
   }
   
   .badge-type a {
     color: var(--white);
     text-decoration: none;
   }
   
   .badge-type a:hover {
     opacity: 0.9;
   }
   
   /* Detay sayfasında badge sağ üstte */
   .mekan-detay-gallery-main {
     position: relative;
   }
   
   .mekan-detay-gallery-main .mekan-badges {
     position: absolute;
     top: 10px;
     right: 10px;
     left: auto;
     justify-content: flex-end;
   }
   
   .badge-blue {
     background-color: var(--badge-blue) !important;
   }
   
   .mekan-content {
     padding: 20px 15px;
     display: flex;
     flex-direction: column;
     gap: 8px;
   }
   
   .mekan-title {
     margin: 0;
     padding: 0;
   }
   
   .mekan-title a {
     color: var(--scnd-color);
     font-size: 16px;
     font-weight: 700;
     line-height: 1.4;
     display: block;
   }
   
   .mekan-title a:hover {
     color: var(--accent-color);
   }
   
   .mekan-location {
     display: flex;
     align-items: center;
     gap: 6px;
     color: var(--text-muted);
     font-size: var(--font-size-sm);
     font-weight: 400;
     margin: 0;
   }
   
   .mekan-price {
     color: var(--accent-color);
     font-weight: 700;
     font-size: 18px;
     margin: 0;
   }
   
   .mekan-location svg {
     flex-shrink: 0;
     opacity: 0.7;
   }
   
   .mekan-features {
     display: flex;
     justify-content: space-around;
     gap: 5px;
     margin-top: auto;
     padding-top: 15px;
     border-top: 1px solid var(--b-color);
   }
   
   .feature {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     justify-content: center;
     gap: 6px;
     color: var(--text-muted);
     font-size: 13px;
     font-weight: 400;
     padding-right: 15px;
     border-right: 1px solid var(--b-color);
   }
   
   .feature:last-child {
     padding-right: 0;
     border-right: none;
   }
   
   .feature svg {
     flex-shrink: 0;
     width: 16px;
     height: 16px;
     opacity: 0.6;
   }
   
   @media (max-width: 767px) {
     .mekan-features {
       grid-template-columns: repeat(3, 1fr);
       gap: 0;
       padding-top: 15px;
     }
   
     .feature {
       padding: 0 5px;
       font-size: 12px;
     }
   
     .mekan-image {
       height: 200px;
     }
   
     .mekan-content {
       padding: 15px;
     }
   }
   
   /* ============================================
      Blog Posts Section
      ============================================ */
   
   .blog-section {
     padding: 60px 15px;
     background-color: var(--white);
   }
   
   .section-title-wrapper {
     margin-bottom: 40px;
   }
   
   .section-title-center {
     text-align: center;
     color: var(--scnd-color);
     font-family: var(--font-family);
     font-size: 33px;
     font-weight: 700;
     margin: 0;
   }
   
   /* Blog Grid - 1. kart %50, 2. ve 3. %25 | 4. ve 5. %50 */
   .blog-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: 1fr 1fr;
     gap: 24px;
     margin: 0 auto;
   }
   
   .blog-card:nth-child(1) {
     grid-column: span 2;
   }
   
   /* %50 */
   .blog-card:nth-child(2) {
     grid-column: span 1;
   }
   
   /* %25 */
   .blog-card:nth-child(3) {
     grid-column: span 1;
   }
   
   /* %25 */
   .blog-card:nth-child(4) {
     grid-column: span 2;
   }
   
   /* %50 */
   .blog-card:nth-child(5) {
     grid-column: span 2;
   }
   
   /* %50 */
   
   .blog-card {
     position: relative;
     border-radius: var(--bradius);
     overflow: hidden;
     box-shadow: var(--shadow-md);
     transition: transform var(--transition), box-shadow var(--transition);
     background-color: var(--white);
     min-height: 0;
     display: flex;
     flex-direction: column;
   }
   
   .blog-card-link {
     display: flex;
     flex-direction: column;
     flex: 1;
     min-height: 0;
     text-decoration: none;
     color: inherit;
   }
   
   .blog-card:hover {
     transform: translateY(-4px);
     box-shadow: var(--shadow-lg);
   }
   
   .blog-image {
     position: relative;
     width: 100%;
     flex: 1;
     min-height: 0;
     aspect-ratio: 4 / 2;
     overflow: hidden;
     background-color: var(--bg-gray-400);
   }
   
   .blog-image a {
     display: block;
     width: 100%;
     height: 100%;
   }
   
   .blog-image img,
   .blog-image-placeholder {
     width: 100%;
     height: 100% !important;
     object-fit: cover;
     display: block;
     transition: transform var(--transition);
   }
   
   .blog-image-placeholder {
     background-color: var(--bg-gray-400);
     min-height: 120px;
   }
   
   .blog-card:hover .blog-image img {
     transform: scale(1.05);
   }
   
   /* Yarı saydam beyaz kutu - görselin altında */
   .blog-content {
     position: absolute;
     bottom: 15px;
     left: 15px;
     right: 15px;
     border-radius: var(--bradius);
     background: var(--overlay-light);
     backdrop-filter: blur(6px);
     padding: 18px 20px;
     border-top: 1px solid rgba(255, 255, 255, 0.5);
   }
   
   .blog-category {
     margin-bottom: 8px;
     display: inline-block;
   }
   
   .blog-category a,
   .blog-category span {
     display: inline-block;
     padding: 4px 10px;
     background-color: var(--accent-color);
     color: var(--white);
     font-size: 12px;
     font-weight: 600;
     border-radius: var(--bradius-sm);
     text-decoration: none;
   }
   
   .blog-category a:hover {
     opacity: 0.9;
   }
   
   .blog-title {
     color: var(--scnd-color);
     font-family: var(--font-family);
     font-size: 16px;
     font-weight: 600;
     margin: 0 0 8px 0;
     line-height: 1.4;
   }
   
   .blog-title:last-child {
     margin-bottom: 0;
   }
   
   .blog-title a {
     color: inherit;
     text-decoration: none;
     transition: color var(--transition);
   }
   
   .blog-title a:hover {
     color: var(--accent-color);
   }
   
   .blog-excerpt {
     color: var(--text-muted);
     font-size: 14px;
     line-height: 1.5;
     margin-bottom: 10px;
   }
   
   
   .blog-date {
     color: var(--text-muted);
     font-size: 12px;
   }
   
   .blog-date time {
     color: inherit;
   }
   
   @media (max-width: 992px) {
     .blog-grid {
       grid-template-columns: repeat(2, 1fr);
       grid-template-rows: none;
       min-height: 0;
       gap: 20px;
     }
   
     .blog-card:nth-child(1),
     .blog-card:nth-child(2),
     .blog-card:nth-child(3),
     .blog-card:nth-child(4),
     .blog-card:nth-child(5) {
       grid-column: span 1;
     }
   
     .blog-image {
       aspect-ratio: 4 / 3;
       flex: none;
     }
   }
   
   @media (max-width: 767px) {
     .blog-grid {
       grid-template-columns: 1fr;
       gap: 20px;
     }
   
     .blog-image {
       aspect-ratio: 16 / 10;
     }
   
     .section-title-center {
       font-size: 25px;
     }
   
     .blog-content {
       padding: var(--font-size-sm) 16px;
     }
   
     .blog-title {
       font-size: var(--font-size-sm);
     }
   }
   
   /* ============================================
      Page Hero (listing pages)
      ============================================ */
   
   .page-hero {
     padding: 48px 15px 40px;
     background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-color) 100%);
     text-align: center;
   }
   
   .page-hero-title {
     font-family: var(--font-family);
     font-size: 32px;
     font-weight: 700;
     color: var(--white);
     margin: 0 0 var(--spacing-sm);
     line-height: 1.25;
   }
   
   .page-hero-desc {
     font-size: var(--font-size-sm);
     color: rgba(255, 255, 255, 0.9);
     margin: 0;
   }
   
   @media (max-width: 767px) {
     .page-hero-title {
       font-size: 24px;
     }
   }
   
   /* ============================================
      Search / Filter (Gelişmiş Arama)
      ============================================ */
   
   .search-filter-section {
     padding: 32px 15px 40px;
     background: var(--white);
     border-bottom: 1px solid var(--border-light);
   }
   
   .search-filter-title {
     font-family: var(--font-family);
     font-size: 20px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 20px;
   }
   
   .search-filter-form {
     max-width: 900px;
   }
   
   .search-filter-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
     gap: 20px;
     align-items: end;
   }
   
   .search-filter-group label {
     display: block;
     font-size: var(--font-size-sm);
     font-weight: 500;
     color: var(--text-color);
     margin-bottom: 8px;
   }
   
   .search-filter-group select {
     width: 100%;
     padding: 10px 12px;
     font-size: var(--font-size-sm);
     font-family: var(--font-family);
     border: 1px solid var(--b-color);
     border-radius: var(--bradius-sm);
     background: var(--white);
     color: var(--text-color);
     appearance: auto;
   }
   
   .search-filter-group--submit {
     display: flex;
     align-items: flex-end;
   }
   
   .search-filter-group .btn-search {
     padding: 10px 24px;
     white-space: nowrap;
   }
   
   @media (max-width: 767px) {
     .search-filter-grid {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============================================
      Categories layout: filter left, results right
      ============================================ */
   
   .categories-layout-section {
     padding: 32px 15px 60px;
     background: var(--white);
   }
   
   .categories-layout {
     display: grid;
     grid-template-columns: 280px 1fr;
     gap: 32px;
     align-items: start;
   }
   
   .categories-sidebar {
     position: sticky;
     top: 24px;
   }
   
   .search-filter-section--sidebar {
     padding: 24px;
     background: var(--bg-gray-100);
     border-radius: var(--bradius);
     border: 1px solid var(--border-light);
     margin-bottom: 0;
     border-bottom: none;
   }
   
   .search-filter-form--vertical .search-filter-group {
     margin-bottom: 20px;
   }
   
   .search-filter-form--vertical .search-filter-group:last-child {
     margin-bottom: 0;
   }
   
   .btn-search--full {
     width: 100%;
   }
   
   .categories-results .section-header {
     margin-bottom: 24px;
   }
   
   .categories-results .mekan-grid {
     margin-top: 0;
   }
   
   @media (max-width: 991px) {
     .categories-layout {
       grid-template-columns: 1fr;
     }
   
     .categories-sidebar {
       position: static;
     }
   
     .search-filter-section--sidebar {
       padding: 20px;
     }
   }
   
   /* ============================================
      Categories Section
      ============================================ */
   
   .categories-section {
     padding: 60px 15px;
     background-color: var(--bg-gray-100);
   }
   
   .category-card-link {
     display: block;
     text-decoration: none;
     color: inherit;
   }
   
   .categories-page-section {
     padding-top: 40px;
   }
   
   .section-subtitle-center {
     text-align: center;
     color: var(--text-muted);
     font-family: var(--font-family);
     font-size: 16px;
     font-weight: 300;
     margin: 0;
     margin-top: 10px;
   }
   
   .categories-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
   }
   
   .category-card {
     position: relative;
     border-radius: var(--bradius);
     overflow: hidden;
     aspect-ratio: 1;
     box-shadow: var(--shadow-sm);
     transition: transform var(--transition), box-shadow var(--transition);
   }
   
   .category-card:hover {
     transform: translateY(-5px);
     box-shadow: var(--shadow-lg);
   }
   
   .category-image {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
   }
   
   .category-image img,
   .category-image-placeholder {
     width: 100%;
     height: 100% !important;
     object-fit: cover;
     transition: transform var(--transition);
   }
   
   .category-image-placeholder {
     display: block;
     background-color: var(--bg-gray-400);
   }
   
   .category-card:hover .category-image img {
     transform: scale(1.1);
   }
   
   .category-overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
   }
   
   .category-title {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
     color: var(--white);
     font-family: var(--font-family);
     font-size: 18px;
     font-weight: 600;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
     z-index: 2;
     padding: 15px;
   }
   
   @media (max-width: 1024px) {
     .categories-grid {
       grid-template-columns: repeat(2, 1fr);
     }
   }
   
   @media (max-width: 767px) {
     .categories-grid {
       grid-template-columns: repeat(2, 1fr);
     }
   }
   
   /* ============================================
      Son Paylaşılan Mekanlar (Liste Görünümü)
      ============================================ */
   
   .latest-mekan {
     padding-top: 60px;
     background-color: var(--bg-gray-400);
   }
   
   .mekan-list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
   }
   
   .mekan-card-list {
     flex-direction: row !important;
     padding: 8px;
     height: auto;
   }
   
   .mekan-card-list .mekan-image {
     width: 300px;
     min-width: 300px;
     height: 200px;
     flex-shrink: 0;
   }
   
   .mekan-card-list .mekan-content {
     flex: 1;
     display: flex;
     flex-direction: column;
     padding: 20px 25px;
   }
   
   
   @media (max-width: 1024px) {
     .mekan-card-list .mekan-image {
       width: 250px;
       min-width: 250px;
       height: 180px;
     }
   }
   
   @media (max-width: 1024px) {
     .mekan-list {
       grid-template-columns: 1fr;
     }
   }
   
   @media (max-width: 767px) {
     .mekan-card-list {
       flex-direction: column !important;
     }
   
     .mekan-card-list .mekan-image {
       width: 100%;
       min-width: 100%;
       height: 220px;
     }
   
     .mekan-card-list .mekan-content {
       padding: 15px;
     }
   }
   
   /* ============================================
      Holiday Regions Section
      ============================================ */
   
   .holiday-regions-section {
     padding: 60px 15px;
     background-color: var(--holiday-bg);
   }
   
   .regions-list {
     max-width: 1000px;
     margin: 0 auto;
   }
   
   .regions-columns {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 15px 30px;
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   .regions-columns li {
     display: flex;
     align-items: center;
     gap: 10px;
     color: var(--scnd-color);
     font-family: var(--font-family);
     font-size: 15px;
     font-weight: 400;
     padding: 5px 0;
   }
   
   .region-bullet {
     display: inline-block;
     width: 8px;
     height: 8px;
     background-color: var(--accent-color);
     border-radius: 50%;
     flex-shrink: 0;
   }
   
   @media (max-width: 1024px) {
     .regions-columns {
       grid-template-columns: repeat(3, 1fr);
     }
   }
   
   @media (max-width: 767px) {
     .regions-columns {
       grid-template-columns: repeat(2, 1fr);
       gap: 10px 20px;
     }
   }
   
   /* ============================================
      About Section
      ============================================ */
   
   .about-section {
     background-color: var(--bg-gray-100);
     padding: 60px 15px;
   }
   
   .about-content {
     display: grid;
     grid-template-columns: 1fr 1.5fr;
     gap: 40px;
     align-items: center;
   }
   
   .about-content:not(.about-content--with-image) {
     grid-template-columns: 1fr;
   }
   
   .about-image img {
     width: 100%;
     height: auto;
     border-radius: 0;
   }
   
   .about-text {
     color: #3b3b3b;
     font-family: var(--font-family);
     font-size: 15px;
     font-weight: 300;
   }
   
   .about-title {
     color: var(--scnd-color);
     font-family: var(--font-family);
     font-size: 37px;
     font-weight: 700;
     margin-top: 0;
     margin-bottom: 20px;
   }
   
   .about-text p {
     margin-bottom: 15px;
     line-height: 1.6;
   }
   
   .btn, .wpcf7-submit {
     display: inline-block;
     padding: 13px 31px;
     background-color: var(--accent-color);
     color: var(--white);
     border-radius: 7px;
     font-family: var(--font-family);
     font-size: 15px;
     font-weight: 400;
     text-align: center;
     transition: all var(--transition);
     border: none;
     cursor: pointer;
     text-decoration: none;
   }
   
   .btn-primary, .wpcf7-submit {
     background-color: var(--accent-color) !important; 
     margin-top: 20px;
     color: var(--white) !important;
   }
   
   .btn:hover, .wpcf7-submit:hover {
     background-color: #a02d4a !important;
     color: var(--white) !important;
     transform: translateY(-2px);
     box-shadow: var(--shadow-md);
   }
   
   
   @media (max-width: 1024px) {
     .about-content {
       grid-template-columns: 1fr;
       gap: 20px;
     }
   
     .about-title {
       font-size: 25px;
       margin-top: -10px;
     }
   
     .about-image {
       order: -1;
     }
   }
   
   @media (max-width: 767px) {
     .about-content {
       margin-left: 0;
     }
   
     .about-title {
       font-size: 23px;
     }
   
     .btn {
       width: 100%;
       max-width: 207px;
       font-size: 11px;
       padding: 13px 13px;
     }
   }
   
   /* ============================================
      Footer Styles
      ============================================ */
   
   .site-footer {
     background-color: var(--footer-bg);
     color: var(--white);
     padding: 60px 0 40px;
   }
   
   .footer-content {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 0;
   }
   
   .footer-col {
     padding: 0 30px;
     border-right: 1px solid rgba(255, 255, 255, 0.1);
   }
   
   .footer-col:last-child {
     border-right: none;
   }
   
   .footer-logo img {
     width: 58%;
     height: auto;
     margin-bottom: 15px;
   }
   
   .footer-description {
     color: var(--white);
     font-family: var(--font-family);
     font-weight: 200;
     line-height: 1.6;
     margin-bottom: 20px;
   }
   
   .social-links {
     display: flex;
     gap: var(--font-size-sm);
     align-items: center;
   }
   
   .social-link {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     background-color: var(--white);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: var(--bradius-sm);
     color: var(--footer-bg);
     transition: all var(--transition);
   }
   
   .social-link:hover {
     background-color: var(--accent-color);
     border-color: var(--accent-color);
     color: var(--white);
     transform: translateY(-2px);
   }
   
   .footer-title {
     color: var(--white);
     font-family: var(--font-family);
     font-size: 19px;
     font-weight: 600;
     margin-bottom: 15px;
   }
   
   .footer-links,
   .footer-contact {
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   .footer-links li,
   .footer-contact li {
     margin-bottom: 9px;
   }
   
   .footer-links li {
     display: flex;
     align-items: center;
     gap: 10px;
   }
   
   .footer-contact-info a, .footer-credit a {
     color: var(--white);
   }
   
   .footer-links a {
     color: var(--white);
     font-family: var(--font-family);
     font-size: 13px;
     font-weight: 300;
     transition: color var(--transition);
   }
   
   .footer-links a:hover {
     color: var(--accent-color);
   }
   
   .footer-bullet {
     display: inline-block;
     width: 6px;
     height: 6px;
     background-color: var(--accent-color);
     border-radius: 50%;
     flex-shrink: 0;
   }
   
   .footer-contact-info {
     margin-top: 20px;
   }
   
   .footer-contact-info p {
     display: flex;
     align-items: center;
     gap: 8px;
     color: var(--white);
     font-family: var(--font-family);
     font-size: 13px;
     font-weight: 300;
     margin-bottom: 8px;
   }
   
   .footer-contact-info svg {
     color: var(--accent-color);
     flex-shrink: 0;
   }
   
   .footer-bottom {
     margin-top: 40px;
     padding-top: 20px;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     text-align: center;
   }
   
   .footer-bottom p {
     margin: 0;
     color: var(--white);
     font-size: var(--font-size-sm);
   }
   
   @media (max-width: 1024px) {
     .footer-content {
       grid-template-columns: 1fr;
       gap: 30px;
     }
   
     .footer-col {
       border-right: none;
       border-bottom: 1px solid rgba(255, 255, 255, 0.1);
       padding: 0 0 30px 0;
     }
   
     .footer-col:last-child {
       border-bottom: none;
     }
   }
   
   @media (max-width: 767px) {
     .footer-content {
       grid-template-columns: 1fr;
       gap: 30px;
     }
   
     .footer-logo {
       text-align: center;
     }
   
     .footer-logo img {
       width: 200px;
       margin: 0 auto 15px;
     }
   
     .social-links {
       justify-content: center;
     }
   
     .footer-title {
       text-align: center;
     }
   
     .footer-links,
     .footer-contact {
       text-align: center;
     }
   
     .footer-links li,
     .footer-contact li {
       justify-content: center;
     }
   }
   
   /* ============================================
      Scrollbar Styles
      ============================================ */
   
   ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
   
   ::-webkit-scrollbar-track {
     background: var(--b-color);
   }
   
   ::-webkit-scrollbar-thumb {
     background: var(--accent-color);
     border-radius: 5px;
   }
   
   ::-webkit-scrollbar-thumb:hover {
     background: #a02d4a;
   }
   
   /* ============================================
      Utility Classes
      ============================================ */
   
   /* ============================================
      Blog Detail Page
      ============================================ */
   
   /* Page Header Cover */
   .page-header-cover {
     position: relative;
     min-height: 250px;
     display: flex;
     align-items: center;
     overflow: hidden;
   }
   
   .page-header-cover-bg {
     position: absolute;
     inset: 0;
     background-image: url('https://emlak.ornektema.com/wp-content/uploads/2024/11/10-3-525x328-1.webp');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
   }
   
   .page-header-cover-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100%);
   }
   
   .page-header-cover-overlay--black {
     background: rgba(0, 0, 0, 0.6);
   }
   
   .page-header-cover-content {
     position: relative;
     z-index: 1;
     width: 100%;
     padding: 24px 0;
     text-align: center;
   }
   
   .breadcrumb-wrap--cover {
     padding: 20px 0 16px;
     background: transparent;
     border: none;
   }
   
   .breadcrumb--light a {
     color: rgba(255, 255, 255, 0.9);
   }
   
   .breadcrumb--light a:hover {
     color: var(--white);
   }
   
   .breadcrumb--light li[aria-current="page"] {
     color: rgba(255, 255, 255, 0.95);
   }
   
   .breadcrumb--light li:not(:last-child)::after {
     color: rgba(255, 255, 255, 0.6);
   }
   
   .page-header-cover-title-wrap {
     padding-top: 0;
     text-align: center;
   }
   
   .page-header-cover-title {
     font-family: var(--font-family);
     font-size: 36px;
     font-weight: 700;
     color: var(--white);
     margin: 0;
     line-height: 1.25;
     text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
   }
   
   .page-header-cover-desc {
     font-size: var(--font-size-sm);
     color: rgba(255, 255, 255, 0.9);
     margin: 8px 0 0;
     line-height: 1.4;
   }
   
   @media (max-width: 767px) {
     .page-header-cover {
       min-height: 160px;
     }
   
     .page-header-cover-title {
       font-size: 26px;
     }
   
     .page-header-cover-content {
       padding: 20px 0;
     }
   }
   
   .breadcrumb-wrap {
     padding: 12px 0;
     border-bottom: 1px solid var(--border-light);
   }
   
   .breadcrumb-wrap--no-bg {
     padding: 0 0 12px;
     background: transparent;
     border-bottom: none;
   }
   
   .breadcrumb {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 6px 0;
     margin: 0;
     padding: 0;
     list-style: none;
     font-size: var(--font-size-sm);
     color: var(--text-muted);
   }
   
   .breadcrumb li:not(:last-child)::after {
     content: '/';
     margin: 0 8px;
     color: #999;
   }
   
   .breadcrumb a {
     text-decoration: none;
     color: var(--link-color);
   }
   
   .breadcrumb a:hover {
     text-decoration: underline;
   }
   
   .breadcrumb li[aria-current="page"] {
     color: var(--text-muted);
     font-weight: 500;
   }
   
   .blog-detail {
     padding: 40px 15px 60px;
   }
   
   .blog-detail-header {
     margin-bottom: 24px;
   }
   
   .blog-detail-title {
     font-family: var(--font-family);
     font-size: 32px;
     font-weight: 700;
     color: var(--scnd-color);
     margin: 0;
     line-height: 1.3;
   }
   
   .blog-detail-intro {
     margin-bottom: 40px;
   }
   
   .blog-detail-intro p {
     margin-bottom: var(--spacing-md);
     line-height: 1.7;
     color: var(--text-color);
   }
   
   .blog-detail-section {
     margin-bottom: 48px;
   }
   
   .blog-detail-section-title {
     font-family: var(--font-family);
     font-size: 22px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 24px;
     padding-bottom: 12px;
     border-bottom: 2px solid var(--accent-color);
   }
   
   /* Mekan list (detail page cards) */
   .mekan-list-detail {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
     gap: 24px;
   }
   
   .mekan-list-card {
     display: flex;
     flex-direction: column;
     background: var(--white);
     border-radius: var(--bradius);
     overflow: hidden;
     box-shadow: var(--shadow-md);
     text-decoration: none;
     color: inherit;
     transition: transform var(--transition), box-shadow var(--transition);
   }
   
   .mekan-list-card:hover {
     transform: translateY(-4px);
     box-shadow: var(--shadow-lg);
   }
   
   .mekan-list-card-badge {
     position: relative;
   }
   
   .list-card-badge {
     position: absolute;
     top: 12px;
     right: 12px;
     z-index: 2;
     background: var(--accent-color);
     color: var(--white);
     font-size: 12px;
     font-weight: 600;
     padding: 6px 12px;
     border-radius: 6px;
   }
   
   .mekan-list-card-image {
     aspect-ratio: 16 / 10;
     overflow: hidden;
     background: var(--bg-gray-400);
   }
   
   .mekan-list-card-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform var(--transition);
   }
   
   .mekan-list-card:hover .mekan-list-card-image img {
     transform: scale(1.05);
   }
   
   .mekan-list-card-body {
     padding: 20px;
   }
   
   .mekan-list-card-title {
     font-family: var(--font-family);
     font-size: 18px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 8px;
     line-height: 1.3;
   }
   
   .mekan-list-card-meta {
     font-size: var(--font-size-sm);
     color: var(--text-muted);
     margin: 0 0 12px;
   }
   
   .mekan-list-card-rating {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: var(--font-size-sm);
   }
   
   .rating-value {
     font-weight: 600;
     color: var(--accent-color);
   }
   
   .rating-count {
     color: #888;
   }
   
   /* Benzer Yazılar */
   .blog-similar-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
   }
   
   .blog-similar-card {
     display: block;
     border-radius: var(--bradius);
     overflow: hidden;
     box-shadow: var(--shadow-md);
     text-decoration: none;
     color: inherit;
     transition: transform var(--transition), box-shadow var(--transition);
   }
   
   .blog-similar-card:hover {
     transform: translateY(-4px);
     box-shadow: var(--shadow-lg);
   }
   
   .blog-similar-image {
     position: relative;
     aspect-ratio: 4 / 3;
     overflow: hidden;
     background: var(--bg-gray-400);
   }
   
   .blog-similar-image img,
   .blog-similar-placeholder {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform var(--transition);
   }
   
   .blog-similar-placeholder {
     min-height: 120px;
     background-color: var(--bg-gray-400);
   }
   
   .blog-similar-card:hover .blog-similar-image img {
     transform: scale(1.05);
   }
   
   .blog-similar-content {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(255, 255, 255, 0.92);
     backdrop-filter: blur(6px);
     padding: 16px 18px;
     border-top: 1px solid rgba(255, 255, 255, 0.5);
   }
   
   .blog-similar-title {
     font-family: var(--font-family);
     font-size: 15px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0;
     line-height: 1.35;
   }
   
   @media (max-width: 992px) {
     .blog-similar-grid {
       grid-template-columns: repeat(2, 1fr);
     }
   }
   
   @media (max-width: 576px) {
     .blog-similar-grid {
       grid-template-columns: 1fr;
       gap: 20px;
     }
   
     .blog-similar-title {
       font-size: var(--font-size-sm);
     }
   }
   
   /* Blog detail content */
   .blog-detail-content {
     margin-bottom: 40px;
   }
   
   .blog-detail-content h2 {
     font-family: var(--font-family);
     font-size: 24px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 16px;
   }
   
   .blog-detail-content p {
     margin-bottom: var(--spacing-md);
     line-height: var(--line-height-relaxed);
     color: var(--text-color);
   }
   
   /* Blog tags */
   .blog-tags {
     padding-top: 32px;
     border-top: 1px solid var(--border-light);
   }
   
   .blog-tags-label {
     font-size: var(--font-size-sm);
     font-weight: 600;
     color: var(--text-muted);
     margin-right: 12px;
     display: inline-block;
     margin-bottom: 12px;
   }
   
   .blog-tags-list {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }
   
   .blog-tag {
     display: inline-block;
     padding: var(--spacing-sm) var(--spacing-md);
     background: var(--bg-gray-400);
     color: var(--scnd-color);
     font-size: var(--font-size-sm);
     text-decoration: none;
     border-radius: var(--bradius-full);
     transition: background var(--transition), color var(--transition);
   }
   
   .blog-tag:hover {
     background: var(--accent-color);
     color: var(--white);
   }
   
   @media (max-width: 767px) {
     .blog-detail-title {
       font-size: 24px;
     }
   
     .mekan-list-detail {
       grid-template-columns: 1fr;
     }
   
     .breadcrumb {
       font-size: 13px;
     }
   }
   
   /* ============================================
      Mekan Detay Sayfası
      ============================================ */
   
   .mekan-detay-main {
     padding-bottom: 48px;
     background: var(--white);
   }
   
   /* Başlık bölümü (görseldeki gibi: breadcrumb altında, hero değil) */
   .mekan-detay-header-block {
     padding: 20px 15px 24px;
     background: var(--white);
     border-bottom: 1px solid var(--border-light);
   }
   
   .mekan-detay-header-block .mekan-detay-title {
     font-family: var(--font-family);
     font-size: 28px;
     font-weight: 700;
     color: var(--scnd-color);
     margin: 0 0 8px;
     line-height: 1.25;
   }
   
   .mekan-detay-header-block .mekan-detay-subtitle {
     font-size: var(--font-size-sm);
     color: var(--text-muted);
     margin: 0 0 4px;
   }
   
   .mekan-detay-header-block .mekan-detay-address {
     font-size: var(--font-size-sm);
     color: var(--text-color);
     margin: 0;
   }
   
   .mekan-detay-content-wrap {
     padding: 32px 0 48px;
     background: var(--bg-gray-100);
   }
   
   .mekan-detay-layout {
     display: grid;
     grid-template-columns: 1fr 340px;
     gap: 32px;
     align-items: start;
   }
   
   .mekan-detay-content {
     min-width: 0;
   }
   
   /* Gallery */
   .mekan-detay-gallery {
     position: relative;
     background: var(--white);
     border-radius: var(--bradius);
     overflow: hidden;
     border: 1px solid var(--b-color);
     margin-bottom: 24px;
   }
   
   /* Galeri: solda büyük görsel, sağda 4 küçük (2x2) - görseldeki gibi */
   .mekan-detay-gallery--side-by-side {
     display: grid;
     grid-template-columns: 1.4fr 1fr;
     gap: 10px;
     min-height: 320px;
   }
   
   
   .mekan-detay-gallery-right {
     position: relative;
     display: flex;
     flex-direction: column;
     background: var(--bg-gray-100);
   }
   
   .mekan-detay-gallery-thumbs--2x2 {
     flex: 1;
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(2, 1fr);
     gap: 1px;
     min-height: 0;
   }
   
   .mekan-detay-gallery-thumbs--2x2 .mekan-detay-gallery-thumb {
     aspect-ratio: 1;
     min-height: 0;
   }
   
   .mekan-detay-gallery--side-by-side .mekan-detay-gallery-all {
     position: absolute;
     bottom: 12px;
     right: 12px;
     margin-top: 0;
   }
   
   
   .mekan-detay-gallery-main {
     aspect-ratio: 16/10;
     overflow: hidden;
     background: var(--bg-gray-100);
     display: block;
     width: 100%;
     padding: 0;
     height: 100%;
     border: none;
     cursor: pointer;
     text-align: left;
     position: relative;
   }
   
   .mekan-detay-gallery-main img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
   
   .mekan-detay-gallery-thumbs {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
   }
   
   .mekan-detay-gallery-thumb {
     aspect-ratio: 1;
     padding: 0;
     border: none;
     background: none;
     cursor: pointer;
     overflow: hidden;
     display: block;
   }
   
   .mekan-detay-gallery-thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
   
   .mekan-detay-gallery-all {
     position: absolute;
     bottom: 12px;
     right: 12px;
     padding: 8px 16px;
     font-size: var(--font-size-sm);
     font-weight: 600;
     color: var(--white);
     background: rgba(0, 0, 0, 0.7);
     border-radius: var(--bradius-sm);
     text-decoration: none;
     z-index: 2;
   }
   
   .mekan-detay-gallery-all:hover {
     background: rgba(0, 0, 0, 0.85);
     color: var(--white);
   }
   
   /* Galeri Lightbox */
   .gallery-lightbox {
     position: fixed;
     inset: 0;
     z-index: 9999;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 20px;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.25s ease, visibility 0.25s ease;
   }
   
   .gallery-lightbox--open {
     opacity: 1;
     visibility: visible;
   }
   
   .gallery-lightbox-backdrop {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.9);
     cursor: pointer;
   }
   
   .gallery-lightbox-close {
     position: absolute;
     top: 16px;
     right: 16px;
     z-index: 10;
     width: 44px;
     height: 44px;
     padding: 0;
     border: none;
     background: rgba(255, 255, 255, 0.15);
     color: var(--white);
     font-size: 28px;
     line-height: 1;
     cursor: pointer;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease;
   }
   
   .gallery-lightbox-close:hover {
     background: rgba(255, 255, 255, 0.25);
   }
   
   .gallery-lightbox-prev,
   .gallery-lightbox-next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 10;
     width: 48px;
     height: 48px;
     padding: 0;
     border: none;
     background: rgba(255, 255, 255, 0.15);
     color: var(--white);
     font-size: 32px;
     line-height: 1;
     cursor: pointer;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease;
   }
   
   .gallery-lightbox-prev {
     left: 20px;
   }
   
   .gallery-lightbox-next {
     right: 20px;
   }
   
   .gallery-lightbox-prev:hover,
   .gallery-lightbox-next:hover {
     background: rgba(255, 255, 255, 0.3);
   }
   
   .gallery-lightbox-inner {
     position: relative;
     z-index: 5;
     max-width: 90vw;
     max-height: 90vh;
     display: flex;
     flex-direction: column;
     align-items: center;
   }
   
   .gallery-lightbox-img {
     max-width: 100%;
     max-height: 85vh;
     width: auto;
     height: auto;
     object-fit: contain;
     display: block;
   }
   
   .gallery-lightbox-counter {
     margin-top: 12px;
     font-size: var(--font-size-sm);
     color: var(--white);
     text-align: center;
   }
   
   /* 404 Page */
   .error-404 {
     padding: 60px 0 80px;
   }
   
   .error-404-content {
     max-width: 560px;
     margin: 0 auto;
     text-align: center;
   }
   
   .error-404-icon {
     width: 96px;
     height: 96px;
     margin: 0 auto 24px;
     color: var(--accent-color);
   }
   
   .error-404-title {
     font-family: var(--font-family);
     font-size: 28px;
     font-weight: 600;
     margin: 0 0 12px;
     color: var(--scnd-color);
   }
   
   .error-404-text {
     font-size: 16px;
     color: var(--text-muted);
     margin: 0 0 32px;
   }
   
   .error-404-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     justify-content: center;
   }
   
   .error-404-actions .btn {
     min-width: 180px;
   }
   
   .gallery-lightbox-prev[style*="display: none"],
   .gallery-lightbox-next[style*="display: none"] {
     display: none !important;
   }
   
   /* Sections */
   .mekan-detay-section {
     background: var(--white);
     border-radius: var(--bradius);
     padding: 24px;
     margin-bottom: 24px;
     border: 1px solid var(--b-color);
   }
   
   .mekan-detay-section-title {
     font-family: var(--font-family);
     font-size: 20px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 20px;
     padding-bottom: 12px;
     border-bottom: 1px solid var(--border-light);
   }
   
   /* Emlak Bilgisi grid */
   /* Emlak Bilgisi: görseldeki gibi ikon + "Etiket Değer" tek satır, 8 öğe grid */
   .mekan-detay-info-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px 24px;
   }
   
   .mekan-detay-info-item {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 12px;
     padding: 14px 16px;
     background: var(--bg-gray-100);
     border-radius: var(--bradius-sm);
     border: 1px solid var(--border-light);
   }
   
   .mekan-detay-info-icon {
     color: var(--accent-color);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     width: 40px;
     height: 40px;
     background: var(--bg-gray-100);
     border-radius: 100%;
   }
   
   .mekan-detay-info-icon svg {
     width: 22px;
     height: 22px;
   }
   
   .mekan-detay-info-text {
     display: flex;
     flex-direction: column;
     gap: 2px;
   }
   
   .mekan-detay-info-label {
     font-size: 12px;
     color: var(--text-muted);
     line-height: 1.3;
   }
   
   .mekan-detay-info-value {
     font-size: var(--font-size-sm);
     font-weight: 600;
     color: var(--scnd-color);
     line-height: 1.3;
   }
   
   .mekan-detay-desc {
     font-size: var(--font-size-sm);
     color: var(--text-color);
     line-height: 1.6;
     margin: 0;
   }
   
   /* Thumbnails strip */
   .mekan-detay-thumbs-strip {
     display: flex;
     gap: 8px;
     overflow-x: auto;
     padding: 8px 0;
     margin-bottom: 24px;
     -webkit-overflow-scrolling: touch;
   }
   
   .mekan-detay-thumbs-strip img {
     width: 120px;
     min-width: 120px;
     height: 80px;
     object-fit: cover;
     border-radius: var(--bradius-sm);
   }
   
   /* Özellikler list */
   .mekan-detay-features {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px 24px;
     list-style: none;
     margin: 0;
     padding: 0;
   }
   
   .mekan-detay-features li {
     font-size: var(--font-size-sm);
     color: var(--text-color);
     display: flex;
     align-items: center;
     gap: 8px;
   }
   
   .mekan-detay-feature-check {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px;
     flex-shrink: 0;
     border-radius: 50%;
     background: rgba(34, 197, 94, 0.15);
     color: #16a34a;
     font-weight: 700;
     font-size: 12px;
     line-height: 1;
   }
   
   .mekan-detay-address-line {
     font-size: var(--font-size-sm);
     color: var(--text-color);
     margin: 0 0 12px;
   }
   
   .mekan-detay-map-select {
     margin-bottom: 12px;
   }
   
   .mekan-detay-map-select select {
     width: 100%;
     max-width: 280px;
     padding: 10px 12px;
     font-size: var(--font-size-sm);
     font-family: var(--font-family);
     border: 1px solid var(--b-color);
     border-radius: var(--bradius-sm);
     background: var(--white);
     cursor: pointer;
     transition: border-color 0.2s ease;
   }
   
   .mekan-detay-map-select select:hover,
   .mekan-detay-map-select select:focus {
     border-color: var(--primary-color);
     outline: none;
   }
   
   .mekan-detay-maps-container {
     position: relative;
   }
   
   .mekan-detay-map {
     border-radius: var(--bradius-sm);
     overflow: hidden;
     border: 1px solid var(--b-color);
   }
   
   .mekan-detay-map.mekan-detay-map-item {
     transition: opacity 0.3s ease, visibility 0.3s ease;
   }
   
   .mekan-detay-map.mekan-detay-map-hidden {
     display: none;
   }
   
   .mekan-detay-map iframe {
     display: block;
     vertical-align: middle;
     width: 100%;
     height: 300px;
   }
   
   /* Sidebar */
   .mekan-detay-sidebar {
     position: sticky;
     top: 24px;
     display: flex;
     flex-direction: column;
     gap: 24px;
   }
   
   .mekan-detay-sidebar-card {
     background: var(--white);
     border-radius: var(--bradius);
     padding: 24px;
     border: 1px solid var(--b-color);
   }
   
   .mekan-detay-sidebar-title {
     font-family: var(--font-family);
     font-size: 18px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 20px;
   }
   
   .mekan-detay-agent {
     text-align: center;
   }
   
   .mekan-detay-agent-photo {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     object-fit: cover;
     display: block;
     margin: 0 auto 12px;
     border: 2px solid var(--border-light);
   }
   
   .mekan-detay-agent-name {
     font-weight: 600;
     color: var(--text-color);
     margin: 0 0 4px;
   }
   
   .mekan-detay-agent-role {
     font-size: var(--font-size-sm);
     color: var(--text-muted);
     margin: 0 0 16px;
   }
   
   .mekan-detay-agent-actions {
     display: flex;
     gap: 10px;
     justify-content: center;
     flex-wrap: wrap;
   }
   
   /* Müşteri Temsilcisi butonları: dikkat çekici, ikonlu, dolu renk */
   .mekan-detay-agent-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     flex: 1;
     min-width: 120px;
     padding: 12px 18px;
     font-size: var(--font-size-sm);
     font-weight: 600;
     color: var(--white);
     border: none;
     border-radius: var(--bradius-sm);
     text-decoration: none;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   }
   
   .mekan-detay-agent-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
     color: var(--white);
   }
   
   .mekan-detay-agent-btn-icon {
     flex-shrink: 0;
   }
   
   .mekan-detay-agent-btn--phone {
     background: var(--accent-color);
   }
   
   .mekan-detay-agent-btn--phone:hover {
     background: #e67300;
     filter: brightness(1.05);
   }
   
   .mekan-detay-agent-btn--whatsapp {
     background: #25D366;
   }
   
   .mekan-detay-agent-btn--whatsapp:hover {
     background: #20bd5a;
     filter: brightness(1.05);
   }
   
   .btn-outline {
     padding: 8px 16px;
     font-size: var(--font-size-sm);
     font-weight: 500;
     color: var(--accent-color);
     background: transparent;
     border: 1px solid var(--accent-color);
     border-radius: var(--bradius-sm);
     text-decoration: none;
     display: inline-block;
   }
   
   .btn-outline:hover {
     background: var(--accent-color);
     color: var(--white);
   }
   
   .btn-sm {
     padding: 6px 12px;
     font-size: 13px;
   }
   
   .btn-block {
     width: 100%;
     display: block;
     text-align: center;
     padding: 12px 24px;
     margin-top: 8px;
   }
   
   /* Mekan detay form */
   .mekan-detay-form-group {
     margin-bottom: 16px;
   }
   
   .mekan-detay-form-group input,
   .mekan-detay-form-group textarea {
     width: 100%;
     padding: 10px 12px;
     font-size: var(--font-size-sm);
     font-family: var(--font-family);
     border: 1px solid var(--b-color);
     border-radius: var(--bradius-sm);
     background: var(--white);
     color: var(--text-color);
   }
   
   .mekan-detay-form-group input::placeholder,
   .mekan-detay-form-group textarea::placeholder {
     color: var(--text-muted);
   }
   
   .mekan-detay-form-group textarea {
     resize: vertical;
     min-height: 80px;
   }
   
   /* Responsive */
   @media (max-width: 1024px) {
     .mekan-detay-layout {
       grid-template-columns: 1fr;
     }
   
     .mekan-detay-sidebar {
       position: static;
       flex-direction: row;
       flex-wrap: wrap;
     }
   
     .mekan-detay-sidebar-card {
       flex: 1 1 300px;
     }
   
     .mekan-detay-info-grid {
       grid-template-columns: repeat(2, 1fr);
     }
   
     .mekan-detay-features {
       grid-template-columns: 1fr;
     }
   }
   
   @media (max-width: 767px) {
     .mekan-detay-title {
       font-size: 22px;
     }
   
     .mekan-detay-gallery--side-by-side {
       grid-template-columns: 1fr;
       min-height: 0;
     }
   
     .mekan-detay-gallery--side-by-side .mekan-detay-gallery-main {
       min-height: 220px;
       aspect-ratio: 16/10;
     }
   
     .mekan-detay-gallery-thumbs {
       grid-template-columns: repeat(2, 1fr);
     }
   
     .mekan-detay-gallery-all {
       bottom: 12px;
       right: 12px;
       top: auto;
     }
   
     .mekan-detay-info-grid {
       grid-template-columns: 1fr;
     }
   
     .mekan-detay-sidebar {
       flex-direction: column;
     }
   
     .mekan-detay-sidebar-card {
       flex: 1 1 100%;
     }
   }
   
   /* ============================================
      İletişim Sayfası
      ============================================ */
   
   .iletisim-main {
     padding-bottom: 48px;
     background: var(--bg-gray-100);
   }
   
   .page-hero--contact {
     background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-color) 100%);
   }
   
   .iletisim-content-section {
     padding: 40px 15px 48px;
   }
   
   .iletisim-layout {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 40px;
     align-items: start;
   }
   
   .iletisim-form-wrap,
   .iletisim-info-wrap {
     background: var(--white);
     border-radius: var(--bradius);
     padding: 32px;
     border: 1px solid var(--b-color);
   }
   
   .iletisim-section-title {
     font-family: var(--font-family);
     font-size: 22px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 24px;
     padding-bottom: 12px;
     border-bottom: 1px solid var(--border-light);
   }
   
   .iletisim-form-group {
     margin-bottom: 20px;
   }
   
   .iletisim-form-group label {
     display: block;
     font-size: var(--font-size-sm);
     font-weight: 500;
     color: var(--text-color);
     margin-bottom: 8px;
   }
   
   .iletisim-form-group input,
   .wpcf7-form-control,
   .iletisim-form-group textarea {
     width: 100%;
     padding: 12px 14px;
     font-size: var(--font-size-sm);
     font-family: var(--font-family);
     border: 1px solid var(--b-color);
     border-radius: var(--bradius-sm);
     background: var(--white);
     color: var(--text-color);
   }
   
   .iletisim-form-group input::placeholder,
   .wpcf7-form-control::placeholder,
   .iletisim-form-group textarea::placeholder {
     color: var(--text-muted);
   }
   
   .iletisim-form-group textarea {
     resize: vertical;
     min-height: 120px;
   }
   
   .iletisim-form-submit, .wpcf7-submit {
     padding: 12px 28px;
     font-weight: 600;
     margin-top: 8px;
   }
   
   .iletisim-info-list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 16px;
   }
   
   /* İletişim bilgisi: iconbox card column (ikon üstte, içerik altta) */
   .iletisim-info-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     gap: 16px;
     padding: 24px 20px;
     background: var(--bg-gray-100);
     border-radius: var(--bradius);
     border: 1px solid var(--border-light);
     transition: box-shadow 0.2s ease, border-color 0.2s ease;
   }
   
   .iletisim-info-item:hover {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
     border-color: var(--b-color);
   }
   
   .iletisim-info-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     width: 48px;
     height: 48px;
     background: var(--white);
     color: var(--accent-color);
     border-radius: 100%;
     border: 1px solid var(--border-light);
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
   }
   
   .iletisim-info-icon svg {
     width: 24px;
     height: 24px;
   }
   
   .iletisim-info-icon--whatsapp {
     color: #25D366;
   }
   
   .iletisim-info-content {
     flex: 1;
     min-width: 0;
     width: 100%;
   }
   
   .iletisim-info-heading {
     font-family: var(--font-family);
     font-size: 15px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 8px;
   }
   
   .iletisim-info-text {
     font-size: var(--font-size-sm);
     color: var(--text-color);
     line-height: 1.6;
     margin: 0;
   }
   
   .iletisim-info-text a {
     color: var(--accent-color);
     text-decoration: none;
   }
   
   .iletisim-info-text a:hover {
     text-decoration: underline;
   }
   
   .iletisim-map-section {
     padding: 0 15px 48px;
   }
   
   .iletisim-map-section .iletisim-section-title {
     margin-bottom: 20px;
   }
   
   .iletisim-map {
     border-radius: var(--bradius);
     overflow: hidden;
     border: 1px solid var(--b-color);
     background: var(--white);
   }
   
   .iletisim-map iframe {
     display: block;
     vertical-align: middle;
   }
   
   @media (max-width: 991px) {
     .iletisim-layout {
       grid-template-columns: 1fr;
     }
   
     .iletisim-form-wrap,
     .iletisim-info-wrap {
       padding: 24px;
     }
   }
   
   @media (max-width: 767px) {
   
     .iletisim-form-wrap,
     .iletisim-info-wrap {
       padding: 20px;
     }
   
     .iletisim-info-list {
       grid-template-columns: 1fr;
     }
   
     .iletisim-map iframe {
       height: 300px;
     }
   }
   
   /* ============================================
      Kurumsal / Hakkımızda Sayfası
      ============================================ */
   
   .kurumsal-main {
     padding-bottom: 48px;
     background: var(--bg-gray-100);
   }
   
   .kurumsal-about-section {
     padding: 48px 15px 40px;
   }
   
   .kurumsal-section-title {
     font-family: var(--font-family);
     font-size: 26px;
     font-weight: 600;
     color: var(--scnd-color);
     margin: 0 0 24px;
     padding-bottom: 12px;
     border-bottom: 1px solid var(--border-light);
   }
   
   .kurumsal-about-content {
     max-width: 800px;
   }
   
   .kurumsal-about-content p {
     font-size: var(--font-size-base);
     color: var(--text-color);
     line-height: 1.7;
     margin: 0 0 20px;
   }
   
   .kurumsal-about-content p:last-child {
     margin-bottom: 0;
   }
   
   /* Rakamlarla bölümü */
   .kurumsal-stats-section {
     padding: 48px 15px 56px;
     background: linear-gradient(135deg, var(--accent-color) 0%, #e67300 100%);
   }
   
   .kurumsal-section-title--light {
     color: var(--white);
     border-bottom-color: rgba(255, 255, 255, 0.3);
     margin-bottom: 32px;
   }
   
   .kurumsal-stats-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
   }
   
   .kurumsal-stat-card {
     text-align: center;
     padding: 28px 20px;
     background: rgba(255, 255, 255, 0.15);
     border-radius: var(--bradius);
     border: 1px solid rgba(255, 255, 255, 0.2);
     transition: background 0.2s ease, transform 0.2s ease;
   }
   
   .kurumsal-stat-card:hover {
     background: rgba(255, 255, 255, 0.22);
     transform: translateY(-4px);
   }
   
   .kurumsal-stat-number {
     display: block;
     font-family: var(--font-family);
     font-size: 36px;
     font-weight: 700;
     color: var(--white);
     line-height: 1.2;
     margin-bottom: 8px;
   }
   
   .kurumsal-stat-label {
     display: block;
     font-size: var(--font-size-sm);
     color: rgba(255, 255, 255, 0.95);
     line-height: 1.4;
   }
   
   @media (max-width: 991px) {
     .kurumsal-stats-grid {
       grid-template-columns: repeat(2, 1fr);
     }
   }
   
   @media (max-width: 767px) {
     .kurumsal-about-section {
       padding: 32px 15px 36px;
     }
   
     .kurumsal-section-title {
       font-size: 22px;
     }
   
     .kurumsal-stats-section {
       padding: 36px 15px 44px;
     }
   
     .kurumsal-stats-grid {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .kurumsal-stat-card {
       padding: 24px 16px;
     }
   
     .kurumsal-stat-number {
       font-size: 28px;
     }
   }
   
   .block-image img {
     height: 100%;
   }
   
   .e-con {
     --container-max-width: 1250px !important;
   }