@media (max-width: 768px) {[data-aos] {opacity: 1 !important;transform: none !important;transition: none !important;}}
.modern-project-card, .sector-card, .why-item {will-change: transform, opacity;}
body {   overflow-x: hidden;}
a {  color: #1b262c;  text-decoration: none;}*::selection {  color: #fff;  background-color: #9c1018;}
a:hover {  color: #f05454;  text-decoration: none;}
@media (prefers-reduced-motion: no-preference) {  :root {    scroll-behavior: auto;  }}
/*--------------------------------------------------------------
# Ek Css
--------------------------------------------------------------*/
.mBox1 {
  background-image: url(https://www.meklife.com/wp-content/uploads/2022/05/box1.jpg);
  padding: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    color:#FFF;
}
.mBox2 {
  background-image: url(https://www.meklife.com/wp-content/uploads/2022/05/box2.jpg);
  padding: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    color:#FFF;
}
.mBox3 {
  background-image: url(https://www.meklife.com/wp-content/uploads/2022/05/box3.jpg);
  padding: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    color:#FFF;
}
/*-----------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.scroll-to-top {
    position: fixed;
    bottom: 30px; 
    right: 30px;
    background: #9c1018;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 18px;
    z-index: 9999;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.scroll-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.scroll-to-top:hover {
    background: #7e0a10;
    transform: translateY(-5px);
    color: #fff;
}
/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  background: #1d2024;
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
  color: #fff;
}
#topbar.topbar-scrolled {top: -40px;}
#topbar .contact-info a {
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}
#topbar .mTopContact {padding:6px;}
#topbar .contact-info a:hover {color: #9c1018;}
#topbar .contact-info i {padding-right: 4px;margin-left: 15px;}
#topbar .contact-info i:first-child {margin-left: 0;}
#topbar .social-links a {
  color: rgba(255, 255, 255);
  padding: 8px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
}
.btn-catalog{
    background: #9c1018;
    color: #fff !important;
    padding: 5px;
    margin-left:15px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    transition: 0.3s;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  padding: 25px 0;
  top: 40px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#header.header-scrolled {top: 0;padding: 15px;}
#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.8px;
}
#header .logo a {color: #fdcb9e;}
#header .logo a span {color: #106eea;}
#header .logo img {max-height: 45px;}
@media (max-width: 992px) {
    #header {padding: 15px;top: 0;}
    #header .logo {font-size: 28px;}}
/*--------------------------------------------------------------
# Slayt
--------------------------------------------------------------*/
.slider {margin-top: 80px;}
@media (max-width: 991px) {.slider {margin-top: 20px;}}
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog-hero { 
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%); 
    text-align: center; 
    color: #fff;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 160px 0 100px 0; 
    margin-top: 0; 
}
.blog-hero h1 { 
    font-size: 3.5rem; 
    margin-bottom: 20px; 
    font-weight: 800; 
    letter-spacing: -1px;
    padding: 0 20px;
}
.blog-hero p { 
    font-size: 1.2rem; 
    max-width: 700px; 
    margin: 0 auto; 
    opacity: 0.9; 
    line-height: 1.6;
    padding: 0 20px;
}
.blog-main-container { 
    padding: 60px 0; 
    background-color: #fcfcfc; 
    min-height: 500px;
}
.container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20px; 
}
.blog-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); 
    gap: 30px; 
    margin-top: -50px;/
}
.modern-blog-card { 
    background: #fff; 
    border-radius: 15px; 
    overflow: hidden; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex; 
    flex-direction: column;
    border: 1px solid #eee;
}
.modern-blog-card:hover {transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0,0,0,0.12);}
.card-thumb { position: relative; height: 240px; overflow: hidden;}
.card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.modern-blog-card:hover .card-thumb img { transform: scale(1.1); }
.card-category {position: absolute; bottom: 15px; left: 15px;background: #25d366; color: #fff; padding: 6px 14px; border-radius: 30px; font-size: 11px; font-weight: 700; text-transform: uppercase; z-index: 2;}
.card-body { padding: 30px; flex-grow: 1; display: flex; flex-direction: column; }
.card-date { font-size: 13px; color: #999; margin-bottom: 15px; display: flex; align-items: center; gap: 6px; }
.card-title { font-size: 22px; margin-bottom: 15px; font-weight: 700; line-height: 1.4; }
.card-title a { color: #222; text-decoration: none; transition: 0.3s; }
.card-title a:hover { color: #25d366; }
.card-excerpt { color: #666; font-size: 15px; line-height: 1.7; margin-bottom: 25px; }
.card-link { margin-top: auto; font-weight: 700; color: #222; text-decoration: none; font-size: 14px; display: flex; align-items: center; gap: 10px; transition: 0.3s; }
.card-link:hover { color: #25d366; gap: 15px; }
.blog-pagination { grid-column: 1 / -1; text-align: center; margin-top: 50px; }
.blog-pagination .page-numbers { display: inline-block; padding: 12px 20px; background: #fff; margin: 0 5px; border-radius: 8px; text-decoration: none; color: #222; font-weight: 600; box-shadow: 0 4px 10px rgba(0,0,0,0.05); transition: 0.3s; }
.blog-pagination .page-numbers.current { background: #25d366; color: #fff; }

@media (max-width: 991px) {.blog-hero { padding: 120px 0 80px 0; }.blog-hero h1 { font-size: 2.8rem; }}
@media (max-width: 767px) {.blog-hero { padding: 100px 20px 60px 20px;}.blog-hero h1 { font-size: 2.2rem; }
.blog-grid { grid-template-columns: 1fr; margin-top: 20px; }.card-thumb { height: 200px; }.blog-main-container { padding: 40px 0; }}
/*--------------------------------------------------------------
# Tekli Blog
--------------------------------------------------------------*/
.single-post-wrapper { background-color: #ffffff; color: #334155; line-height: 1.6; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; }
.post-hero {
    position: relative;
    min-height: 550px; /* Yüksekliği kendine göre ayarla */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #000;
}

/* Arka plan görselini buraya hapsediyoruz */
.post-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--bg-url);
    background-size: cover;
    background-position: center;
    filter: blur(10px); 
    opacity: 0.5; 
    transform: scale(1.1);
    z-index: 1;
}

.post-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5); 
}

.post-main-title {
    font-size: 2.5rem;
    margin: 15px 0;
    font-weight: 700;
}

.meta-item {
    margin: 0 10px;
    font-size: 0.9rem;
}
.post-category a {
    background: #25d366;
    color: #fff !important;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}
.post-main-title {
    font-size: 3rem;
    margin: 25px auto;
    max-width: 900px;
    line-height: 1.2;
    font-weight: 800;
}
.post-meta-data {
    display: flex;
    justify-content: center;
    gap: 20px;
    opacity: 0.7;
    font-size: 14px;
}
.meta-item i { color: #25d366; margin-right: 5px; }
.share-buttons-container {
    position: fixed;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 100;
}
.share-title { font-size: 10px; font-weight: 800; text-align: center; color: #999; letter-spacing: 1px; margin-bottom: 5px; }
.share-btn {
    width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; color: #fff !important; text-decoration: none !important;
    font-size: 18px; transition: 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.share-btn:hover { transform: scale(1.15); filter: brightness(1.1); }
.whatsapp { background-color: #25D366; }
.twitter { background-color: #000; }
.linkedin { background-color: #0077b5; }
.facebook { background-color: #3b5998; }
.post-layout-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 35px;
    margin-top: -60px;
    padding-bottom: 80px;
    align-items: flex-start;
}
.post-content-area {
    flex: 1;
    min-width: 0; 
}
.post-sidebar {
    width: 280px;
    flex-shrink: 0;
}
.sidebar-sticky {
    position: sticky;
    top: 110px;
}
.sidebar-widget {
    padding: 20px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #f0f0f0;
}
.sidebar-widget ul li strong, 
.sidebar-widget ul li .value {
    font-size: 16px;
    padding-left: 22px;
}
@media (max-width: 1024px) {.post-layout-grid {flex-wrap: wrap;}
.post-sidebar {width: 100%;margin-top: 40px;}}
.post-featured-image {
    margin-bottom: 40px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-height: 500px;
    display: block;
}
.post-featured-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center; 
    display: block;
}
@media (max-width: 768px) {
    .post-featured-image,
    .post-featured-image img {
        max-height: 300px;
        height: 300px;
    }
}
.entry-content { font-size: 1.15rem; line-height: 1.8; color: #334155; }
.entry-content h2, .entry-content h3 { color: #0f172a; margin: 40px 0 20px; font-weight: 700; }
.entry-content p { margin-bottom: 25px; }
/* Sidebar */
.post-sidebar {width: 340px;}
.sidebar-sticky {
    position: sticky;
    top: 100px;
}
.sidebar-widget {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}
.widget-title {
    font-size: 14px;
    font-weight: 700;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    display: block;
    width: 100%;
}
.sidebar-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-widget ul li {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.sidebar-widget ul li a, 
.sidebar-widget ul li span.label {
    font-size: 12px;
    font-weight: 700;
    color: #666666;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    text-decoration: none;
}
.sidebar-widget ul li i {
    color: #777777;
    font-size: 14px;
}
.sidebar-widget ul li strong,
.sidebar-widget ul li .value {
    font-size: 18px;
    font-weight: 800;
    color: #1a1a1a;
    padding-left: 22px;
}
.stat-card {
    padding: 15px 5px;
    border-radius: 12px;
    text-align: center;
}
.wp-block-search__inside-wrapper {
    display: flex;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 5px;
    transition: all 0.3s ease;
}
.wp-block-search__inside-wrapper:focus-within {background: #fff;border-color: #9c1018;box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);}
.wp-block-search__input {
    border: none !important;
    background: transparent !important;
    padding: 10px 15px !important;
    font-size: 0.95rem;
    outline: none !important;
    flex-grow: 1;
    color: #444;
}
.wp-block-search__button {
    background-color: #9c1018 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 20px !important;
    font-size: 0.85rem !important;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease !important;
    cursor: pointer;
}
.wp-block-search__button:hover {background-color: #9c1018 !important;transform: translateY(-1px);}
.wp-block-search__label {
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
    color: #333;
    font-size: 1.1rem;
}
.sidebar-widget select {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 600;
    color: #444;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23999999'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px;
}
.sidebar-widget select:hover {background-color: #ffffff;border-color: #cbd5e1;}
.sidebar-widget select:focus {background-color: #ffffff;border-color: #9c1018;box-shadow: 0 0 0 4px rgba(37, 211, 102, 0.1);}
.sidebar-widget select option {font-weight: 500;padding: 10px;background: #fff;color: #333;}
.sidebar-widget .maes-projects-container .maes-title {color:#9c1018 !important;}
.sidebar-widget .postform {margin-bottom: 10px;}
@media (max-width: 768px) {.sidebar-widget select {height: 55px;font-size: 16px;}}
#comments { margin-top: 60px; border-top: 1px solid #e2e8f0; padding-top: 40px; }
.comment-body { display: flex; gap: 20px; background: #f8fafc; padding: 25px; border-radius: 16px; margin-bottom: 20px; border: 1px solid #f1f5f9; }
.comment-author img { border-radius: 50%; }
.comment-content p { font-size: 15px; color: #9c1018; margin: 0; }
#respond { background: #f1f5f9; padding: 35px; border-radius: 16px; margin-top: 40px; }
.comment-form input, .comment-form textarea { width: 100%; padding: 14px; border-radius: 10px; border: 1px solid #cbd5e1; margin-bottom: 15px; font-size: 15px; }
.comment-form .submit { background: #9c1018; color: #fff; border: none; padding: 14px 30px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.comment-form .submit:hover { background: #9c1018; transform: translateY(-2px); }
@media (max-width: 1100px) {.share-buttons-container { left: 10px; }.post-layout-grid { gap: 30px; }}
@media (max-width: 991px) {.post-layout-grid { flex-direction: column; }.post-sidebar { width: 100%; }
.post-hero { padding: 130px 20px 80px 20px; }.post-main-title { font-size: 2.2rem; }
.share-buttons-container {position: fixed; left: 0; bottom: 0; top: auto; transform: none;flex-direction: row; width: 100%; background: #fff; padding: 10px;
justify-content: center; box-shadow: 0 -5px 15px rgba(0,0,0,0.08); gap: 20px;}.share-title { display: none; }}
@media (max-width: 768px) {.post-hero { padding: 110px 20px 60px 20px; }.post-main-title { font-size: 1.8rem; }
.post-meta-data { flex-direction: column; align-items: center; gap: 8px; }.post-layout-grid { margin-top: 20px; }}
/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
.error-404-wrapper {
    background: radial-gradient(circle at center, #1a1a1a, #0a0a0a);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 100px 20px;
    position: relative;
    overflow: hidden;
}
.error-404-wrapper::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 30px 30px;
    pointer-events: none;
}
.error-content {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.error-code {
    font-size: 10rem;
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(to bottom, #9c1018, #860d13);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
    margin-top:50px;
    letter-spacing: -5px;
    filter: drop-shadow(0 10px 20px #9c101870);
    animation: float 3s ease-in-out infinite;
}
.error-title {font-size: 2.5rem;font-weight: 800;margin-bottom: 20px;}
.error-text {font-size: 1.1rem;opacity: 0.8;margin-bottom: 40px;line-height: 1.6;}
.error-actions {display: flex;gap: 20px;justify-content: center;margin-bottom: 40px;}
.btn-primary {
    background: #9c1018;
    border-color: #800d13 !important;
    color: #fff !important;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    box-shadow: 0 10px 20px #9c101880;
}
.border-primary {border-color: #800d13 !important;  }
.btn-secondary {
    background: rgba(255, 255, 255, 0.05);
    color: #fff !important;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.3s;
}
.btn-primary:hover, .btn-secondary:hover {
    transform: translateY(-5px);
    filter: brightness(1.1);
    background: #800d13;
    box-shadow: 0 10px 20px #9c101880;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.nav-menu {padding: 0;margin: 0;}
.nav-menu ul {margin: 0;padding: 0;list-style: none;display: flex;align-items: center;}
.nav-menu > ul > li {position: relative;white-space: nowrap;padding: 10px 0 10px 24px;}
.nav-menu a {
    display: block;
    position: relative;
    color: #9c1018;
    transition: 0.3s;
    font-size: 15px;
    font-weight: bold;
    padding: 0 3px;
    text-decoration: none;
}
.nav-menu a:hover, 
.nav-menu li:hover > a, 
.nav-menu .active > a {
    color: #7e0a10;
}
.nav-menu > ul > li > a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #9c1018;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
}
.nav-menu a:hover:before, 
.nav-menu li:hover > a:before, 
.nav-menu .active > a:before {
    visibility: visible;
    width: 100%;
}
.nav-menu .drop-down ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 20px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 15px 0;
    background: #ffffff;
    box-shadow: 0px 5px 30px rgba(22, 28, 33, 0.1);
    transition: 0.3s;
    border-radius: 8px;
    border-top: 3px solid #9c1018;
    flex-direction: column;
    align-items: flex-start;
}
.nav-menu .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.nav-menu .drop-down li {
    min-width: 200px;
    position: relative;
    padding: 0;
}
.nav-menu .drop-down ul a {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    transition: 0.3s;
}
.nav-menu .drop-down ul a:hover, 
.nav-menu .drop-down ul li:hover > a, 
.nav-menu .drop-down ul .active > a {
    color: #9c1018;
    background: #f8fbfe;
    padding-left: 25px;
}
.nav-menu .drop-down > a:after {
    content: "\ea99";
    font-family: IcoFont;
    padding-left: 5px;
    font-size: 12px;
}
.nav-menu .drop-down .drop-down ul {top: 0;left: calc(100% + 15px);}
.nav-menu .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.nav-menu .drop-down .drop-down > a:after {content: "\eaa0";position: absolute;right: 15px;}
@media (max-width: 1366px) {.nav-menu .drop-down .drop-down ul {left: -90%;}
.nav-menu .drop-down .drop-down:hover > ul {left: -100%;  }}
/* --- MOBİL NAVİGASYON --- */
.mobile-nav-toggle {
    position: fixed;
    right: 20px;
    top: 10px;
    z-index: 10001;
    border: 0;
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
@media (max-width: 991px) {.mobile-nav-toggle {display: flex;}}
.mobile-nav-toggle i {color: #1b262c;font-size: 22px;}
.mobile-nav {
    position: fixed;
    top: 0;
    right: -300px;
    width: 280px;
    height: 100vh;
    z-index: 10000;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 25px rgba(0,0,0,0.08);
    padding-top: 75px;
}
.mobile-nav-active .mobile-nav {
    right: 0;
    visibility: visible;
    opacity: 1;
}
.mobile-nav-overly {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    z-index: 9999;
    display: none; 
}
.mobile-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobile-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    padding: 15px 25px;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid #f8f9fa;
    text-decoration: none;
    transition: 0.3s;
}
.mobile-nav .drop-down > a:after {
    content: "\ea99";
    font-family: IcoFont;
    font-size: 14px;
    transition: transform 0.3s ease;
}
.mobile-nav .drop-down ul {display: none;background: #f9f9f9;border-left: 4px solid #9c1018;}
.mobile-nav .drop-down li a {
    padding-left: 45px;
    font-weight: 500;
    font-size: 14px;
    color: #555;
    border-bottom: 1px solid #eee;
}
.mobile-nav .drop-down.active > a:after {transform: rotate(90deg);}
.mobile-nav-footer {
    padding: 20px 25px;
    margin-top: auto; 
    border-top: 1px solid #f1f1f1;
    background: #fff;
}

.mobile-nav-active .mobile-nav-toggle { background: #f05454; }
.mobile-nav-active .mobile-nav-toggle i { color: #fff; }
body.mobile-nav-active { overflow: hidden; }
@media (min-width: 992px) {.mobile-nav-footer, .btn-get-quote {display: none !important;}}
@media (max-width: 991px) {.mobile-nav-footer {display: block;padding: 20px;margin-top: auto;border-top: 1px solid #eee;}}
.btn-get-quote:hover {transform: translateY(-3px);box-shadow: 0 15px 25px rgba(15, 76, 117, 0.3);background: linear-gradient(135deg, #3282b8 0%, #0f4c75 100%);}
.btn-get-quote i {
    font-size: 18px;
    background: rgba(255, 255, 255, 0.2);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.mobile-nav ul:last-of-type {margin-bottom: 10px;}
.search-btn {
    background: none;
    border: none;
    padding-left:25px;
    cursor: pointer;
    font-size: 20px;
    color: #9c1018;
    transition: transform 0.3s ease;
}
.search-btn:hover {transform: scale(1.1);}
.search-overlay {
    position: fixed;
    inset: 0; 
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.98);
    z-index: 11000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    backdrop-filter: blur(15px);
}
.search-overlay.active {opacity: 1;visibility: visible;}
.search-close-wrapper {
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 12000;
    transition: all 0.3s ease;
}
.search-close-wrapper i {
    font-size: 24px;
    background: #f05454;
    color: #fff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(240, 84, 84, 0.3);
}
@media (max-width: 768px) {.search-close-wrapper {right: auto; left: 20px; top: 20px;}
.search-close-wrapper span {display: none;}
.search-container {padding-top: 80px;}
.search-input {font-size: 24px;}}
@media (max-width: 991px) {
.search-btn {
    display: flex !important; 
    position: fixed;
    right: 80px;
    padding-left:0;
    top: 10px;
    z-index: 10001;
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border: none;
    }
.search-btn i {font-size: 20px;color: #1b262c;}}
.search-container {width: 100%;max-width: 850px;padding: 0 30px;text-align: center;}
.search-form {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #9c1018;
    margin-bottom: 15px;
}
.search-input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding: 20px 0;
    font-size: 42px;
    font-weight: 800;
    color: #1b262c;
}
.search-submit {
    background: none;
    border: none;
    font-size: 32px;
    color: #9c1018;
    cursor: pointer;
    padding: 10px;
    transition: 0.3s;
}
.search-submit:hover {transform: scale(1.1);}
.search-hint {color: #999;font-size: 14px;margin-top: 15px;text-align: left;}
.search-suggestions {margin-top: 45px;text-align: left;max-width: 100%;}
.suggestion-title {
    display: block;
    font-size: 11px;
    color: #bbb;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.suggestion-items {display: flex;flex-wrap: wrap;gap: 10px;}
.s-item {
    background: rgba(44, 95, 123, 0.05);
    color: #9c1018;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.s-item:hover {
    background: #9c1018;
    color: #fff !important;
    transform: translateY(-2px);
}
@media (max-width: 991px) {.search-input {font-size: 32px;}.search-container {max-width: 100%;}}
@media (max-width: 768px) {.search-close-wrapper {top: 20px;right: 20px;}
.search-close-wrapper span {display: none;}
.search-input {font-size: 26px;}
.search-suggestions {margin-top: 35px;}
.suggestion-items {justify-content: center;}
.s-item {font-size: 13px;padding: 8px 15px;}}
body.no-scroll {overflow: hidden;}
.mobile-nav-footer {
    margin-top: auto;
    padding: 30px 20px;
    background: #fcfcfc;
    border-top: 1px solid #eee;
    text-align: center;
}
.mobile-social-links {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}
.mobile-social-links a {
    width: 42px;
    height: 42px;
    background: #fff;
    color: #9c1018;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 18px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}
.mobile-social-links a:hover {
    background: #9c1018;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(44, 95, 123, 0.2);
}
.mobile-footer-info {margin-top: 10px;padding-top: 10px;}
.mobile-footer-info p {
    font-size: 13px;
    color: #888;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0;
}
/*--------------------------------------------------------------
# Sertifika Sayfa Genel Stil
--------------------------------------------------------------*/
/* Sertifika Kartı Genel Stil */
.cert-card {
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
    height: 100%; /* Tüm kartları eşitlemek için */
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cert-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(204, 0, 0, 0.12) !important;
    border-color: rgba(204, 0, 0, 0.1) !important;
}

/* Lightbox Linki */
.cert-lightbox-link {
    display: block;
    width: 100%;
    text-decoration: none !important;
}

/* Görsel Alanı ve Sarmalayıcı */
.cert-image-wrap {
    position: relative;
    overflow: hidden;
    background-color: #f8f9fa; /* Hafif gri arka plan belgeleri net gösterir */
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4/3; /* Tüm kutuları aynı oranda tutar, kaymayı engeller */
    width: 100%;
}

.main-cert-img {
    width: auto;
    height: auto;
    max-width: 85%; /* Kenarlardan nefes payı */
    max-height: 85%;
    object-fit: contain; /* Görsel oranını korur */
    transition: transform 0.6s ease;
}

/* Kırmızı Overlay (Üst Katman) */
.cert-overlay {
    position: absolute;
    inset: 0;
    background: rgba(204, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
    z-index: 2;
}

.cert-card:hover .cert-overlay {
    opacity: 1;
    visibility: visible;
}

.cert-card:hover .main-cert-img {
    transform: scale(1.1);
}

.btn-view-cert {
    width: 55px;
    height: 55px;
    background: #fff;
    color: #cc0000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(25px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cert-card:hover .btn-view-cert {
    transform: translateY(0);
}

.cert-body {
    padding: 20px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cert-body h5 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.cert-card:hover .cert-body h5 {
    color: #cc0000;
}

.cert-body p {
    font-size: 0.85rem;
    color: #777;
    margin: 0;
}
/*--------------------------------------------------------------
# Tekil Sayfa Genel Stil
--------------------------------------------------------------*/
.page-cta-box {
    background: linear-gradient(135deg, #9c1018 0%, #63060a 100%);
    padding: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.page-cta-box h4 { margin: 0 0 10px; font-weight: 700; }
.page-cta-box p { margin: 0; opacity: 0.8; } 
@media (max-width: 991px) {
    .page-header-section {
        padding-top: 80px;
    }
    .page-cta-box {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
    }
    .page-cta-box h4 {
        font-size: 1.25rem;
        margin-bottom: 8px;
    }
    .page-cta-box p {
        font-size: 0.9rem;
        margin-bottom: 20px;
    }
    .page-cta-box .btn {
        margin-left: 0;
        padding: 8px 20px;
        font-size: 0.85rem;
        width: 100%;
        max-width: 200px;
    }
}
.main-btn {
    background: #350305;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}
.main-btn:hover { background: #fff; color: #9c1018; }
.page-hero {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding-top: 170px !important; 
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #9c1018
    
}
@media (max-width: 991px) {
    .page-hero {
        padding-top: 110px !important;
        padding-bottom: 50px;
    }
}
.breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #9c101890
}
.breadcrumb-nav a {
    color: #9c1018;
    text-decoration: none;
    transition: 0.3s;
}
.page-title {
    font-size: 42px;
    font-weight: 800;
    color: #1b262c;
    margin: 0;
    line-height: 1.2;
}
.hero-shape {
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 300px;
    height: 300px;
    background: rgba(44, 95, 123, 0.03);
    border-radius: 50%;
}
.page-content-wrapper {
    padding: 60px 0;
    background: #fff;
}
.card-design {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
}
.post-thumbnail-wrapper {
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 12px;
}
.content-text {
    font-size: 17px;
    line-height: 1.8;
    color: #444;
}
.content-text h2, .content-text h3 {
    color: #1b262c;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 700;
}
.content-text p {
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .page-hero { padding: 50px 0; }
    .page-title { font-size: 30px; }
    .card-design { padding: 20px; }
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding: 15px 0;
  text-align: center;
}

.clients img {
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
  aspect-ratio: 3/2;
  object-fit: contain;
  mix-blend-mode: color-burn;
}

.clients img:hover {
  transform: scale(1.15);
}

@media (max-width: 768px) {
  .clients img {
    max-width: 40%;
  }
}

/* --------------------------------------------------------------
# Proje Sayfası
-------------------------------------------------------------- */
.entry-content {
    line-height: 1.8;
    color: #444;
    overflow-wrap: break-word;
}
.entry-content img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 2rem auto;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.entry-content .alignleft { float: left; margin-right: 1.5rem; margin-bottom: 1rem; }
.entry-content .alignright { float: right; margin-left: 1.5rem; margin-bottom: 1rem; }
.entry-content .aligncenter { display: block; margin: 2rem auto; text-align: center; }
@media (max-width: 768px) {
    .entry-content .alignleft, .entry-content .alignright {
        float: none;
        margin: 1rem 0;
        width: 100% !important;
    }
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-page .info-card {
    border: none;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.contact-page .info-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 45px rgba(0,0,0,0.1) !important;
}
 .page-header-section {
        margin-top: 90px;
        padding-bottom: 80px;
        background-color: #f8f9fa;
        border-bottom: 1px solid #eee;
    }
@media (min-width: 992px) {
    .page-header-section {
        padding-top: 120px;
        padding-bottom: 70px;
        background-color: #f8f9fa;
        border-bottom: 1px solid #eee;
    }
    .project-title {
        line-height: 1.2;
        letter-spacing: -1px;
    }
}
@media (max-width: 991px) {
    .page-header-section {
        padding-top: 50px;
        padding-bottom: 30px;
        text-align: center;
    }
}
.contact-page .wpcf7-form-control:not(.wpcf7-submit) {
    display: block;
    width: 100%;
    padding: 1rem 1.2rem;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #f8f9fa;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: all 0.3s ease;
}
.contact-page .wpcf7-form-control:not(.wpcf7-submit):focus {
    background-color: #fff !important;
    border-color: #9c1018!important; /* Ana renk */
    outline: 0;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.1) !important;
    color: #212529;
}
.wpcf7-not-valid-tip {
    font-size: 0.85rem;
    margin-top: 5px;
    font-weight: 500;
}
.wpcf7-response-output {
    border-radius: 10px !important;
    margin: 20px 0 0 0 !important;
    padding: 15px !important;
    border: 2px solid transparent !important;
}
.contact-page .wpcf7-submit {
    background: #9c1018;
    border: none;
    padding: 15px 30px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
}
.contact-page .wpcf7-submit:hover {
    background: #000;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.map-container {
    filter: grayscale(0.2);
    transition: filter 0.5s ease;
}
.map-container:hover {
    filter: grayscale(0);
}
.btn-primary-modern {
    background: #9c1018;
    border: none;
    padding: 15px 30px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-primary-modern:hover {
    background: #000;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    color: #fff;
}
.bg-light-soft {
    background-color: #f8f9fa;
}
.rounded-4 {
    border-radius: 1.25rem !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    background: #fcfcfc;
    border-top: 1px solid #eee;
    color: #000000;
    padding: 60px 0 30px;
}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer .footer-top .footer-links a {color: #9c1018;}
#footer .footer-top .footer-links a:hover {color: #ffffff;}
#footer .footer-top .footer-links h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #000000;
    position: relative;
    padding-bottom: 10px;
}
#footer .footer-top .footer-links h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 2px;
    background: #9c1018;
}
#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    transition: 0.3s;
}
#footer .footer-top .footer-links ul li:last-child {
    border-bottom: none;
}
#footer .footer-top .footer-links ul a {
    color: #000000;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    width: 100%;
}
#footer .footer-top .footer-links ul li:hover a {
    color: #9c1018;
}
#footer .footer-top .social-links {
    margin-top: 25px;
    display: flex;
    gap: 12px;
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05); 
    color: #000000;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px; 
    width: 44px;
    height: 44px;
    backdrop-filter: blur(5px); 
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#footer .footer-top .social-links a:hover {
    transform: translateY(-4px);
    background: #9c1018;
    color: #fff;
    border-color: #9c1018;
    box-shadow: 0 10px 20px #9c101870;
    text-decoration: none;
}
.copyright a {
  color: #fff;
  font-weight: bold;
}
@media (max-width: 768px) {
  #footer .copyright, #footer .credits {
    float: none;
    text-align: center;
    padding: 2px 0;
  }
}
.footer-logo-wrap {
    display: block;
}
.footer-text-logo {
    font-size: 24px;
    font-weight: bold;
    color: #9c1018;
}
.footer-desc {
    color: #000000;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 25px;
}
.footer-contact-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.contact-item i {
    font-size: 18px;
    color: #9c1018;
    background: #9c101810;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.contact-item span, 
.contact-item a {
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.4;
    transition: 0.3s;
}

.contact-item a:hover {
    color: #9c1018;
}

.contact-item:hover i {
    background: #9c1018;
    color: #fff;
}
@media (max-width: 768px) {    
    .footer-logo-wrap img {
        margin: 0 auto;
    }
}
.footer-projects-list {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-project-item {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.footer-project-item:last-child {
    border-bottom: none;
}
.footer-links ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}
.footer-links ul li ul {
    display: none !important;
}
.footer-links .menu-item-has-children > a::after {
    display: none !important;
}
.footer-links .search-form, 
.footer-links form[role="search"] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 15px;
    width: 100%;
}
.footer-links label {
    display: none !important;
}

.footer-links .search-field, 
.footer-links input[type="search"], 
.footer-links input[type="text"] {
    width: 100% !important;
    padding: 12px 50px 12px 15px !important;
    background: #f8f9fa !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #444 !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

.footer-links .search-field:focus {
    border-color: #cc0000 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.1) !important;
}

.footer-links .search-submit, 
.footer-links input[type="submit"], 
.footer-links button[type="submit"] {
    position: absolute !important;
    right: 5px !important;
    background: #cc0000 !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 15px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.footer-links .search-submit:hover {
    background: #a30000 !important;
    transform: translateY(-1px) !important;
}

.footer-links ::placeholder {
    color: #999;
    font-size: 13px;
}
/* -------------------------------------------------------------------------
# Hizmetler Tekli Sayfa
-------------------------------------------------------------------------- */

.galeri-hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.galeri-hover-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Sidebar İkon Kutuları */
.icon-box {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Breadcrumb Rengi */
.breadcrumb-item a {
    color: #6c757d;
}
.breadcrumb-item.active {
    color: var(--bs-primary);
    font-weight: 600;
}

/* Mobil Düzenleme */
@media (max-width: 991px) {
    .main-content-wrapper {
        padding-top: 80px !important; /* Mobilde header daha kısaysa ayarla */
    }
}
.galeri-link {
    text-decoration: none !important;
    display: block;
}

.galeri-card-modern {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05);
    height: 100%;
}

.galeri-card-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.img-wrapper {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
}

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

.galeri-title-box {
    padding: 15px;
    background: #f8f9fa;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.03);
}

.galeri-title-box span {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* -------------------------------------------------------------------------
# PROJE BİLEŞENİ: SON PROJELER
-------------------------------------------------------------------------- */
.maes-projects-container {
    display: block !important;
    width: 100% !important;
}
.maes-project-card {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
}
.maes-img-box {
    width: 65px !important;
    height: 55px !important;
    flex-shrink: 0 !important;
    margin-right: 15px !important;
    border-radius: 4px;
    overflow: hidden;
}
.maes-img-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    display: block !important;
}
.maes-text-box {
    flex: 1 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
.maes-title {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
    display: block !important;
    white-space: normal !important;
}
.maes-date {
    color: #9c1018 !important;
    font-size: 11px !important;
    display: block !important;
}
/* -------------------------------------------------------------------------
# CLIENTS BİLEŞENİ: SON PROJELER (maes_proje)
------------------------------------------------------------------------- */
.clients.section-bg {
  width: 100vw;
  overflow: hidden;
  padding: 40px 0;
  margin: 0;
}
.clients-slider {
  width: 100%;
  overflow: hidden;
}
.clients-slider-track {
  white-space: nowrap;
  display: block;
  animation: scroll 20s linear infinite;
}
.client-item {
  display: inline-block;
  margin-right: 40px;
}
.client-item img {
  max-height: 80px;
  object-fit: contain;
  opacity: 1;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
  .client-item {
    display: inline;
    margin-right: 20px;
  }
  .client-item img {
    max-height: 80px;
  }
}
.fw-extrabold { font-weight: 800; }
.hover-primary:hover { color: #ff6600 !important; }
/*-------------------------------------------------------------- */
.project-single-page {
    padding-top: 150px;
    background-color: #fafafa;
    color: #333;
}
.project-header-row {
    border-bottom: 1px solid #eee;
}
.project-subtitle {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #9c1018;
    opacity: 0.8;
}
.project-title {
    color: #1a1a1a;
   font-size: 1.1rem !important;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    color: #222;
}
.project-single-page .breadcrumb-item a {
    text-decoration: none;
    color: #6c757d;
    transition: all 0.3s;
}
.project-single-page .breadcrumb-item a:hover {
    color: #9c1018;
}
.project-single-page .breadcrumb-item + .breadcrumb-item::before {
    content: "•";
    color: #ccc;
}
.main-image-wrapper {
    position: relative;
    border-radius: 20px;
    height: 500px;
    background: #eee;
    overflow: hidden;
}
.main-img-el {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.4s ease;
}
.image-overlay-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(transparent, rgba(0,0,0,0.6));
}
.badge-location {
    background: #fff !important;
    color: #333 !important;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.badge-category {
    background: #9c1018 !important;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.thumb-wrapper {
    opacity: 0.6;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    border-radius: 12px;
    overflow: hidden;
    height: 80px;
}
.thumb-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.thumb-wrapper:hover {
    opacity: 1;
    transform: translateY(-2px);
}
.thumb-wrapper.active {
    opacity: 1;
    border-color: #9c1018;
}
.project-content-card {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
}
.blue-line {
    width: 60px;
    height: 4px;
    background: #9c1018;
}

.entry-content {
    font-size: 1.1rem;
    line-height: 1.9;
    color: #444;
}
@media (min-width: 992px) {
    .project-sidebar {
        position: sticky;
        top: 120px;
    }
}
.info-card {
    background: #fff;
    border-radius: 20px;
}
.info-card-title {
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
    color: #999;
}
.info-label {
    display: flex;
    align-items: center;
    color: #6c757d;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.info-value {
    font-weight: 700;
    color: #1a1a1a;
    padding-left: 25px;
    font-size: 1.05rem;
}
.status-wrapper {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}
.status-badge {
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: 50px;
    background: #f8f9fa;
    color: var(--bs-primary);
    border: 1px solid #eee;
    text-align: center;
    font-size: 0.85rem;
}
.animate-pulse {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}
@media (max-width: 768px) {
    .project-single-page { padding-top: 100px; }
    .main-image-wrapper { height: 350px; }
    .project-content-card { padding: 25px; }
}
.entry-content img {
    max-width: 100%; 
    height: auto; 
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}
.entry-content .alignleft {
    float: left;
    margin-right: 20px;
}
.entry-content .alignright {
    float: right;
    margin-left: 20px;
}
.entry-content .aligncenter {
    display: block;
    margin: 20px auto;
}
@media (max-width: 768px) {
    .entry-content .alignleft, 
    .entry-content .alignright {
        float: none;
        margin-right: 0;
        margin-left: 0;
        width: 100% !important;
    }
}
.modern-project-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    height: 320px;
    background: #eee;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: transform 0.4s ease;
}
.modern-project-card:hover {
    transform: translateY(-5px);
}
.card-image-box {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}
.card-badges {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    display: flex;
    justify-content: space-between;
    z-index: 2;
}
.badge-mini {
    padding: 6px 12px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.badge-mini.location {
    background: rgba(255, 255, 255, 0.95);
    color: #333;
}
.badge-mini.category {
    background: #9c1018;
    color: #fff;
}
.card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
    display: flex;
    align-items: flex-end;
    padding: 25px;
    opacity: 0.9;
    transition: all 0.4s ease;
}
.modern-project-card:hover .card-overlay {
    background: linear-gradient(to top, #9c1018 0%, rgba(0,0,0,0.7) 100%);
    opacity: 1;
}
.overlay-content h4 {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
}
.overlay-content p {
    color: #fff;
    display: none;
}
.modern-project-card:hover .overlay-content p {
    display: block;
    animation: fadeInUp 0.4s forwards;
}
.btn-modern-link {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(255,255,255,0.3);
    padding-bottom: 4px;
    transition: all 0.3s;
}
.btn-modern-link:hover {
    color: #fff;
    border-color: #fff;
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.status-badge {
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: 50px;
    background: #f8f9fa;
    color: #666;
    border: 1px solid #eee;
    text-align: center;
    font-size: 0.85rem;
    transition: all 0.3s ease;
}
.status-badge.status-completed {
    background: #eafff2 !important;
    color: #198754 !important;
    border-color: #badbcc !important;
}
.status-badge.status-completed i {
    color: #198754;
}
.status-badge.status-ongoing {
    background: #fff5e6 !important;
    color: #fd7e14 !important;
    border-color: #ffe5b4 !important;
}
.status-badge.status-ongoing i {
    color: #fd7e14;
}
.animate-pulse {
    animation: pulse 2s infinite;
}
.quote-action-wrapper {
    text-align: center;
}
.btn-quote-modern {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1a1a1a;
    color: #fff !important;
    text-decoration: none !important;
    padding: 15px 25px;
    border-radius: 15px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.btn-quote-modern:hover {
    background: #9c1018;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px #9c101840;
}
.btn-quote-modern .btn-content {
    text-align: left;
    display: flex;
    flex-direction: column;
}
.btn-quote-modern .btn-text {
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 1.2;
}
.btn-quote-modern .btn-subtext {
    font-size: 0.7rem;
    opacity: 0.7;
    font-weight: 400;
}
.btn-quote-modern .btn-icon {
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.btn-quote-modern:hover .btn-icon {
    background: rgba(255,255,255,0.2);
    transform: translateX(5px);
}
@media (max-width: 991px) {
    .btn-quote-modern {
        padding: 12px 20px;
    }
}
.project-stats-container {
    border-top: 1px solid #eee;
}
.stats-main-title {
    font-size: 0.75rem;
    font-weight: 800;
    color: #999;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.stats-title-line {
    width: 25px;
    height: 2px;
    background: #9c1018;
}
.project-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.stat-item {
    text-align: center;
    padding: 12px 5px;
    border-radius: 12px;
    background: #f8f9fa;
    transition: all 0.3s ease;
}
.stat-number {
    display: block;
    font-size: 1.3rem;
    font-weight: 850;
    line-height: 1;
    margin-bottom: 4px;
}
.stat-label {
    display: block;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.7;
}
.stat-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.stat-item.planned { background: #f1f5f9; color: #475569; }
.stat-item.ongoing { background: #fff7ed; color: #ea580c; }
.stat-item.completed { background: #f0fdf4; color: #16a34a; }
.thumb-wrapper.active { border-width: 2px !important; }
.main-img-el { transition: opacity 0.3s ease; }
.image-overlay-info { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(transparent, rgba(0,0,0,0.7)); }
/* --- İLGİLİ PROJELER LİSTESİ --- */
.related-item-link {
    text-decoration: none !important;
    display: block;
}
.related-item {
    border-radius: 15px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.related-item:hover {
    transform: translateX(10px);
    border-color: #9c1018;
    background-color: #fff9f5 !important;
}
.related-thumb {
    width: 80px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
}
.related-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.related-info h6 {
    font-size: 0.95rem;
    line-height: 1.2;
    transition: color 0.3s;
}

.related-item:hover h6 {
    color: #9c1018 !important;
}
.related-arrow {
    opacity: 0.3;
    transition: all 0.3s;
}
.related-item:hover .related-arrow {
    opacity: 1;
    transform: translateX(5px);
}
@media (max-width: 576px) {
    .related-thumb { width: 60px; height: 50px; }
    .related-info h6 { font-size: 0.85rem; }
}
.pagination-link {
    position: relative;
    display: block;
    height: 120px;
    overflow: hidden;
    text-decoration: none !important;
    color: #fff !important;
}
.pagination-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    filter: brightness(0.4);
    transition: transform 0.6s ease;
}
.pagination-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pagination-link:hover .pagination-bg {
    transform: scale(1.1);
    filter: brightness(0.2) sepia(0.5) hue-rotate(-30deg);
}
.pagination-link h6 { font-weight: 700; font-size: 1rem; }
/* --- ANASAYFA TEKLİF İSTE (CTA) --- */
.cta-box {
    position: relative;
    border: 1px solid rgba(255,255,255,0.1);
}

.cta-bg-icon {
    position: absolute;
    right: -30px;
    bottom: -30px;
    font-size: 200px;
    color: rgba(255, 102, 0, 0.05);
    transform: rotate(-15deg);
    z-index: 1;
}

.btn-cta-primary {
    background: #ff6600;
    color: #fff;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid #ff6600;
}
.btn-cta-primary:hover {
    background: transparent;
    color: #ff6600;
    transform: translateY(-3px);
}
.btn-cta-whatsapp {
    background: transparent;
    color: #25d366;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid #25d366;
}
.btn-cta-whatsapp:hover {
    background: #25d366;
    color: #fff;
    transform: translateY(-3px);
}
@media (max-width: 768px) {
    .cta-box { padding: 40px 20px !important; }
    .cta-box h2 { font-size: 1.8rem; }
    .btn-cta-primary, .btn-cta-whatsapp { width: 100%; text-align: center; }
}
/* --- ANASAYFA DİNAMİK SAYAÇ --- */
.counter-main-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.home-stat-card {
    padding: 25px 15px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.h-stat-num {
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 5px;
}
.h-stat-label {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 0.5px;
}
.bg-success-light { background-color: #f0fdf4; }
.bg-warning-light { background-color: #fffbeb; }
.bg-info-light    { background-color: #f0f9ff; }
.home-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    background-color: #fff;
    border-color: #9c1018;
}
@media (max-width: 991px) {
    .h-stat-num { font-size: 1.8rem; }
}
/* --- DİNAMİK KATEGORİ KARTLARI --- */
.sector-card-link {
    text-decoration: none !important;
}
.sector-card {
    position: relative;
    height: 400px;
    border-radius: 25px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: all 0.5s ease;
}
.sector-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 1s ease;
    z-index: 1;
}
.sector-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.9));
    transition: all 0.4s ease;
    z-index: 2;
}
.sector-content {
    position: relative;
    z-index: 3;
    transition: transform 0.4s ease;
}
.sector-icon-wrap {
    font-size: 2.5rem;
    color: #9c1018;
    transition: all 0.4s ease;
}
.sector-title {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.sector-line {
    width: 30px;
    height: 3px;
    background: #9c1018;
    transition: width 0.4s ease;
}
.sector-card:hover .sector-bg {
    transform: scale(1.15);
}
.sector-card:hover .sector-overlay {
    background: #9c101880;
}
.sector-card:hover .sector-icon-wrap {
    transform: scale(1.2) translateY(-5px);
    color: #fff;
}
.sector-card:hover .sector-line {
    width: 60px;
}
/* Neden Biz Modern Stiller */
.text-blue { color: #9c1018; }
.dynamic-why-img {
    width: 100%;
    aspect-ratio: 4 / 5;
    background-size: cover;
    background-position: center;
    border-radius: 40px;
    z-index: 1;
}
.experience-badge {
    position: absolute;
    bottom: 30px;
    right: -20px;
    background: #9c1018;
    color: #fff;
    padding: 20px 30px;
    border-radius: 20px;
    z-index: 2;
    border: 4px solid #fff;
}
.exp-year { font-size: 2.5rem; font-weight: 900; line-height: 1; }
.exp-text { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; }
.why-icon-box {
    width: 55px;
    height: 55px;
    background: #e9ebec80;
    color: #9c1018;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}
.why-item:hover {
    background: #f8f9fa;
    transform: translateX(10px);
}
@media (max-width: 991px) {
    .dynamic-why-img {
        aspect-ratio: 16 / 9;
        border-radius: 25px;
    }
    .experience-badge {
        right: 10px;
        bottom: -20px;
        padding: 15px 20px;
    }
    .exp-year { font-size: 1.8rem; }
    .why-item:hover { transform: none; }
}
@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}
.animate-floating {
    animation: floating 4s ease-in-out infinite;
}
.custom-faq .accordion-item {
    overflow: hidden;
}
.custom-faq .accordion-button {
    background-color: #fff;
    padding: 20px;
    box-shadow: none !important;
    color: #333;
    transition: all 0.3s ease;
}
.custom-faq .accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #9c1018;
}
.custom-faq .accordion-button::after {
    background-size: 1rem;
    transition: all 0.3s ease;
}
.custom-faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5f7b '%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.custom-faq .accordion-body {
    padding: 0 20px 20px 20px;
    font-size: 0.95rem;
    line-height: 1.6;
}
.category-hero { min-height: 300px; display: flex; align-items: center; }
.category-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 100%);
}
.project-modern-card { transition: all 0.3s ease; }
.project-modern-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important; }
.card-img-wrap { overflow: hidden; height: 250px; }
.card-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.project-modern-card:hover .card-img-wrap img { transform: scale(1.1); }
.card-badge {
    position: absolute; top: 15px; right: 15px;
    background: #9c1018; color: #fff;
    padding: 5px 15px; border-radius: 50px;
    font-size: 0.75rem; font-weight: 700; z-index: 2;
}
.text-blue { color: #9c1018; }
.btn-blue { background: #9c1018; color: #fff; border: none; }
.btn-blue:hover { background: #9c1018; color: #fff; }
.bg-soft-primary { background-color: #f8f9fa; }
.category-filter-bar .btn {
    transition: all 0.3s ease;
    font-size: 0.9rem;
    font-weight: 500;
}
.category-filter-bar .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.cta-box {
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
#projectContainer.list-view .col-lg-4 {
    width: 100%;
}
#projectContainer.list-view .project-modern-card {
    display: flex;
    flex-direction: row;
    height: auto !important;
}
#projectContainer.list-view .card-img-wrap {
    width: 300px;
    height: 100% !important;
}
#projectContainer.list-view .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 768px) {
    #projectContainer.list-view .project-modern-card {
        flex-direction: column;
    }
    #projectContainer.list-view .card-img-wrap {
        width: 100%;
        height: 200px !important;
    }
}
.view-switcher .btn.active { background-color: #9c1018 !important; color: white !important; }
.view-switcher .btn.active i { color: white !important; }
@media (min-width: 992px) {
    #projectContainer.list-view .project-item { width: 100%; }
    #projectContainer.list-view .project-modern-card { display: flex; flex-direction: row; align-items: center; }
    #projectContainer.list-view .card-img-wrap { width: 350px; height: 220px !important; flex-shrink: 0; }
    #projectContainer.list-view .card-body { flex-grow: 1; padding: 2rem !important; }
    #projectContainer.list-view .card-action { width: 150px; }
}
#projectContainer .card-img-wrap { transition: transform 0.5s ease; height: 240px; }
.project-modern-card:hover { box-shadow: 0 1rem 3rem rgba(0,0,0,.1) !important; transform: translateY(-5px); }
.archive-hero {
    overflow: hidden;
    margin-top: 135px;    
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%) !important;
}
@media (max-width: 768px) {
    .archive-hero {
        margin-top: 70px;
        padding-bottom: 40px;
    }
}
.archive-controls {
    border: 1px solid rgba(0,0,0,0.05);
}
.view-switcher .btn {
    border: 1px solid #eee;
    color: #888;
}
.view-switcher .btn.active {
    background: #9c1018;
    color: #fff;
    border-color: #9c1018;
}
.project-modern-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.project-modern-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 45px rgba(0,0,0,0.1) !important;
}
.project-modern-card:hover .card-img-wrap img {
    transform: scale(1.1);
}
.card-img-wrap img {
    transition: transform 0.6s ease;
}
.custom-pagination-container ul.page-numbers {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 40px 0 !important;
    gap: 10px !important;
}
.custom-pagination-container ul.page-numbers li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.custom-pagination-container ul.page-numbers li::before,
.custom-pagination-container ul.page-numbers li::after {
    content: none !important;
    display: none !important;
}
.custom-pagination-container ul.page-numbers li a, 
.custom-pagination-container ul.page-numbers li span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    padding: 0 15px;
    text-decoration: none !important;
    border: 1px solid #eee !important;
    border-radius: 50px !important;
    background: #fff !important;
    color: #444 !important;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}
.custom-pagination-container ul.page-numbers li span.current {
    background-color: #9c1018 !important;
    color: #fff !important;
    border-color: #9c1018 !important;
    box-shadow: 0 4px 12px #9c101870;
}
.custom-pagination-container ul.page-numbers li a:hover {
    background-color: #f8f9fa !important;
    border-color: #9c1018 !important;
    color: #9c1018 !important;
}
.custom-pagination-container ul.page-numbers li a.next {
    min-width: 100px !important;
}
.modern-search-bar .search-form {
    border-radius: 0;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.05);
}
.modern-search-bar input[type="search"] {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    padding: 15px 20px;
}
.hover-blue:hover {
    color: #ff6600 !important;
}
.search-thumb img {
    transition: transform 0.6s ease;
}
.search-item:hover .search-thumb img {
    transform: scale(1.1);
}
.search-item {
    transition: background 0.3s ease;
}

.search-item:hover {
    background: #fcfcfc;
}
.pagination-container ul.page-numbers {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 8px;
    justify-content: center;
}
.pagination-container ul.page-numbers li a,
.pagination-container ul.page-numbers li span {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    text-decoration: none;
    color: #333;
    font-weight: 600;
}
.pagination-container ul.page-numbers li span.current {
    background: #9c1018 ;
    color: #fff;
    border-color: #9c1018 ;
}
.input-group-custom {
    position: relative;
    display: flex;
    align-items: center;
    background: #222;
    border-radius: 50px;
    padding: 8px;
    border: 1px solid #444;
}
.search-icon-wrap {
    padding-left: 20px;
    color: #9c1018 ;
    display: flex;
    align-items: center;
}
.search-field-modern {
    flex: 1;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #fff !important;
    padding: 10px 15px !important;
    font-size: 16px;
}
.search-submit-modern {
    background: #9c1018  !important;
    color: #fff !important;
    border: none !important;
    border-radius: 40px !important;
    padding: 10px 25px !important;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
    transition: transform 0.2s;
}
.search-submit-modern:hover {
    transform: scale(1.05);
}
.pagination-container ul, 
.pagination-wrap ul,
ul.page-numbers {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px;
}
ul.page-numbers li {
    list-style-type: none !important;
    margin: 0 !important;
}
ul.page-numbers li::before {
    content: none !important;
    display: none !important;
}
.wa-float-wrapper { 
    position: fixed; 
    bottom: 90px; 
    z-index: 9998; 
    display: none; 
    right: var(--wa-pos-right, auto);
    left: var(--wa-pos-left, auto);
}

.wa-float { 
    display: flex; align-items: center; justify-content: center; 
    color: #FFF; text-decoration: none; box-shadow: 0 4px 15px rgba(0,0,0,0.2); 
    transition: all 0.3s ease; 
    background-color: var(--wa-bg-color, #25D366);
}

.wa-shape-circle { width: 50px; height: 50px; border-radius: 50%; }
.wa-shape-square { height: 44px; border-radius: 8px; padding: 0 15px; width: auto; }

.wa-bubble {
    position: absolute;
    bottom: var(--wa-bubble-bottom, 60px);
    background: #fff; color: #333; padding: 8px 15px; border-radius: 10px;
    font-size: 13px; font-weight: 600; white-space: nowrap;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); border: 1px solid #eee;
    opacity: 0; transform: translateY(10px); transition: all 0.5s ease; pointer-events: none;
    right: var(--wa-bubble-right, auto);
    left: var(--wa-bubble-left, auto);
}

.wa-bubble::after {
    content: ''; position: absolute; bottom: -6px;
    right: var(--wa-after-right, auto);
    left: var(--wa-after-left, auto);
    width: 12px; height: 12px; background: #fff; transform: rotate(45deg);
    border-right: 1px solid #eee; border-bottom: 1px solid #eee;
}

.wa-float-wrapper.show-bubble .wa-bubble { opacity: 1; transform: translateY(0); }
.wa-float svg { width: 26px; height: 26px; fill: #fff; }
.wa-shape-square svg { width: 22px; height: 22px; margin-right: 8px; }
.wa-float:hover { transform: scale(1.05); filter: brightness(1.1); color: #fff; }

@keyframes wa-soft-pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.wa-float { animation: wa-soft-pulse 2s infinite; }
.maes-modern-card {
    text-decoration: none !important;
    display: block;
    width: 100%;
}

.card-inner {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Hafif modern gölge */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Görsel Alanı ve Sabit Oran */
.card-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 65%; /* Kutuyu daha büyük ve geniş gösterir */
    overflow: hidden;
}

.card-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Resim Üzerindeki Efekt */
.card-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #9c101870; /* Marka rengine göre değiştirilebilir */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-image-overlay i {
    color: #fff;
    font-size: 2rem;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

/* İçerik Bölümü */
.card-body-custom {
    padding: 25px 20px;
    text-align: center;
    background: #fff;
}

.mtitle {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1a1a1a;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.description {
    font-size: 0.9rem;
    color: #666;
    margin-top: 10px;
}

/* HOVER EFEKTLERİ */
.maes-modern-card:hover .card-inner {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.maes-modern-card:hover .card-image-wrapper img {
    transform: scale(1.1);
}

.maes-modern-card:hover .card-image-overlay {
    opacity: 1;
}

.maes-modern-card:hover .card-image-overlay i {
    transform: translateY(0);
}

.maes-modern-card:hover .mtitle {
    color: #9c1018; /* Hoverda başlık rengi değişir */
}