/*
Theme Name: Osmaniye Belediyesi
Theme URI: https://okultr.com/yeni/
Update URI: https://okultr.com/updates/osmaniye-belediyesi/
Author: Osmaniye Belediyesi
Author URI: https://osmaniye-bld.gov.tr
Description: T.C. Osmaniye Belediyesi resmi web sitesi icin gelistirilen ozel WordPress temasi.
Version: 1.4.600
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: osmaniye-belediyesi
Tags: custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

@viewport {
    width: device-width;
    zoom: 1;
    min-zoom: 1;
    max-zoom: 1;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 

:root {
    --ob-color-navy-900: #052e16;
    --ob-color-navy-800: #0F172A;
    --ob-color-navy-700: #1E293B;
    --ob-color-navy-600: #334155;

    --ob-color-orange-900: #C2410C;
    --ob-color-orange-700: #E65100;
    --ob-color-orange-600: #F97316;
    --ob-color-orange-500: #FB923C;
    --ob-color-orange-400: #FF9800;
    --ob-color-orange-100: #FFF1E0;

    --ob-color-green-900: #0B2E16;  
    --ob-color-green-800: #0F3D1E;  
    --ob-color-green-700: #2E7D32;  
    --ob-color-green-600: #10B981;  
    --ob-color-green-500: #22C55E;
    --ob-color-green-100: #ECFDF5;

    --ob-color-slate-900: #0F172A;
    --ob-color-slate-800: #1E293B;
    --ob-color-slate-700: #334155;
    --ob-color-slate-600: #475569;
    --ob-color-slate-500: #64748B;
    --ob-color-slate-400: #94A3B8;
    --ob-color-slate-300: #CBD5E1;
    --ob-color-slate-200: #E2E8F0;
    --ob-color-slate-100: #F1F5F9;
    --ob-color-slate-50:  #F8FAFC;

    --ob-color-white: #FFFFFF;
    --ob-color-black: #000000;

    --ob-color-red-600: #DC2626;
    --ob-color-red-700: #B91C1C;

    --ob-color-gold-500: #FBBF24;   
    --ob-color-gold-400: #FCD34D;

    --ob-color-blue-600: #2563EB;
    --ob-color-purple-600: #9333EA;
    --ob-color-pink-600: #DB2777;
    --ob-color-amber-700: #B45309;
    --ob-color-emerald-600: #059669;
    --ob-color-emerald-500: #10B981;

    --ob-container-width: 1330px;
    --ob-container-padding-x: 16px;
    --ob-container-padding-x-lg: 32px;

    --ob-radius-sm: 8px;
    --ob-radius-md: 12px;
    --ob-radius-lg: 16px;
    --ob-radius-xl: 20px;
    --ob-radius-2xl: 24px;
    --ob-radius-3xl: 28px;
    --ob-radius-pill: 9999px;

    --ob-shadow-sm: 0 1px 2px 0 rgba(5, 46, 22, 0.05);
    --ob-shadow-md: 0 4px 12px -2px rgba(5, 46, 22, 0.08), 0 2px 4px -2px rgba(5, 46, 22, 0.04);
    --ob-shadow-lg: 0 20px 40px -12px rgba(5, 46, 22, 0.15), 0 8px 16px -8px rgba(5, 46, 22, 0.08);
    --ob-shadow-xl: 0 25px 50px -12px rgba(5, 46, 22, 0.25), 0 12px 24px -12px rgba(5, 46, 22, 0.1);
    --ob-shadow-ebel: 0 8px 20px -6px rgba(230, 81, 0, 0.35), 0 4px 8px -4px rgba(230, 81, 0, 0.2);

    --ob-font-sans: 'Poppins', "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;  
    --ob-font-heading: 'Poppins', var(--ob-font-sans);   
    --ob-font-handwriting: 'Caveat', 'Dancing Script', cursive;  

    --ob-adminbar-h: 32px;
    --ob-adminbar-h-mobile: 46px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    background-color: #020617;
    margin-top: 0 !important;
    scrollbar-gutter: stable;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 782px) {
    html { margin-top: 0 !important; }
}

html body.admin-bar.admin-bar.admin-bar,
html body.has-admin-bar.has-admin-bar.has-admin-bar,
html body.logged-in.logged-in.logged-in,
body[class*="admin-bar"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html body.admin-bar,
html body.has-admin-bar {
    background-image: linear-gradient(180deg, #020617 0 46px, var(--ob-color-white) 46px 100%);
}

body {
    font-family: 'Poppins', var(--ob-font-sans);
    font-size: 16px;
    line-height: 1.6;
    color: var(--ob-color-slate-800);
    background-color: var(--ob-color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

img,
svg,
video {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
    color: inherit;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ob-font-heading);
    line-height: 1.2;
    color: var(--ob-color-slate-900);
    font-weight: 700;
}

.container-site {
    width: 100%;
    max-width: var(--ob-container-width);
    margin: 0 auto;
    padding-left: var(--ob-container-padding-x);
    padding-right: var(--ob-container-padding-x);
}

@media (min-width: 1024px) {
    .container-site {
        padding-left: var(--ob-container-padding-x-lg);
        padding-right: var(--ob-container-padding-x-lg);
    }
}

.site-shell {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    background-color: var(--ob-color-white);
    position: relative;
}

.site-main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding-top: calc(100vh + 50px);
    padding-top: calc(100dvh + 50px);
    padding-top: calc(100svh + 50px);
    padding-top: calc(var(--ob-app-height, 100svh) + 50px);
    position: static;
}

.site-top-bar {
    width: 100%;
    color: #F8FAFC;
    font-size: 13px;                             
    font-weight: 500;                            
    letter-spacing: 0;                           
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.32) 55%, rgba(0, 0, 0, 0.12) 80%, rgba(0, 0, 0, 0.04) 100%);
    border-bottom: none;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

body.has-admin-bar .site-top-bar,
body.admin-bar .site-top-bar {
    top: var(--ob-adminbar-h, 32px);
}
@media (max-width: 782px) {
    body.has-admin-bar .site-top-bar,
    body.admin-bar .site-top-bar {
        top: var(--ob-adminbar-h-mobile, 46px);
    }
}

body.has-admin-bar .site-header,
body.admin-bar .site-header {
    top: calc(var(--ob-adminbar-h, 32px) + 40px);
}
@media (max-width: 782px) {
    body.has-admin-bar .site-header,
    body.admin-bar .site-header {
        top: calc(var(--ob-adminbar-h-mobile, 46px) + 40px);
    }
}

body.has-admin-bar .site-header.is-scrolled,
body.admin-bar .site-header.is-scrolled {
    top: var(--ob-adminbar-h, 32px);
}
@media (max-width: 782px) {
    body.has-admin-bar .site-header.is-scrolled,
    body.admin-bar .site-header.is-scrolled {
        top: var(--ob-adminbar-h-mobile, 46px);
    }
}

.site-top-bar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(217, 119, 6, 0.18) 10%,
        rgba(234, 179, 8, 0.55) 30%,
        rgba(250, 204, 21, 0.85) 50%,
        rgba(234, 179, 8, 0.55) 70%,
        rgba(217, 119, 6, 0.18) 90%,
        transparent 100%);
    box-shadow: 0 0 10px 0 rgba(234, 179, 8, 0.18),
                0 1px 0 0 rgba(255, 255, 255, 0.06);
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

body.is-scrolled .site-top-bar::after {
    opacity: 0;
}

body.is-scrolled .site-top-bar {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    pointer-events: none;
}

.site-top-bar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.site-top-bar__group {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.site-top-bar__group--left {
    flex-shrink: 0;
}

.site-top-bar__group--center {
    flex: 1;
    justify-content: center;
    gap: 18px;
    color: #E2E8F0;

}

.site-top-bar__group--right {
    flex-shrink: 0;
    gap: 20px;

}

.site-top-bar__flag {
    width: 26px;
    height: 18px;
    display: inline-flex;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

.site-top-bar__flag-svg {
    width: 100%;
    height: 100%;
    display: block;
}

.site-top-bar__official-text {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    line-height: 1;
}

.site-top-bar__official-sub {
    color: #FFFFFF;

}

.site-top-bar__sep {
    color: var(--ob-color-gold-400);
    font-size: 8px;                       

}

.site-top-bar__happy-city {
    color: var(--ob-color-gold-400);

}

.site-top-bar__date-item,
.site-top-bar__weather-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
    white-space: nowrap;
}

.site-top-bar__icon {
    font-size: 13.5px;
    opacity: 0.95;
}

.site-top-bar__icon--sun {
    color: var(--ob-color-gold-400);
}

.site-top-bar__divider {
    display: inline-block;
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

.site-top-bar__contact {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    line-height: 1;
    transition: color 0.2s ease, opacity 0.2s ease;
    white-space: nowrap;
}

.site-top-bar__contact:hover,
.site-top-bar__contact:focus-visible {
    color: var(--ob-color-gold-400);
    outline: none;
}

.site-header {
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 70;
    isolation: isolate;
    transition: box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease, backdrop-filter 0.3s ease;
}

.site-header.is-scrolled {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(0);
    z-index: 80;
    width: 100%;
}

body.has-admin-bar .site-header.is-scrolled {
    top: var(--ob-adminbar-h);
}

@media (max-width: 782px) {
    body.has-admin-bar .site-header.is-scrolled {
        top: var(--ob-adminbar-h-mobile);
    }
}

.site-header__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: none;
    box-shadow: none;
    z-index: -1;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
}

.site-header.is-scrolled .site-header__bg {
    background-color: rgba(255, 255, 255, 0.96);
    backdrop-filter: saturate(180%) blur(12px);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    border-bottom: 1px solid rgba(5, 46, 22, 0.08);
    box-shadow: 0 1px 0 0 rgba(5, 46, 22, 0.04),
                0 10px 30px -18px rgba(5, 46, 22, 0.12);
}

body:not(.home):not(.front-page) .site-top-bar {
    background: linear-gradient(135deg, #052e16 0%, #14532d 100%);
    border-bottom: none;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.06);
    overflow: visible;
}

html body .site-top-bar::after,
html body.home .site-top-bar::after,
html body.front-page .site-top-bar::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

html body:not(.home):not(.front-page) .site-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(100% - calc(var(--ob-container-padding-x) * 2), var(--ob-container-width));
    height: 1px;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.22) 15%,
        rgba(255, 255, 255, 0.40) 50%,
        rgba(255, 255, 255, 0.22) 85%,
        rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 0 14px 2px rgba(255, 255, 255, 0.08);
    pointer-events: none;
    z-index: 15;
    display: block !important;
}

html body.home .site-header::before,
html body.front-page .site-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(100% - calc(var(--ob-container-padding-x) * 2), var(--ob-container-width));
    height: 1px;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.28) 14%,
        rgba(255, 255, 255, 0.50) 50%,
        rgba(255, 255, 255, 0.28) 86%,
        rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 0 18px 2px rgba(255, 255, 255, 0.10);
    pointer-events: none;
    z-index: 15;
    display: block !important;
}

body:not(.home):not(.front-page) .site-header .site-header__bg {
    background: linear-gradient(135deg, #052e16 0%, #14532d 100%);

    border-top: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 12px 30px -20px rgba(5, 46, 22, 0.8);
}

body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__bg {
    background: linear-gradient(135deg,
        rgba(5, 46, 22, 0.96) 0%,
        rgba(20, 83, 45, 0.94) 100%);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 12px 30px -20px rgba(5, 46, 22, 0.88);
}
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__menu-link {
    color: rgba(255, 255, 255, 0.93) !important;
}
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__menu-link:hover,
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__menu-link:focus-visible,
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__menu-item.is-active > .site-header__menu-link {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: #FFFFFF !important;
}
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__btn--search {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.93) !important;
}
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__btn--search:hover,
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__btn--search:focus-visible {
    background-color: rgba(255, 255, 255, 0.16) !important;
    color: #FFFFFF !important;
}
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__btn--hamburger {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.93) !important;
}
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__btn--hamburger:hover,
body:not(.home):not(.front-page) .site-header.is-scrolled .site-header__btn--hamburger:focus-visible {
    background-color: rgba(255, 255, 255, 0.16) !important;
    color: #FFFFFF !important;
}

body .site-header.is-scrolled .site-header__container {
    min-height: 60px !important;
    height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;                                                
    align-items: center !important;
    justify-content: center !important;
}

body .site-header.is-scrolled .site-header__row,
body .site-header.is-scrolled .site-header__logo-link,
body .site-header.is-scrolled .site-header__slogan-banner,
body .site-header.is-scrolled .site-header__nav,
body .site-header.is-scrolled .site-header__menu,
body .site-header.is-scrolled .site-header__menu-item,
body .site-header.is-scrolled .site-header__actions,
body .site-header.is-scrolled .site-header__btn,
body .site-header.is-scrolled .site-header__menu-link {
    align-items: center !important;
    justify-content: center !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    align-self: center !important;
    vertical-align: middle !important;
}

body .site-header.is-scrolled .site-header__logo-wrap {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;

    width: calc(60px * (212 / 241));
}

body .site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-wrap,
body .site-header.is-scrolled .site-header__logo-wrap:has(.site-header__logo-img--mobile) {
    width: auto !important;
    min-width: 0 !important;
    max-width: 55vw !important;
    padding: 0 14px 0 6px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    overflow: visible !important;
    flex: 0 1 auto !important;
    height: var(--hl-sticky-h, 44px) !important;
    min-height: var(--hl-sticky-h, 44px) !important;
    max-height: var(--hl-sticky-h, 44px) !important;
}

body .site-header.is-scrolled .site-header__slogan-banner {
    height: 44px !important;
    min-height: 44px !important;
    padding: 6px 16px !important;
    gap: 1px !important;

    clip-path: polygon(
        12px 0,
        100% 0,
        100% calc(100% - 12px),
        calc(100% - 12px) 100%,
        0 100%,
        0 12px
    ) !important;
}
body .site-header.is-scrolled .site-header__slogan-top {
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
}
body .site-header.is-scrolled .site-header__slogan-bottom {
    font-size: 12px !important;
    letter-spacing: 0.005em !important;
}

body .site-header.is-scrolled .site-header__menu-item {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body .site-header.is-scrolled .site-header__menu-group .mega-menu {
    top: calc(100% - 10px) !important;
}

body .site-header.is-scrolled .site-header__menu-group::before {
    top: calc(100% - 10px) !important;
}

body .site-header.is-scrolled .site-header__menu-link {
    color: var(--ob-color-slate-700) !important;
    font-size: 14px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

body .site-header.is-scrolled .site-header__btn--search {
    width: 32px !important;
    height: 32px !important;
    background-color: var(--ob-color-slate-100) !important;
    color: var(--ob-color-slate-700) !important;
    font-size: 12.5px !important;
}
body .site-header.is-scrolled .site-header__btn--hamburger {
    width: 34px !important;
    height: 34px !important;
    background-color: var(--ob-color-slate-100) !important;
    color: var(--ob-color-slate-700) !important;
    font-size: 15px !important;
}

@media (min-width: 1024px) {
    body .site-header.is-scrolled .site-header__btn--hamburger {
        display: none !important;
    }
}

body .site-header.is-scrolled .site-header__btn--ebel {
    padding: 6px 11px !important;
    height: 32px !important;
    font-size: 11.5px !important;
    letter-spacing: 0.01em !important;
    gap: 5px !important;
    border-radius: 8px !important;
}
body .site-header.is-scrolled .site-header__btn-icon {
    font-size: 12px !important;
}
body .site-header.is-scrolled .site-header__menu-caret {
    font-size: 8.5px !important;
}

body.is-scrolled .site-header.is-scrolled .site-header__row,
.site-header.is-scrolled .site-header__row {
    align-items: center !important;
    justify-content: space-between !important;
    height: 60px !important;
    min-height: 60px !important;
}

body.is-scrolled .site-header.is-scrolled .site-header__nav,
body.is-scrolled .site-header.is-scrolled .site-header__actions,
body.is-scrolled .site-header.is-scrolled .site-header__logo-link,
body.is-scrolled .site-header.is-scrolled .site-header__btn,
.site-header.is-scrolled .site-header__nav,
.site-header.is-scrolled .site-header__actions,
.site-header.is-scrolled .site-header__logo-link,
.site-header.is-scrolled .site-header__btn {
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
    margin: 0;
}

body.is-scrolled .site-header.is-scrolled .site-header__nav,
.site-header.is-scrolled .site-header__nav,
body.is-scrolled .site-header.is-scrolled .site-header__menu,
.site-header.is-scrolled .site-header__menu,
body.is-scrolled .site-header.is-scrolled .site-header__actions,
.site-header.is-scrolled .site-header__actions {
    display: flex !important;
}

body.is-scrolled .site-header.is-scrolled .site-header__btn--search,
body.is-scrolled .site-header.is-scrolled .site-header__btn--hamburger {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
}

body.is-scrolled .site-header.is-scrolled .site-header__menu,
.site-header.is-scrolled .site-header__menu {
    gap: 10px !important;
    padding: 0 !important;
}

.site-header__container {
    min-height: 84px;
    height: 84px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;                                                           
    align-items: center !important;
    justify-content: center;
}

.site-header__row,
.site-header__logo-link,
.site-header__slogan-banner,
.site-header__nav,
.site-header__menu,
.site-header__menu-item,
.site-header__actions,
.site-header__btn,
.site-header__menu-link,
.site-header__menu-group {
    align-items: center !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    align-self: center !important;
}

.site-header__menu-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 6px;
}

.site-header__row {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;                                                 
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.site-header__logo-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    transition: transform 0.25s ease;
    flex-shrink: 0;
    max-width: 100%;
    height: 100%;
}

.site-header__logo-link--wide {
    gap: 0;
    flex: 0 0 auto;
    max-width: 100%;
}

.site-header__logo-link:hover,
.site-header__logo-link:focus-visible {
    transform: translateY(-1px);
    outline: none;
}

.site-header__logo-wrap {
    width: calc(84px * (212 / 241));
    height: 84px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.site-header__logo-link--wide .site-header__logo-wrap {
    width: fit-content;
    max-width: 100%;
    height: var(--hl-height, 62px);
    justify-content: flex-start;
    align-items: center;
    overflow: visible;
}

.site-header__row--no-slogan {
    align-items: center;
}
.site-header__row--no-slogan .site-header__logo-link {
    margin-right: 24px;
}

.site-header__logo-link:hover .site-header__logo-wrap {
    transform: scale(1.04);
}

.site-header__logo-img {
    width: var(--hl-width, 170px);
    max-width: var(--hl-width, 170px);
    height: auto;
    max-height: 80px;
    object-fit: contain;
    object-position: left center;
    display: block;
    border-radius: 2px;
    background-color: transparent;
}

.site-header__logo-img--mobile {
    display: none !important;
    visibility: hidden;
    opacity: 0;
}

.site-header__logo-link--wide .site-header__logo-img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: var(--hl-height, 62px);
}

.site-header__logo-img--svg {
    width: var(--hl-width, 170px) !important;
    height: auto !important;
    max-height: none !important;
    filter: none !important;
}

.site-header__logo-link--wide .site-header__logo-img--svg {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: var(--hl-height, 62px) !important;
}

body .site-header.is-scrolled .site-header__logo-img {
    max-width: calc(var(--hl-width, 170px) * 0.88);
    max-height: var(--hl-sticky-h, 44px);
    height: var(--hl-sticky-h, 44px);
    width: auto;
}

body .site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-img {
    max-width: calc(var(--hl-width, 170px) * 0.82);
    max-height: calc(var(--hl-sticky-h, 44px) + 4px);
    height: calc(var(--hl-sticky-h, 44px) + 4px);
    width: auto;
}

body .site-header.is-scrolled .site-header__logo-img.site-header__logo-img--mobile {
    height: var(--hl-sticky-h, 40px) !important;
    max-height: var(--hl-sticky-h, 40px) !important;
    max-width: min(55vw, 260px) !important;
    width: auto !important;
}

body .site-header.is-scrolled .site-header__logo-img.site-header__logo-img--svg {
    width: auto !important;
    height: var(--hl-sticky-h, 44px) !important;
    max-height: var(--hl-sticky-h, 44px) !important;
    max-width: calc(var(--hl-width, 170px) * 0.88) !important;
}
body .site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-img.site-header__logo-img--svg {
    width: auto !important;
    height: calc(var(--hl-sticky-h, 44px) + 4px) !important;
    max-height: calc(var(--hl-sticky-h, 44px) + 4px) !important;
    max-width: calc(var(--hl-width, 170px) * 0.82) !important;
}

body .site-header.is-scrolled .site-header__logo-img.site-header__logo-img--mobile.site-header__logo-img--svg {
    width: auto !important;
    height: var(--hl-sticky-h, 40px) !important;
    max-height: var(--hl-sticky-h, 40px) !important;
    max-width: min(55vw, 260px) !important;
}

body .site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-wrap {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 14px 0 8px !important;
    justify-content: flex-start !important;
    height: 60px;
    max-width: 58vw !important;
}

.site-header__slogan-banner {
    position: relative;
    background: #15803d;
    color: #FFFFFF;
    padding: 10px 22px;
    height: 62px;
    min-height: 62px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 2px;
    box-shadow: 0 10px 28px -14px rgba(21, 128, 61, 0.6),
                0 4px 14px -8px rgba(21, 128, 61, 0.4);
    line-height: 1;
    clip-path: polygon(
        18px 0,
        100% 0,
        100% calc(100% - 18px),
        calc(100% - 18px) 100%,
        0 100%,
        0 18px
    );
    flex-shrink: 0;
}

.site-header__slogan-top {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.94);
    padding-left: 0;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: left;
}

.site-header__slogan-bottom {
    font-family: var(--ob-font-heading);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 0;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: left;
}

.site-header__nav {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 8px;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    box-sizing: border-box;
    position: static;
}

.site-header__menu {
    display: flex;
    align-items: center;
    gap: 10px;                                                       
    padding: 4px 0;
    background-color: transparent;
    border-radius: var(--ob-radius-xl);
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto;
    overflow: visible;
    box-sizing: border-box;
    position: static;
}

.site-header__menu-item {
    position: relative;

    padding-top: 22px;
    padding-bottom: 22px;
}

.site-header__menu-group::before {
    content: "";
    position: absolute !important;
    left: -20px;
    right: -20px;
    top: calc(100% - 22px);
    height: 20px !important;                                       
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    z-index: 54;
    pointer-events: auto;
}

.site-header__menu-group.is-open > .mega-menu,
.site-header__menu-group.is-hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);                     
    pointer-events: auto;
    transition-delay: 0s;
}

.site-header__menu-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 9px 8px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1;
    position: relative;
    transition: all 0.22s ease;
    white-space: nowrap;
    box-sizing: border-box;
}

.site-header.is-scrolled .site-header__menu-link {
    color: var(--ob-color-slate-700);
}

.site-header__menu-link::after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 8px;
    right: 8px;
    height: 2px;
    background: linear-gradient(90deg, var(--ob-color-orange-700), var(--ob-color-orange-500));
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.site-header__menu-link:hover,
.site-header__menu-link:focus-visible,
.site-header__menu-item.is-active > .site-header__menu-link {
    background-color: rgba(255, 255, 255, 0.18);
    color: #FFFFFF;
    transform: translateY(-1px);
    outline: none;
}

.site-header.is-scrolled .site-header__menu-link:hover,
.site-header.is-scrolled .site-header__menu-link:focus-visible,
.site-header.is-scrolled .site-header__menu-item.is-active > .site-header__menu-link {
    background-color: var(--ob-color-orange-100);
    color: var(--ob-color-orange-700);
}

.site-header__menu-link:hover::after,
.site-header__menu-link:focus-visible::after,
.site-header__menu-item.is-active > .site-header__menu-link::after {
    transform: scaleX(1);
}

.site-header__menu-link-icon {
    font-size: 13px;
    opacity: 0.92;
}

.site-header__menu-link--contact {
    gap: 7px;
    padding: 10px 15px;
    border: 1px solid rgba(199, 166, 48, 0.46);
    background: linear-gradient(180deg, #4f5715 0%, #3e4612 100%);
    color: #FFFFFF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 10px 24px rgba(34, 29, 4, 0.20);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.site-header__menu-link--contact .site-header__menu-link-icon {
    color: #F0C95D;
}

.site-header__menu-link--contact::after {
    left: 14px;
    right: 14px;
    background: linear-gradient(90deg, #F0C95D, #F4D979);
}

.site-header__menu-link--contact:hover,
.site-header__menu-link--contact:focus-visible,
.site-header__menu-item.is-active > .site-header__menu-link--contact {
    background: linear-gradient(180deg, #5b6518 0%, #465013 100%);
    border-color: rgba(223, 189, 70, 0.58);
    color: #FFFFFF;
}

.site-header__menu-link--contact:hover .site-header__menu-link-icon,
.site-header__menu-link--contact:focus-visible .site-header__menu-link-icon,
.site-header__menu-item.is-active > .site-header__menu-link--contact .site-header__menu-link-icon {
    color: #F6D77B;
}

.site-header.is-scrolled .site-header__menu-link--contact {
    border-color: rgba(199, 166, 48, 0.46);
    background: linear-gradient(180deg, #4f5715 0%, #3e4612 100%);
    color: #FFFFFF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 10px 24px rgba(34, 29, 4, 0.20);
}

.site-header.is-scrolled .site-header__menu-link--contact .site-header__menu-link-icon {
    color: #F0C95D;
}

.site-header.is-scrolled .site-header__menu-link--contact:hover,
.site-header.is-scrolled .site-header__menu-link--contact:focus-visible,
.site-header.is-scrolled .site-header__menu-item.is-active > .site-header__menu-link--contact {
    background: linear-gradient(180deg, #5b6518 0%, #465013 100%);
    border-color: rgba(223, 189, 70, 0.58);
    color: #FFFFFF;
}

.site-header.is-scrolled .site-header__menu-link--contact:hover .site-header__menu-link-icon,
.site-header.is-scrolled .site-header__menu-link--contact:focus-visible .site-header__menu-link-icon,
.site-header.is-scrolled .site-header__menu-item.is-active > .site-header__menu-link--contact .site-header__menu-link-icon {
    color: #F6D77B;
}

.site-header__menu-caret {
    font-size: 9.5px;
    color: currentColor;
    opacity: 0.75;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.site-header__menu-group:hover .site-header__menu-caret,
.site-header__menu-group:focus-within .site-header__menu-caret {
    transform: rotate(180deg);
}

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    min-width: 0;
    box-sizing: border-box;
    margin-left: 4px;
}

.site-header__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.22s ease;
    font-family: inherit;
    font-weight: 700;
}

.site-header__btn--search {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.18);
    color: #FFFFFF;
    font-size: 14px;
    flex-shrink: 0;
}

.site-header.is-scrolled .site-header__btn--search {
    background-color: var(--ob-color-slate-100);
    color: var(--ob-color-slate-700);
}

.site-header__btn--search:hover,
.site-header__btn--search:focus-visible {
    background-color: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    transform: translateY(-1px) translateZ(0);                              
    outline: none;
    box-shadow: 0 6px 14px -6px rgba(0, 0, 0, 0.25);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.site-header__btn--search:active {
    transform: none !important;
    background-color: rgba(255, 255, 255, 0.45);
}

.site-header.is-scrolled .site-header__btn--search:hover,
.site-header.is-scrolled .site-header__btn--search:focus-visible {
    background-color: var(--ob-color-slate-200);
    color: var(--ob-color-navy-800);
    transform: translateY(-1px) translateZ(0);
    outline: none;
    box-shadow: 0 6px 14px -6px rgba(5, 46, 22, 0.2);
    backface-visibility: hidden;
}
.site-header.is-scrolled .site-header__btn--search:active {
    transform: none !important;
    background-color: var(--ob-color-slate-300);
}

.site-header__btn--ebel {
    padding: 9px 14px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--ob-color-orange-700) 0%, var(--ob-color-orange-600) 55%, var(--ob-color-orange-400) 100%);
    color: var(--ob-color-white);
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 0.02em;
    gap: 7px;
    box-shadow: var(--ob-shadow-ebel);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 0;
}

.site-header__btn--ebel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    transform: translateX(-120%);
    transition: transform 0.6s ease;
    pointer-events: none;
}

.site-header__btn-icon {
    font-size: 14px;
    opacity: 0.95;
    flex-shrink: 0;
}

.site-header__btn--ebel:hover,
.site-header__btn--ebel:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.06);
    box-shadow: 0 12px 24px -6px rgba(230, 81, 0, 0.55);
    color: var(--ob-color-white);
    outline: none;
}

.site-header__btn--ebel:hover::before,
.site-header__btn--ebel:focus-visible::before {
    transform: translateX(120%);
}

.site-header__btn--hamburger {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.18);
    color: #FFFFFF;
    font-size: 18px;
    display: none;                                                            
}

@media (min-width: 1024px) {
    .site-header.is-scrolled .site-header__btn--hamburger {
        background-color: var(--ob-color-slate-100);
        color: var(--ob-color-slate-700);
        display: none !important;
    }
    body .site-header.is-scrolled .site-header__btn--hamburger {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .site-header.is-scrolled .site-header__btn--hamburger {
        background-color: var(--ob-color-slate-100);
        color: var(--ob-color-slate-700);
    }
    body .site-header.is-scrolled .site-header__btn--hamburger {
        display: inline-flex !important;   
    }
}

.site-header__btn--hamburger:hover,
.site-header__btn--hamburger:focus-visible {
    background-color: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    transform: translateY(-1px);
    outline: none;
}

.site-header.is-scrolled .site-header__btn--hamburger:hover,
.site-header.is-scrolled .site-header__btn--hamburger:focus-visible {
    background-color: var(--ob-color-slate-200);
    color: var(--ob-color-navy-800);
    transform: translateY(-1px);
    outline: none;
}

.mega-menu {
    position: absolute;

    top: calc(100% - 22px);
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(8px);
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: var(--ob-shadow-xl);
    border: 1px solid var(--ob-color-slate-200);
    padding: 24px;

    margin-top: 10px !important;
    display: grid;
    gap: 24px;
    max-width: min(92vw, 1280px);
    box-sizing: border-box;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 55;
}

.site-header__menu-group:hover > .mega-menu,
.site-header__menu-group:focus-within > .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);                       
    pointer-events: auto;
    transition-delay: 80ms;
}

.mega-menu--850 { width: 900px; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.mega-menu--900 {
    width: 1100px;                                              
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: stretch;                                          

}

.mega-menu--900 .mega-menu__col--services-left.mega-menu__col--feature-slate {
    grid-column: span 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mega-menu--900 .mega-menu__col--services-center {
    grid-column: span 6;
    height: 100%;
}
.mega-menu--900 .mega-menu__col--services-dark {
    grid-column: span 3;
    height: 100%;
}
.mega-menu--900 .mega-menu__subcol.mega-menu__col--feature-slate {
    grid-column: auto;
    width: 100%;
    height: 100%;
}
.mega-menu--700 {
    width: 700px; grid-template-columns: repeat(12, minmax(0, 1fr));

}

.mega-menu__section-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 14px;
    line-height: 1;
}

.mega-menu__section-label--orange { color: var(--ob-color-green-700); }
.mega-menu__section-label--muted  { color: var(--ob-color-slate-400); }
.mega-menu__section-label--green  { color: var(--ob-color-green-700); }
.mega-menu__section-prefix { margin-right: 5px; font-size: 11px; }

.mega-menu__linklist {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
    color: var(--ob-color-slate-600);
}

.mega-menu__linklist--tight { gap: 8px; font-size: 14px; }
.mega-menu__linklist--micro { gap: 7px; font-size: 12.5px; }

.mega-menu__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 0;
    line-height: 1.4;
    transition: all 0.2s ease;
    color: inherit;
    font-weight: 500;
}

.mega-menu__link:hover,
.mega-menu__link:focus-visible {
    color: var(--ob-color-orange-700);
    transform: translateX(1px);
    outline: none;
}

.mega-menu__link--arrow {
    padding-left: 2px;
}

.mega-menu__link-arrow {
    font-size: 10.5px;
    color: var(--ob-color-slate-400);
    margin-right: 4px;
    flex-shrink: 0;
    transition: transform 0.2s ease, color 0.2s ease;
}

.mega-menu__link--arrow:hover .mega-menu__link-arrow,
.mega-menu__link--arrow:focus-visible .mega-menu__link-arrow {
    transform: translateX(3px);
    color: var(--ob-color-orange-700);
}

.mega-menu.mega-menu--listpanel {
    width: min(296px, calc(100vw - 32px));
    grid-template-columns: minmax(0, 1fr);
}

.mega-menu__single-panel {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    border-radius: 18px;
    background: linear-gradient(to bottom, rgba(248, 250, 252, 0.90) 0%, rgba(241, 245, 249, 0.50) 100%);
    border: 1px solid rgba(203, 213, 225, 0.55);
}

.mega-menu__single-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(203, 213, 225, 0.55);
    min-height: 22px;
}

.mega-menu__single-title::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 9999px;
    background: linear-gradient(135deg, #22c55e 0%, #14b8a6 100%);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.08);
    flex-shrink: 0;
}

.mega-menu__single-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', system-ui, -apple-system, sans-serif;
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    color: #0f172a;
    text-shadow: none;
    font-style: normal;
    font-stretch: 100%;
}

.mega-menu__single-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mega-menu__single-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 10px;
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(203, 213, 225, 0.50);
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
    text-decoration: none;
    color: inherit;
    transition:
        transform 250ms cubic-bezier(0.16, 1, 0.3, 1),
        background-color 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.mega-menu__single-item:hover,
.mega-menu__single-item:focus-visible {
    transform: translateX(6px);
    background-color: #ffffff;
    border-color: rgba(20, 184, 166, 0.34);
    box-shadow: 0 4px 10px -3px rgba(15, 23, 42, 0.08);
    outline: none;
}

.mega-menu__single-item-left {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 0%;
}

.mega-menu__single-dot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background-color: #14b8a6;
    flex-shrink: 0;
    transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
}

.mega-menu__single-item:hover .mega-menu__single-dot,
.mega-menu__single-item:focus-visible .mega-menu__single-dot {
    transform: scale(1.45);
}

.mega-menu__single-text {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.012em;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: none;
    font-style: normal;
    font-stretch: 100%;
    text-transform: none;
}

.mega-menu__single-arrow {
    flex-shrink: 0;
    margin-left: 8px;
    font-size: 11px;
    color: #14b8a6;
    transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1), color 220ms ease;
}

.mega-menu__single-item:hover .mega-menu__single-arrow,
.mega-menu__single-item:focus-visible .mega-menu__single-arrow {
    transform: translateX(3px);
    color: #0f766e;
}

.mega-menu__col--feature-slate {
    grid-column: span 4;
    background-color: var(--ob-color-slate-50);
    border: 1px solid var(--ob-color-slate-200);
    padding: 16px;
    border-radius: 14px;
}

.mega-menu__col--plain {
    grid-column: span 4;
    padding: 2px;
}

.mega-menu__col--feature-dark {
    grid-column: span 4;
    background: linear-gradient(135deg, var(--ob-color-navy-800) 0%, var(--ob-color-slate-800) 100%);
    color: #FFFFFF;
    padding: 20px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

.mega-menu__eyebrow {
    display: block;
    font-size: 11px;
    color: var(--ob-color-gold-400);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.mega-menu__feature-title {
    font-family: var(--ob-font-heading);
    font-size: 18px;
    font-weight: 700;
    color: inherit;
    margin: 2px 0 8px;
    line-height: 1.25;
}

.mega-menu__feature-text {
    font-size: 13px;
    color: #CBD5E1;
    line-height: 1.55;
    margin: 0;
}

.mega-menu__feature-text--sm { font-size: 12.5px; color: #94A3B8; }

.mega-menu__feature-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 10px;
    background-color: var(--ob-color-orange-700);
    color: #FFFFFF;
    font-size: 12.5px;
    font-weight: 700;
    transition: all 0.2s ease;
    width: fit-content;
    white-space: nowrap;
    margin-top: 4px;
}

.mega-menu__feature-btn:hover,
.mega-menu__feature-btn:focus-visible {
    background-color: var(--ob-color-orange-600);
    color: #FFFFFF;
    transform: translateY(-1px);
    outline: none;
    box-shadow: 0 8px 16px -6px rgba(230, 81, 0, 0.5);
}

.mega-menu__feature-btn-icon {
    font-size: 11.5px;
}

.mega-menu__col--services-left {
    grid-column: span 3;                                    
    display: flex;
    flex-direction: column;
    gap: 8px;                                                  
    flex: 1 1 auto;                                            
    justify-content: flex-start;
}

.mega-menu__quick-link {
    display: flex;
    align-items: center;
    gap: 8px;                                                   
    padding: 7px 10px;                                          
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ob-color-slate-700);
    transition: all 0.2s ease;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 38px;                                           
    line-height: 1;
}

.mega-menu__quick-link:hover,
.mega-menu__quick-link:focus-visible {
    background-color: var(--ob-color-orange-100);
    color: var(--ob-color-orange-700);
    outline: none;
}

.mega-menu__quick-icon {
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

.mega-menu__quick-icon--orange { color: var(--ob-color-orange-700); }
.mega-menu__quick-icon--green  { color: var(--ob-color-green-700); }
.mega-menu__quick-icon--blue   { color: var(--ob-color-blue-600); }
.mega-menu__quick-icon--pink   { color: var(--ob-color-pink-600); }

.mega-menu__col--services-center {
    grid-column: span 6;                                    
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;                                                 
    padding: 0;                                                
}

.mega-menu__subcol {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mega-menu__col--services-dark {
    grid-column: span 3;                                    
    background-color: #0F172A;
    color: #FFFFFF;
    padding: 20px;
    border-radius: 14px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
}

.mega-menu__support-pill {
    display: inline-block;
    background-color: rgba(16, 185, 129, 0.18);
    color: #6EE7B7;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    padding: 3px 8px;
    border-radius: 4px;
}

.mega-menu__whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 14px;
    border-radius: 10px;
    background-color: var(--ob-color-emerald-600);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 800;
    transition: all 0.2s ease;
    box-shadow: 0 10px 20px -10px rgba(16, 185, 129, 0.6);
    white-space: nowrap;
}

.mega-menu__whatsapp-btn:hover,
.mega-menu__whatsapp-btn:focus-visible {
    background-color: var(--ob-color-emerald-500);
    color: #FFFFFF;
    transform: translateY(-1px);
    outline: none;
    box-shadow: 0 14px 28px -12px rgba(16, 185, 129, 0.7);
}

.mega-menu__whatsapp-icon {
    font-size: 16px;
}

.mega-menu__col--city {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 2px;
}

.mega-menu__city-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 14px;
    transition: all 0.22s ease;
}

.mega-menu__city-card:hover,
.mega-menu__city-card:focus-visible {
    background-color: var(--ob-color-slate-50);
    outline: none;
}

.mega-menu__city-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: transform 0.3s ease;
}

.mega-menu__city-card:hover .mega-menu__city-icon {
    transform: scale(1.1);
}

.mega-menu__city-icon--amber       { background-color: #FFE8D0; color: var(--ob-color-orange-700); }
.mega-menu__city-icon--green       { background-color: var(--ob-color-green-100); color: var(--ob-color-green-700); }
.mega-menu__city-icon--light-amber { background-color: #FFEDD5; color: var(--ob-color-amber-700); }
.mega-menu__city-icon--purple      { background-color: #EDE9FE; color: var(--ob-color-purple-600); }

.mega-menu__city-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.mega-menu__city-title {
    font-family: var(--ob-font-heading);
    font-size: 14.5px;
    font-weight: 700;
    color: var(--ob-color-slate-800);
    line-height: 1.2;
    transition: color 0.2s ease;
}

.mega-menu__city-card:hover .mega-menu__city-title {
    color: var(--ob-color-orange-700);
}

.mega-menu__city-desc {
    font-size: 12px;
    color: var(--ob-color-slate-500);
    line-height: 1.4;
}

body.home .hero.hero,
.hero.hero,
.hero {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    height: 100svh !important;
    height: var(--ob-app-height, 100svh) !important;
    min-height: 100svh !important;
    max-height: none !important;
    overflow: clip !important;
    overflow-x: clip !important;
    overflow-y: clip !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFFFF !important;
    isolation: isolate !important;
    background-color: var(--ob-color-navy-800) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 1 !important;
}

body.has-admin-bar.has-admin-bar.has-admin-bar body.home .hero,
body.has-admin-bar.has-admin-bar.has-admin-bar .hero.hero,
body.has-admin-bar.has-admin-bar.has-admin-bar .hero,
body.admin-bar.admin-bar.admin-bar body.home .hero,
body.admin-bar.admin-bar.admin-bar .hero.hero,
body.admin-bar.admin-bar.admin-bar .hero {
    top: var(--ob-adminbar-h, 32px) !important;
        height: calc(100vh - var(--ob-adminbar-h, 32px)) !important;
        height: calc(100dvh - var(--ob-adminbar-h, 32px)) !important;
        height: calc(100svh - var(--ob-adminbar-h, 32px)) !important;
        height: calc(var(--ob-app-height, 100svh) - var(--ob-adminbar-h, 32px)) !important;
        margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
    body.has-admin-bar.has-admin-bar.has-admin-bar body.home .hero,
    body.has-admin-bar.has-admin-bar.has-admin-bar .hero.hero,
    body.has-admin-bar.has-admin-bar.has-admin-bar .hero,
    body.admin-bar.admin-bar.admin-bar body.home .hero,
    body.admin-bar.admin-bar.admin-bar .hero.hero,
    body.admin-bar.admin-bar.admin-bar .hero {
        top: var(--ob-adminbar-h-mobile, 46px) !important;
        height: calc(100vh - var(--ob-adminbar-h-mobile, 46px)) !important;
        height: calc(100dvh - var(--ob-adminbar-h-mobile, 46px)) !important;
        height: calc(100svh - var(--ob-adminbar-h-mobile, 46px)) !important;
        height: calc(var(--ob-app-height, 100svh) - var(--ob-adminbar-h-mobile, 46px)) !important;
        margin-top: 0 !important;
    }
}

body.has-admin-bar .ehizmetler,
body.admin-bar .ehizmetler {

}

.hero__video-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    background-color: #0F172A;
    background-image: url('https://images.unsplash.com/photo-1591474215631-5485575b66e9?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    background-color: #0F172A;
}

.hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(5, 46, 22, 0.72) 0%,
        rgba(30, 41, 59, 0.62) 45%,
        rgba(5, 46, 22, 0.82) 100%
    );
    z-index: 1;
    pointer-events: none;
}

.hero__inner {
    position: relative;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 50px;
    width: 100%;
    height: 100%;
    min-height: 620px;
    display: flex;
    align-items: center;                                               
    justify-content: center;
    flex-direction: column;                                            
    gap: 0;
    margin: 0 auto;
}

.hero__welcome {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
    padding: 0 16px;
    pointer-events: none;
}

.hero__site-title {
    font-family: var(--ob-font-heading);
    font-size: clamp(34px, 6vw, 74px);
    font-weight: 800;
    color: #FFFFFF;
    letter-spacing: -0.03em;
    line-height: 1.08;
    margin: 0;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.hero__site-slogan {
    font-family: var(--ob-font-handwriting);
    font-size: clamp(22px, 3vw, 40px);
    font-weight: 500;
    color: rgba(255, 255, 255, 0.72);
    letter-spacing: 0.01em;
    line-height: 1.2;
    margin: 0;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}

.hero__fb-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    background-color: #0F172A;
    background-image: url('https://images.unsplash.com/photo-1591474215631-5485575b66e9?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.hero__fb-wrap iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-width: 177.78vh;
    min-height: 56.25vw;
    transform: translate(-50%, -50%);
    border: 0;
    outline: 0;
    pointer-events: none;
    background-color: #0F172A;
}

@media screen and (max-width: 1024px) {
    .hero__fb-wrap iframe {
        min-width: 266.67vh;
        min-height: 37.5vw;
    }
}

@media screen and (max-width: 640px) {
    .hero__fb-wrap iframe {
        min-width: 400vh;
        min-height: 25vw;
    }
}

.hero__content {
    max-width: 780px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    text-align: center;
}

.hero__chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 9999px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--ob-color-gold-400);
}

.hero__chip-dot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background-color: var(--ob-color-emerald-500);
    position: relative;
}

.hero__chip-dot::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    background-color: inherit;
    opacity: 0.7;
    animation: hero-ping 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes hero-ping {
    75%, 100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

.hero__title {
    font-family: var(--ob-font-heading);
    font-size: clamp(32px, 5.2vw, 56px);
    font-weight: 800;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0;
}

.hero__title-gradient {
    display: block;
    margin-top: 4px;
    background: linear-gradient(135deg, #FFC107 0%, #FFD54F 40%, #FFA726 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero__text {
    max-width: 640px;
    font-size: 17px;
    line-height: 1.65;
    color: #CBD5E1;
    font-weight: 400;
    margin: 0;
}

.hero__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 6px;
}

.hero__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 26px;
    border-radius: 14px;
    font-weight: 800;
    font-size: 14.5px;
    transition: all 0.25s ease;
    cursor: pointer;
    white-space: nowrap;
}

.hero__cta--primary {
    background-color: var(--ob-color-orange-700);
    color: #FFFFFF;
    box-shadow: 0 14px 28px -8px rgba(230, 81, 0, 0.5);
}

.hero__cta--primary:hover,
.hero__cta--primary:focus-visible {
    background-color: var(--ob-color-orange-600);
    transform: translateY(-2px) scale(1.02);
    color: #FFFFFF;
    outline: none;
    box-shadow: 0 20px 36px -10px rgba(230, 81, 0, 0.65);
}

.hero__cta-icon {
    font-size: 13px;
    transition: transform 0.2s ease;
}

.hero__cta--primary:hover .hero__cta-icon {
    transform: translateX(3px);
}

.hero__cta--ghost {
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 600;
}

.hero__cta--ghost:hover,
.hero__cta--ghost:focus-visible {
    background-color: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.32);
    color: #FFFFFF;
    transform: translateY(-1px);
    outline: none;
}

.hero__cta-icon-play {
    color: var(--ob-color-gold-400);
    font-size: 18px;
}

.hero-explore-wrap {
    position: absolute;
    left: 50%;

    bottom: 138px;
    top: auto;
    transform: translateX(-50%);
    width: auto;
    max-width: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    z-index: 35;
}

.hero-explore-wrap .hero__explore--floating {
    position: relative;
    pointer-events: auto;
    z-index: 35;
}

@media (max-width: 1179px) {
    .hero-explore-wrap {

        bottom: 132px;
    }
}

@media (max-width: 1024px) {
    .hero-explore-wrap {

        bottom: 126px;
    }
}

@media (max-width: 767px) {
    .hero-explore-wrap {

        bottom: 130px;
        transform: translateX(-50%) !important;
        padding: 0 !important;
    }
}

@media (max-width: 639px) {
    .hero-explore-wrap {

        bottom: 118px;
        transform: translateX(-50%) !important;
        padding: 0 !important;
    }
}

@media (max-width: 419px) {
    .hero-explore-wrap {

        bottom: 106px;
        transform: translateX(-50%) !important;
        padding: 0 !important;
    }
}

.hero__explore {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    color: #FFFFFF;
    transition: all 0.25s ease;
    cursor: pointer;
    text-decoration: none;
}

.hero__explore:hover,
.hero__explore:focus-visible {
    transform: translateY(-3px);
    color: #FFFFFF;
    outline: none;
}

.hero__explore-text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.32em;
    color: rgba(255, 255, 255, 0.85);
}

.hero__explore-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 52px;
    border-radius: 9999px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    background-color: var(--ob-color-emerald-600);
    box-shadow: 0 8px 18px -8px rgba(16, 185, 129, 0.7);
    transition: transform 0.25s ease, background-color 0.25s ease;
}

.hero__explore-arrow {
    font-size: 12px;
    color: #FFFFFF;
    animation: hero-bounce 1.6s ease-in-out infinite;
}

@keyframes hero-bounce {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(5px); }
}

.ehizmetler {
    position: absolute;
    bottom: 28px;                   
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 30;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    scroll-margin-top: 80px;        
}

.ehizmetler__inner {
    position: relative;
    margin-top: 0;
}

.ehizmetler__toggle {
    display: none !important;
}

.ehizmetler__panel {
    display: block !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}

.ehizmetler__row {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.ehizmet {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 16px 10px 15px;
    min-height: 100px;
    border-radius: 20px;

    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 12px 36px -14px rgba(5, 46, 22, 0.26);

    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.25s ease,
                border-color 0.25s ease,
                transform 0.25s ease,
                box-shadow 0.25s ease;
    overflow: hidden;
}

.ehizmet:hover,
.ehizmet:focus-visible {
    background: rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.36);
    outline: none;
    transform: translateY(-3px);
    box-shadow: 0 22px 50px -20px rgba(5, 46, 22, 0.36);
}

.ehizmet__icon {
    font-size: 22px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ehizmet:hover .ehizmet__icon {
    transform: scale(1.14);
}

.ehizmet--orange .ehizmet__icon { color: #FBBF24; } 
.ehizmet--green  .ehizmet__icon { color: #34D399; } 
.ehizmet--blue   .ehizmet__icon { color: #93C5FD; } 
.ehizmet--purple .ehizmet__icon { color: #C4B5FD; } 
.ehizmet--amber  .ehizmet__icon { color: #FCD34D; } 
.ehizmet--red    .ehizmet__icon { color: #FCA5A5; } 

.ehizmet__label {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.22;
    color: #FFFFFF;
    letter-spacing: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.ehizmet {
    flex-shrink: 0 !important;
    min-width: 0;
    max-width: none;
    width: auto;
}
.ehizmet > * {
    max-width: 100%;
    min-width: 0;
}

.haber-slider {
    position: relative;
    width: 100%;
    padding: 50px 0;                           
    background-color: #F0F0F1;
    z-index: 5;
}

.haber-slider .container-site {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.haber-slider__inner {
    display: grid;
    grid-template-columns: 320px 320px 670px;   
    grid-template-rows: 450px;                                                     
    gap: 10px;                                                                      
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
    min-height: 0;
    height: 450px;
}

.haber-slider {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 120px !important;
    overflow: visible;  
}

.baskan-card {
    position: relative;
    overflow: visible; 
    border-radius: 24px;
    background: #052e16;
    box-shadow: 0 24px 56px -20px rgba(5, 46, 22, 0.42),
                0 10px 20px -8px rgba(0, 0, 0, 0.10);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;

    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    isolation: isolate;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
}

.baskan-card__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    object-fit: cover;
    object-position: 50% 18%;
    z-index: 0;
    display: block;

    -webkit-mask-image: linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000);
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.baskan-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 24px;
    pointer-events: none;
    background: linear-gradient(180deg,
        rgba(5, 46, 22, 0.00) 0%,
        rgba(5, 46, 22, 0.02) 30%,
        rgba(5, 46, 22, 0.20) 54%,
        rgba(5, 46, 22, 0.58) 80%,
        rgba(5, 46, 22, 0.82) 100%);
}

.baskan-card__bayrak {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 450px;
    z-index: 2;
    pointer-events: none;
    background: transparent;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.baskan-card__body {
    margin-top: auto;
    margin-bottom: 46px;       
    padding: 24px 22px 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    position: relative;
    z-index: 3;
}

.baskan-card__name {
    font-family: var(--ob-font-heading);
    font-size: 29px;
    font-weight: 900;
    letter-spacing: -0.022em;
    text-align: center;
    margin: 0;
    color: #ffffff;
    line-height: 1.04;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.55);
}

.baskan-card__title {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.94);
    margin: -4px 0 0;
    padding: 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.baskan-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-top: 4px;
}

.baskan-card__btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 8px 11px;
    border-radius: 12px;
    border: 1.5px solid rgba(255, 255, 255, 0.60);
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(6px);
    color: #ffffff;
    text-decoration: none;
    transition: all 0.22s ease;
    cursor: pointer;
}

.baskan-card__btn:hover,
.baskan-card__btn:focus-visible {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(250, 204, 21, 0.95);
    transform: translateY(-2px);
    box-shadow: 0 12px 22px -10px rgba(0, 0, 0, 0.34);
    outline: none;
}

.baskan-card__btn-main {
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.05;
}

.baskan-card__btn-sub {
    font-size: 10.5px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: 0.04em;
    line-height: 1.15;
    margin-top: 3px;
}

.baskan-card__social {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
    position: relative;
    z-index: 4;
    margin-left: auto;
    margin-right: auto;
}

.baskan-card__social-link {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(0, 82, 50, 0.96) 0%, rgba(0, 61, 36, 0.94) 100%);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 12px 24px -10px rgba(0, 82, 50, 0.48),
                0 4px 12px -6px rgba(0, 0, 0, 0.22);
    transition: all 0.2s ease;
}

.baskan-card__social-link:hover,
.baskan-card__social-link:focus-visible {
    background: linear-gradient(135deg, rgba(0, 108, 66, 0.98) 0%, rgba(0, 82, 50, 0.98) 100%);
    color: #ffffff;
    border-color: rgba(250, 204, 21, 0.76);
    transform: translateY(-3px) scale(1.06);
    box-shadow: 0 16px 28px -10px rgba(0, 82, 50, 0.58),
                0 6px 14px -6px rgba(0, 0, 0, 0.28);
    outline: none;
}

.haber-listesi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;

    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
}

.haber-listesi__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap: 10px;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.haber-item {
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    overflow: hidden;

    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none;
    background: #ffffff;
}

.haber-item__link {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 16px 10px;
    text-decoration: none;
    color: var(--ob-color-slate-700);
    border-radius: 16px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    min-height: 0;
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
    overflow: hidden;
}

.haber-item__tarih {
    font-size: 12px;
    font-weight: 500;
    color: var(--ob-color-slate-500);
    letter-spacing: 0.015em;
    line-height: 1.1;
    flex: 0 0 auto;
}

.haber-item__baslik {
    font-family: var(--ob-font-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ob-color-slate-800);
    transition: color 0.22s ease;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: break-word;
    word-break: break-word;
    max-height: calc(1.35em * 2);
    flex: 0 0 auto;
}

.haber-item__aciklama {
    display: none !important;
}

.haber-item__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    margin-bottom: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(4, 120, 87, 0.12);
    color: #047857;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

.haber-item:hover .haber-item__aciklama,
.haber-item.is-active .haber-item__aciklama {
    display: none !important;
}

.haber-item:hover,
.haber-item.is-active {
    background: linear-gradient(135deg,
        rgba(21, 128, 61, 0.96) 0%,
        rgba(0, 134, 80, 0.96) 100%);
    box-shadow: 0 12px 28px -12px rgba(21, 128, 61, 0.52),
                0 4px 8px -4px rgba(5, 46, 22, 0.1);
    transform: translateX(2px);
}

.haber-item:hover .haber-item__link,
.haber-item.is-active .haber-item__link {
    color: #ffffff;
}

.haber-item:hover .haber-item__tarih,
.haber-item.is-active .haber-item__tarih {
    color: rgba(250, 204, 21, 0.95);
}

.haber-item:hover .haber-item__baslik,
.haber-item.is-active .haber-item__baslik {
    color: #ffffff;
}

.slider-sag {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: #052e16;

    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    box-shadow: 0 26px 56px -22px rgba(5, 46, 22, 0.32),
                0 10px 18px -8px rgba(5, 46, 22, 0.12);
    isolation: isolate;

    -webkit-mask-image: -webkit-radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
}

.slider-sag__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    border-radius: 24px;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.slider-sag__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.06);
    transition: opacity 0.55s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
    visibility: hidden;
    border-radius: 24px;
    overflow: hidden;
}

.slider-sag__slide.is-active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
    visibility: visible;
}

.slider-sag__image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;

    -webkit-mask-image: linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000);
    transform: translateZ(0);
    backface-visibility: hidden;
}

.slider-sag__nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    z-index: 10;
    pointer-events: none;
}

.slider-sag__nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.92);
    color: #052e16;
    font-size: 13px;
    border: none;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 6px 16px -6px rgba(5, 46, 22, 0.45),
                0 2px 6px -2px rgba(5, 46, 22, 0.18);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: all 0.2s ease;
}

.slider-sag__nav-btn:hover,
.slider-sag__nav-btn:focus-visible {
    background-color: #0EA5E9;
    color: #ffffff;
    transform: scale(1.06);
    outline: none;
}

.slider-sag__nav-btn:active {
    transform: scale(0.96);
}

.slider-sag__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg,
        rgba(5, 46, 22, 0.18) 0%,
        rgba(5, 46, 22, 0.10) 30%,
        rgba(5, 46, 22, 0.32) 58%,
        rgba(0, 20, 12, 0.86) 100%);
}

.slider-sag__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 26px 26px 30px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #ffffff;
}

.slider-sag__tarih {
    font-size: 14px;
    font-weight: 700;
    color: #facc15;
    letter-spacing: 0.04em;
}

.slider-sag__baslik {
    font-family: var(--ob-font-heading);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.24;
    letter-spacing: -0.012em;
    color: #ffffff;
    margin: 0;
    max-width: 62ch;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.60);
}

.slider-sag__image--0 {
    background-image: url('https://osmaniye-bld.gov.tr/wp-content/uploads/2026/09/%C3%9CN%C4%B0VERS%C4%B0TEY%C4%B0-YEN%C4%B0-KAZANAN-%C3%96%C4%9ERENC%C4%B0LERE-10-B%C4%B0N-TL-E%C4%9E%C4%B0T%C4%B0M-DESTE%C4%9E%C4%B0-2_480x480.jpeg');
}
.slider-sag__image--1 {
    background-image: url('https://osmaniye-bld.gov.tr/wp-content/uploads/2026/09/ASR%C4%B0-MEZARLIK-%C4%B0N%C5%9EAAT-3_720x405.jpg');
}
.slider-sag__image--2 {
    background-image: url('https://osmaniye-bld.gov.tr/wp-content/uploads/2026/07/ba%C5%9Fkan-%C3%A7enet-k%C4%B1br%C4%B1s-ziyaretleri-5_576x768.jpeg');
}
.slider-sag__image--3 {
    background-image: url('https://osmaniye-bld.gov.tr/wp-content/uploads/2026/07/DSC_2839_720x480.jpg');
}
.slider-sag__image--4 {
    background-image: url('https://osmaniye-bld.gov.tr/wp-content/uploads/2026/07/DSC_0565_720x480.jpg');
}

.ucblok {
    position: relative;
    width: 100%;
    padding: 50px 0;                           
    background-color: #F0F0F1;
    z-index: 4;
}

.ucblok__inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.ucblok-card {
    background: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 18px 48px -24px rgba(5, 46, 22, 0.22),
                0 6px 16px -10px rgba(5, 46, 22, 0.14);
    border: 1px solid rgba(5, 46, 22, 0.12);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ucblok-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 80px;
    height: 80px;
    padding: 0 24px;
    margin: 0;
    border-bottom: 1px solid rgba(5, 46, 22, 0.12);
    gap: 12px;
}

.ucblok-card__header--standart {

}

.ucblok-card__header--etkinlikler {

}

.ucblok-card__title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.ucblok-card__title-icon {
    width: 40px;
    height: 40px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.ucblok-card__title-icon--duyurular {
    background-color: #FFF7ED;    
    color: #D97706;               
}

.ucblok-card__title-icon--kararlar {
    background-color: #EFF6FF;    
    color: #2563EB;               
}

.ucblok-card--etkinlikler .ucblok-card__title-icon {
    background-color: #F0FDFA !important;   
    color: #059669 !important;              
}

.ucblok-card__title {
    font-family: var(--ob-font-heading);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ob-color-slate-900);
    margin: 0;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ucblok-card__nav {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.ucblok-card__all-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0 14px;
    border-radius: 9999px;
    background-color: #F1F5F9;
    border: 1px solid #E2E8F0;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: all 0.2s ease;
}
.ucblok-card__all-link i {
    font-size: 11px;
    color: currentColor;
    transition: transform 0.2s ease;
}
.ucblok-card__all-link:hover,
.ucblok-card__all-link:focus-visible {
    background-color: #E2E8F0;
    border-color: #CBD5E1;
    color: #0F172A;
    outline: none;
}
.ucblok-card__all-link:hover i,
.ucblok-card__all-link:focus-visible i {
    transform: translateX(2px);
}

.ucblok-card__nav-btn {
    width: 32px;
    height: 32px;
    border-radius: 9999px;            
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #F1F5F9;        
    color: #475569;                   
    font-size: 11px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ucblok-card__nav-btn:hover,
.ucblok-card__nav-btn:focus-visible {
    background-color: #0EA5E9;        
    color: #FFFFFF;
    outline: none;
}

.ucblok-card__nav-btn--list {
    display: inline-flex;   
}

.ucblok-card__list {
    list-style: none;
    margin: 0;
    padding: 8px 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ucblok-item {
    border-radius: 14px;
    border: 1px solid rgba(5, 46, 22, 0.12);
    background: #FFFFFF;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    overflow: hidden;
}

.ucblok-item:hover,
.ucblok-item:focus-within {
    border-color: rgba(249, 115, 22, 0.30);
    background: #FFFBF6;
    transform: translateX(2px);
    box-shadow: 0 6px 16px -10px rgba(249, 115, 22, 0.30);
}

.ucblok-item__link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 14px 13px 14px;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}

.ucblok-item__tarih {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 52px;
    width: 52px;
    text-align: center;
    line-height: 1.1;
    border-right: 1px solid rgba(5, 46, 22, 0.12);
    padding-right: 12px;
}

.ucblok-item__gun {
    font-family: var(--ob-font-heading);
    font-size: 20px;
    font-weight: 800;
    color: var(--ob-color-slate-900);
    letter-spacing: -0.01em;
    line-height: 1;
}

.ucblok-item__ay {
    font-size: 13px;
    font-weight: 500;
    color: var(--ob-color-orange-700);
    letter-spacing: 0.01em;
    margin-top: 3px;
    line-height: 1.1;
}

.ucblok-item__baslik {
    font-family: var(--ob-font-heading);
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ob-color-slate-800);
    flex: 1;
    min-width: 0;
    transition: color 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ucblok-item:hover .ucblok-item__baslik,
.ucblok-item:focus-within .ucblok-item__baslik {
    color: var(--ob-color-orange-700);
}

.etkinlik-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    flex: 1;
    padding: 8px 24px 24px;
    gap: 0;
}

.etkinlik-carousel {
    position: relative;
}
.etkinlik-carousel .etkinlik-card {
    display: none;
}
.etkinlik-carousel .etkinlik-card.is-active {
    display: flex;
    animation: etk-fade-in 0.35s ease both;
}
@keyframes etk-fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.etkinlik-card__media {
    position: relative;
    width: 100%;
    height: 224px;
    border-radius: 16px;
    overflow: hidden;
    isolation: isolate;
    flex-shrink: 0;
    margin-bottom: 16px;
}

.etkinlik-card__image {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?auto=format&fit=crop&w=900&q=85');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.etkinlik-card:hover .etkinlik-card__image,
.etkinlik-card:focus-visible .etkinlik-card__image {
    transform: scale(1.05);
}

.etkinlik-card__tarih-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 4;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 12px;
    padding: 6px 12px 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    min-width: 56px;
    line-height: 1;
    box-shadow: 0 4px 12px -6px rgba(5, 46, 22, 0.18);
}

.etkinlik-card__tarih-gun {
    font-family: var(--ob-font-heading);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0;
    color: var(--ob-color-slate-900);
}

.etkinlik-card__tarih-ay {
    font-size: 10px;
    font-weight: 700;
    color: #059669;
    letter-spacing: 0.05em;
    margin-top: 2px;
}

.etkinlik-card__tag {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 4;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #059669;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 5px 10px 6px;
    border-radius: 8px;
    box-shadow: 0 4px 12px -6px rgba(5, 46, 22, 0.22);
    line-height: 1.1;
}

.etkinlik-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;                 
    gap: 0;
    flex: 1;
    text-align: center;                  
}

.etkinlik-card__baslik {
    font-family: var(--ob-font-heading);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--ob-color-slate-900);
    margin: 0 auto 4px;                 
    width: 100%;
    text-align: center;
    transition: color 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.etkinlik-card:hover .etkinlik-card__baslik,
.etkinlik-card:focus-visible .etkinlik-card__baslik {
    color: #059669;
}

.etkinlik-card__aciklama {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.55;
    color: var(--ob-color-slate-500);
    margin: 0 auto 0;                   
    width: 100%;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.etkinlik-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0 0;
    border-top: 1px solid rgba(5, 46, 22, 0.08);
    margin-top: 16px;
}

.etkinlik-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ob-color-slate-600);
    line-height: 1.1;
}

.etkinlik-card__meta-item i {
    color: #059669;
    font-size: 12px;
}

.etkinlik-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 12px;
    background-color: #F1F5F9;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.1;
    margin-top: 16px;
    width: 100%;
    transition: all 0.2s ease;
}

.etkinlik-card:hover .etkinlik-card__btn,
.etkinlik-card:focus-visible .etkinlik-card__btn {
    background-color: #059669;
    color: #FFFFFF;
    outline: none;
}

@media (max-width: 1180px) {

    .site-header__menu-link {
        padding: 9px 11px;
        font-size: 14px;
    }

    .site-header__menu-link::after {
        left: 11px;
        right: 11px;
    }

    .site-header__logo-link { gap: 12px; }
    .site-header__logo-link--wide { gap: 0; }
    .site-header__logo-link--wide .site-header__logo-wrap { width: auto; max-width: 100%; }
    .site-header__logo-link--wide .site-header__logo-img,
    .site-header__logo-link--wide .site-header__logo-img--svg {
        width: auto !important;
        max-width: 100% !important;
        max-height: min(var(--hl-height, 62px), 72px) !important;
    }

    .site-header__slogan-banner {
        padding: 8px 22px;
        height: 56px;
        min-height: 56px;
        background: #15803d;
        align-items: stretch;
        gap: 2px;
        clip-path: polygon(
            18px 0,
            100% 0,
            100% calc(100% - 18px),
            calc(100% - 18px) 100%,
            0 100%,
            0 18px
        );
    }

    .site-header__slogan-top {
        font-size: 11px;
        letter-spacing: 0.12em;
        display: block;
        width: 100%;
        text-align-last: justify;
        -moz-text-align-last: justify;
    }
    .site-header__slogan-bottom {
        font-size: 16px;
        display: block;
        width: 100%;
        text-align-last: justify;
        -moz-text-align-last: justify;
    }

    .site-header__logo-wrap {
        width: auto;
        min-width: 0;
        max-width: none;
        height: 76px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        overflow: visible;
        background-color: transparent;
        box-shadow: none;
        border: 0;
        padding: 0 8px 0 0;
        flex: 0 1 auto;
    }

    .site-header__nav { padding-left: 16px; }

    .mega-menu--850 { width: 860px; }
    .mega-menu--900 { width: 1040px; }                          
    .mega-menu--700 { width: 660px; }

    .ehizmetler__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px 16px;
    }
    .ehizmet-card {
        grid-template-columns: 50px 1fr auto;
        gap: 14px;
        padding: 17px 17px 17px 15px;
        min-height: 92px;
        border-radius: 20px;
    }
    .ehizmet-card__icon {
        width: 50px;
        height: 50px;
        border-radius: 15px;
        font-size: 20px;
    }
    .ehizmet-card__title {
        font-size: 14.5px;
    }
    .ehizmet-card__desc {
        font-size: 11px;
    }
    .ehizmet-card__arrow {
        width: 32px;
        height: 32px;
        font-size: 11px;
    }
    .ehizmetler {
        bottom: 24px;
    }
    .ehizmetler__inner {
        margin-top: 0;
    }

    .haber-slider {
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow: visible;
    }
    .haber-slider__inner {
        grid-template-columns: 280px 1fr 1.25fr;
        grid-template-rows: 480px;                                              
        height: 480px;
        gap: 16px;
        align-items: stretch;
        justify-items: stretch;
    }
    .baskan-card {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
        justify-content: flex-end;
    }
    .baskan-card__bg {
        min-height: 260px;
    }
    .baskan-card__avatar {
        width: 148px;
        height: 148px;
    }
    .baskan-card__avatar-initials {
        font-size: 48px;
    }
    .baskan-card__name {
        font-size: 20px;
    }
    .slider-sag,
    .slider-sag__viewport {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
    }
    .slider-sag__baslik {
        font-size: 21px;
    }
    .haber-item__baslik {
        font-size: 14.5px;
    }

    .haber-listesi {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
        justify-content: stretch;
        padding: 0;
    }
    .haber-listesi__list {
        justify-content: stretch;
        align-items: stretch;
        gap: 10px !important;
        height: 100% !important;
        padding: 0 !important;
        box-sizing: border-box;
        overflow: hidden;
    }
    .haber-item {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        background: #F0F0F1;
    }
    .haber-item__link {
        padding: 11px 14px 11px;
        gap: 4px;
        justify-content: flex-start;
    }

    .haber-item__baslik {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-height: calc(1.35em * 2);
    }
    .haber-item__aciklama {
        display: none !important;
    }

    .ucblok {
        padding: 28px 0 28px;                  
    }
    .ucblok__inner {
        gap: 18px;
    }
    .ucblok-card__header {
        padding: 20px 20px 14px;
    }
    .ucblok-card__title {
        font-size: 18px;
    }
    .ucblok-card__list {
        padding: 6px 14px 18px;
        gap: 7px;
    }
    .ucblok-item__link {
        padding: 12px 12px;
        gap: 12px;
    }
    .ucblok-item__tarih {
        min-width: 48px;
        width: 48px;
        padding-right: 10px;
    }
    .ucblok-item__gun {
        font-size: 18px;
    }
    .ucblok-item__ay {
        font-size: 12px;
    }
    .ucblok-item__baslik {
        font-size: 13.5px;
    }

    .ucblok-card__header {
        height: 72px;
        min-height: 72px;
        padding: 0 20px;
        gap: 10px;
    }
    .ucblok-card__title-wrap {
        gap: 10px;
    }
    .ucblok-card__title-icon {
        width: 36px;
        height: 36px;
        border-radius: 14px;
        font-size: 14px;
    }
    .ucblok-card__title {
        font-size: 18px;
    }
    .ucblok-card__nav-btn {
        width: 30px;
        height: 30px;
        font-size: 10.5px;
    }
    .ucblok-card__all-link {
        height: 32px;
        padding: 0 12px;
        font-size: 12.5px;
    }

    .etkinlik-card {
        padding: 8px 20px 20px;
    }
    .etkinlik-card__media {
        height: 208px;
        border-radius: 15px;
        margin-bottom: 15px;
    }
    .etkinlik-card__tarih-badge {
        top: 11px;
        left: 11px;
        padding: 5px 11px 6px;
        border-radius: 11px;
        min-width: 54px;
    }
    .etkinlik-card__tarih-gun {
        font-size: 15px;
    }
    .etkinlik-card__tarih-ay {
        font-size: 9.5px;
    }
    .etkinlik-card__tag {
        right: 11px;
        bottom: 11px;
        font-size: 9.5px;
        padding: 4.5px 9px 5.5px;
        border-radius: 7px;
    }
    .etkinlik-card__baslik {
        font-size: 17px;
        margin-bottom: 3.5px;
    }
    .etkinlik-card__aciklama {
        font-size: 11.5px;
    }
    .etkinlik-card__meta {
        padding-top: 11px;
        margin-top: 15px;
    }
    .etkinlik-card__meta-item {
        font-size: 11.5px;
    }
    .etkinlik-card__meta-item i {
        font-size: 11.5px;
    }
    .etkinlik-card__btn {
        padding: 9px 15px;
        border-radius: 11px;
        font-size: 11.5px;
        margin-top: 15px;
    }

    .ehizmetler__row {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 10px;
    }
    .ehizmet {
        padding: 14px 8px 13px;
        min-height: 92px;
        border-radius: 18px;
    }
    .ehizmet__icon {
        font-size: 20px;
    }
    .ehizmet__label {
        font-size: 12px;
    }
    .ehizmetler__inner {
        margin-top: -250px;
    }
}

@media (max-width: 767px) {

    .site-header__nav {
        display: none;
    }

    .site-header__btn--hamburger {
        display: inline-flex;
    }

    .site-top-bar__inner {
        flex-wrap: wrap;
        gap: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .site-top-bar__group--center {
        order: 3;
        width: 100%;
        justify-content: flex-start;
        padding-top: 8px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .site-header__row { align-items: stretch; }

    .site-header__logo-link {
        gap: 10px;
        flex-wrap: nowrap;
        flex-shrink: 1;
        min-width: 0;
    }

    .site-header__slogan-banner {
        padding: 7px 18px;
        height: 50px;
        min-height: 50px;
        background: #15803d;
        align-items: stretch;
        gap: 2px;
        flex-shrink: 0;
        clip-path: polygon(
            16px 0,
            100% 0,
            100% calc(100% - 16px),
            calc(100% - 16px) 100%,
            0 100%,
            0 16px
        );
    }

    .site-header__slogan-bottom {
        font-size: 14px;
        display: block;
        width: 100%;
        text-align-last: justify;
        -moz-text-align-last: justify;
    }
    .site-header__slogan-top {
        font-size: 10px;
        letter-spacing: 0.11em;
        display: block;
        width: 100%;
        text-align-last: justify;
        -moz-text-align-last: justify;
    }

    .site-header__logo-wrap {
        width: auto;
        min-width: 0;
        max-width: none;
        height: 68px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        overflow: visible;
        background-color: transparent;
        box-shadow: none;
        border: 0;
        padding: 0 8px 0 0;
        flex: 0 1 auto;
        flex-shrink: 1;
    }

    .site-header__nav { padding-left: 0; }

    .ehizmetler__toggle {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        padding: 14px 18px 14px 16px;
        margin-bottom: 12px;
        border: 1px solid rgba(255, 255, 255, 0.22);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.16);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        text-decoration: none;
        box-shadow: 0 12px 30px -16px rgba(5, 46, 22, 0.36);
    }
    .ehizmetler__toggle-icon {
        color: #FBBF24;
        font-size: 16px;
        flex-shrink: 0;
    }
    .ehizmetler__toggle-text {
        flex: 1 1 auto;
        text-align: left;
    }
    .ehizmetler__toggle-arrow {
        font-size: 12px;
        transition: transform .25s ease;
        color: #FFFFFF;
    }
    .ehizmetler__toggle[aria-expanded="true"] .ehizmetler__toggle-arrow {
        transform: rotate(180deg);
    }

    .ehizmetler__panel {
        overflow: hidden;
        max-height: 0;
        transition: max-height .35s ease;
    }
    .ehizmetler__panel.is-open {
        max-height: 900px;   
    }

    .ehizmetler__row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px 12px;
    }
    .ehizmet {
        padding: 15px 10px 14px;
        min-height: 92px;
        border-radius: 18px;
    }
    .ehizmet__icon {
        font-size: 20px;
    }
    .ehizmet__label {
        font-size: 12px;
    }
    .ehizmetler {
        bottom: 22px;
    }
    .ehizmetler__inner {
        margin-top: 0;
    }

    .haber-slider {
        padding: 50px 0 50px;  

    }
    .haber-slider__inner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 16px;
        align-items: center;
    }
    .baskan-card {
        grid-column: 1 / -1;
        min-height: 360px;
        height: 360px;
        justify-content: center;
    }
    .baskan-card__bg {
        min-height: 200px;
    }
    .baskan-card__avatar {
        width: 120px;
        height: 120px;
    }
    .baskan-card__avatar-initials {
        font-size: 38px;
    }
    .baskan-card__bayrak-icon {
        font-size: 180px;
    }
    .slider-sag,
    .slider-sag__viewport {
        min-height: 360px;
    }
    .slider-sag__baslik {
        font-size: 17px;
    }
    .haber-item__baslik {
        font-size: 13.5px;
    }
    .haber-item__link {
        padding: 11px 14px 11px;
    }

    .haber-listesi {
        min-height: 360px;
        height: 360px;
        justify-content: center;
        padding: 0;
    }
    .haber-item {
        flex: 0 0 auto;
    }
    .slider-sag,
    .slider-sag__viewport {
        min-height: 360px;
        height: 360px;
    }

    .baskan-card__body {
        margin-bottom: 36px;
        gap: 10px;
    }

    .ucblok {
        padding: 26px 0 26px;                  
    }
    .ucblok__inner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 16px;
    }
    .ucblok-card--etkinlikler {
        grid-column: 1 / -1;
    }
    .etkinlik-card__media {
        height: 340px;
    }
}

@media (max-width: 767px) {

    .site-top-bar__happy-city { display: none; }

    .site-top-bar__group--right { gap: 14px; }      

    .site-header__btn--ebel {
        padding: 10px 14px;
        height: 40px;
        font-size: 12.5px;
        border-radius: 11px;
        gap: 7px;
    }

    .site-header__btn--search,
    .site-header__btn--hamburger {
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }

    .site-header__logo-link {
        gap: 6px;
        flex-wrap: nowrap;
        flex-shrink: 1;
        min-width: 0;
    }

    .site-header__logo-img:not(.site-header__logo-img--mobile) {
        display: none !important;
        visibility: hidden;
        opacity: 0;
    }

    .site-header__logo-img.site-header__logo-img--mobile {
        display: block !important;
        visibility: visible;
        opacity: 1;
        width: auto !important;
        height: var(--mh, 42px) !important;
        max-height: var(--mh, 42px) !important;
        max-width: min(55vw, 260px) !important;
        object-fit: contain;
        object-position: center center;
        margin: 0 auto;
    }

    .site-header__logo-link--wide {
        gap: 0;
        flex: 1 1 auto;
    }

    .site-header__logo-link--wide .site-header__logo-wrap {
        width: auto;
        min-width: 0;
        height: 72px;
    }

    .site-header__logo-link--wide .site-header__logo-img.site-header__logo-img--mobile,
    .site-header__logo-link--wide .site-header__logo-img.site-header__logo-img--mobile.site-header__logo-img--svg {
        width: auto !important;
        height: var(--mh, 42px) !important;
        max-width: min(52vw, 240px) !important;
        object-fit: contain;
        object-position: center center;
    }

    .drawer__brand-logo {
        width: auto;
        height: var(--mh, 42px);
        max-width: 140px;
        max-height: var(--mh, 42px);
        object-fit: contain;
        object-position: center;
    }

    .drawer__brand-logo--svg {
        max-width: 160px;
        max-height: calc(var(--mh, 42px) + 10px);
        filter: none !important;
    }

    .site-header__logo-wrap {
        width: auto;
        min-width: 0;
        max-width: 55vw;
        height: 72px;
        min-height: 72px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
        background-color: transparent;
        box-shadow: none;
        border: 0;
        padding: 0 14px 0 12px;
        margin: 0;
        flex-shrink: 1;
    }

    html body .site-header .site-header__logo-wrap,
    html body.home header.site-header .site-header__logo-wrap,
    header.site-header .site-header__logo-wrap {
        width: auto !important;
        min-width: 0 !important;
        max-width: 55vw !important;
        padding: 0 8px 0 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        display: inline-flex !important;
        overflow: visible !important;
        flex: 0 1 auto !important;
    }

    html body .site-header .site-header__logo-link--wide .site-header__logo-wrap,
    html body.home header.site-header .site-header__logo-link--wide .site-header__logo-wrap,
    header.site-header .site-header__logo-link--wide .site-header__logo-wrap {
        width: auto !important;
        min-width: 0 !important;
        max-width: 58vw !important;
        padding: 0 8px 0 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: visible !important;
        flex: 0 1 auto !important;
    }

    html body .site-header .site-header__logo-img.site-header__logo-img--mobile,
    html body .site-header .site-header__logo-link--wide .site-header__logo-img.site-header__logo-img--mobile {
        width: auto !important;
        height: var(--mh, 42px) !important;
        max-height: var(--mh, 42px) !important;
        max-width: min(55vw, 260px) !important;
        object-fit: contain;
        object-position: left center !important;
        margin: 0 !important;
    }

    .site-header__slogan-banner {
        padding: 5px 12px;
        height: 44px;
        min-height: 44px;
        background: #15803d;
        align-items: stretch;
        gap: 1px;
        flex-shrink: 0;
        display: inline-flex;
        clip-path: polygon(
            12px 0,
            100% 0,
            100% calc(100% - 12px),
            calc(100% - 12px) 100%,
            0 100%,
            0 12px
        );
    }

    .site-header__slogan-bottom {
        font-size: 11.5px;
        display: block;
        width: 100%;
        text-align-last: justify;
        -moz-text-align-last: justify;
    }
    .site-header__slogan-top {
        font-size: 8.5px;
        letter-spacing: 0.1em;
        display: block;
        width: 100%;
        text-align-last: justify;
        -moz-text-align-last: justify;
    }

    .site-header__nav { padding-left: 0; }

    .site-header__container {
        min-height: 72px;
        height: 72px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .site-header__row { gap: 12px; }
    .site-header__actions { gap: 8px; }

    .hero {

        height: 66vh !important;
        min-height: 0 !important;
    }

    .hero__inner {

        padding-top: 156px;
        padding-bottom: 20px;
        gap: 16px;
        min-height: 0;
        justify-content: flex-start;
        align-items: center;
    }

    .hero__welcome { gap: 8px; padding: 0 8px; }
    .hero__site-title { font-size: clamp(26px, 7vw, 40px); }
    .hero__site-slogan { font-size: clamp(18px, 4.5vw, 28px); }

    .hero__text {
        font-size: 15.5px;
    }

    .hero__actions { gap: 12px; }

    .hero__cta {
        padding: 12px 20px;
        border-radius: 12px;
        font-size: 13.5px;
    }

    .ehizmetler__toggle {
        padding: 12px 16px 12px 14px;
        margin-bottom: 10px;
        border-radius: 16px;
        font-size: 13.5px;
    }
    .ehizmetler__toggle-icon {
        font-size: 15px;
    }
    .ehizmetler__toggle-arrow {
        font-size: 11px;
    }

    .ehizmetler {
        bottom: 20px;
    }
    .ehizmetler__inner {
        margin-top: 0;
    }

    .ehizmetler__row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        padding: 0 0 4px;       
        scroll-behavior: smooth;
    }
    .ehizmetler__row::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    .ehizmet {
        flex: 0 0 calc((100% - (2 * 10px)) / 3);   
        scroll-snap-align: start;
        padding: 12px 8px 11px;
        min-height: 86px;
        border-radius: 15px;
    }
    .ehizmet__icon {
        font-size: 17px;
    }
    .ehizmet__label {
        font-size: 10.5px;
        line-height: 1.25;
    }

    .haber-slider {
        padding: 18px 0 110px;                  
    }
    .haber-slider .container-site {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .haber-slider__inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 14px;
        align-items: center;
    }
    .baskan-card {
        grid-column: auto;
        min-height: 360px;
        height: 360px;
        justify-content: center;
    }
    .baskan-card__bg {
        min-height: 200px;
    }
    .baskan-card__avatar {
        width: 124px;
        height: 124px;
    }
    .baskan-card__avatar-initials {
        font-size: 40px;
    }
    .baskan-card__bayrak-icon {
        font-size: 180px;
    }
    .baskan-card__name {
        font-size: 19px;
    }
    .slider-sag,
    .slider-sag__viewport {
        min-height: 340px;
        height: 340px;
    }
    .slider-sag__content {
        padding: 20px 18px 22px;
    }
    .slider-sag__baslik {
        font-size: 17px;
    }

    .baskan-card__body {
        margin-bottom: 40px;
    }
    .haber-listesi {
        min-height: 360px;
        height: 360px;
        justify-content: center;
        padding: 0;
    }
    .haber-item {
        flex: 0 0 auto;
    }
    .haber-item__link {
        padding: 11px 14px 11px;
    }
    .haber-item__baslik {
        font-size: 13.5px;
    }

    .ucblok {
        padding: 24px 0 24px;                  
    }
    .ucblok__inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 14px;
    }
    .ucblok-card--etkinlikler {
        grid-column: auto;
    }

    .ucblok-card__header {
        height: 68px;
        min-height: 68px;
        padding: 0 18px;
        gap: 10px;
    }
    .ucblok-card__title-wrap {
        gap: 10px;
    }
    .ucblok-card__title-icon {
        width: 34px;
        height: 34px;
        border-radius: 13px;
        font-size: 13px;
    }
    .ucblok-card__title {
        font-size: 16px;
    }
    .ucblok-card__nav-btn {
        width: 28px;
        height: 28px;
        font-size: 10px;
    }
    .ucblok-card__all-link {
        height: 30px;
        padding: 0 11px;
        font-size: 12px;
        gap: 6px;
    }
    .ucblok-card__list {
        padding: 6px 14px 16px;
        gap: 6px;
    }
    .etkinlik-card {
        padding: 6px 18px 18px;
    }
    .etkinlik-card__media {
        height: 280px;
        border-radius: 14px;
    }
    .etkinlik-card__tarih-badge {
        top: 12px;
        left: 12px;
        padding: 6px 11px 7px;
        border-radius: 11px;
        min-width: 54px;
    }
    .etkinlik-card__tarih-gun {
        font-size: 15px;
    }
    .etkinlik-card__tarih-ay {
        font-size: 9.5px;
    }
    .etkinlik-card__tag {
        right: 12px;
        bottom: 12px;
        font-size: 9.5px;
        padding: 4.5px 9px 5.5px;
        border-radius: 7px;
    }
    .etkinlik-card__baslik {
        font-size: 16px;
    }
    .etkinlik-card__aciklama {
        font-size: 11px;
    }
    .etkinlik-card__meta {
        padding-top: 10px;
        margin-top: 14px;

        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
    .etkinlik-card__meta-item {
        font-size: 11px;
    }
    .etkinlik-card__btn {
        padding: 9px 14px;
        border-radius: 11px;
        font-size: 11px;
        margin-top: 14px;
    }
}

@media (max-width: 639px) {

    .site-top-bar__inner {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0;
        min-height: 40px;
    }

    .site-top-bar__group--left {
        display: none !important;
    }

    .site-top-bar__group--right {
        display: none !important;
    }

    .site-top-bar__group--center {
        order: 1;
        width: auto;
        justify-content: center;
        align-items: center;
        padding: 0;
        border-top: none;
        border-bottom: none;
        gap: 22px;
        flex: 1;
    }

    .site-header__slogan-banner {
        display: inline-flex;
        height: 52px;
        min-height: 52px;
        padding: 6px 14px;
        gap: 1px;
        clip-path: polygon(
            12px 0,
            100% 0,
            100% calc(100% - 12px),
            calc(100% - 12px) 100%,
            0 100%,
            0 12px
        );
        box-shadow: 0 6px 18px -10px rgba(21, 128, 61, 0.6),
                    0 2px 8px -4px rgba(21, 128, 61, 0.4);
    }

    .site-header__slogan-top {
        font-size: 10.5px;
        letter-spacing: 0.04em;
        text-align: left;
    }

    .site-header__slogan-bottom {
        font-size: 11.5px;
        letter-spacing: 0.008em;
        text-align: left;
    }

    .site-header__logo-link {
        gap: 8px;
    }

    .site-header__btn--ebel span:last-child {
        display: none;
    }

    .site-header__btn--ebel {
        padding: 10px 10px;
    }

    body.home .hero.hero,
    body.home .hero,
    .hero.hero,
    .hero {
        height: var(--hero-mh, 520px) !important;
        min-height: 0 !important;
    }

    body.has-admin-bar.has-admin-bar.home body.home,  
    body.has-admin-bar.has-admin-bar.home .hero.hero,
    body.has-admin-bar.has-admin-bar.home .hero,
    body.has-admin-bar.home .hero.hero,
    body.has-admin-bar.home .hero {
        top: -46px !important;
        height: calc(var(--hero-mh, 520px) + 46px) !important;
        min-height: 0 !important;
    }

    .site-main.site-main.site-main {
        padding-top: calc(var(--hero-real-bottom, 520px) + 50px) !important;
    }
    body.has-admin-bar.has-admin-bar.home .site-main.site-main.site-main,
    body.has-admin-bar.home .site-main.site-main.site-main {
        padding-top: calc(var(--hero-real-bottom, 520px) + 46px + 50px) !important;
    }

    .hero__inner {

        padding-top: 151px;
        padding-bottom: 18px;
        min-height: 0;
        justify-content: flex-start;
        align-items: center;
    }
    .hero__welcome { gap: 6px; }
    .hero__site-title { font-size: clamp(22px, 7vw, 36px); letter-spacing: -0.025em; }
    .hero__site-slogan { font-size: clamp(16px, 5vw, 24px); opacity: 0.7; }

    .ehizmetler__toggle {
        padding: 11px 14px 11px 12px;
        margin-bottom: 8px;
        border-radius: 16px;
        font-size: 13px;
    }
    .ehizmetler__toggle-icon {
        font-size: 14.5px;
    }
    .ehizmetler__toggle-arrow {
        font-size: 10.5px;
    }

    .ehizmetler {
        bottom: 18px;
    }
    .ehizmetler__inner { margin-top: 0; }

    .ehizmetler__row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        gap: 8px;
        padding: 0 0 4px;       
        scroll-behavior: smooth;
    }
    .ehizmetler__row::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    .ehizmet {
        flex: 0 0 calc((100% - (2 * 8px)) / 3);   
        scroll-snap-align: start;
        padding: 11px 6px 10px;
        min-height: 80px;
        border-radius: 14px;
    }
    .ehizmet__icon {
        font-size: 15.5px;
    }
    .ehizmet__label {
        font-size: 10px;
        line-height: 1.2;
    }

    .haber-slider {
        padding: 18px 0 96px;                  
    }
    .haber-slider__inner {
        gap: 12px;
        align-items: center;
    }
    .baskan-card {
        min-height: 330px;
        height: 330px;
        justify-content: center;
        border-radius: 24px;
    }
    .baskan-card__bg {
        min-height: 180px;
    }
    .baskan-card__avatar {
        width: 116px;
        height: 116px;
    }
    .baskan-card__avatar-initials {
        font-size: 36px;
    }
    .baskan-card__bayrak-icon {
        font-size: 160px;
    }
    .baskan-card__body {
        padding: 20px 16px 0;
        margin-bottom: 36px;
        gap: 10px;
    }
    .baskan-card__name {
        font-size: 18px;
    }
    .baskan-card__title {
        font-size: 12.5px;
    }
    .baskan-card__social-link {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        font-size: 13px;
    }
    .slider-sag {
        border-radius: 24px;
    }
    .slider-sag,
    .slider-sag__viewport {
        min-height: 300px;
        height: 300px;
    }
    .slider-sag__content {
        padding: 16px 14px 18px;
        gap: 5px;
    }
    .slider-sag__tarih {
        font-size: 12px;
    }
    .slider-sag__baslik {
        font-size: 15.5px;
    }
    .haber-listesi {
        min-height: 330px;
        height: 330px;
        justify-content: center;
        padding: 0;
    }
    .haber-listesi__list {
        gap: 8px;
    }
    .haber-item {
        flex: 0 0 auto;
        border-radius: 18px;
    }
    .haber-item__link {
        padding: 11px 13px 11px;
        gap: 4px;
        border-radius: 18px;
    }
    .haber-item__tarih {
        font-size: 11px;
    }
    .haber-item__baslik {
        font-size: 13px;
    }

    .ucblok {
        padding: 22px 0 22px;                  
    }
    .ucblok__inner {
        gap: 12px;
    }
    .ucblok-card {
        border-radius: 20px;
    }
    .ucblok-card__header {
        padding: 16px 16px 12px;
    }
    .ucblok-card__title {
        font-size: 16px;
    }
    .ucblok-card__nav-btn {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        font-size: 11px;
    }
    .ucblok-card__list {
        padding: 4px 12px 14px;
        gap: 6px;
    }
    .ucblok-item {
        border-radius: 12px;
    }
    .ucblok-item__link {
        padding: 11px 12px;
        gap: 10px;
    }
    .ucblok-item__tarih {
        min-width: 44px;
        width: 44px;
        padding-right: 8px;
    }
    .ucblok-item__gun {
        font-size: 17px;
    }
    .ucblok-item__ay {
        font-size: 11.5px;
    }
    .ucblok-item__baslik {
        font-size: 13px;
    }

    .ucblok-card__header {
        height: 64px;
        min-height: 64px;
        padding: 0 16px;
        gap: 8px;
    }
    .ucblok-card__title-wrap {
        gap: 8px;
    }
    .ucblok-card__title-icon {
        width: 32px;
        height: 32px;
        border-radius: 12px;
        font-size: 12px;
    }
    .ucblok-card__title {
        font-size: 15px;
    }
    .ucblok-card__nav-btn {
        width: 28px;
        height: 28px;
        font-size: 10px;
        border-radius: 9999px; 
    }
    .ucblok-card__list {
        padding: 6px 14px 14px;
        gap: 6px;
    }
    .etkinlik-card {
        padding: 6px 16px 16px;
    }
    .etkinlik-card__media {
        border-radius: 12px;
        height: 220px;
    }
    .etkinlik-card__tarih-badge {
        top: 10px;
        left: 10px;
        padding: 5px 10px 6px;
        border-radius: 10px;
        min-width: 50px;
    }
    .etkinlik-card__tarih-gun {
        font-size: 14px;
    }
    .etkinlik-card__tarih-ay {
        font-size: 9px;
    }
    .etkinlik-card__tag {
        right: 10px;
        bottom: 10px;
        font-size: 9px;
        padding: 4px 9px 5px;
        border-radius: 6px;
    }
    .etkinlik-card__baslik {
        font-size: 15px;
    }
    .etkinlik-card__aciklama {
        font-size: 11px;
    }
    .etkinlik-card__meta {

        flex-direction: row;
        align-items: center;
        justify-content: center;             
        gap: 7px;
        padding-top: 9px;
        margin-top: 12px;
        flex-wrap: wrap;
    }
    .etkinlik-card__meta-item {
        font-size: 11px;
    }
    .etkinlik-card__btn {
        padding: 8px 12px;
        border-radius: 10px;
        font-size: 10.5px;
        margin-top: 12px;
    }
}

@media (max-width: 419px) {

    .site-top-bar__group--center {
        gap: 14px;
        font-size: 12px;
    }

    .site-top-bar__divider { display: none; }

    .site-top-bar__contact--ebel { display: none; }

    .site-header__slogan-banner {
        height: 46px;
        min-height: 46px;
        padding: 5px 10px;
    }

    .site-header__slogan-top {
        font-size: 8.5px;
        letter-spacing: 0.03em;
        text-align: left;
    }

    .site-header__slogan-bottom {
        font-size: 9.5px;
        text-align: left;
    }

    .site-header__logo-link {
        gap: 6px;
    }

    .site-header__logo-wrap {
        width: auto;
        min-width: 0;
        max-width: none;
        height: 70px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        overflow: visible;
        background-color: transparent;
        box-shadow: none;
        border: 0;
        padding: 0 8px 0 0;
        flex: 0 1 auto;
    }

    .site-header__container {
        min-height: 70px;
        height: 70px;
    }

    .site-header__actions { gap: 6px; }

    .site-header__btn--search { display: none; }

    .ehizmetler__toggle {
        padding: 10.5px 13px 10.5px 11px;
        margin-bottom: 7px;
        border-radius: 15px;
        font-size: 12.5px;
    }
    .ehizmetler__toggle-icon {
        font-size: 14px;
    }
    .ehizmetler__toggle-arrow {
        font-size: 10px;
    }
    .ehizmetler {
        bottom: 17px;
    }

    .ehizmetler__row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        gap: 7px;
        padding: 0 0 4px;       
        scroll-behavior: smooth;
    }
    .ehizmetler__row::-webkit-scrollbar { display: none !important; width:0 !important; height:0 !important; }
    .ehizmet {
        flex: 0 0 calc((100% - (2 * 7px)) / 3);   
        scroll-snap-align: start;
        padding: 10px 5px 9px;
        min-height: 76px;
        border-radius: 13px;
    }
    .ehizmet__icon {
        font-size: 14.5px;
    }
    .ehizmet__label {
        font-size: 9.5px;
        line-height: 1.15;
    }

    .hero__cta { padding: 11px 16px; font-size: 13px; }

    .haber-slider {
        padding: 16px 0 90px;
    }
    .haber-slider .container-site {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .haber-slider__inner {
        gap: 10px;
    }
    .baskan-card {
        min-height: 300px;
        height: 300px;
        border-radius: 20px;
    }
    .baskan-card__body {
        padding: 18px 14px 0;
        margin-bottom: 34px;
        gap: 8px;
    }
    .baskan-card__avatar {
        width: 104px;
        height: 104px;
    }
    .baskan-card__avatar-initials {
        font-size: 32px;
    }
    .baskan-card__bayrak-icon {
        font-size: 140px;
    }
    .baskan-card__name {
        font-size: 17px;
    }
    .baskan-card__title {
        font-size: 12px;
    }
    .baskan-card__actions {
        gap: 8px;
    }
    .baskan-card__btn {
        padding: 8px 6px 9px;
        border-radius: 10px;
    }
    .baskan-card__btn-main {
        font-size: 11.5px;
    }
    .baskan-card__btn-sub {
        font-size: 9.5px;
    }
    .baskan-card__social {
        gap: 10px;
        margin-top: 8px;
    }
    .baskan-card__social-link {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    .haber-listesi {
        min-height: 300px;
        height: 300px;
    }
    .haber-item__link {
        padding: 10px 12px 10px;
        gap: 3px;
    }
    .haber-item__tarih {
        font-size: 10.5px;
    }
    .haber-item__baslik {
        font-size: 12.5px;
    }
    .slider-sag,
    .slider-sag__viewport {
        min-height: 260px;
        height: 260px;
        border-radius: 20px;
    }
    .slider-sag__content {
        padding: 14px 14px 16px;
        gap: 4px;
    }
    .slider-sag__tarih {
        font-size: 11px;
    }
    .slider-sag__baslik {
        font-size: 14.5px;
    }
    .slider-sag__nav-btn {
        width: 32px;
        height: 32px;
        font-size: 11px;
    }
}

.projelerimiz {
    position: relative;
    width: 100%;
    padding: 50px 0;                           
    background: linear-gradient(180deg, #FAFCFC 0%, #F3F7F7 100%);
}
.projelerimiz__inner {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding-left: var(--ob-container-padding-x-lg);
    padding-right: var(--ob-container-padding-x-lg);
}

.projelerimiz__header {
    display: flex;
    flex-direction: row;                               
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 10px;                                 
}

.projelerimiz__header-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 0;
}
.projelerimiz__header-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.projelerimiz__kicker {
    display: block;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 800;
    color: var(--ob-color-emerald-600);
    margin-bottom: 9px;
}
.projelerimiz__kicker::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 1px;
    background: var(--ob-color-emerald-600);
    vertical-align: middle;
    margin-right: 8px;
}
.projelerimiz__title {
    margin: 0;

    background: linear-gradient(135deg, #052e16 0%, #15803d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -2.2px;
    font-weight: 800;
}
.projelerimiz__desc {
    max-width: 520px;
    margin: 8px 0 0;                                 
    color: var(--ob-color-slate-500);
    font-size: 13.5px;
    line-height: 1.65;
}

.projelerimiz__tabs {
    display: flex;
    gap: 28px;
}
.projelerimiz__tab {
    border: none;
    background: transparent;
    padding: 0 0 13px;
    color: #87959B;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    transition: color 0.2s ease;
    font-family: inherit;
}
.projelerimiz__tab::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: var(--ob-color-emerald-600);
    transition: width 0.45s cubic-bezier(0.22,1,0.36,1);
}
.projelerimiz__tab.is-active {
    color: var(--ob-color-navy-800);
}
.projelerimiz__tab.is-active::after {
    width: 100%;
}
.projelerimiz__total {
    font-size: 10px;
    color: #89969C;
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    padding-bottom: 13px;
}
.projelerimiz__total strong {
    font-size: 18px;
    color: var(--ob-color-navy-800);
    font-weight: 800;
    line-height: 1;
}

.projelerimiz__panel {
    display: none;
    animation: projelerimizEnter 0.55s cubic-bezier(0.2,0.72,0.25,1);
}
.projelerimiz__panel.is-active {
    display: block;
}
@keyframes projelerimizEnter {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

.projelerimiz__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 16px;
}

.projelerimiz__hero {
    height: 420px;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: var(--ob-color-navy-800);
    box-shadow: 0 18px 45px rgba(18, 48, 71, 0.10);
}
.projelerimiz__hero-img,
.projelerimiz__card-img {
    position: absolute;
    inset: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 1s cubic-bezier(0.22,1,0.36,1);
}
.projelerimiz__hero::after,
.projelerimiz__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5,27,40,0) 22%, rgba(5,27,40,.78) 100%);
    z-index: 1;
    pointer-events: none;
}
.projelerimiz__hero:hover .projelerimiz__hero-img,
.projelerimiz__card:hover .projelerimiz__card-img {
    transform: scale(1.045);
}
.projelerimiz__hero-content {
    position: absolute;
    z-index: 2;
    left: 28px;
    right: 28px;
    bottom: 27px;
    color: #FFFFFF;
}
.projelerimiz__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.10);
    border-radius: 999px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #D4F7EC;
}
.projelerimiz__badge i {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #65D5CC;
    box-shadow: 0 0 9px #65D5CC;
}
.projelerimiz__badge--tamam i { background: #6EE7B7; box-shadow: 0 0 9px #6EE7B7; }
.projelerimiz__badge--devam i { background: #FBBF24; box-shadow: 0 0 9px #FBBF24; color: #FEF3C7; }
.projelerimiz__badge--plan  i { background: #A78BFA; box-shadow: 0 0 9px #A78BFA; color: #EDE9FE; }

.projelerimiz__hero-title {
    font-size: clamp(28px, 3vw, 40px);
    letter-spacing: -1.5px;
    line-height: 1.02;
    margin: 11px 0 7px;
    color: #FFFFFF;
    font-weight: 800;
}
.projelerimiz__hero-text {
    font-size: 12px;
    line-height: 1.55;
    color: #D4E0E5;
    max-width: 560px;
    margin: 0;
}
.projelerimiz__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 13px;
}
.projelerimiz__meta span {
    padding: 7px 11px;
    border-radius: 9px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.14);
    color: #D2E0E4;
    font-size: 9.5px;
    line-height: 1;
}
.projelerimiz__meta strong {
    color: #FFFFFF;
    font-size: 11.5px;
    font-weight: 700;
    margin-right: 4px;
}

.projelerimiz__side {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
}
.projelerimiz__card {
    min-height: 202px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 12px 32px rgba(18, 48, 71, 0.08);
    border: 1px solid var(--ob-color-slate-200);
    display: block;
}
.projelerimiz__card::after {
    background: linear-gradient(180deg, rgba(5,27,40,0) 15%, rgba(5,27,40,.72) 100%);
}
.projelerimiz__card-content {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    bottom: 18px;
    color: #FFFFFF;
}
.projelerimiz__card-label {
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
    color: #B9EEEB;
    margin-bottom: 4px;
}
.projelerimiz__card-title {
    font-size: 20px;
    line-height: 1.08;
    letter-spacing: -.6px;
    margin: 6px 0 4px;
    color: #FFFFFF;
    font-weight: 800;
}
.projelerimiz__card-text {
    font-size: 9.5px;
    line-height: 1.45;
    color: #D9E4E8;
    margin: 0;
    max-width: 390px;
}
.projelerimiz__card-arrow {
    position: absolute;
    z-index: 3;
    right: 14px;
    top: 14px;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    background: rgba(255,255,255,0.86);
    color: var(--ob-color-navy-800);
    display: grid;
    place-items: center;
    font-size: 15px;
    font-weight: 700;
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.projelerimiz__card:hover .projelerimiz__card-arrow {
    background: var(--ob-color-emerald-600);
    color: #FFFFFF;
    transform: translate(2px, -2px);
}

.projelerimiz__metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 14px;
}
.proje-metric {
    background: #FFFFFF;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.proje-metric:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -14px rgba(15,23,42,0.12);
    border-color: var(--ob-color-emerald-100);
}
.proje-metric__text small {
    display: block;
    color: var(--ob-color-slate-500);
    font-size: 8.5px;
    letter-spacing: 0.7px;
    font-weight: 700;
    text-transform: uppercase;
}
.proje-metric__text strong {
    display: block;
    color: var(--ob-color-navy-800);
    font-size: 16px;
    font-weight: 800;
    margin-top: 2px;
    line-height: 1.2;
}
.proje-metric__ico {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #E6F6F1;
    color: var(--ob-color-emerald-600);
    display: grid;
    place-items: center;
    font-size: 14px;
    flex-shrink: 0;
}

@media (max-width: 1179px) {
    .projelerimiz { padding: 28px 0 28px; }              
    .projelerimiz__hero { height: 390px; }
    .projelerimiz__card { min-height: 192px; }
    .proje-metric { padding: 12px 14px; }
    .projelerimiz__title { font-size: 32px; }    
    .projelerimiz__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1023px) {
    .projelerimiz { padding: 26px 0 26px; }              
    .projelerimiz__hero { height: 370px; }
    .projelerimiz__card { min-height: 180px; }
    .projelerimiz__title { font-size: 32px; }  
    .projelerimiz__tabs { gap: 20px; }
}

@media (max-width: 767px) {
    .projelerimiz { padding: 24px 0 24px; }              
    .projelerimiz__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .projelerimiz__side {
        grid-template-rows: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    .projelerimiz__hero { height: 390px; }
    .projelerimiz__card { min-height: 210px; }
    .projelerimiz__header {

        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        gap: 10px;
        margin-bottom: 10px;
    }
    .projelerimiz__desc { max-width: none; }
    .projelerimiz__tabs {
        gap: 22px;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
    }
    .projelerimiz__tabs::-webkit-scrollbar { display: none; }

    .projelerimiz__hero-content {
        left: 22px;
        right: 22px;
        bottom: 22px;
    }
}

@media (max-width: 639px) {
    .projelerimiz__hero { height: 340px; }
    .projelerimiz__title { font-size: 30px; }   
    .projelerimiz__metrics {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 419px) {
    .projelerimiz { padding: 20px 0 20px; }              
    .projelerimiz__inner {
        padding-left: 16px;
        padding-right: 16px;
    }
    .projelerimiz__hero { height: 300px; }
    .projelerimiz__hero-content {
        left: 18px;
        right: 18px;
        bottom: 20px;
    }
    .projelerimiz__side {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 12px;
    }
    .projelerimiz__card { min-height: 200px; }
    .projelerimiz__metrics {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .projelerimiz__title { font-size: 28px; }   
    .projelerimiz__hero-title { font-size: 28px; }
    .projelerimiz__badge {
        font-size: 8px;
        padding: 5px 9px;
    }
    .projelerimiz__hero-text { font-size: 11px; }
    .projelerimiz__meta span { font-size: 8.5px; padding: 6px 10px; }
    .projelerimiz__card-title { font-size: 18px; }
    .projelerimiz__card-text { font-size: 9px; }
}

.sosyaltesisler {
    position: relative;
    width: 100%;
    padding: 50px 0;                           
    background: linear-gradient(180deg, #FAFCFC 0%, #F3F7F7 100%);
}
.sosyaltesisler__inner {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding-left: var(--ob-container-padding-x-lg);
    padding-right: var(--ob-container-padding-x-lg);
}
.sosyaltesisler__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 10px;                          
}
.sosyaltesisler__header-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 0;
}
.sosyaltesisler__header-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.sosyaltesisler__title {
    margin: 0;
    background: linear-gradient(135deg, #052e16 0%, #15803d 100%);   
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 32px;                              
    line-height: 1;
    letter-spacing: -2.2px;
    font-weight: 800;
}
.sosyaltesisler__desc {
    max-width: 620px;
    margin: 8px 0 0;                                 
    color: var(--ob-color-slate-500);
    font-size: 13.5px;
    line-height: 1.65;
}

.view-all-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #15803d;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: none;
    padding: 8px 2px;
    border-bottom: 1.5px solid rgba(21, 128, 61, 0.25);
    transition: gap 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}
.view-all-link i {
    font-size: 13px;
    transition: transform 0.2s ease;
}
.view-all-link:hover {
    color: #003d24;
    border-color: #15803d;
    gap: 12px;
}
.view-all-link:hover i {
    transform: translateX(2px);
}

.sosyaltesisler__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.tesis-card {
    background: #FFFFFF;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid var(--ob-color-slate-200);
    box-shadow: 0 18px 45px -20px rgba(18, 48, 71, 0.10);
    display: flex;
    flex-direction: column;
    transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s ease;
}
.tesis-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 55px -22px rgba(18, 48, 71, 0.16);
}
.tesis-card__img-wrap {
    position: relative;
    height: 220px;
    overflow: hidden;
}
.tesis-card__img {
    position: absolute;
    inset: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 1s cubic-bezier(0.22,1,0.36,1);
}
.tesis-card:hover .tesis-card__img {
    transform: scale(1.06);
}
.tesis-card__rating {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    background: rgba(255,255,255,0.96);
    color: var(--ob-color-navy-800);
    font-size: 11px;
    font-weight: 800;
    border-radius: 999px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 6px 18px -8px rgba(15,23,42,0.25);
}
.tesis-card__rating i {
    color: #FBBF24;
    font-size: 10px;
}
.tesis-card__body {
    padding: 20px 20px 22px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    align-items: center;                 
    text-align: center;                  
}
.tesis-card__title {
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.4px;
    font-weight: 800;
    color: var(--ob-color-navy-800);
    margin: 0 auto 7px;                  
    width: 100%;
    text-align: center;
}
.tesis-card__text {
    font-size: 12px;
    line-height: 1.55;
    color: var(--ob-color-slate-500);
    min-height: 38px;
    margin: 0 auto 14px;                 
    width: 100%;
    text-align: center;
}
.tesis-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 auto 16px;                 
    justify-content: center;             
    width: 100%;
}
.tesis-card__badges span {
    background: #F1F5F9;
    color: #475569;
    border-radius: 9px;
    padding: 6px 10px;
    font-size: 12px;                             
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.tesis-card__badges i {
    color: #15803d;                          
    font-size: 11px;                             
}

.tesis-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 12px 0;
    margin-top: auto;
    border-radius: 14px;
    background-color: rgba(21, 128, 61, 0.07);   
    color: #15803d;                             
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: background-color 0.25s ease, transform 0.25s ease, color 0.25s ease;
}
.tesis-card__btn i {
    color: #15803d;                          
    font-size: 11px;
}
.tesis-card__btn:hover {
    background-color: rgba(21, 128, 61, 0.18);  
    transform: translateY(-1px);
}

@media (max-width: 1179px) {
    .sosyaltesisler { padding: 28px 0 28px; }           
    .sosyaltesisler__inner { padding-left: 20px; padding-right: 20px; }
    .sosyaltesisler__grid { gap: 16px; }
    .tesis-card__img-wrap { height: 200px; }
    .tesis-card__rating { font-size: 10.5px; }
    .tesis-card__btn { padding: 11px 0; }
}
@media (max-width: 1023px) {
    .sosyaltesisler { padding: 26px 0 26px; }           
    .sosyaltesisler__title { font-size: 38px; }
    .sosyaltesisler__grid { gap: 14px; }
    .tesis-card__img-wrap { height: 190px; }
    .tesis-card__body { padding: 18px 18px 20px; }
}
@media (max-width: 767px) {
    .sosyaltesisler { padding: 24px 0 24px; }           
    .sosyaltesisler__header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        gap: 10px;
        margin-bottom: 10px;
    }
    .sosyaltesisler__header-right { justify-content: flex-start; }
    .sosyaltesisler__title { font-size: 36px; }
    .sosyaltesisler__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
    .tesis-card__img-wrap { height: 220px; }
    .tesis-card__desc { max-width: none; }
}
@media (max-width: 639px) {
    .sosyaltesisler__title { font-size: 34px; }
    .sosyaltesisler__grid { gap: 12px; }
    .tesis-card__img-wrap { height: 200px; }
    .tesis-card__body { padding: 16px 16px 18px; }
    .tesis-card__title { font-size: 18px; }
    .tesis-card__text { font-size: 11.5px; min-height: 36px; }
}
@media (max-width: 419px) {
    .sosyaltesisler { padding: 20px 0 20px; }           
    .sosyaltesisler__inner { padding-left: 16px; padding-right: 16px; }
    .sosyaltesisler__title { font-size: 30px; }
    .sosyaltesisler__desc { font-size: 12.5px; margin-top: 8px; }   
    .sosyaltesisler__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .tesis-card__img-wrap { height: 210px; }
    .tesis-card__btn { padding: 11px 0; }
}

.drawer-backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(3, 7, 18, 0.55);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}

body.drawer-is-open .drawer-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: min(88vw, 360px);
    max-width: 360px;
    height: 100vh;
    height: 100dvh;
    height: 100svh;
    height: var(--ob-app-height, 100svh);
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAF9 100%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    box-shadow: 12px 0 48px rgba(2, 6, 23, 0.18);
    transform: translateX(-104%);
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
    border-right: 1px solid var(--ob-color-slate-200);
    max-height: -webkit-fill-available;
    max-height: 100dvh;
    max-height: 100svh;
    max-height: var(--ob-app-height, 100svh);
}

body.drawer-is-open .drawer {
    transform: translateX(0);
}

body.drawer-is-open,
body.search-is-open {
    overflow: hidden;
    touch-action: none;
}

.drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid var(--ob-color-slate-100);
    gap: 12px;
    background: #FFFFFF;
    flex-shrink: 0;
}

.drawer__brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    min-width: 0;
    flex: 1 1 auto;
}

.drawer__brand-logo-wrap {
    width: 52px;
    height: 59px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
}

.drawer__brand-logo {
    max-width: 44px;
    max-height: 44px;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.drawer__brand-logo--svg {
    max-width: 52px;
    max-height: 52px;
    filter: none !important;
}

.drawer__brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    min-width: 0;
}

.drawer__brand-top {
    font-size: 12.5px;
    color: var(--ob-color-slate-500);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.drawer__brand-bottom {
    font-size: 18px;
    color: var(--ob-color-navy-800);
    font-weight: 800;
}

.drawer__close {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--ob-color-slate-100);
    color: var(--ob-color-slate-700);
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.drawer__close:hover {
    background: var(--ob-color-slate-200);
    transform: rotate(90deg);
}

.drawer__header--logo-only {
    padding: 22px 18px;
}
.drawer__header--logo-only .drawer__brand--fullwidth {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    gap: 0;
}
.drawer__header--logo-only .drawer__brand-text,
.drawer__header--logo-only .drawer__brand-logo-wrap {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0;
    height: 0;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}
.drawer__header--logo-only .drawer__brand-logo--wide {
    display: block;
    width: 100%;
    max-width: 360px;
    height: var(--mh, 72px);
    max-height: var(--mh, 72px);
    object-fit: contain;
    object-position: center;
    margin: 0 auto;
}
.drawer__header--logo-only .drawer__brand-logo--wide.drawer__brand-logo--svg {
    max-width: 420px;
    max-height: var(--mh, 72px);
}

html body .drawer__brand-text {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.drawer__nav {
    flex: 1 1 auto;

    min-height: 0;
    overflow-y: auto;
    padding: 12px 0 14px;
    -webkit-overflow-scrolling: touch;
}

.drawer__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.drawer__item {
    padding: 0 6px;
}

.drawer__link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    font-size: 15.5px;
    font-weight: 700;
    color: var(--ob-color-slate-800);
    border-radius: 14px;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
}

.drawer__link:hover,
.drawer__link:focus-visible {
    background-color: rgba(11, 46, 22, 0.06);
    color: #0B2E16;
    outline: none;
}

.drawer__link--toggle {
    position: relative;
}

.drawer__caret {
    font-size: 11px;
    color: var(--ob-color-slate-400);
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.drawer__item.is-open > .drawer__link--toggle .drawer__caret {
    transform: rotate(180deg);
    color: var(--ob-color-navy-800);
}

.drawer__submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.drawer__item.is-open > .drawer__submenu {
    max-height: 640px;
}

.drawer__sublink {
    display: block;
    padding: 11px 18px 11px 34px;
    font-size: 14px;
    font-weight: 500;
    color: var(--ob-color-slate-600);
    border-left: 2px solid transparent;
    margin-left: 12px;
    transition: all 0.2s ease;
    position: relative;
}

.drawer__sublink::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--ob-color-slate-300);
    transition: all 0.2s ease;
}

.drawer__sublink:hover {
    color: #0B2E16;
    border-left-color: var(--ob-color-orange-600);
}

.drawer__sublink:hover::before {
    background: var(--ob-color-orange-600);
    transform: translateY(-50%) scale(1.4);
}

.drawer__footer {
    flex-shrink: 0;

    padding: 10px 16px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--ob-color-slate-100);
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.drawer__btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 12px 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    color: #FFFFFF;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3);
    transition: all 0.2s ease;
}

.drawer__btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(249, 115, 22, 0.36);
}

.drawer__btn-icon {
    font-size: 15px;
}

.drawer__contact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.drawer__contact-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 10px 8px;
    border-radius: 12px;
    background: var(--ob-color-slate-100);
    color: var(--ob-color-slate-700);
    font-size: 12.5px;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid var(--ob-color-slate-200);
}

.drawer__contact-item:hover {
    background: rgba(11, 46, 22, 0.08);
    color: #0B2E16;
}

.drawer__contact-item--wa {
    background: rgba(37, 211, 102, 0.1);
    border-color: rgba(37, 211, 102, 0.3);
    color: #15803D;
}

.drawer__contact-item--wa:hover {
    background: rgba(37, 211, 102, 0.18);
    color: #166534;
}

.search-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 16px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

body.search-is-open .search-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.search-modal__backdrop {
    position: absolute;
    inset: 0;
    background-color: rgba(3, 7, 18, 0.68);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.search-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin-top: min(14svh, 120px);
    margin-top: min(calc(var(--ob-app-height, 100svh) * 0.14), 120px);
    max-height: calc(var(--ob-app-height, 100svh) - 40px);
    overflow-y: auto;
    background: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.35);
    padding: 40px 32px 32px;

    transform: translateY(-8px) translateZ(0);
    -webkit-transform: translateY(-8px) translateZ(0);
    transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform, opacity;
    opacity: 0.96;
}

body.search-is-open .search-modal__dialog {
    transform: translateY(0) translateZ(0);
    -webkit-transform: translateY(0) translateZ(0);
    opacity: 1;
}

.search-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--ob-color-slate-100);
    color: var(--ob-color-slate-600);
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: none;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.search-modal__close:hover {
    background: var(--ob-color-slate-200);
    color: var(--ob-color-slate-800);

    transform: scale(1.06) translateZ(0);
}

.search-modal__close:active {
    transform: scale(0.96) translateZ(0) !important;
    background: var(--ob-color-slate-300);
    transition-duration: 0.08s;
}

.search-modal__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.search-modal__title {
    font-size: 22px;
    font-weight: 800;
    color: var(--ob-color-navy-900);
    margin: 0;
    letter-spacing: -0.01em;
}

.search-modal__form {
    width: 100%;
    margin: 0;
}

.search-modal__field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 16px;
    background: var(--ob-color-slate-50);
    border: 2px solid var(--ob-color-slate-200);
    overflow: hidden;
    transition: all 0.2s ease;
}

.search-modal__field:focus-within {
    border-color: #15803d;
    background: #FFFFFF;
    box-shadow: 0 0 0 4px rgba(21, 128, 61, 0.12);
}

.search-modal__icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--ob-color-slate-400);
    pointer-events: none;
    transition: color 0.2s ease;
}

.search-modal__field:focus-within .search-modal__icon {
    color: #15803d;
}

.search-modal__input {
    flex: 1 1 auto;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 18px 120px 18px 52px;
    font-size: 15.5px;
    font-weight: 500;
    color: var(--ob-color-slate-800);
    font-family: inherit;
}

.search-modal__input::placeholder {
    color: var(--ob-color-slate-400);
    font-weight: 400;
}

.search-modal__submit {
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border-radius: 12px;
    background: #15803d;
    color: #FFFFFF;
    font-size: 14.5px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    font-family: inherit;
}

.search-modal__submit:hover {
    background: #0B2E16;
    transform: translateX(1px);
}

.search-modal__hints {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.search-modal__hint-label {
    font-size: 12.5px;
    color: var(--ob-color-slate-500);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.search-modal__hint-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.search-modal__hint-tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--ob-color-slate-100);
    color: var(--ob-color-slate-700);
    font-size: 12.5px;
    font-weight: 600;
    border: 1px solid var(--ob-color-slate-200);
    transition: all 0.2s ease;
}

.search-modal__hint-tag:hover {
    background: rgba(21, 128, 61, 0.08);
    color: #15803d;
    border-color: rgba(21, 128, 61, 0.3);
}

@media (max-width: 767px) {
    .search-modal__dialog {
        max-width: calc(100% - 32px);
        width: calc(100% - 32px);
        margin-top: 14svh;
        margin-top: calc(var(--ob-app-height, 100svh) * 0.14);
        max-height: calc(var(--ob-app-height, 100svh) - 32px);
        overflow-y: auto;
        padding: 36px 22px 26px;
        border-radius: 20px;
    }
    .search-modal__title {
        font-size: 19px;
        margin-bottom: 14px;
    }
    .search-modal__field {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        position: relative;
    }
    .search-modal__icon {
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
    }
    .search-modal__input {
        padding: 16px 100px 16px 46px;
        font-size: 14.5px;
        flex: 1 1 auto;
    }
    .search-modal__submit {
        position: absolute;
        top: 6px;
        right: 6px;
        bottom: 6px;
        left: auto;
        padding: 0 16px;
        height: auto;
        font-size: 13.5px;
        border-radius: 12px;
        margin: 0;
        width: auto;
        flex: 0 0 auto;
    }
    .search-modal__hints {
        margin-top: 20px;
    }
    .search-modal__hint-tags {
        flex-wrap: wrap;
        gap: 8px;
    }
    .search-modal__hint-tag {
        padding: 7px 13px;
        font-size: 12.5px;
    }
}

@media (max-width: 639px) {
    .search-modal__dialog {
        max-width: calc(100% - 24px);
        width: calc(100% - 24px);
        margin-top: 12svh;
        margin-top: calc(var(--ob-app-height, 100svh) * 0.12);
        max-height: calc(var(--ob-app-height, 100svh) - 24px);
        overflow-y: auto;
        padding: 32px 18px 22px;
        border-radius: 18px;
    }
    .search-modal__title {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .search-modal__input {
        padding: 15px 90px 15px 46px;
        font-size: 14px;
    }
    .search-modal__submit {
        position: absolute;
        top: 6px;
        right: 6px;
        bottom: 6px;
        height: auto;
        font-size: 13px;
        margin: 0;
        border-radius: 10px;
        padding: 0 14px;
        width: auto;
    }
    .search-modal__hint-tags {
        gap: 6px;
    }
    .search-modal__hint-tag {
        padding: 6px 12px;
        font-size: 12px;
    }
}

@media (max-width: 479px) {
    .drawer { width: 92vw; max-width: 92vw; }
    .drawer__header { padding: 14px 16px; }
    .drawer__brand-logo-wrap { width: 44px; height: 50px; }
    .drawer__brand-bottom { font-size: 16px; }
    .drawer__link { padding: 13px 16px; font-size: 15px; }
    .drawer__sublink { padding: 10px 14px 10px 30px; margin-left: 10px; }
    .drawer__sublink::before { left: 14px; }
    .drawer__footer { padding: 14px 16px calc(16px + env(safe-area-inset-bottom)); }
    .drawer__btn-primary { padding: 13px 18px; font-size: 13.5px; }

    .search-modal__dialog { margin-top: 10svh; margin-top: calc(var(--ob-app-height, 100svh) * 0.10); max-height: calc(var(--ob-app-height, 100svh) - 20px); overflow-y: auto; padding: 32px 20px 24px; border-radius: 20px; }
    .search-modal__title { font-size: 18px; }
    .search-modal__field { flex-direction: row; flex-wrap: nowrap; align-items: center; position: relative; }
    .search-modal__input { padding: 16px 84px 16px 44px; font-size: 14.5px; }
    .search-modal__submit { padding: 0 14px; font-size: 13px; position: absolute; top: 6px; right: 6px; bottom: 6px; left: auto; margin: 0; border-radius: 10px; height: auto; width: auto; }
    .search-modal__icon { left: 14px; top: 50%; transform: translateY(-50%); font-size: 16px; }
    .search-modal__hint-tag {
        padding: 7px 12px;
        font-size: 12px;
    }
}

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

.sehrimizi-taniyin {
    position: relative;
    padding: 50px 0;                           
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAF9 100%);
    overflow: hidden;
}

.sehrimizi-taniyin::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 420px;
    background: radial-gradient(ellipse at top left, rgba(21, 128, 61, 0.09) 0%, transparent 60%),   
                radial-gradient(ellipse at top right, rgba(22, 163, 74, 0.06) 0%, transparent 55%);
    pointer-events: none;
}

.sehrimizi-taniyin__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 var(--ob-container-padding-x);
    max-width: var(--ob-container-width);
    margin: 0 auto;
}

.sehrimizi-taniyin__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.sehrimizi-taniyin__header-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 0;
}
.sehrimizi-taniyin__header-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.sehrimizi-taniyin__title {

    background: linear-gradient(135deg, #052e16 0%, #15803d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -2.2px;
    font-weight: 800;
    margin: 0;
}

.sehrimizi-taniyin__desc {
    max-width: 620px;
    margin: 8px 0 0;
    color: var(--ob-color-slate-500);
    font-size: 13.5px;
    line-height: 1.65;
}

.sehrimizi-taniyin__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;                                 
}

.sehir-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 400px;                            
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 20px 60px -20px rgba(5, 46, 22, 0.25),
                0 8px 24px -8px rgba(5, 46, 22, 0.12);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.4s ease;
    isolation: isolate;
    width: 100%;
}

.sehir-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 70px -20px rgba(5, 46, 22, 0.32),
                0 14px 30px -10px rgba(5, 46, 22, 0.16);
}

.sehir-card__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
    transform: scale(1.02);
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.sehir-card:hover .sehir-card__img {
    transform: scale(1.08);
}

.sehir-card__overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg,
        rgba(5, 46, 22, 0.18) 0%,
        rgba(5, 46, 22, 0.35) 40%,
        rgba(11, 18, 32, 0.92) 100%);
    pointer-events: none;
}

.sehir-card__tag {
    position: absolute;
    top: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    border-radius: var(--ob-radius-pill);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.sehir-card__tag--muze {
    background: rgba(21, 128, 61, 0.92);     
    box-shadow: 0 4px 16px rgba(21, 128, 61, 0.40);
}

.sehir-card__tag--kale {
    background: rgba(249, 115, 22, 0.9);
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.35);
}

.sehir-card__tag--antik {
    background: rgba(234, 88, 12, 0.9);
    box-shadow: 0 4px 16px rgba(234, 88, 12, 0.35);
}

.sehir-card__body {
    margin-top: auto;
    padding: 20px 20px 0;                    
    display: flex;
    flex-direction: column;
    gap: 10px;                               
}

.sehir-card__title {
    font-size: clamp(22px, 2.1vw, 18px);   
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin: 0;
}

.sehir-card__desc {
    font-size: 13.5px;                        
    line-height: 1.55;                        
    color: rgba(255, 255, 255, 0.78);
    margin: 0;
    font-weight: 400;
    max-width: 40ch;                          
    display: -webkit-box;
    -webkit-line-clamp: 2;                    
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sehir-card__footer {
    margin-top: 14px;                         
    padding: 16px 20px 20px;                  
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;                                
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sehir-card__tag {
    position: absolute;
    top: 20px;                                  
    left: 20px;                                 
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;                          
    border-radius: var(--ob-radius-pill);
    font-size: 11.5px;                          
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.sehir-card__distance {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 600;
    color: #87F0B7;                       
}

.sehir-card__distance i {
    font-size: 14px;
    color: #57D898;                        
}

.sehir-card__explore {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #AFF6CE;                       
    transition: gap 0.25s ease, color 0.2s ease;
}

.sehir-card__explore i {
    font-size: 13px;
    transition: transform 0.3s ease;
    color: #87F0B7;                        
}

.sehir-card:hover .sehir-card__explore {
    gap: 10px;
    color: #FFFFFF;
}

.sehir-card:hover .sehir-card__explore i {
    transform: translateX(3px);
}

@media (max-width: 1179px) {
    .sehrimizi-taniyin { padding: 28px 0 28px; }           
    .sehrimizi-taniyin__grid { gap: 20px; }
    .sehir-card {
        min-height: 380px;           
        border-radius: 24px;
    }
}

@media (max-width: 1023px) {
    .sehrimizi-taniyin { padding: 26px 0 26px; }           
    .sehrimizi-taniyin__title { font-size: 32px; } 
    .sehrimizi-taniyin__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
    .sehir-card {
        min-height: 380px;           
    }
    .sehir-card:nth-child(3) {
        grid-column: 1 / -1;
        min-height: 340px;
    }
    .sehir-card__desc { max-width: 55ch; -webkit-line-clamp: 3; }
}

@media (max-width: 767px) {
    .sehrimizi-taniyin { padding: 24px 0 24px; }           
    .sehrimizi-taniyin__header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        gap: 10px;
        margin-bottom: 10px;
    }
    .sehrimizi-taniyin__header-right { justify-content: flex-start; }
    .sehrimizi-taniyin__title { font-size: 32px; } 
    .sehrimizi-taniyin__grid {
        grid-template-columns: 1fr;
        gap: 14px;
        overflow-x: visible;
        scroll-snap-type: none;
        -webkit-overflow-scrolling: auto;
        padding-bottom: 0;
    }
    .sehrimizi-taniyin__grid::-webkit-scrollbar { display: none; }
    .sehrimizi-taniyin__grid { scrollbar-width: none; }
    .sehir-card {
        min-height: 380px;           
        scroll-snap-align: none;
        flex-shrink: 1;
    }
    .sehir-card:nth-child(3) {
        grid-column: auto;
        min-height: 380px;
    }
    .sehir-card__body { padding: 20px 20px 0; }
    .sehir-card__footer { padding: 14px 20px 20px; }
    .sehir-card__tag { top: 18px; left: 18px; padding: 7.5px 14px; font-size: 11px; }
    .sehir-card__desc { -webkit-line-clamp: 2; }
}

@media (max-width: 639px) {
    .sehrimizi-taniyin { padding: 22px 0 22px; }           
    .sehrimizi-taniyin__title { font-size: 30px; } 
    .sehrimizi-taniyin__desc { font-size: 12.5px; margin-top: 8px; }
    .sehrimizi-taniyin__grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }
    .sehir-card {
        min-height: 370px;           
        border-radius: 22px;
    }
    .sehir-card__title { font-size: 22px; }
    .sehir-card__desc { font-size: 13px; -webkit-line-clamp: 2; }
    .sehir-card__body { padding: 18px 18px 0; }
    .sehir-card__footer { padding: 13px 18px 18px; }
}

@media (max-width: 419px) {
    .sehrimizi-taniyin { padding: 20px 0 20px; }           
    .sehrimizi-taniyin__inner { padding-left: 14px; padding-right: 14px; }
    .sehrimizi-taniyin__title { font-size: 28px; } 
    .sehrimizi-taniyin__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .sehir-card {
        min-height: 360px;           
        border-radius: 20px;
    }
    .sehir-card__tag { top: 16px; left: 16px; padding: 7px 14px; font-size: 11px; }
    .sehir-card__title { font-size: 21px; }
    .sehir-card__desc { font-size: 12.5px; -webkit-line-clamp: 2; }
    .sehir-card__body { padding: 18px 18px 0; }
    .sehir-card__footer { padding: 12px 18px 18px; }
    .sehir-card__distance { font-size: 12px; }
    .sehir-card__explore { font-size: 12.5px; }
}

.site-footer {
    position: relative;
    background: linear-gradient(180deg, #02180c 0%, #052e16 100%);
    color: rgba(255, 255, 255, 0.78);
    font-family: var(--ob-font-sans);
    overflow: hidden;
}

.site-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ob-color-emerald-500) 0%, var(--ob-color-green-700) 55%, var(--ob-color-green-600) 100%);
}

.footer__services {
    position: relative;
    background: linear-gradient(135deg, #052e16 0%, #14532d 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

html body .site-footer .footer__services {
    background: linear-gradient(135deg, #052e16 0%, #14532d 100%) !important;
}

.footer__services-inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    max-width: var(--ob-container-width);
    margin: 0 auto;
    padding: 14px var(--ob-container-padding-x);
}

.service-pill {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 70px;
    padding: 14px 18px;
    border-radius: 14px;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(11, 67, 42, 0.96) 0%, rgba(8, 55, 34, 0.98) 100%);
    border: 1px solid rgba(121, 165, 140, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 10px 24px rgba(1, 18, 9, 0.18);
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.service-pill:hover {
    background: linear-gradient(180deg, rgba(16, 84, 53, 0.98) 0%, rgba(11, 66, 42, 0.98) 100%);
    border-color: rgba(91, 192, 134, 0.38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 30px rgba(1, 18, 9, 0.2);
    transform: translateY(-1px);
}

.service-pill__badge {
    position: absolute;
    top: 7px;
    right: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(227, 190, 66, 0.34);
    background: rgba(226, 187, 59, 0.12);
    color: #EFD98A;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.service-pill__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.14) 0%, rgba(18, 120, 59, 0.18) 100%);
    border: 1px solid rgba(90, 214, 142, 0.12);
    color: #35D78F;
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
}

.service-pill:hover .service-pill__icon {
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.18) 0%, rgba(18, 120, 59, 0.24) 100%);
    color: #4DE3A1;
}

.service-pill__content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}

.service-pill__title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.01em;
    line-height: 1.15;
}

.service-pill__desc {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: rgba(226, 242, 233, 0.68);
    line-height: 1.25;
}

.service-pill__arrow {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(160, 214, 182, 0.62);
    font-size: 13px;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.25s ease, transform 0.25s ease;
}

.service-pill:hover .service-pill__arrow {
    color: #86E0B0;
    transform: translateX(2px);
}

.service-pill--accent {
    background: linear-gradient(180deg, rgba(79, 87, 21, 0.96) 0%, rgba(62, 70, 18, 0.98) 100%);
    border-color: rgba(199, 166, 48, 0.46);
}

.service-pill--accent:hover {
    background: linear-gradient(180deg, rgba(91, 101, 24, 0.98) 0%, rgba(70, 80, 19, 0.98) 100%);
    border-color: rgba(223, 189, 70, 0.58);
}

.service-pill--accent .service-pill__icon {
    background: linear-gradient(180deg, rgba(212, 177, 55, 0.12) 0%, rgba(180, 141, 22, 0.18) 100%);
    border-color: rgba(214, 176, 60, 0.24);
    color: #F0C95D;
}

.service-pill--accent:hover .service-pill__icon {
    background: linear-gradient(180deg, rgba(212, 177, 55, 0.16) 0%, rgba(180, 141, 22, 0.22) 100%);
    color: #F6D77B;
}

.service-pill--accent .service-pill__desc {
    color: rgba(245, 236, 189, 0.76);
}

.service-pill--accent .service-pill__arrow {
    color: rgba(240, 210, 112, 0.76);
}

.service-pill--accent:hover .service-pill__arrow {
    color: #F4D979;
}

.footer__main {
    position: relative;
    padding: 64px 0 48px;
}

.footer__main-inner {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 48px;
    max-width: var(--ob-container-width);
    margin: 0 auto;
    padding: 0 var(--ob-container-padding-x);
}

.footer__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.footer__col--brand { gap: 24px; }

.footer__logo {
    display: inline-block;
    text-decoration: none;
    width: fit-content;
}

.footer__logo-img {
    width: var(--footer-logo-w, auto);
    max-width: 100%;
    max-height: 80px;
    height: auto;
    object-fit: contain;
    object-position: left center;
    filter: brightness(0) invert(1);
    opacity: 0.96;
    transition: opacity 0.2s ease;
}

.footer__logo-img--svg {
    filter: none !important;
    width: var(--footer-logo-w, 190px);
    max-width: 100%;
    height: auto;
}

.footer__logo:hover .footer__logo-img { opacity: 1; }

.footer__tagline {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.62);
    margin: 0;
    max-width: 40ch;
}

.footer__social {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.footer__social-link {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    text-decoration: none;
    transition: all 0.25s ease;
}

.footer__social-link:hover {
    background: linear-gradient(135deg, var(--ob-color-emerald-600) 0%, var(--ob-color-green-700) 100%);
    border-color: transparent;
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -4px rgba(16, 185, 129, 0.35);
}

.footer__col-title {
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    margin: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
}

.footer__col-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 40px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--ob-color-emerald-500) 0%, var(--ob-color-green-700) 100%);
}

.footer__link-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.footer__link-list a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.62);
    text-decoration: none;
    transition: all 0.2s ease;
    padding-left: 0;
    position: relative;
}

.footer__link-list a::before {
    content: "›";
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ob-color-emerald-500);
    font-size: 16px;
    font-weight: 600;
    opacity: 0;
    transition: all 0.2s ease;
}

.footer__link-list a {
    padding-left: 0;
    transition: all 0.2s ease;
}

.footer__link-list a:hover {
    color: #FFFFFF;
    padding-left: 14px;
}

.footer__link-list a:hover::before {
    opacity: 1;
    left: 0;
}

.footer__address {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-style: normal;
    margin: 0;
}

.footer__contact-line {
    display: inline-flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.62);
}

.footer__contact-line i {
    flex-shrink: 0;
    width: 20px;
    text-align: center;
    margin-top: 3px;
    color: var(--ob-color-emerald-500);
    font-size: 14px;
}

.footer__contact-line--link {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.62);
    transition: all 0.2s ease;
}

.footer__contact-line--link:hover {
    color: #FFFFFF;
}

.footer__bottom {
    position: relative;
    padding: 22px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(5, 46, 22, 0.45);
}

html body .site-footer .footer__bottom {
    background: rgba(5, 46, 22, 0.55) !important;
}

.footer__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    max-width: var(--ob-container-width);
    margin: 0 auto;
    padding: 0 var(--ob-container-padding-x);
}

.footer__copyright {
    font-size: 13px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.48);
    margin: 0;
    letter-spacing: 0.01em;
}

.footer__legal {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.footer__legal a {
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.48);
    text-decoration: none;
    padding: 6px 14px;
    border-radius: var(--ob-radius-sm);
    transition: all 0.2s ease;
}

.footer__legal a:hover {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.05);
}

.footer__legal a + a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.12);
}

.footer__legal a:first-child { padding-left: 0; }
.footer__legal a:first-child:hover { background: transparent; }

@media (max-width: 1179px) {
    .footer__main-inner {
        grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
        gap: 36px;
    }
    .footer__services-inner { gap: 12px; }
    .service-pill { min-height: 68px; padding: 13px 15px; gap: 12px; }
    .service-pill__title { font-size: 14px; }
    .service-pill__desc { font-size: 12px; }
}

@media (max-width: 1023px) {
    .footer__main { padding: 56px 0 40px; }
    .footer__main-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 48px;
    }
    .footer__col--brand { grid-column: 1 / -1; }
    .footer__tagline { max-width: 60ch; }
    .footer__services-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 16px var(--ob-container-padding-x);
    }
}

@media (max-width: 767px) {
    .footer__main { padding: 48px 0 36px; }
    .footer__main-inner {
        grid-template-columns: 1fr 1fr !important;   
        grid-template-areas:
            "brand    brand"
            "quicklink ehizmet"
            "contact  contact";
        gap: 36px 20px;
    }

    .footer__col--brand {
        grid-area: brand !important;
        grid-column: 1 / -1 !important;
        gap: 20px;
        align-items: center;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
    .footer__col--brand .footer__logo { margin: 0 auto; }
    .footer__col--brand .footer__tagline { text-align: center; margin: 0 auto; }
    .footer__col--brand .footer__social { justify-content: center; width: 100%; }

    .footer__col--quick {
        grid-area: quicklink !important;
        grid-column: 1 / 2 !important;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .footer__col--ehizmet {
        grid-area: ehizmet !important;
        grid-column: 2 / 3 !important;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .footer__col--quick .footer__col-title::after,
    .footer__col--ehizmet .footer__col-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .footer__col--quick .footer__link-list,
    .footer__col--ehizmet .footer__link-list {
        align-items: center;
        gap: 8px;
    }
    .footer__col--quick .footer__link-list a,
    .footer__col--ehizmet .footer__link-list a {
        justify-content: center;
        text-align: center;
        line-height: 1.45;
    }
    .footer__col--quick .footer__col-title,
    .footer__col--ehizmet .footer__col-title {
        padding-bottom: 10px;
        margin-bottom: 2px;
    }

    .footer__col--contact {
        grid-area: contact !important;
        grid-column: 1 / -1 !important;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .footer__col--contact .footer__col-title::after { left: 50%; transform: translateX(-50%); }
    .footer__col--contact .footer__contact-line { justify-content: center; text-align: center; }

    .footer__services-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 14px 16px;
        gap: 10px;
    }
    .service-pill {
        min-height: 66px;
        padding: 12px 14px;
        gap: 12px;
    }
    .service-pill__icon {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        font-size: 15px;
    }
    .service-pill__title { font-size: 14px; }
    .service-pill__desc { font-size: 12px; }

    .footer__bottom { padding: 18px 0; }
    .footer__bottom-inner {
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
        gap: 14px;
        text-align: center;
    }
    .footer__copyright { text-align: center; width: 100%; }
    .footer__legal {
        width: 100%;
        justify-content: center !important;
        align-items: center;
        flex-wrap: wrap;
    }
    .footer__legal a:first-child { padding-left: 14px; }
    .footer__legal a:first-child:hover { background: rgba(255, 255, 255, 0.05); }
}

@media (max-width: 639px) {
    .footer__main { padding: 40px 0 32px; }
    .footer__main-inner { gap: 32px 20px; padding-left: 18px; padding-right: 18px; }
    .footer__services-inner {
        grid-template-columns: 1fr;
        padding: 14px 18px;
        gap: 10px;
    }
    .service-pill {
        min-height: 64px;
        padding: 12px 14px;
    }
    .footer__tagline { font-size: 13.5px; }
    .footer__link-list a { font-size: 13px; }
    .footer__contact-line { font-size: 13.5px; }
    .footer__copyright { font-size: 12px; text-align: center !important; }
    .footer__legal a { font-size: 12px; padding: 5px 12px; }
    .footer__col--quick .footer__link-list,
    .footer__col--ehizmet .footer__link-list { gap: 7px; }
}

@media (max-width: 419px) {
    .footer__main { padding: 32px 0 28px; }
    .footer__services-inner {
        grid-template-columns: 1fr;
        padding: 12px 14px;
        gap: 10px;
    }
    .service-pill {
        min-height: 62px;
        padding: 11px 12px;
        gap: 10px;
        border-radius: 12px;
    }
    .service-pill__badge {
        top: 6px;
        right: 8px;
        min-height: 18px;
        padding: 0 7px;
        font-size: 9px;
    }
    .service-pill__icon {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        font-size: 14px;
    }
    .service-pill__title { font-size: 13px; }
    .service-pill__desc { font-size: 11.5px; }

    .footer__logo-img { max-height: 68px; }
    .footer__logo-img--svg { max-height: none; width: min(var(--footer-logo-w, 190px), 80vw); }
    .footer__main-inner { gap: 28px 16px; padding-left: 16px; padding-right: 16px; }
    .footer__social-link {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        font-size: 14px;
    }
    .footer__col-title { font-size: 14px; padding-bottom: 12px; }
    .footer__col--quick .footer__col-title,
    .footer__col--ehizmet .footer__col-title { padding-bottom: 9px; }
    .footer__tagline { font-size: 13px; }
    .footer__col--quick .footer__link-list,
    .footer__col--ehizmet .footer__link-list { gap: 6px; }
    .footer__col--quick .footer__link-list a,
    .footer__col--ehizmet .footer__link-list a { font-size: 12.5px; }
    .footer__bottom-inner { padding-left: 16px; padding-right: 16px; gap: 12px; }
    .footer__copyright { font-size: 11.5px; text-align: center !important; }
    .footer__legal { gap: 4px; }
    .footer__legal a { font-size: 11.5px; padding: 5px 10px; }
}

@media (min-width: 768px) {
    .site-header__btn--hamburger,
    .site-header.is-scrolled .site-header__btn--hamburger,
    body.is-scrolled .site-header.is-scrolled .site-header__btn--hamburger,
    body .site-header.is-scrolled .site-header__btn--hamburger,
    .site-header .site-header__btn--hamburger,
    .site-header__actions .site-header__btn--hamburger {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        overflow: hidden !important;
        flex: 0 0 0px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
}

html body.home .site-main.site-main.site-main,
html body .site-main.site-main.site-main {
    padding-top: calc(100vh + 50px) !important;
    padding-top: calc(100dvh + 50px) !important;
    padding-top: calc(100svh + 50px) !important;
    padding-top: calc(var(--ob-app-height, 100svh) + 50px) !important;
}

html body .haber-slider {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}
html body .haber-slider__inner {
    grid-template-rows: 450px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
}
html body .baskan-card,
html body .haber-listesi,
html body .slider-sag {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
}

html body .haber-listesi__list {
    justify-content: stretch !important;
    align-items: stretch !important;
    gap: 10px !important;
    height: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
html body .haber-item {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
}
html body .haber-item__link {
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 12px 16px 12px !important;
    gap: 5px !important;
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body .haber-item__baslik {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    max-height: calc(1.35em * 2) !important;
    flex: 0 0 auto !important;
}
html body .haber-item__aciklama {
    display: none !important;
}

html body .baskan-card {
    justify-content: flex-end !important;
}

@media (min-width: 1024px) {

    html body.home .site-main.site-main.site-main,
    html body .site-main.site-main.site-main {
        padding-top: calc(100vh + 50px) !important;
    }

    html body .haber-slider {
        margin: 0 !important;
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }
    html body .haber-slider__inner {
        grid-template-rows: 450px !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        height: 450px !important;
        min-height: 450px !important;
        max-height: 450px !important;
    }
    html body .baskan-card,
    html body .haber-listesi,
    html body .slider-sag {
        height: 450px !important;
        min-height: 450px !important;
        max-height: 450px !important;
    }

    html body .haber-listesi__list {
        justify-content: stretch !important;
        align-items: stretch !important;
        gap: 10px !important;
        height: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    html body .haber-item {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    html body .haber-item__link {
        justify-content: flex-start !important;
        align-items: stretch !important;
        padding: 12px 16px 12px !important;
        gap: 5px !important;
        height: 100% !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    html body .haber-item__baslik {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        max-height: calc(1.35em * 2) !important;
        flex: 0 0 auto !important;
    }
    html body .haber-item__aciklama {
        display: none !important;
    }
}

@media (max-width: 1179px) {

    html body .haber-slider {
        padding: 0 0 30px 0 !important;
        overflow: visible !important;
    }
    html body .haber-slider__inner {
        grid-template-rows: 630px !important;
        height: 630px !important;
        min-height: 630px !important;
        max-height: 630px !important;
    }
    html body .baskan-card {
        height: 630px !important;          
        min-height: 630px !important;
        max-height: 630px !important;
        overflow: visible !important;
    }
    html body .baskan-card__body {
        margin-bottom: 60px !important;
    }
    html body .haber-listesi,
    html body .slider-sag,
    html body .slider-sag__viewport {
        height: 630px !important;
        min-height: 630px !important;
        max-height: 630px !important;
    }
}

@media (max-width: 1023px) {

    html body .site-header__nav,
    html body .site-header__menu,
    html body .site-header.is-scrolled .site-header__nav,
    html body .site-header.is-scrolled .site-header__menu {
        display: none !important;
    }
    html body .site-header__btn--hamburger,
    html body .site-header.is-scrolled .site-header__btn--hamburger {
        display: inline-flex !important;
    }

    html body.home .hero.hero,
    html body.home .hero,
    html body .hero.hero,
    html body .hero {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 90vh !important;
        min-height: 620px !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: clip !important;
        margin-bottom: 0 !important;
    }

    html body.has-admin-bar.has-admin-bar .hero.hero,
    html body.has-admin-bar.has-admin-bar .hero,
    html body.admin-bar.admin-bar .hero.hero,
    html body.admin-bar.admin-bar .hero {
        top: var(--ob-adminbar-h-mobile, 46px) !important;
        height: 90vh !important;
        min-height: 620px !important;
    }
    html body .hero__inner {
        min-height: 620px !important;
        height: 100% !important;
    }

    html body .site-main.site-main.site-main {
        padding-top: calc(90vh + 30px) !important;
    }
    html body.has-admin-bar .site-main.site-main.site-main,
    html body.admin-bar .site-main.site-main.site-main {
        padding-top: calc(90vh + 30px + var(--ob-adminbar-h-mobile, 46px)) !important;
    }

    html body .haber-slider {
        padding: 20px 0 30px 0 !important;
        overflow: visible !important;
    }
    html body .haber-slider__inner {
        grid-template-rows: auto auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    html body .baskan-card {
        grid-column: 1 / -1 !important;
        height: 550px !important;          
        min-height: 550px !important;
        max-height: 550px !important;
        overflow: visible !important;
    }
    html body .baskan-card__body {
        margin-bottom: 60px !important;
    }
    html body .haber-listesi {
        height: 550px !important;          
        min-height: 550px !important;
        max-height: 550px !important;
    }
    html body .slider-sag,
    html body .slider-sag__viewport {
        height: 530px !important;          
        min-height: 530px !important;
        max-height: 530px !important;
    }

    body .site-header.is-scrolled .site-header__row {
        justify-content: space-between !important;
        height: 60px !important;
        gap: 8px !important;
    }
    body .site-header.is-scrolled .site-header__slogan-banner {
        height: 40px !important;
        min-height: 40px !important;
        padding: 5px 12px !important;
    }
    body .site-header.is-scrolled .site-header__logo-wrap {

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }

    body .site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-wrap,
    body .site-header.is-scrolled .site-header__logo-wrap:has(.site-header__logo-img--mobile) {
        width: auto !important;
        min-width: 0 !important;
        padding: 0 14px 0 8px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: visible !important;
        max-width: 55vw !important;
    }
    body .site-header.is-scrolled .site-header__container {
        min-height: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 767px) {

    html body .site-header__nav,
    html body .site-header__menu,
    html body .site-header.is-scrolled .site-header__nav,
    html body .site-header.is-scrolled .site-header__menu {
        display: none !important;
    }
    html body .site-header__btn--hamburger,
    html body .site-header.is-scrolled .site-header__btn--hamburger {
        display: inline-flex !important;
    }

    html body.home .hero.hero,
    html body.home .hero,
    html body .hero.hero,
    html body .hero {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 66vh !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: clip !important;
        margin-bottom: 0 !important;
    }

    html body.has-admin-bar.has-admin-bar .hero.hero,
    html body.has-admin-bar.has-admin-bar .hero,
    html body.admin-bar.admin-bar .hero.hero,
    html body.admin-bar.admin-bar .hero {
        top: 46px !important;
        height: 66vh !important;
    }
    html body .hero__inner {
        min-height: 620px !important;
        height: 100% !important;
    }

    html body .site-main.site-main.site-main {
        padding-top: calc(66vh + 30px) !important;
    }
    html body.has-admin-bar .site-main.site-main.site-main,
    html body.admin-bar .site-main.site-main.site-main {
        padding-top: calc(66vh + 30px + 46px) !important;
    }

    html body .haber-slider {
        padding: 18px 0 30px 0 !important;
        overflow: visible !important;
    }
    html body .haber-slider .container-site {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    html body .haber-slider__inner {
        grid-template-rows: auto auto auto !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    html body .baskan-card {
        grid-column: auto !important;
        height: 570px !important;          
        min-height: 570px !important;
        max-height: 570px !important;
        overflow: visible !important;
    }
    html body .baskan-card__body {
        margin-bottom: 60px !important;
    }
    html body .baskan-card__social {
        margin-top: 8px !important;
    }
    html body .haber-listesi {
        height: 570px !important;          
        min-height: 570px !important;
        max-height: 570px !important;
    }
    html body .slider-sag,
    html body .slider-sag__viewport {
        height: 550px !important;
        min-height: 550px !important;
        max-height: 550px !important;
    }
}

@media (max-width: 639px) {

    html body .site-header__nav,
    html body .site-header__menu,
    html body .site-header.is-scrolled .site-header__nav,
    html body .site-header.is-scrolled .site-header__menu {
        display: none !important;
    }
    html body .site-header__btn--hamburger,
    html body .site-header.is-scrolled .site-header__btn--hamburger {
        display: inline-flex !important;
    }

    html body.home .hero.hero,
    html body.home .hero,
    html body .hero.hero,
    html body .hero {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: var(--hero-mh, 520px) !important;
        min-height: var(--hero-mh, 520px) !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: clip !important;
        margin-bottom: 0 !important;
    }

    html body.has-admin-bar.has-admin-bar .hero.hero,
    html body.has-admin-bar.has-admin-bar .hero,
    html body.admin-bar.admin-bar .hero.hero,
    html body.admin-bar.admin-bar .hero {
        top: 46px !important;
        height: var(--hero-mh, 520px) !important;
        min-height: var(--hero-mh, 520px) !important;
    }
    html body .hero__inner {
        min-height: var(--hero-mh, 520px) !important;
        height: 100% !important;
    }

    html body .site-main.site-main.site-main {
        padding-top: calc(var(--hero-real-bottom, 520px) + 30px) !important;
    }
    html body.has-admin-bar .site-main.site-main.site-main,
    html body.admin-bar .site-main.site-main.site-main {
        padding-top: calc(var(--hero-real-bottom, 520px) + 30px + 46px) !important;
    }

    html body .haber-slider {
        padding: 18px 0 30px 0 !important;
        overflow: visible !important;
    }
    html body .haber-slider__inner {
        gap: 12px !important;
    }
    html body .baskan-card {
        height: 540px !important;          
        min-height: 540px !important;
        max-height: 540px !important;
        overflow: visible !important;
    }
    html body .baskan-card__body {
        margin-bottom: 60px !important;
        padding: 20px 16px 0 !important;
    }
    html body .baskan-card__social {
        margin-top: 6px !important;
    }
    html body .haber-listesi {
        height: 540px !important;
        min-height: 540px !important;
        max-height: 540px !important;
    }
    html body .slider-sag,
    html body .slider-sag__viewport {
        height: 520px !important;
        min-height: 520px !important;
        max-height: 520px !important;
    }
}

@media (max-width: 419px) {

    html body .site-header__nav,
    html body .site-header__menu,
    html body .site-header.is-scrolled .site-header__nav,
    html body .site-header.is-scrolled .site-header__menu {
        display: none !important;
    }
    html body .site-header__btn--hamburger,
    html body .site-header.is-scrolled .site-header__btn--hamburger {
        display: inline-flex !important;
    }

    html body.home .hero.hero,
    html body.home .hero,
    html body .hero.hero,
    html body .hero {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: var(--hero-mh, 480px) !important;
        min-height: var(--hero-mh, 480px) !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: clip !important;
        margin-bottom: 0 !important;
    }

    html body.has-admin-bar.has-admin-bar .hero.hero,
    html body.has-admin-bar.has-admin-bar .hero,
    html body.admin-bar.admin-bar .hero.hero,
    html body.admin-bar.admin-bar .hero {
        top: 46px !important;
        height: var(--hero-mh, 480px) !important;
        min-height: var(--hero-mh, 480px) !important;
    }
    html body .hero__inner {
        min-height: var(--hero-mh, 480px) !important;
        height: 100% !important;
    }

    html body.home .site-main.site-main.site-main {
        padding-top: calc(var(--hero-real-bottom, 480px) + 30px) !important;
    }
    html body.has-admin-bar.home .site-main.site-main.site-main,
    html body.admin-bar.home .site-main.site-main.site-main {
        padding-top: calc(var(--hero-real-bottom, 480px) + 30px + 46px) !important;
    }

    html body .haber-slider {
        padding: 16px 0 30px 0 !important;
        overflow: visible !important;
    }
    html body .haber-slider .container-site {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    html body .haber-slider__inner {
        gap: 10px !important;
    }
    html body .baskan-card {
        height: 500px !important;          
        min-height: 500px !important;
        max-height: 500px !important;
        overflow: visible !important;
    }
    html body .baskan-card__body {
        margin-bottom: 60px !important;
        padding: 18px 14px 0 !important;
    }
    html body .baskan-card__social {
        margin-top: 6px !important;
        gap: 8px !important;
    }
    html body .haber-listesi {
        height: 500px !important;
        min-height: 500px !important;
        max-height: 500px !important;
    }
    html body .slider-sag,
    html body .slider-sag__viewport {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
    }

    body .site-header.is-scrolled .site-header__row {
        gap: 6px !important;
    }
    body .site-header.is-scrolled .site-header__slogan-banner {
        height: 38px !important;
        min-height: 38px !important;
        padding: 4px 10px !important;
    }
    body .site-header.is-scrolled .site-header__slogan-top {
        font-size: 9px !important;
    }
    body .site-header.is-scrolled .site-header__slogan-bottom {
        font-size: 10.5px !important;
    }
}

@media (max-width: 1023px) {

    html body.home header.site-header nav.site-header__nav,
    html body.home header.site-header ul.site-header__menu,
    html body.home header.site-header li.site-header__menu-item,
    html body.home header.site-header a.site-header__menu-link,
    html body.home header.site-header div.mega-menu,
    html body.home header.site-header.is-scrolled nav.site-header__nav,
    html body.home header.site-header.is-scrolled ul.site-header__menu,
    html body.home header.site-header.is-scrolled li.site-header__menu-item,
    html body.home header.site-header.is-scrolled a.site-header__menu-link,
    html body.home header.site-header.is-scrolled div.mega-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        right: auto !important;
        bottom: auto !important;
        z-index: -99999 !important;
    }

    html body.home header.site-header div.site-header__actions,
    html body.home header.site-header.is-scrolled div.site-header__actions {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
        min-width: auto !important;
        min-height: auto !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }

    html body.home header.site-header button.site-header__btn--hamburger,
    html body.home header.site-header.is-scrolled button.site-header__btn--hamburger {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: var(--ob-color-slate-100, #F1F5F9) !important;
        color: var(--ob-color-slate-700, #334155) !important;
        border: 1px solid var(--ob-color-slate-200, #E2E8F0) !important;
        border-radius: 10px !important;
        font-size: 16px !important;
        line-height: 1 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        z-index: 999 !important;
    }

    html body.home header.site-header button.site-header__btn--search,
    html body.home header.site-header a.site-header__btn--ebel,
    html body.home header.site-header.is-scrolled button.site-header__btn--search,
    html body.home header.site-header.is-scrolled a.site-header__btn--ebel {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 1023px) {
    html body.home section.hero {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.9)) !important;
        min-height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.9)) !important;
        max-height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.9)) !important;
        overflow: hidden !important;
        z-index: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html body.home.admin-bar section.hero,
    html body.home.has-admin-bar section.hero {
        top: 46px !important;
        height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.9)) !important;
        min-height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.9)) !important;
        max-height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.9)) !important;
    }
    html body.home main#primary.site-main {
        padding-top: calc(var(--hero-real-bottom, calc(var(--ob-app-height, 100svh) * 0.9)) + 30px) !important;
        margin-top: 0 !important;
    }
    html body.home.admin-bar main#primary.site-main,
    html body.home.has-admin-bar main#primary.site-main {
        padding-top: calc(var(--hero-real-bottom, calc(var(--ob-app-height, 100svh) * 0.9)) + 30px + 46px) !important;
    }
}

@media (max-width: 767px) {
    html body.home section.hero {
        height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.66)) !important;
        min-height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.66)) !important;
        max-height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.66)) !important;
    }
    html body.home.admin-bar section.hero,
    html body.home.has-admin-bar section.hero {
        top: 46px !important;
        height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.66)) !important;
        min-height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.66)) !important;
        max-height: var(--hero-mh, calc(var(--ob-app-height, 100svh) * 0.66)) !important;
    }
    html body.home main#primary.site-main {
        padding-top: calc(var(--hero-real-bottom, calc(var(--ob-app-height, 100svh) * 0.66)) + 30px) !important;
    }
    html body.home.admin-bar main#primary.site-main,
    html body.home.has-admin-bar main#primary.site-main {
        padding-top: calc(var(--hero-real-bottom, calc(var(--ob-app-height, 100svh) * 0.66)) + 30px + 46px) !important;
    }
}

@media (max-width: 639px) {
    html body.home section.hero {
        height: var(--hero-mh, 520px) !important;
        min-height: var(--hero-mh, 520px) !important;
        max-height: var(--hero-mh, 520px) !important;
    }
    html body.home.admin-bar section.hero,
    html body.home.has-admin-bar section.hero {
        top: 46px !important;
        height: var(--hero-mh, 520px) !important;
        min-height: var(--hero-mh, 520px) !important;
        max-height: var(--hero-mh, 520px) !important;
    }
    html body.home main#primary.site-main {
        padding-top: calc(var(--hero-real-bottom, var(--hero-mh, 520px)) + 30px) !important;
    }
    html body.home.admin-bar main#primary.site-main,
    html body.home.has-admin-bar main#primary.site-main {
        padding-top: calc(var(--hero-real-bottom, var(--hero-mh, 520px)) + 30px + 46px) !important;
    }
}

@media (max-width: 419px) {
    html body.home section.hero {
        height: var(--hero-mh, 480px) !important;
        min-height: var(--hero-mh, 480px) !important;
        max-height: var(--hero-mh, 480px) !important;
    }
    html body.home.admin-bar section.hero,
    html body.home.has-admin-bar section.hero {
        top: 46px !important;
        height: var(--hero-mh, 480px) !important;
        min-height: var(--hero-mh, 480px) !important;
        max-height: var(--hero-mh, 480px) !important;
    }
    html body.home main#primary.site-main {
        padding-top: calc(var(--hero-real-bottom, var(--hero-mh, 480px)) + 30px) !important;
    }
    html body.home.admin-bar main#primary.site-main,
    html body.home.has-admin-bar main#primary.site-main {
        padding-top: calc(var(--hero-real-bottom, var(--hero-mh, 480px)) + 30px + 46px) !important;
    }
}

@media (max-width: 1023px) {

    html body.home header.site-header button.site-header__btn--search,
    html body.home header.site-header.is-scrolled button.site-header__btn--search {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 10px !important;
        font-size: 16px !important;
        line-height: 1 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        z-index: 999 !important;
    }

    html body.home header.site-header a.site-header__btn--ebel,
    html body.home header.site-header.is-scrolled a.site-header__btn--ebel {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 10px !important;
        gap: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        z-index: 999 !important;
    }

    html body.home header.site-header a.site-header__btn--ebel span,
    html body.home header.site-header.is-scrolled a.site-header__btn--ebel span,
    html body.home header.site-header a.site-header__btn--ebel > span,
    html body.home header.site-header.is-scrolled a.site-header__btn--ebel > span {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
    }

    html body.home header.site-header a.site-header__btn--ebel i.site-header__btn-icon,
    html body.home header.site-header.is-scrolled a.site-header__btn--ebel i.site-header__btn-icon,
    html body.home header.site-header button.site-header__btn--search i,
    html body.home header.site-header.is-scrolled button.site-header__btn--search i {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        font-size: 16px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
    }
}

@media (max-width: 1023px) {
    header.site-header button.site-header__btn--search,
    header.site-header.is-scrolled button.site-header__btn--search,
    header.site-header a.site-header__btn--ebel,
    header.site-header.is-scrolled a.site-header__btn--ebel {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
        overflow: hidden !important;
    }

    header.site-header a.site-header__btn--ebel span,
    header.site-header.is-scrolled a.site-header__btn--ebel span {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    html body.home header.site-header .site-header__container,
    html body.home header.site-header.is-scrolled .site-header__container {
        min-height: 60px !important;
        height: 60px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    html body.home header.site-header .site-header__row,
    html body.home header.site-header.is-scrolled .site-header__row {
        justify-content: space-between !important;
        height: 60px !important;
        gap: 8px !important;
        align-items: center !important;
    }

    html body.home header.site-header .site-header__logo-wrap,
    html body.home header.site-header.is-scrolled .site-header__logo-wrap {
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }

    html body.home header.site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-wrap,
    html body.home header.site-header.is-scrolled .site-header__logo-wrap:has(.site-header__logo-img--mobile) {
        width: auto !important;
        min-width: 0 !important;
        padding: 0 14px 0 6px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: visible !important;
        max-width: 55vw !important;
    }

    html body.home header.site-header .site-header__slogan-banner,
    html body.home header.site-header.is-scrolled .site-header__slogan-banner {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 5px 12px !important;
        gap: 1px !important;
        justify-content: center !important;
        align-items: stretch !important;
        clip-path: polygon(
            12px 0,
            100% 0,
            100% calc(100% - 12px),
            calc(100% - 12px) 100%,
            0 100%,
            0 12px
        ) !important;
    }
    html body.home header.site-header .site-header__slogan-top,
    html body.home header.site-header.is-scrolled .site-header__slogan-top {
        font-size: 11px !important;
        letter-spacing: 0.05em !important;
        line-height: 1 !important;
    }
    html body.home header.site-header .site-header__slogan-bottom,
    html body.home header.site-header.is-scrolled .site-header__slogan-bottom {
        font-size: 12px !important;
        letter-spacing: 0.005em !important;
        line-height: 1 !important;
    }

    html body.home header.site-header a.site-header__logo-link,
    html body.home header.site-header.is-scrolled a.site-header__logo-link {
        gap: 6px !important;
        height: 100% !important;
    }
}

@media (max-width: 419px) {
    html body.home header.site-header .site-header__slogan-banner,
    html body.home header.site-header.is-scrolled .site-header__slogan-banner {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 4px 10px !important;
    }
    html body.home header.site-header .site-header__slogan-top,
    html body.home header.site-header.is-scrolled .site-header__slogan-top {
        font-size: 9px !important;
    }
    html body.home header.site-header .site-header__slogan-bottom,
    html body.home header.site-header.is-scrolled .site-header__slogan-bottom {
        font-size: 10.5px !important;
    }
}

@media (max-width: 1023px) {
    header.site-header .site-header__container,
    header.site-header.is-scrolled .site-header__container {
        min-height: 60px !important;
        height: 60px !important;
    }
    header.site-header .site-header__row,
    header.site-header.is-scrolled .site-header__row {
        height: 60px !important;
        gap: 8px !important;
    }
    header.site-header .site-header__logo-wrap,
    header.site-header.is-scrolled .site-header__logo-wrap {
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }

    header.site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-wrap,
    header.site-header.is-scrolled .site-header__logo-wrap:has(.site-header__logo-img--mobile) {
        width: auto !important;
        min-width: 0 !important;
        padding: 0 14px 0 8px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: visible !important;
        max-width: 55vw !important;
    }
    header.site-header .site-header__slogan-banner,
    header.site-header.is-scrolled .site-header__slogan-banner {
        height: 40px !important;
        min-height: 40px !important;
        padding: 5px 12px !important;
    }
    header.site-header .site-header__slogan-top,
    header.site-header.is-scrolled .site-header__slogan-top {
        font-size: 11px !important;
    }
    header.site-header .site-header__slogan-bottom,
    header.site-header.is-scrolled .site-header__slogan-bottom {
        font-size: 12px !important;
    }
}
@media (max-width: 419px) {
    header.site-header .site-header__slogan-banner,
    header.site-header.is-scrolled .site-header__slogan-banner {
        height: 38px !important;
        min-height: 38px !important;
        padding: 4px 10px !important;
    }
    header.site-header .site-header__slogan-top,
    header.site-header.is-scrolled .site-header__slogan-top {
        font-size: 9px !important;
    }
    header.site-header .site-header__slogan-bottom,
    header.site-header.is-scrolled .site-header__slogan-bottom {
        font-size: 10.5px !important;
    }
}

@media (max-width: 1023px) {
    html body.home .haber-listesi,
    html body.home .slider-sag,
    html body.home .slider-sag__viewport {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }
}
@media (max-width: 767px) {
    html body.home .haber-listesi,
    html body.home .slider-sag,
    html body.home .slider-sag__viewport {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }
}
@media (max-width: 639px) {
    html body.home .haber-listesi,
    html body.home .slider-sag,
    html body.home .slider-sag__viewport {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }
}
@media (max-width: 419px) {
    html body.home .haber-listesi,
    html body.home .slider-sag,
    html body.home .slider-sag__viewport {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }
}

html body .haber-listesi .haber-item.haber-item,
html body .haber-listesi .haber-item.haber-item.is-active,
html body .haber-listesi .haber-item.haber-item:hover {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
html body .haber-listesi a.haber-item__link.haber-item__link,
html body .haber-listesi .haber-item.is-active a.haber-item__link.haber-item__link,
html body .haber-listesi .haber-item:hover a.haber-item__link.haber-item__link {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;     
    align-items: center !important;         
    text-align: center !important;          
    gap: 6px !important;
    padding: 12px 16px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
html body .haber-listesi span.haber-item__tarih.haber-item__tarih,
html body .haber-listesi .haber-item.is-active span.haber-item__tarih.haber-item__tarih,
html body .haber-listesi .haber-item:hover span.haber-item__tarih.haber-item__tarih,
html body .haber-listesi span.haber-item__baslik.haber-item__baslik,
html body .haber-listesi .haber-item.is-active span.haber-item__baslik.haber-item__baslik,
html body .haber-listesi .haber-item:hover span.haber-item__baslik.haber-item__baslik {
    display: block !important;
    text-align: center !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

html body .haber-listesi span.haber-item__baslik.haber-item__baslik,
html body .haber-listesi .haber-item.is-active span.haber-item__baslik.haber-item__baslik,
html body .haber-listesi .haber-item:hover span.haber-item__baslik.haber-item__baslik {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.35em * 2) !important;
    line-height: 1.35 !important;
}

html body .haber-listesi .haber-item a.haber-item__link {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
html body .haber-listesi .haber-item a.haber-item__link span.haber-item__tarih,
html body .haber-listesi .haber-item a.haber-item__link span.haber-item__baslik {
    text-align: center !important;
    align-self: center !important;
    width: 100% !important;
}

html body .haber-listesi a.haber-item__link.haber-item__link,
html body .haber-listesi .haber-item.is-active a.haber-item__link.haber-item__link,
html body .haber-listesi .haber-item:hover a.haber-item__link.haber-item__link {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;     
    align-items: flex-start !important;     
    text-align: left !important;            
    gap: 6px !important;
    padding: 12px 16px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
html body .haber-listesi span.haber-item__tarih.haber-item__tarih,
html body .haber-listesi .haber-item.is-active span.haber-item__tarih.haber-item__tarih,
html body .haber-listesi .haber-item:hover span.haber-item__tarih.haber-item__tarih,
html body .haber-listesi span.haber-item__baslik.haber-item__baslik,
html body .haber-listesi .haber-item.is-active span.haber-item__baslik.haber-item__baslik,
html body .haber-listesi .haber-item:hover span.haber-item__baslik.haber-item__baslik {
    display: block !important;
    text-align: left !important;              
    align-self: stretch !important;          
    flex: 0 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

html body .haber-listesi span.haber-item__baslik.haber-item__baslik,
html body .haber-listesi .haber-item.is-active span.haber-item__baslik.haber-item__baslik,
html body .haber-listesi .haber-item:hover span.haber-item__baslik.haber-item__baslik {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.35em * 2) !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

html body .haber-listesi .haber-item a.haber-item__link {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
}
html body .haber-listesi .haber-item a.haber-item__link span.haber-item__tarih,
html body .haber-listesi .haber-item a.haber-item__link span.haber-item__baslik {
    text-align: left !important;
    align-self: stretch !important;
    width: 100% !important;
}

@media (max-width: 1023px) {
    html body.home .haber-listesi {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
    }
}

@media (max-width: 767px) {
    html body.home header.site-header .site-header__logo-wrap,
    html body.home header.site-header .site-header__logo-link--wide .site-header__logo-wrap {
        width: auto !important;
        min-width: 0 !important;
        max-width: 55vw !important;
        padding: 0 8px 0 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        display: inline-flex !important;
        overflow: visible !important;
        flex: 0 1 auto !important;
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }
    html body.home header.site-header .site-header__logo-img.site-header__logo-img--mobile,
    html body.home header.site-header .site-header__logo-link--wide .site-header__logo-img.site-header__logo-img--mobile {
        width: auto !important;
        height: var(--mh, 42px) !important;
        max-height: var(--mh, 42px) !important;
        max-width: min(55vw, 260px) !important;
        object-fit: contain;
        object-position: left center !important;
        margin: 0 !important;
    }
}

@media (max-width: 639px) {
    html body.home header.site-header .site-header__logo-wrap,
    html body.home header.site-header .site-header__logo-link--wide .site-header__logo-wrap {
        width: auto !important;
        min-width: 0 !important;
        max-width: 55vw !important;
        padding: 0 8px 0 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        display: inline-flex !important;
        overflow: visible !important;
        flex: 0 1 auto !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }
    html body.home header.site-header.is-scrolled .site-header__logo-wrap,
    html body.home header.site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-wrap,
    html body.home header.site-header.is-scrolled .site-header__logo-wrap:has(.site-header__logo-img--mobile) {
        width: auto !important;
        min-width: 0 !important;
        max-width: 55vw !important;
        padding: 0 8px 0 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        display: inline-flex !important;
        overflow: visible !important;
        flex: 0 1 auto !important;
        height: var(--hl-sticky-h, 44px) !important;
        min-height: var(--hl-sticky-h, 44px) !important;
        max-height: var(--hl-sticky-h, 44px) !important;
    }
    html body.home header.site-header.is-scrolled .site-header__logo-img.site-header__logo-img--mobile,
    html body.home header.site-header.is-scrolled .site-header__logo-link--wide .site-header__logo-img.site-header__logo-img--mobile {
        width: auto !important;
        height: var(--hl-sticky-h, 40px) !important;
        max-height: var(--hl-sticky-h, 40px) !important;
        max-width: min(52vw, 240px) !important;
        object-fit: contain;
        object-position: left center !important;
        margin: 0 !important;
    }
}

@media (max-width: 479px) {
    html body.home header.site-header .site-header__logo-wrap,
    html body.home header.site-header .site-header__logo-link--wide .site-header__logo-wrap,
    html body.home header.site-header.is-scrolled .site-header__logo-wrap {
        width: auto !important;
        min-width: 0 !important;
        max-width: 55vw !important;
        padding: 0 8px 0 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        display: inline-flex !important;
        overflow: visible !important;
    }
    html body.home header.site-header .site-header__logo-img.site-header__logo-img--mobile {
        max-width: min(53vw, 250px) !important;
        object-fit: contain;
        object-position: left center !important;
        margin: 0 !important;
    }
}

body.error404,
.site-main--404,
.ob-section--404 {
    --ob-404-green-start: #007449;
    --ob-404-green-mid:   #00915D;
    --ob-404-green-end:   #00603C;
    --ob-404-orange:      #F97316;
    --ob-404-orange-2:    #EA580C;
    --ob-404-slate-bg:    #F6F8FA;
    --ob-404-border:      #E2E8F0;
    --ob-404-text:        #0F172A;
    --ob-404-muted:       #64748B;
    --ob-404-card-bg:     #FFFFFF;
}

.ob-section--404,
.ob-section--404 h1, .ob-section--404 h2, .ob-section--404 h3, .ob-section--404 h4, .ob-section--404 h5, .ob-section--404 h6,
.ob-section--404 p, .ob-section--404 span, .ob-section--404 a, .ob-section--404 strong, .ob-section--404 em,
.ob-section--404 div, .ob-section--404 li, .ob-section--404 button, .ob-section--404 label,
.ob-404,
.ob-404 h1, .ob-404 h2, .ob-404 h3, .ob-404 h4, .ob-404 h5, .ob-404 h6,
.ob-404 p, .ob-404 span, .ob-404 a, .ob-404 strong, .ob-404 em,
.ob-404 div, .ob-404 li, .ob-404 button, .ob-404 label,
.ob-widget--quick,
.ob-widget--quick h1, .ob-widget--quick h2, .ob-widget--quick h3, .ob-widget--quick h4, .ob-widget--quick h5, .ob-widget--quick h6,
.ob-widget--quick p, .ob-widget--quick span, .ob-widget--quick a, .ob-widget--quick strong, .ob-widget--quick em,
.ob-widget--quick div, .ob-widget--quick li, .ob-widget--quick button, .ob-widget--quick label,
.site-main--404,
.site-main--404 h1, .site-main--404 h2, .site-main--404 h3, .site-main--404 h4, .site-main--404 h5, .site-main--404 h6,
.site-main--404 p, .site-main--404 span, .site-main--404 a, .site-main--404 strong, .site-main--404 em,
.site-main--404 div, .site-main--404 li, .site-main--404 button, .site-main--404 label {
    font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.ob-section--404 i,
.ob-section--404 i::before,
.ob-section--404 [class^="fa-"],
.ob-section--404 [class^="fa-"]::before,
.ob-section--404 [class*=" fa-"],
.ob-section--404 [class*=" fa-"]::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", sans-serif !important;
    font-weight: 900 !important;
}
.ob-section--404 [class*="fa-brands"],
.ob-section--404 [class*="fa-brands"]::before,
.ob-section--404 i.fa-brands,
.ob-section--404 i.fa-brands::before {
    font-family: "Font Awesome 6 Brands", sans-serif !important;
    font-weight: 400 !important;
}

html body.error404 main#primary,
html body.error404 #primary.site-main,
html body.error404 .site-main,
body.error404 .site-main--404,
.site-main--404 {
    padding-top: 140px !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

html body.error404.admin-bar main#primary,
html body.error404.admin-bar .site-main--404 {
    padding-top: 172px !important;
}
.ob-section--404 {
    padding: 30px 0;
    background:
        radial-gradient(1200px 600px at -10% -20%, rgba(0,145,93,0.10), transparent 60%),
        radial-gradient(900px 500px at 110% 0%, rgba(249,115,22,0.10), transparent 55%),
        linear-gradient(180deg, #FFFFFF 0%, var(--ob-404-slate-bg) 100%);
    min-height: calc(100dvh - 300px);
}
.ob-container {
    width: 100%;
    max-width: var(--ob-container-width, 1330px);
    margin: 0 auto;
    padding: 0 clamp(16px, 2.4vw, 28px);
}
.ob-404 {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: clamp(28px, 4.2vw, 56px);
    align-items: start;
}

.ob-404__hero { display: flex; flex-direction: column; gap: 30px; }

.ob-404__number {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    line-height: 0.9;
    font-weight: 900;
    letter-spacing: -0.06em;
    font-size: clamp(140px, 22vw, 230px);
    background: linear-gradient(135deg,
        var(--ob-404-green-start) 0%,
        var(--ob-404-green-mid)   45%,
        #004329                  100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0,116,73,0.12);
    filter: drop-shadow(0 24px 50px rgba(0,96,60,0.14));
    user-select: none;
}
.ob-404__number > span { display: inline-block; padding: 0; margin: 0; }
.ob-404__number-zero {
    position: relative;
    width: 0.78em;
    height: 0.78em;                  
    display: inline-flex !important;  
    align-items: center;
    justify-content: center;
    margin: -0.06em 0.02em 0.02em;    
    background: transparent;           
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
    color: transparent;                
    -webkit-text-fill-color: transparent;
    font-size: 1em;
    overflow: visible;
    line-height: 1;
    -webkit-text-stroke: 0 !important;

    visibility: hidden;
}

.ob-404__number-zero::before,
.ob-404__number-zero > i,
.ob-404__number-zero > i::before {
    visibility: visible !important;
}

.ob-404__number-zero::before {
    content: "";
    position: absolute;

    inset: 4% 4%;
    border-radius: 999px;
    background:
        radial-gradient(circle at 33% 28%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 45%),
        linear-gradient(145deg, rgba(249,115,22,0.98) 0%, var(--ob-404-orange-2) 100%);
    z-index: 0;
    box-shadow:
        inset 0 -4px 10px rgba(180, 54, 3, 0.25),
        inset 0 3px 0 rgba(255,255,255,0.22),
        0 8px 22px rgba(234,88,12,0.28);
}

.ob-404__number-zero::after {
    display: none !important;
}
.ob-404__number-zero > i {
    position: absolute !important;
    top: 50%;
    left: 50%;

    transform: translate(-49%, -51%);  
    z-index: 5;
    color: #FFFFFF !important;

    font-size: 0.64em;
    line-height: 1;
    text-align: center;
    -webkit-text-stroke: 0 !important;
    display: inline-block !important;
    width: auto;
    height: auto;
    filter:
        drop-shadow(0 2px 0 rgba(160, 48, 2, 0.80))
        drop-shadow(0 8px 14px rgba(234,88,12,0.40));
}

.ob-404__number-zero > i::before {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    -webkit-text-stroke: 0 !important;
    content: var(--fa-content, var(--fa-location-dot, "\f3c5"));
}

.ob-404__content { display: flex; flex-direction: column; gap: 18px; }
.ob-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ob-404-orange-2);
    background: linear-gradient(135deg, rgba(249,115,22,0.14), rgba(234,88,12,0.08));
    border: 1px solid rgba(249,115,22,0.28);
    letter-spacing: 0.01em;
}
.ob-404__title {
    font-size: clamp(28px, 3.8vw, 40px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--ob-404-text);
    margin: 0;
}
.ob-404__title span {
    background: linear-gradient(135deg, #007449 0%, #00A36A 50%, #00603C 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
}
.ob-404__lead {
    font-size: clamp(14.5px, 1.6vw, 16.5px);
    line-height: 1.75;
    color: var(--ob-404-muted);
    font-weight: 400;
    max-width: 62ch;
    margin: 0;
}

.ob-404__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}
.ob-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 12px;
    font-weight: 700;
    font-size: 14px;
    transition: transform .16s ease, box-shadow .2s ease, background .18s ease, border-color .18s ease, color .18s ease;
    cursor: pointer;
    line-height: 1;
    user-select: none;
}
.ob-btn:focus-visible { outline: 3px solid rgba(0,145,93,0.35); outline-offset: 3px; }
.ob-btn--lg { padding: 13px 18px; }
.ob-btn--primary {
    background: linear-gradient(135deg, var(--ob-404-green-start) 0%, var(--ob-404-green-end) 100%);
    color: #FFFFFF;
    box-shadow: 0 10px 24px rgba(0,96,60,0.28);
}
.ob-btn--primary:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(0,96,60,0.34); }
.ob-btn--ghost {
    background: #FFFFFF;
    color: var(--ob-404-text);
    border-color: var(--ob-404-border);
    box-shadow: 0 1px 0 rgba(15,23,42,0.04), 0 2px 8px rgba(15,23,42,0.04);
}
.ob-btn--ghost:hover { background: var(--ob-404-slate-bg); border-color: #CBD5E1; }
.ob-btn--outline {
    background: rgba(255,255,255,0.0);
    color: var(--ob-404-green-end);
    border-color: rgba(0,145,93,0.35);
}
.ob-btn--outline:hover { background: rgba(0,145,93,0.08); border-color: rgba(0,145,93,0.60); }

.ob-404__contacts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 8px;
    max-width: 620px;
}
.ob-minicard {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--ob-404-card-bg);
    border: 1px solid var(--ob-404-border);
    color: var(--ob-404-text);
    text-decoration: none;
    box-shadow: 0 1px 0 rgba(15,23,42,0.03), 0 2px 10px rgba(15,23,42,0.04);
    transition: transform .14s ease, border-color .16s ease, box-shadow .2s ease;
}
.ob-minicard:hover { transform: translateY(-1px); border-color: #CBD5E1; box-shadow: 0 4px 16px rgba(15,23,42,0.08); }
.ob-minicard i {
    width: 36px; height: 36px;
    display: grid; place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(0,145,93,0.14), rgba(0,96,60,0.08));
    color: var(--ob-404-green-end);
    font-size: 15px;
}
.ob-minicard__label { display:block; font-size: 11.5px; color: var(--ob-404-muted); font-weight: 500; margin-bottom: 2px; }
.ob-minicard__value { display:block; font-size: 14.5px; font-weight: 700; color: var(--ob-404-text); }
.ob-minicard--wa i {
    background: linear-gradient(135deg, rgba(37,211,102,0.18), rgba(22,163,74,0.08));
    color: #15803D;
}

.ob-404__sidebar { display: flex; flex-direction: column; gap: 0; position: sticky; top: 110px; }
.ob-widget--quick {
    background: #FFFFFF;
    border: 1px solid var(--ob-404-border);
    border-radius: 16px;
    padding: 22px 22px 20px;
    box-shadow:
        0 1px 0 rgba(15,23,42,0.03),
        0 12px 40px rgba(15,23,42,0.06),
        inset 0 1px 0 rgba(255,255,255,0.8);
}
.ob-widget__head {
    display:flex; flex-direction: column; gap: 10px;
    margin-bottom: 18px; padding-bottom: 16px;
    border-bottom: 1px dashed rgba(15,23,42,0.08);
}
.ob-widget__title {
    font-size: 18px; font-weight: 800; line-height: 1.25;
    letter-spacing: -0.015em;
    color: var(--ob-404-text);
    margin: 0;
}
.ob-widget__desc { margin: 0; font-size: 13.5px; color: var(--ob-404-muted); line-height: 1.65; }
.ob-quicklinks {
    list-style: none;
    margin: 0; padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
}
.ob-quicklinks__item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 10px;
    background: #FFFFFF;
    color: var(--ob-404-text);
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .16s ease, border-color .16s ease, transform .12s ease, color .16s ease;
}
.ob-quicklinks__item:hover {
    background: linear-gradient(135deg, rgba(0,145,93,0.08), rgba(0,145,93,0.03));
    border-color: rgba(0,145,93,0.22);
    transform: translateX(2px);
}
.ob-quicklinks__icon {
    width: 38px; height: 38px;
    display: grid; place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(0,145,93,0.12), rgba(0,145,93,0.05));
    color: var(--ob-404-green-end);
    font-size: 15px;
}
.ob-quicklinks__text { font-size: 14px; font-weight: 600; color: inherit; line-height: 1.2; }
.ob-quicklinks__chev { color: var(--ob-404-muted); font-size: 12px; opacity: 0.7; transition: transform .15s ease, opacity .15s ease, color .15s ease; }
.ob-quicklinks__item:hover .ob-quicklinks__chev { transform: translateX(3px); opacity: 1; color: var(--ob-404-green-end); }

@media (max-width: 1100px) {
    .ob-404 { grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr); gap: 34px; }
    .ob-404__sidebar { position: static; }
}

@media (max-width: 899px) {
    .ob-section--404 { padding: 26px 0 40px; }
    .ob-404 { grid-template-columns: 1fr; gap: 30px; }
    .ob-404__sidebar { order: 2; }
    .ob-404__number { justify-content: flex-start; }
    .ob-widget--quick { padding: 20px 18px 18px; }
}

@media (max-width: 479px) {
    .ob-section--404 { padding: 22px 0 34px; }
    .ob-404__number {
        font-size: clamp(120px, 36vw, 180px);
        justify-content: center;
        margin: 0 auto 4px;
    }
    .ob-404__hero { text-align: center; }
    .ob-eyebrow { align-self: center; }
    .ob-404__actions { justify-content: center; }
    .ob-404__contacts { grid-template-columns: 1fr; max-width: 100%; }
    .ob-btn--lg { padding: 12px 16px; font-size: 13.5px; width: 100%; }
    .ob-widget--quick { padding: 18px 16px 16px; border-radius: 14px; }
    .ob-quicklinks__item { padding: 10px 10px; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; }
    .ob-quicklinks__icon { width: 34px; height: 34px; font-size: 14px; }
}

html body.error404 .ob-404__number {
    background: none !important;
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
    color: #008744 !important;
    -webkit-text-fill-color: #008744 !important;
    -webkit-text-stroke: 0 !important;
    filter: drop-shadow(0 24px 50px rgba(0, 135, 68, 0.14)) !important;
    position: relative !important;
}
html body.error404 .ob-404__number > span {
    color: #008744 !important;
    -webkit-text-fill-color: #008744 !important;
}

html body.error404 .ob-404__number-zero {
    visibility: visible !important;
    opacity: 0.35 !important;
    color: #008744 !important;
    -webkit-text-fill-color: #008744 !important;
    width: 0.92em !important;
    height: 0.92em !important;
    background: transparent !important;
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
    -webkit-text-stroke: 0 !important;
    margin: -0.06em 0.02em 0.02em !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    line-height: 1 !important;
    font-size: 1em !important;
}

html body.error404 .ob-404__number-zero::before,
html body.error404 .ob-404__number-zero::after,
html body.error404 .ob-404__number-zero > i,
html body.error404 .ob-404__number-zero > i::before {
    visibility: visible !important;
    opacity: 1 !important;
}

html body.error404 .ob-404__number-zero::before {
    content: "" !important;
    position: absolute !important;
    inset: 14% 14% !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 33% 28%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 45%),
        linear-gradient(145deg, rgba(249,115,22,0.98) 0%, #EA580C 100%) !important;
    z-index: 0 !important;
    box-shadow:
        inset 0 -4px 10px rgba(180, 54, 3, 0.25),
        inset 0 3px 0 rgba(255,255,255,0.22),
        0 8px 22px rgba(234,88,12,0.35) !important;
    display: block !important;
}

html body.error404 .ob-404__number-zero::after {
    display: none !important;
    content: none !important;
}

html body.error404 .ob-404__number-zero > i {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-49%, -50%) !important;
    z-index: 5 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 0.58em !important;
    line-height: 1 !important;
    text-align: center !important;
    -webkit-text-stroke: 0 !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    filter:
        drop-shadow(0 2px 0 rgba(160, 48, 2, 0.80))
        drop-shadow(0 6px 12px rgba(234,88,12,0.40)) !important;
}
html body.error404 .ob-404__number-zero > i::before {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    -webkit-text-stroke: 0 !important;
    content: var(--fa-content, var(--fa-location-dot, "\f3c5")) !important;
}

html body.error404 .ob-404__number::after {
    content: attr(data-reflect) !important;
    content: "404" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    line-height: 0.9 !important;
    font-weight: 900 !important;
    letter-spacing: -0.06em !important;
    font-size: 1em !important;
    color: #008744 !important;
    -webkit-text-fill-color: #008744 !important;
    transform: scaleY(-1) !important;
    transform-origin: top center !important;
    opacity: 0.55 !important;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%) !important;
            mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%) !important;
    -webkit-mask-repeat: no-repeat !important;
            mask-repeat: no-repeat !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: -1 !important;
    margin-top: 0.02em !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
}

@media (max-width: 479px) {
    html body.error404 .ob-404__number::after {
        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%) !important;
                mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%) !important;
        opacity: 0.40 !important;
    }
    html body.error404 .ob-404__number {
        justify-content: center !important;
    }
    html body.error404 .ob-404__number::after {
        justify-content: center !important;
    }
}

html body.error404 .ob-section--404 .ob-404__number {
    background: none !important;
    -webkit-background-clip: border-box !important;
    color: #008744 !important;
    -webkit-text-fill-color: #008744 !important;
    -webkit-text-stroke: 0 !important;
    filter: drop-shadow(0 8px 18px rgba(0,112,60,0.10)) !important;
    position: static !important;
    isolation: auto;
}

html body.error404 .ob-section--404 .ob-404__number::after {
    display: none !important;
    content: none !important;
}

html body.error404 .ob-section--404 .ob-404__number > span {
    position: static;
}

html body.error404 .ob-section--404 .ob-404__number-zero {
    visibility: visible !important;
    opacity: 0.30 !important;
    color: #008744 !important;
    -webkit-text-fill-color: #008744 !important;
    background: transparent !important;
    -webkit-background-clip: border-box !important;
    width: 0.90em !important;
    height: 0.90em !important;
    margin: 0 0.01em 0 !important;
    line-height: 0.9 !important;
    z-index: 0;
}

html body.error404 .ob-section--404 .ob-404__number-zero::before {
    inset: 12% 12% !important;
    background: radial-gradient(circle at 33% 28%, rgba(255,220,180,0.9) 0%, rgba(255,255,255,0) 42%), radial-gradient(circle at 50% 50%, #F98228 0%, #E86410 60%, #C94A05 100%) !important;
    box-shadow: inset 0 -4px 10px rgba(160,54,3,0.25), inset 0 3px 0 rgba(255,255,255,0.22), 0 8px 20px rgba(234,88,12,0.25) !important;
    z-index: 1;
}

html body.error404 .ob-section--404 .ob-404__number-zero::after {
    display: none !important;
}

html body.error404 .ob-section--404 .ob-404__number-zero::before,
html body.error404 .ob-section--404 .ob-404__number-zero > i,
html body.error404 .ob-section--404 .ob-404__number-zero > i::before {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.error404 .ob-section--404 .ob-404__number-zero > i {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-49%,-50%) !important;
    z-index: 5;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 0.56em !important;
    filter: drop-shadow(0 1px 0 rgba(160,48,2,0.7)) drop-shadow(0 5px 10px rgba(234,88,12,0.4)) !important;
}

html body.error404 .ob-section--404 .ob-404__number-zero > i::before {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-text-stroke: 0 !important;
    content: var(--fa-content, var(--fa-location-dot, "\f3c5")) !important;
}

@media (max-width: 479px) {

}

.ob-haber-container {
    width: 100%;
    max-width: var(--ob-container-width, 1330px);
    margin: 0 auto;
    padding-left: var(--ob-container-padding-x, 16px);
    padding-right: var(--ob-container-padding-x, 16px);
}
@media (min-width: 1024px) {
    .ob-haber-container {
        padding-left: var(--ob-container-padding-x-lg, 32px);
        padding-right: var(--ob-container-padding-x-lg, 32px);
    }
}

main.ob-haber-single {
    padding-top: 0 !important;
    background: var(--ob-color-bg-light, #F8FAFC);
}
.ob-haber-single .site-main__bg {
    display: none !important;
}
.ob-haber-hero {
    --ob-single-size: clamp( var(--ob-single-min, 400px), 56vh, var(--ob-single-max, 520px) );
    position: relative;
    width: 100%;
    min-height: var(--ob-single-size);
    height: var(--ob-single-size);
    max-height: var(--ob-single-size);
    border-bottom: 1px solid rgba(6, 95, 70, 0.12);
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.78) 0%, rgba(248, 250, 252, 0.92) 54%, #ffffff 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    isolation: isolate;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: background-position, transform;
}
.ob-haber-hero__bg {
    display: none !important;
}
.ob-haber-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at calc(100% - 48px) -120px, rgba(52, 211, 153, 0.26) 0, rgba(52, 211, 153, 0.26) 160px, transparent 360px);
    filter: blur(68px);
    pointer-events: none;
    z-index: 0;
}
.ob-haber-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 32px calc(100% - 124px), rgba(251, 191, 36, 0.18) 0, rgba(251, 191, 36, 0.18) 118px, transparent 260px),
        radial-gradient(rgba(13, 92, 58, 0.16) 1px, transparent 1px);
    background-size: auto, 24px 24px;
    background-position: 0 0, 0 0;
    opacity: 0.3;
    pointer-events: none;
    z-index: 1;
}
.ob-haber-hero__overlay {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding-top: 160px;
    padding-bottom: 72px;
}

.ob-haber-hero__ic {
    display: flex;
    flex-direction: row;            
    justify-content: space-between;
    align-items: flex-end;          
    gap: 32px;
    flex-wrap: wrap;
    width: 100%;

}

.ob-haber-hero__sol {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;                          
    flex: 1 1 auto;
    min-width: 0;
    max-width: 1000px;
}

.ob-haber-breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 12px;                       
    font-weight: 500;
    text-transform: uppercase;             
    letter-spacing: 0.5px;
    color: #475569;
}
.ob-haber-breadcrumb ol a {
    color: #475569;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color .2s ease;
}
.ob-haber-breadcrumb ol a:hover,
.ob-haber-breadcrumb ol a:focus-visible {
    color: #065f46;
}
.ob-haber-breadcrumb ol li[aria-current="page"] {
    color: #0f172a;
    font-weight: 600;
    max-width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ob-haber-breadcrumb ol i {
    font-size: 13px;
}

.ob-haber-baslik {
    font-family: "Poppins", "Inter", system-ui, sans-serif;
    font-size: 24px;                      
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -0.35px;
    color: #0f172a;
    margin: 0;
    text-shadow: none;
    max-width: 1000px;
}

.ob-haber-icerik-kapsayici {
    margin-top: -48px;
    position: relative;
    z-index: 2;
    padding-bottom: 72px;
}

.ob-haber-icerik {
    background: #FFFFFF;
    border: 1px solid rgba(5, 46, 22, 0.07);
    border-radius: 16px;
    padding: 0 36px 40px;
    overflow: hidden;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 30px 60px -32px rgba(5, 46, 22, 0.18);
}

.ob-haber-icerik__kapak {
    position: relative;
    display: block;
    width: auto;
    margin: 0 -36px 24px;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0;
}

.ob-haber-icerik__kapak-img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    border-radius: 0 !important;
    cursor: default !important;
    pointer-events: none;
    user-select: none;
}

.ob-haber-icerik__kapak-tarih {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(11, 18, 32, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #FFFFFF;
    font-family: "Poppins", "Inter", system-ui, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 24px -12px rgba(11, 18, 32, 0.55);
    user-select: none;
    pointer-events: none;
}
.ob-haber-icerik__kapak-tarih i {
    color: #93C5FD;
    font-size: 14px;
    line-height: 1;
}
.ob-haber-icerik__kapak-tarih strong {
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}

.ob-haber-icerik__govde {
    color: #334155;
}
.ob-haber-icerik__govde > * + * {
    margin-top: 16px;
}
.ob-haber-icerik__govde p {
    font-size: 16.5px;
    line-height: 1.75;
    color: #334155;
    margin: 0;
    letter-spacing: 0.1px;
}
.ob-haber-icerik__govde p:empty { display: none; }

.ob-haber-icerik__govde h2,
.ob-haber-icerik__govde h3,
.ob-haber-icerik__govde h4 {
    font-family: "Poppins", "Inter", system-ui, sans-serif;
    color: #052e16;
    font-weight: 800;
    letter-spacing: -0.55px;
    line-height: 1.25;
    margin: 22px 0 12px;
}
.ob-haber-icerik__govde h2 { font-size: 28px; }
.ob-haber-icerik__govde h3 { font-size: 22px; }
.ob-haber-icerik__govde h4 { font-size: 19px; }

.ob-haber-icerik__govde ul,
.ob-haber-icerik__govde ol {
    padding-left: 22px;
    margin: 14px 0;
    color: #334155;
    font-size: 16.5px;
    line-height: 1.75;
}
.ob-haber-icerik__govde ul li,
.ob-haber-icerik__govde ol li { margin: 5px 0; }
.ob-haber-icerik__govde strong {
    color: #052e16;
    font-weight: 700;
}

.ob-haber-icerik__govde blockquote {
    margin: 26px 0;
    padding: 18px 22px 18px 22px;
    border-left: 4px solid #2563EB;
    background: linear-gradient(90deg,
        rgba(37, 99, 235, 0.09) 0%,
        rgba(37, 99, 235, 0.0) 85%);
    border-radius: 0 12px 12px 0;
    font-style: italic;
    color: #052e16;
    font-size: 17px;
    line-height: 1.6;
}
.ob-haber-icerik__govde blockquote p { margin: 0; font-size: 17px; color: #052e16; }

.ob-haber-icerik__govde a {
    color: #2563EB;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 500;
}
.ob-haber-icerik__govde a:hover { color: #1D4ED8; }

.ob-haber-icerik__govde img,
.ob-haber-icerik__govde figure img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 10px 30px -18px rgba(5, 46, 22, 0.35);
}
.ob-haber-icerik__govde figure { margin: 24px 0; }
.ob-haber-icerik__govde figcaption {
    text-align: center;
    font-size: 13.5px;
    color: #64748B;
    margin-top: 8px;
    font-style: italic;
}

.ob-haber-icerik__govde hr {
    border: none;
    border-top: 1px solid rgba(148, 163, 184, 0.25);
    margin: 32px 0;
}

.ob-haber-icerik__govde table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    margin: 24px 0;
    font-size: 15px;
    border: 1px solid rgba(5, 46, 22, 0.06);
}
.ob-haber-icerik__govde table th {
    background: linear-gradient(135deg, #052e16 0%, #1E3A8A 100%);
    color: #FFFFFF;
    padding: 12px 16px;
    font-weight: 600;
    text-align: left;
    letter-spacing: 0.15px;
}
.ob-haber-icerik__govde table td {
    padding: 12px 16px;
    color: #334155;
    border-top: 1px solid rgba(5, 46, 22, 0.06);
}
.ob-haber-icerik__govde table tr:nth-child(even) td {
    background: rgba(248, 250, 252, 0.8);
}

.ob-haber-sayfalama {
    margin-top: 32px;
    padding: 16px 20px;
    background: linear-gradient(180deg, rgba(4, 120, 87, 0.05) 0%, rgba(15, 138, 99, 0.02) 100%);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(4, 120, 87, 0.12);
}
.ob-haber-sayfalama > span,
.ob-haber-sayfalama > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid rgba(4, 120, 87, 0.14);
    background: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
    color: #065f46;
}
.ob-haber-sayfalama > a:hover {
    background: rgba(4, 120, 87, 0.08);
    border-color: rgba(4, 120, 87, 0.28);
    color: #064e3b;
    transform: translateY(-1px);
    box-shadow: 0 10px 18px -12px rgba(4, 120, 87, 0.45);
}
.ob-haber-sayfalama > span:not(.post-page-numbers) {
    color: #64748B;
    font-size: 13.5px;
    border-color: transparent;
    background: transparent;
}
.ob-haber-sayfalama > span.post-page-numbers {
    background: linear-gradient(135deg, #047857 0%, #0f8a63 100%);
    border-color: #047857;
    color: #FFFFFF;
    box-shadow: 0 12px 22px -14px rgba(4, 120, 87, 0.6);
}

.ob-haber-etiketler {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px dashed rgba(148, 163, 184, 0.35);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.ob-haber-etiketler__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #052e16;
    font-weight: 600;
}
.ob-haber-etiketler__label i { color: #2563EB; }
.ob-haber-etiketler a {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    background: #EFF6FF;
    color: #1D4ED8;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s ease;
    border: 1px solid rgba(37, 99, 235, 0.12);
}
.ob-haber-etiketler a:hover {
    background: #2563EB;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px -8px rgba(37, 99, 235, 0.55);
}

.ob-haber-galerisi {
    margin-top: 44px;
    padding-top: 24px;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}
.ob-haber-video {
    margin-top: 44px;
    padding-top: 24px;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.ob-haber-video__baslik h3 {
    font-family: "Poppins", "Inter", system-ui, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #052e16;
    letter-spacing: -0.6px;
    line-height: 1.25;
    margin: 0 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.ob-haber-video__baslik h3 i { color: #047857; font-size: 0.95em; }
.ob-haber-video__icerik {
    --ob-news-video-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(5, 46, 22, 0.08);
    background: #F8FAFC;
    box-shadow: 0 16px 36px -28px rgba(15, 23, 42, 0.28);
}
.ob-haber-video__icerik iframe,
.ob-haber-video__icerik video,
.ob-haber-video__icerik .wp-video,
.ob-haber-video__icerik .wp-video-shortcode {
    display: block;
    width: min(100%, calc(var(--ob-news-video-height) * 16 / 9)) !important;
    max-width: 100%;
    height: var(--ob-news-video-height) !important;
    max-height: var(--ob-news-video-height);
    aspect-ratio: auto;
}
.ob-haber-video__icerik iframe {
    border: 0;
}
.ob-haber-video__icerik > * {
    margin-inline: auto;
}
.ob-haber-video__icerik .ob-haber-video__frame--x,
.ob-haber-video__icerik .ob-haber-video__frame--instagram {
    width: min(100%, calc(var(--ob-news-video-height) * 9 / 16)) !important;
    max-width: calc(var(--ob-news-video-height) * 9 / 16);
    height: var(--ob-news-video-height) !important;
    min-height: 0;
    aspect-ratio: auto;
}
.ob-haber-video__icerik .ob-haber-video__frame--facebook {
    width: min(100%, calc(var(--ob-news-video-height) * 9 / 16)) !important;
    max-width: calc(var(--ob-news-video-height) * 9 / 16);
    height: var(--ob-news-video-height) !important;
    min-height: 0;
    aspect-ratio: auto;
}
@media (max-width: 767px) {
    .ob-haber-video__icerik .ob-haber-video__frame--x,
    .ob-haber-video__icerik .ob-haber-video__frame--instagram {
        width: min(100%, calc(var(--ob-news-video-height) * 9 / 16)) !important;
        max-width: 100%;
    }
    .ob-haber-video__icerik .ob-haber-video__frame--facebook {
        width: min(100%, calc(var(--ob-news-video-height) * 9 / 16)) !important;
        max-width: 100%;
    }
}
.ob-haber-galerisi h3 {
    font-family: "Poppins", "Inter", system-ui, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #052e16;
    letter-spacing: -0.6px;
    line-height: 1.25;
    margin: 0 0 8px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.ob-haber-galerisi h3 i { color: #047857; font-size: 0.95em; }
.ob-haber-galerisi > p {
    margin: 0 0 24px;
    font-size: 15px;
    line-height: 1.6;
    color: #64748B;
}
.ob-haber-galerisi__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}
.ob-haber-galerisi__kart {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 4 / 3;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 22px -16px rgba(5, 46, 22, 0.25);
    transition: transform .3s cubic-bezier(.22,.61,.36,1),
                box-shadow .3s ease;
    text-decoration: none;
    isolation: isolate;
}
.ob-haber-galerisi__kart:hover,
.ob-haber-galerisi__kart:focus-visible {
    transform: translateY(-4px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 18px 40px -20px rgba(11, 18, 32, 0.55),
        0 6px 16px -10px rgba(37, 99, 235, 0.5);
    outline: none;
}
.ob-haber-galerisi__cerceve {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 14px;
    background: #052e16;
}
.ob-haber-galerisi__cerceve img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s cubic-bezier(.22,.61,.36,1),
                filter .3s ease;
    filter: saturate(1.02);
}
.ob-haber-galerisi__kart:hover .ob-haber-galerisi__cerceve img {
    transform: scale(1.06);
    filter: saturate(1.1) brightness(0.78);
}
.ob-haber-galerisi__zoom {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.72);
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    opacity: 0;
    transform: translateY(6px) scale(0.92);
    transition: opacity .25s ease, transform .3s ease, background .25s ease;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 2;
    box-shadow: 0 6px 16px -8px rgba(0,0,0,.5);
}
.ob-haber-galerisi__kart:hover .ob-haber-galerisi__zoom {
    opacity: 1;
    transform: translateY(0) scale(1);
    background: #2563EB;
    box-shadow: 0 6px 16px -8px rgba(37, 99, 235, 0.75);
}

.ob-haber-alt {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px dashed rgba(148, 163, 184, 0.4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.ob-haber-alt__tum {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 26px;
    border-radius: 12px;
    background: linear-gradient(135deg, #052e16 0%, #1E3A8A 100%);
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.15px;
    text-decoration: none;
    transition: all .28s cubic-bezier(.22,.61,.36,1);
    border: 1px solid rgba(37, 99, 235, 0.22);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 14px 30px -18px rgba(11, 18, 32, 0.75);
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}
.ob-haber-alt__tum i {
    font-size: 14px;
}
.ob-haber-alt__tum:hover,
.ob-haber-alt__tum:focus-visible {
    background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%);
    transform: translateY(-1px) translateZ(0);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.15) inset,
        0 18px 38px -18px rgba(37, 99, 235, 0.7);
    outline: none;
}

.ob-haber-alt__kod {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #64748B;
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: 0.1px;
}
.ob-haber-alt__kod i {
    color: #1D4ED8;
    font-size: 15px;
}
.ob-haber-alt__kod strong {
    color: #052e16;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    letter-spacing: 0.1px;
}

@media (max-width: 1023px) {
    .ob-haber-hero {
        --ob-single-size: clamp( var(--ob-single-min, 400px), 62vh, var(--ob-single-max, 520px) );
    }
    .ob-haber-galerisi__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }

    .ob-haber-icerik { padding: 0 28px 32px; }
    .ob-haber-icerik__kapak { margin: 0 -28px 20px; }
    .ob-haber-icerik__kapak-tarih { right: 14px; bottom: 14px; padding: 9px 13px; font-size: 13px; }

    .ob-haber-baslik { font-size: 23px; letter-spacing: -0.4px; }
}

@media (max-width: 767px) {
    .ob-haber-hero {

        background-attachment: scroll !important;
        will-change: auto;
        -webkit-transform: none;
                transform: none;
        --ob-single-size: clamp( var(--ob-single-min, 400px), 64vh, var(--ob-single-max, 520px) );
    }
    .ob-haber-hero__overlay { padding-top: 152px; padding-bottom: 56px; }
    .ob-haber-hero__ic {
        flex-direction: column;       
        align-items: flex-start;
        gap: 20px;
    }

    .ob-haber-hero__sol { width: 100%; gap: 8px; max-width: 100%; }
    .ob-haber-paylasim { align-self: flex-start; } 
    .ob-haber-breadcrumb ol { font-size: 12px; gap: 6px; letter-spacing: 0.4px; }
    .ob-haber-breadcrumb ol li[aria-current="page"] { max-width: 260px; }
    .ob-haber-baslik { font-size: 22px; letter-spacing: -0.5px; line-height: 1.32; }

    .ob-haber-icerik-kapsayici { margin-top: -40px; padding-bottom: 56px; }

    .ob-haber-icerik { padding: 0 20px 28px; border-radius: 16px; }
    .ob-haber-icerik__kapak { margin: 0 -20px 18px; }
    .ob-haber-icerik__kapak-tarih { right: 12px; bottom: 12px; padding: 8px 12px; font-size: 12.5px; }
    .ob-haber-icerik__govde p,
    .ob-haber-icerik__govde ul,
    .ob-haber-icerik__govde ol { font-size: 15.5px; }
    .ob-haber-icerik__govde h2 { font-size: 22px; }
    .ob-haber-icerik__govde h3 { font-size: 19px; }
    .ob-haber-galerisi__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .ob-haber-galerisi h3 { font-size: 17px; }
}

@media (max-width: 639px) {
    .ob-haber-container { padding-left: 16px; padding-right: 16px; }
    .ob-haber-hero__overlay { padding-top: 144px; padding-bottom: 44px; }
    .ob-haber-hero__ic { gap: 18px; }
    .ob-haber-baslik { font-size: 21px; letter-spacing: -0.45px; line-height: 1.35; }
    .ob-haber-paylasim__btn {
        width: 40px !important;
        height: 40px !important;
        border-radius: 9px !important;
    }
    .ob-haber-paylasim__btn i { font-size: 15px !important; }
    .ob-haber-galerisi {
        margin-top: 44px;
        padding-top: 24px;
    }
    .ob-haber-galerisi h3 { font-size: 17px; }

    .ob-haber-icerik { padding: 0 16px 24px; border-radius: 15px; }
    .ob-haber-icerik__kapak { margin: 0 -16px 16px; }
    .ob-haber-icerik__kapak-tarih { right: 10px; bottom: 10px; padding: 8px 11px; font-size: 12px; }
}

@media (max-width: 479px) {
    .ob-haber-hero {
        background-attachment: scroll !important;
        will-change: auto;
        --ob-single-size: clamp( var(--ob-single-min, 400px), 68vh, var(--ob-single-max, 520px) );
    }
    .ob-haber-hero__ic { gap: 16px; }
    .ob-haber-baslik { font-size: 20px; letter-spacing: -0.55px; line-height: 1.36; }
    .ob-haber-paylasim__btn {
        width: 38px !important;
        height: 38px !important;
        border-radius: 8px !important;
    }
    .ob-haber-paylasim { gap: 8px !important; }
    .ob-haber-galerisi__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .ob-haber-galerisi__zoom { width: 32px; height: 32px; font-size: 12.5px; right: 8px; bottom: 8px; }
    .ob-haber-icerik__govde h2 { font-size: 21px; }
    .ob-haber-icerik__govde h3 { font-size: 18px; }
    .ob-haber-icerik__govde p { font-size: 15px; line-height: 1.7; }
    .ob-haber-breadcrumb ol li[aria-current="page"] { max-width: 180px; }

}

html body:not(.home):not(.front-page) main#primary.ob-haber-single.site-main.site-main.site-main.site-main.site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
html body:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single) {
    padding-top: 0 !important;
    margin-top: 124px !important; 
}
html body.admin-bar:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single),
html body.has-admin-bar:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single) {
    padding-top: 0 !important;
    margin-top: 156px !important; 
}

.ob-haber-icerik-kapsayici {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
    gap: 28px 24px;
    align-items: start;
}
.ob-haber-maincol {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}
.ob-haber-sidebar {
    position: sticky;
    top: 120px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
    z-index: 1;
}

.ob-haber-widget {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 22px 20px 24px;
    box-shadow: 0 8px 30px -18px rgba(5, 46, 22, 0.18);
}
.ob-haber-widget__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px;
    margin-bottom: 18px;
    overflow: hidden;
}
.ob-haber-widget__header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient( 90deg, rgba(37, 99, 235, 0.95) 0%, rgba(59, 130, 246, 0.45) 38%, rgba(245, 158, 11, 0.28) 66%, rgba(5, 46, 22, 0.08) 100% );
}
.ob-haber-widget__title {
    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #0F172A;
    font-family: "Poppins", sans-serif;
    padding-left: 18px;
}
.ob-haber-widget__title::before,
.ob-haber-widget__title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 99px;
    transform: translateY(-50%);
}
.ob-haber-widget__title::before {
    background: linear-gradient( 135deg, #2563EB 0%, #3B82F6 60%, #22D3EE 100% );
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10);
    z-index: 1;
}
.ob-haber-widget__title::after {
    left: 6px;
    top: calc( 50% + 3px );
    width: 6px;
    height: 6px;
    background: linear-gradient( 135deg, #F59E0B 0%, #F97316 100% );
    z-index: 0;
    opacity: 0.92;
}

.ob-haber-widget__title-right {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    color: #475569;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    transition: all .22s ease;
    text-decoration: none;
    font-size: 13px;
}
.ob-haber-widget__title-right:hover {
    background: linear-gradient(135deg, #2563EB, #1D4ED8);
    color: #FFFFFF;
    border-color: transparent;
    transform: translateX( 2px );
    box-shadow: 0 8px 16px -8px rgba(37, 99, 235, 0.6);
}

.ob-page--sehir .ob-sehir-layout {
    margin-top: 0;
    padding-bottom: 0;
}

.ob-page--sehir .ob-haber-widget__header::after {
    background: linear-gradient(
        90deg,
        rgba(15, 61, 30, 0.96) 0%,
        rgba(46, 125, 50, 0.58) 38%,
        rgba(251, 191, 36, 0.26) 66%,
        rgba(5, 46, 22, 0.08) 100%
    );
}

.ob-page--sehir .ob-haber-widget__title::before {
    content: none;
}

.ob-page--sehir .ob-haber-widget__title::after {
    content: none;
}

.ob-page--sehir .ob-haber-widget__title {
    padding-left: 0;
    gap: 8px;
}

.ob-page--sehir .ob-haber-widget__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 15px;
    color: #0F3D1E;
    transform: translateY(-1px);
}

.single .ob-haber-sidebar .ob-haber-widget__title::before,
.single .ob-haber-sidebar .ob-haber-widget__title::after {
    content: none !important;
    display: none !important;
}

.single .ob-haber-sidebar .ob-haber-widget__title {
    padding-left: 0;
    gap: 8px;
}

.single .ob-haber-sidebar .ob-haber-widget__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 15px;
    color: #0F3D1E;
    transform: translateY(-1px);
}

.single .ob-haber-sidebar .ob-haber-hizli-menu__link:hover {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.10) 0%, rgba(16, 185, 129, 0.03) 100%);
    color: #0F3D1E;
}

.single .ob-haber-sidebar .ob-haber-hizli-menu__icon {
    background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
    color: #0F3D1E;
}

.single .ob-haber-sidebar .ob-haber-hizli-menu__link:hover .ob-haber-hizli-menu__icon {
    background: linear-gradient(135deg, #0F3D1E 0%, #2E7D32 100%);
    color: #FFFFFF;
    box-shadow: 0 6px 16px -8px rgba(15, 61, 30, 0.52);
}

.single .ob-haber-sidebar .ob-haber-hizli-menu__link:hover .ob-haber-hizli-menu__arrow {
    color: #2E7D32;
}

.single .ob-haber-sidebar .ob-haber-ilgili__link:hover {
    border-color: rgba(15, 61, 30, 0.30);
    box-shadow: 0 16px 40px -22px rgba(15, 61, 30, 0.42);
}

.single .ob-haber-sidebar .ob-haber-ilgili__img {
    background: linear-gradient(135deg, #0F3D1E 0%, #2E7D32 100%);
}

.single .ob-haber-sidebar .ob-haber-ilgili__link:hover .ob-haber-ilgili__baslik {
    color: #0F3D1E;
}

.single .ob-haber-sidebar .ob-haber-ilgili__tarih i {
    color: #2E7D32;
}

.ob-page--sehir .ob-haber-widget__title-right:hover {
    background: linear-gradient(135deg, #0F3D1E, #2E7D32);
    box-shadow: 0 8px 16px -8px rgba(15, 61, 30, 0.42);
}

.ob-page--sehir .ob-haber-hizli-menu__link:hover {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.10) 0%, rgba(16, 185, 129, 0.03) 100%);
    color: #0F3D1E;
}

.ob-page--sehir .ob-haber-hizli-menu__icon {
    background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
    color: #0F3D1E;
}

.ob-page--sehir .ob-haber-hizli-menu__link:hover .ob-haber-hizli-menu__icon {
    background: linear-gradient(135deg, #0F3D1E 0%, #2E7D32 100%);
    color: #FFFFFF;
    box-shadow: 0 6px 16px -8px rgba(15, 61, 30, 0.52);
}

.ob-page--sehir .ob-haber-hizli-menu__link:hover .ob-haber-hizli-menu__arrow {
    color: #2E7D32;
}

.ob-page--sehir .ob-sehir-widget__info {
    align-items: flex-start;
    gap: 12px;
    cursor: default;
}

.ob-page--sehir .ob-sehir-widget__meta {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.ob-page--sehir .ob-sehir-widget__label {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748B;
}

.ob-page--sehir .ob-sehir-widget__value {
    display: block;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
    color: #0F172A;
    letter-spacing: -0.01em;
}

.ob-page--sehir .ob-sehir-article .ob-haber-icerik__kapak {
    margin-bottom: 28px;
}

.ob-page--sehir .ob-sehir-content {
    padding-bottom: 0;
}

.ob-sehir-gezilecek__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ob-sehir-gezilecek__item {
    border-radius: 14px;
}

.ob-sehir-gezilecek__link {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    text-decoration: none;
    padding: 8px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    box-shadow: 0 10px 30px -22px rgba(5, 46, 22, 0.35);
    transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s ease, border-color .22s ease;
}

.ob-sehir-gezilecek__link:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 61, 30, 0.30);
    box-shadow: 0 16px 40px -22px rgba(15, 61, 30, 0.42);
}

.ob-sehir-gezilecek__img {
    position: relative;
    display: block;
    width: 96px;
    height: 80px;
    flex: 0 0 96px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #0F3D1E 0%, #2E7D32 100%);
}

.ob-sehir-gezilecek__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease, filter .35s ease;
}

.ob-sehir-gezilecek__link:hover .ob-sehir-gezilecek__img img {
    transform: scale(1.06);
    filter: brightness(0.92);
}

.ob-sehir-gezilecek__content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding-right: 4px;
}

.ob-sehir-gezilecek__baslik {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: -0.15px;
    line-height: 1.4;
    color: #0F172A;
    transition: color .18s ease;
}

.ob-sehir-gezilecek__link:hover .ob-sehir-gezilecek__baslik {
    color: #0F3D1E;
}

.ob-sehir-gezilecek__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.35;
    color: #64748B;
}

.ob-sehir-gezilecek__meta i {
    color: #2E7D32;
}

.ob-haber-hizli-menu__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ob-haber-hizli-menu__item {
    border-bottom: 1px solid #F1F5F9;
}
.ob-haber-hizli-menu__item:last-child { border-bottom: none; }

.ob-haber-hizli-menu__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 6px;
    text-decoration: none;
    color: #0F172A;
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.35;
    transition: background-color .18s ease, transform .18s ease, color .18s ease;
    border-radius: 10px;
}
.ob-haber-hizli-menu__link:hover {
    background: linear-gradient(90deg, rgba(37,99,235,0.08) 0%, rgba(37,99,235,0.02) 100%);
    transform: translateX(3px);
    color: #1D4ED8;
}
.ob-haber-hizli-menu__icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
    display: grid;
    place-items: center;
    color: #1D4ED8;
    font-size: 15px;
}
.ob-haber-hizli-menu__link:hover .ob-haber-hizli-menu__icon {
    background: linear-gradient(135deg, #1D4ED8 0%, #2563EB 100%);
    color: #FFFFFF;
    box-shadow: 0 6px 16px -8px rgba(37, 99, 235, 0.6);
}
.ob-haber-hizli-menu__label { flex: 1 1 auto; min-width: 0; }
.ob-haber-hizli-menu__arrow {
    color: #94A3B8;
    font-size: 13px;
    transition: color .18s ease, transform .18s ease;
}
.ob-haber-hizli-menu__link:hover .ob-haber-hizli-menu__arrow {
    color: #1D4ED8;
    transform: translateX(4px);
}

.ob-haber-ilgili__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ob-haber-ilgili__item {
    border-radius: 14px;
}
.ob-haber-ilgili__link {
    position: relative;
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 14px;
    align-items: center;
    text-decoration: none;
    padding: 8px 8px 8px 8px;
    background: #FFFFFF;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 10px 30px -22px rgba(5, 46, 22, 0.35);
    transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, border-color .22s ease;
}
.ob-haber-ilgili__link:hover {
    transform: translateY(-3px);
    border-color: rgba(37, 99, 235, 0.35);
    box-shadow: 0 16px 40px -22px rgba(37, 99, 235, 0.45);
}
.ob-haber-ilgili__img {
    position: relative;
    width: 104px;
    height: 88px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%);
    flex: 0 0 104px;
    display: block;
}
.ob-haber-ilgili__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease, filter .35s ease;
    display: block;
}
.ob-haber-ilgili__link:hover .ob-haber-ilgili__img img {
    transform: scale(1.06);
    filter: brightness(0.9);
}
.ob-haber-ilgili__content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding-right: 4px;
}
.ob-haber-ilgili__baslik {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.15px;
    line-height: 1.4;
    color: #0F172A;
    transition: color .18s ease;
}
.ob-haber-ilgili__link:hover .ob-haber-ilgili__baslik {
    color: #1D4ED8;
}
.ob-haber-ilgili__tarih {
    font-size: 12.5px;
    font-weight: 500;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.ob-haber-ilgili__tarih i { color: #2563EB; }

@media (max-width: 1023px) {
    .ob-haber-icerik-kapsayici {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }
    .ob-haber-sidebar {
        position: static;
        top: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .ob-haber-sidebar {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }
    .ob-haber-widget {
        padding: 22px 20px 26px;
        border-radius: 18px;
    }
    .ob-haber-widget__title { font-size: 18px; }
    .ob-haber-hizli-menu__link { padding: 13px 4px; font-size: 15.5px; }
    .ob-haber-ilgili__link { grid-template-columns: 96px 1fr; gap: 12px; }
    .ob-haber-ilgili__img  { width: 96px; height: 84px; flex: 0 0 96px; }
}

@media (max-width: 639px) {
    .ob-haber-icerik-kapsayici { gap: 26px; }
    .ob-haber-ilgili__link { grid-template-columns: 88px 1fr; padding: 7px; border-radius: 12px; }
    .ob-haber-ilgili__img  { width: 88px; height: 76px; flex: 0 0 88px; border-radius: 10px; }
    .ob-haber-ilgili__baslik { font-size: 14.5px; line-height: 1.35; }
    .ob-sehir-gezilecek__link { grid-template-columns: 88px minmax(0, 1fr); padding: 7px; border-radius: 12px; }
    .ob-sehir-gezilecek__img  { width: 88px; height: 76px; flex: 0 0 88px; border-radius: 10px; }
    .ob-haber-hizli-menu__icon { width: 36px; height: 36px; flex: 0 0 36px; font-size: 14px; }
    .ob-haber-widget { padding: 20px 17px 24px; }
}

@media (max-width: 479px) {
    .ob-haber-ilgili__link { grid-template-columns: 80px 1fr; gap: 10px; }
    .ob-haber-ilgili__img  { width: 80px; height: 70px; flex: 0 0 80px; }
    .ob-haber-ilgili__baslik { font-size: 14px; }
    .ob-haber-ilgili__tarih  { font-size: 12px; }
    .ob-sehir-gezilecek__link { grid-template-columns: 80px minmax(0, 1fr); gap: 10px; }
    .ob-sehir-gezilecek__img  { width: 80px; height: 70px; flex: 0 0 80px; }
    .ob-sehir-gezilecek__baslik { font-size: 14px; }
    .ob-haber-hizli-menu__link { font-size: 15px; gap: 12px; padding: 12px 3px; }
    .ob-haber-widget__title { font-size: 17px; letter-spacing: -0.4px; }
}

.ob-haber-paylasim {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
    min-width: fit-content;
}
.ob-haber-paylasim__btn {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid rgba(16, 185, 129, 0.2);
    background: rgba(255, 255, 255, 0.72);
    color: #0f172a;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .22s ease,
                transform .18s ease,
                border-color .22s ease,
                color .22s ease;
    box-shadow: 0 10px 24px -22px rgba(5, 46, 22, 0.45);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.ob-haber-paylasim__btn:hover,
.ob-haber-paylasim__btn:focus-visible {
    background: #047857;
    border-color: rgba(4, 120, 87, 0.32);
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -16px rgba(4, 120, 87, 0.48);
    outline: none;
}
.ob-haber-paylasim__btn i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16.5px;
    line-height: 1;
}

button.ob-haber-paylasim__btn {
    -webkit-appearance: none;
            appearance: none;
    font-family: inherit;
}

.ob-arsiv {
    position: relative;
    z-index: 1;
    padding: 44px 0 80px 0;
    background:
        radial-gradient(1100px 500px at 0% -10%, rgba(37,99,235,0.08), transparent 60%),
        radial-gradient(900px 440px at 100% 0%, rgba(16,185,129,0.06), transparent 55%),
        linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%);
    min-height: calc(100dvh - 280px);
}

.ob-arsiv-kapsayici {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.ob-arsiv-baslik {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 24px;
    row-gap: 8px;
    align-items: end;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(5, 46, 22, 0.08);
}
.ob-arsiv-baslik__sol {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    align-self: stretch;
}
.ob-arsiv-baslik__ana {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    letter-spacing: -0.03em;
    font-size: clamp(28px, 3.2vw, 40px);
    line-height: 1.05;
    color: #052e16;
    margin: 0;
    text-wrap: balance;
}
.ob-arsiv-baslik__alt {
    margin: 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.55;
    color: #475569;
    max-width: 720px;
}
.ob-arsiv-baslik__sag {
    grid-column: 2;
    grid-row: 2;
    align-self: end;
    justify-self: end;
    flex: 0 0 auto;
    min-width: fit-content;
    padding-top: 0;
    margin-bottom: 0;
}
.ob-arsiv-baslik__toplam {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.55;
    color: #475569;
    white-space: nowrap;
}
.ob-arsiv-baslik__toplam strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 2px 9px;
    border-radius: 999px;
    background: #2563EB;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.ob-arsiv-govde {
    display: grid;
    grid-template-columns: minmax(0, 288px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.ob-arsiv-sidebar {
    position: sticky;
    top: 96px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ob-arsiv-filter {
    background: #FFFFFF;
    border: 1px solid rgba(5, 46, 22, 0.07);
    border-radius: 16px;
    padding: 20px 18px 18px 18px;
    box-shadow: 0 6px 18px -10px rgba(5, 46, 22, 0.12);
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ob-arsiv-filter__baslik {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: 0.04em;
    color: #334155;
    text-transform: uppercase;
}
.sr-only {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ob-arsiv-arama {
    position: relative;
    display: flex;
    align-items: center;
}
.ob-arsiv-arama__ikon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 14px;
    line-height: 1;
    pointer-events: none;
    z-index: 2;
}
.ob-arsiv-arama__input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 14px 0 42px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14.5px;
    color: #0F172A;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    line-height: 1.4;
    transition: border-color .2s ease,
                box-shadow .2s ease,
                background-color .2s ease;
    -webkit-appearance: none;
            appearance: none;
}
.ob-arsiv-arama__input::placeholder { color: #94A3B8; }
.ob-arsiv-arama__input:hover { border-color: #CBD5E1; background: #FFFFFF; }
.ob-arsiv-arama__input:focus {
    border-color: #2563EB;
    background: #FFFFFF;
    outline: none;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.ob-arsiv-kategori {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ob-arsiv-kategori li { padding: 0; margin: 0; }
.ob-arsiv-kategori__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 10px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14.5px;
    color: #334155;
    background: transparent;
    transition: background-color .18s ease,
                color .18s ease,
                transform .15s ease;
}
.ob-arsiv-kategori__link:hover {
    background: #F1F5F9;
    color: #0F172A;
}
.ob-arsiv-kategori__link.is-active {
    background: #EFF6FF;
    color: #1D4ED8;
}
.ob-arsiv-kategori__ad {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ob-arsiv-kategori__sayi {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #F1F5F9;
    color: #475569;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.35;
}
.ob-arsiv-kategori__link.is-active .ob-arsiv-kategori__sayi {
    background: #2563EB;
    color: #FFFFFF;
}

.ob-arsiv-tarih {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ob-arsiv-tarih__label {
    display: block;
    margin: 6px 2px 0 2px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #64748B;
    line-height: 1.4;
}
.ob-arsiv-tarih__select {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 40px 0 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14.5px;
    color: #0F172A;
    background: #F8FAFC url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'><path d='M6 8l4 4 4-4' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 12px center;
    background-size: 18px 18px;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    -webkit-appearance: none;
            appearance: none;
    cursor: pointer;
    transition: border-color .2s ease,
                box-shadow .2s ease,
                background-color .2s ease;
}
.ob-arsiv-tarih__select:hover { border-color: #CBD5E1; background-color: #FFFFFF; }
.ob-arsiv-tarih__select:focus {
    border-color: #2563EB;
    background-color: #FFFFFF;
    outline: none;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}
.ob-arsiv-tarih__select > option { color: #0F172A; }

.ob-arsiv-filter--temizle { padding: 16px 16px; }
.ob-arsiv-temizle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 46px;
    padding: 0 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0F172A;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    text-decoration: none;
    transition: background-color .2s ease,
                border-color .2s ease,
                color .2s ease,
                transform .15s ease;
}
.ob-arsiv-temizle:hover {
    background: #F8FAFC;
    border-color: #94A3B8;
    color: #052e16;
    transform: translateY(-1px);
}
.ob-arsiv-temizle i { font-size: 14px; line-height: 1; }

.ob-arsiv-icerik {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-width: 0;
}
.ob-arsiv-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 28px;
}

.ob-arsiv-kart {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid rgba(5, 46, 22, 0.06);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 26px -18px rgba(5, 46, 22, 0.22);
    transition: transform .22s cubic-bezier(.22,.61,.36,1),
                box-shadow .22s cubic-bezier(.22,.61,.36,1),
                border-color .2s ease;
    isolation: isolate;
}
.ob-arsiv-kart:hover {
    transform: translateY(-4px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 20px 44px -22px rgba(37, 99, 235, 0.28),
                0 10px 22px -18px rgba(5, 46, 22, 0.18);
}

.ob-arsiv-kart__gorsel-link {
    display: block;
    position: relative;
    text-decoration: none;
}
.ob-arsiv-kart__gorsel {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #E2E8F0;
    isolation: isolate;
}
.ob-arsiv-kart__gorsel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
    transform: scale(1);
    transition: transform .55s cubic-bezier(.22,.61,.36,1),
                filter .25s ease;
}
.ob-arsiv-kart:hover .ob-arsiv-kart__gorsel img {
    transform: scale(1.05);
    filter: saturate(1.05);
}
.ob-arsiv-kart__gorsel-yok {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #DBEAFE 0%, #E0F2FE 100%);
    color: #2563EB;
    font-size: 44px;
    line-height: 1;
}

.ob-arsiv-kart__kategori {
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(255,255,255,0.94);
    color: #0F172A;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 0.01em;
    text-decoration: none;
    box-shadow: 0 6px 14px -6px rgba(5, 46, 22, 0.22);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    transition: transform .15s ease,
                background-color .2s ease,
                color .2s ease;
}
.ob-arsiv-kart__kategori:hover {
    background: #2563EB;
    color: #FFFFFF;
    transform: translateY(-1px);
}
.ob-arsiv-kart__video-badge {
    position: absolute;
    left: 14px;
    top: 52px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(4, 120, 87, 0.94);
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.25;
    box-shadow: 0 6px 14px -6px rgba(4, 120, 87, 0.35);
}
.ob-arsiv-kart__video-badge--top-right {
    left: auto;
    right: 12px;
    top: 12px;
    gap: 6px;
    padding: 9px 12px;
    font-size: 11.5px;
    line-height: 1;
    box-shadow: 0 8px 18px -10px rgba(4, 120, 87, 0.42);
}
.ob-arsiv-kart__video-badge--top-right i {
    font-size: 11px;
    line-height: 1;
}
.ob-arsiv-kart__kaydet {
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border-radius: 999px;
    background: rgba(255,255,255,0.94);
    color: #0F172A;
    font-size: 13px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    box-shadow: 0 6px 14px -6px rgba(5, 46, 22, 0.22);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    transition: transform .15s ease,
                background-color .2s ease,
                color .2s ease;
}
.ob-arsiv-kart__kaydet:hover {
    background: #052e16;
    color: #FFFFFF;
    transform: translateY(-1px);
}
.ob-arsiv-kart__kaydet:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.22),
                0 6px 14px -6px rgba(5, 46, 22, 0.22);
}

.ob-arsiv-kart__govde {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 18px 18px 18px;
}

.ob-arsiv-kart__meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
}
.ob-arsiv-kart__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    line-height: 1.4;
    color: #64748B;
}
.ob-arsiv-kart__meta-item i {
    font-size: 12.5px;
    line-height: 1;
    color: #94A3B8;
}

.ob-arsiv-kart__baslik {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: 18.5px;
    line-height: 1.32;
    color: #052e16;
    text-wrap: balance;
}
.ob-arsiv-kart__baslik a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}
.ob-arsiv-kart__baslik a:hover { color: #2563EB; }

.ob-arsiv-kart__ozet {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: #475569;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

.ob-arsiv-kart__alt {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 4px;
    padding-top: 14px;
    border-top: 1px dashed rgba(148, 163, 184, 0.3);
}
.ob-arsiv-kart__devam {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1.4;
    color: #2563EB;
    text-decoration: none;
    transition: gap .2s ease, color .2s ease;
}
.ob-arsiv-kart__devam i {
    font-size: 11.5px;
    line-height: 1;
    transition: transform .2s ease;
}
.ob-arsiv-kart__devam:hover { color: #1D4ED8; gap: 10px; }
.ob-arsiv-kart__devam:hover i { transform: translateX(2px); }

.ob-arsiv-kart__paylas {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 10px;
    background: #F1F5F9;
    color: #475569;
    font-size: 13.5px;
    line-height: 1;
    cursor: pointer;
    transition: background-color .2s ease,
                color .2s ease,
                transform .15s ease;
}
.ob-arsiv-kart__paylas:hover {
    background: #052e16;
    color: #FFFFFF;
    transform: translateY(-1px);
}
.ob-arsiv-kart__paylas:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.22);
}

.ob-arsiv-pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding-top: 8px;
}
.ob-arsiv-pagination > ul.page-numbers,
.ob-arsiv-pagination .page-numbers {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}
.ob-arsiv-pagination a.page-numbers,
.ob-arsiv-pagination span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid rgba(4, 120, 87, 0.14);
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #065f46;
    text-decoration: none;
    transition: background-color .2s ease,
                border-color .2s ease,
                color .2s ease,
                transform .15s ease,
                box-shadow .2s ease;
}
.ob-arsiv-pagination a.page-numbers:hover {
    background: rgba(4, 120, 87, 0.08);
    border-color: rgba(4, 120, 87, 0.28);
    color: #064e3b;
    transform: translateY(-1px);
    box-shadow: 0 10px 18px -12px rgba(4, 120, 87, 0.42);
}
.ob-arsiv-pagination span.page-numbers.current {
    background: linear-gradient(135deg, #047857 0%, #0f8a63 100%);
    border-color: #047857;
    color: #FFFFFF;
    box-shadow: 0 12px 24px -14px rgba(4, 120, 87, 0.62);
}
.ob-arsiv-pagination span.page-numbers.dots {
    background: transparent;
    border-color: transparent;
    color: #94A3B8;
    padding: 0 4px;
    box-shadow: none;
}
.ob-arsiv-pagination a.page-numbers.prev,
.ob-arsiv-pagination a.page-numbers.next,
.ob-arsiv-pagination span.page-numbers.prev,
.ob-arsiv-pagination span.page-numbers.next {
    border-radius: 10px;
}
.ob-arsiv-pagination a.page-numbers.next i { margin-left: 2px; }
.ob-arsiv-pagination a.page-numbers.prev i { margin-right: 2px; }

.navigation.pagination,
.posts-navigation,
.post-navigation {
    margin-top: 32px;
}

.navigation.pagination .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}

.navigation.pagination .page-numbers,
.posts-navigation .nav-links a,
.posts-navigation .nav-links span,
.post-navigation .nav-links a,
.post-navigation .nav-links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid rgba(4, 120, 87, 0.14);
    color: #065f46;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease;
}

.navigation.pagination a.page-numbers:hover,
.posts-navigation .nav-links a:hover,
.post-navigation .nav-links a:hover {
    background: rgba(4, 120, 87, 0.08);
    border-color: rgba(4, 120, 87, 0.28);
    color: #064e3b;
    transform: translateY(-1px);
    box-shadow: 0 10px 18px -12px rgba(4, 120, 87, 0.42);
}

.navigation.pagination .page-numbers.current,
.posts-navigation .nav-links .current,
.post-navigation .nav-links .current {
    background: linear-gradient(135deg, #047857 0%, #0f8a63 100%);
    border-color: #047857;
    color: #FFFFFF;
    box-shadow: 0 12px 24px -14px rgba(4, 120, 87, 0.62);
}

.navigation.pagination .page-numbers.dots {
    background: transparent;
    border-color: transparent;
    color: #94A3B8;
    box-shadow: none;
}

.ob-arsiv-yok {
    background: #FFFFFF;
    border: 1px dashed rgba(100, 116, 139, 0.3);
    border-radius: 16px;
    padding: 56px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
    box-shadow: 0 10px 26px -22px rgba(5, 46, 22, 0.25);
}
.ob-arsiv-yok i {
    font-size: 44px;
    line-height: 1;
    color: #94A3B8;
    margin-bottom: 4px;
}
.ob-arsiv-yok h2 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #052e16;
}
.ob-arsiv-yok p {
    margin: 0;
    max-width: 520px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14.5px;
    line-height: 1.6;
    color: #475569;
}
.ob-arsiv-yok .ob-arsiv-temizle {
    width: auto;
    margin-top: 10px;
    padding: 0 20px;
}

.ob-proje-arsiv {
    padding: 56px 0 72px 0;
}
.ob-proje-arsiv-kapsayici {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.ob-proje-arsiv-baslik {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: center;
    align-items: center;
}
.ob-proje-arsiv-baslik__ana {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-proje-arsiv-baslik__alt {
    margin: 0;
    max-width: 640px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
}

.ob-proje-arsiv-filtre-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.ob-proje-arsiv-toplam-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(4, 120, 87, 0.08);
    border: 1px solid rgba(4, 120, 87, 0.18);
    color: #065f46;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1;
    white-space: nowrap;
}
.ob-proje-arsiv-toplam-pill i {
    font-size: 13px;
    color: #047857;
}
.ob-proje-arsiv-toplam-pill strong {
    font-weight: 800;
    font-size: 15px;
    color: #047857;
}

.ob-proje-arsiv-filtre {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 6px;
    background: rgba(241, 245, 249, 0.7);
    border: 1px solid rgba(203, 213, 225, 0.5);
    border-radius: 16px;
    width: fit-content;
}
.ob-proje-arsiv-filtre__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 11px;
    background: #FFFFFF;
    border: 1px solid rgba(203, 213, 225, 0.5);
    text-decoration: none !important;
    color: #334155 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.01em;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.ob-proje-arsiv-filtre__btn:hover {
    border-color: rgba(16, 185, 129, 0.4);
    color: #052e16 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.ob-proje-arsiv-filtre__btn.is-active {
    background: linear-gradient(135deg, #047857 0%, #059669 100%);
    border-color: transparent;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(4, 120, 87, 0.32);
}
.ob-proje-arsiv-filtre__label {
    white-space: nowrap;
}
.ob-proje-arsiv-filtre__sayi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.18);
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
.ob-proje-arsiv-filtre__btn.is-active .ob-proje-arsiv-filtre__sayi {
    background: rgba(255, 255, 255, 0.22);
    color: #FFFFFF;
}

.ob-proje-arsiv-icerik {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ob-proje-arsiv-grid .ob-arsiv-kart {
    border: 1px solid rgba(148, 163, 184, 0.32);
    box-shadow: 0 8px 24px -14px rgba(15, 23, 42, 0.18);
}
.ob-proje-arsiv-grid .ob-arsiv-kart:hover {
    border-color: rgba(4, 120, 87, 0.35);
    box-shadow: 0 14px 34px -16px rgba(15, 23, 42, 0.28);
}
.ob-proje-arsiv-grid .ob-arsiv-kart__baslik a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ob-proje-arsiv-grid .ob-arsiv-kart__ozet {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ob-proje-arsiv-grid .ob-arsiv-kart__paylas-ust {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(203, 213, 225, 0.6);
    color: #334155;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}
.ob-proje-arsiv-grid .ob-arsiv-kart__paylas-ust:hover {
    background: #047857;
    border-color: #047857;
    color: #FFFFFF;
    transform: scale(1.06);
}
.ob-proje-arsiv-grid .ob-arsiv-kart__paylas-ust i {
    font-size: 14px;
    line-height: 1;
}

.ob-duyuru-arsiv {
    padding: 56px 0 72px 0;
    background: #f8fafc;
}
.ob-duyuru-arsiv-kapsayici {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.ob-duyuru-arsiv-baslik {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: center;
    align-items: center;
}
.ob-duyuru-arsiv-baslik__ana {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-duyuru-arsiv-baslik__alt {
    margin: 0;
    max-width: 620px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
}

.ob-duyuru-arsiv-filtre-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.ob-duyuru-arsiv-toplam-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(4, 120, 87, 0.08);
    border: 1px solid rgba(4, 120, 87, 0.18);
    color: #065f46;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1;
    white-space: nowrap;
}
.ob-duyuru-arsiv-toplam-pill i {
    font-size: 13px;
    color: #047857;
}
.ob-duyuru-arsiv-toplam-pill strong {
    font-weight: 800;
    font-size: 15px;
    color: #047857;
}

.ob-duyuru-arsiv-filtre {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 6px;
    background: rgba(241, 245, 249, 0.7);
    border: 1px solid rgba(203, 213, 225, 0.5);
    border-radius: 16px;
    width: fit-content;
}
.ob-duyuru-arsiv-filtre__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 11px;
    background: #FFFFFF;
    border: 1px solid rgba(203, 213, 225, 0.5);
    text-decoration: none !important;
    color: #334155 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.01em;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.ob-duyuru-arsiv-filtre__btn:hover {
    border-color: rgba(16, 185, 129, 0.4);
    color: #052e16 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.ob-duyuru-arsiv-filtre__btn.is-active {
    background: linear-gradient(135deg, #047857 0%, #059669 100%);
    border-color: transparent;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(4, 120, 87, 0.32);
}
.ob-duyuru-arsiv-filtre__label {
    white-space: nowrap;
}
.ob-duyuru-arsiv-filtre__sayi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.18);
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
.ob-duyuru-arsiv-filtre__btn.is-active .ob-duyuru-arsiv-filtre__sayi {
    background: rgba(255, 255, 255, 0.22);
    color: #FFFFFF;
}

.ob-duyuru-arsiv-icerik {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ob-duyuru-arsiv-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ob-duyuru-kart {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 8px 24px -16px rgba(15, 23, 42, 0.12);
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1),
                border-color 0.2s ease;
}
.ob-duyuru-kart::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #059669;
}
.ob-duyuru-kart--normal::before {
    background: #059669;
}
.ob-duyuru-kart--yuksek::before {
    background: #dc2626;
}

.ob-duyuru-kart:hover {
    transform: translateY(-5px);
    border-color: rgba(16, 185, 129, 0.35);
    box-shadow: 0 20px 44px -22px rgba(4, 120, 87, 0.3),
                0 10px 22px -18px rgba(15, 23, 42, 0.18);
}
.ob-duyuru-kart--yuksek:hover {
    border-color: rgba(220, 38, 38, 0.32);
    box-shadow: 0 20px 44px -22px rgba(220, 38, 38, 0.24),
                0 10px 22px -18px rgba(15, 23, 42, 0.18);
}

.ob-duyuru-kart__link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.ob-duyuru-kart__ust {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 22px 22px 0 22px;
}
.ob-duyuru-kart__ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(4, 120, 87, 0.1) 0%, rgba(5, 150, 105, 0.16) 100%);
    color: #047857;
    font-size: 22px;
}
.ob-duyuru-kart--yuksek .ob-duyuru-kart__ikon {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.10) 0%, rgba(239, 68, 68, 0.16) 100%);
    color: #dc2626;
}

.ob-duyuru-kart__govde {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 22px 0 22px;
    flex: 1;
}
.ob-duyuru-kart__baslik {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #0f172a;
    flex: 1 1 auto;
    min-width: 0;
}
.ob-duyuru-kart__baslik a {
    color: inherit;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ob-duyuru-kart__baslik a:hover {
    color: #047857;
}
.ob-duyuru-kart--yuksek .ob-duyuru-kart__baslik a:hover {
    color: #dc2626;
}
.ob-duyuru-kart__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #64748b;
}
.ob-duyuru-kart__meta i {
    color: #047857;
    font-size: 13px;
}
.ob-duyuru-kart--yuksek .ob-duyuru-kart__meta,
.ob-duyuru-kart--yuksek .ob-duyuru-kart__meta i,
.ob-duyuru-kart--yuksek .ob-duyuru-kart__detay {
    color: #dc2626;
}

.ob-duyuru-kart__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding: 16px 22px 22px 22px;
}
.ob-duyuru-kart__detay {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #047857;
    transition: gap 0.2s ease;
}
.ob-duyuru-kart:hover .ob-duyuru-kart__detay {
    gap: 11px;
}
.ob-duyuru-kart__detay i {
    font-size: 12px;
    transition: transform 0.2s ease;
}
.ob-duyuru-kart:hover .ob-duyuru-kart__detay i {
    transform: translateX(2px);
}

@media (max-width: 1024px) {
    .ob-duyuru-arsiv-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .ob-duyuru-arsiv {
        padding: 40px 0 56px 0;
    }
    .ob-duyuru-arsiv-baslik__ana {
        font-size: 30px;
    }
    .ob-duyuru-arsiv-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .ob-duyuru-arsiv-filtre-satir {
        flex-direction: column;
        align-items: stretch;
    }
    .ob-duyuru-arsiv-filtre {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .ob-duyuru-arsiv-toplam-pill {
        justify-content: center;
    }
}

.ob-haber-arsiv {
    padding: 56px 0 72px 0;
}
.ob-haber-arsiv-kapsayici {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.ob-haber-arsiv-baslik {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: center;
    align-items: center;
}
.ob-haber-arsiv-baslik__ana {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-haber-arsiv-baslik__alt {
    margin: 0;
    max-width: 680px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
}

.ob-haber-arsiv-filtre-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.ob-haber-arsiv-filtre {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    min-width: 0;
}

.ob-haber-arsiv-arama {
    position: relative;
    flex: 1 1 320px;
    min-width: 0;
}
.ob-haber-arsiv-arama__ikon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #94a3b8;
    pointer-events: none;
    z-index: 1;
}
.ob-haber-arsiv-arama__input {
    width: 100%;
    height: 44px;
    padding: 0 16px 0 44px;
    border: 1px solid rgba(203, 213, 225, 0.7);
    border-radius: 14px;
    background: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #0f172a;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.ob-haber-arsiv-arama__input::placeholder {
    color: #94a3b8;
}
.ob-haber-arsiv-arama__input:focus {
    border-color: rgba(4, 120, 87, 0.55);
    box-shadow: 0 0 0 4px rgba(4, 120, 87, 0.10);
}

.ob-haber-arsiv-select {
    position: relative;
    flex: 0 0 auto;
    min-width: 200px;
}
.ob-haber-arsiv-select__ikon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #94a3b8;
    pointer-events: none;
    z-index: 1;
}
.ob-haber-arsiv-select__field {
    width: 100%;
    height: 44px;
    padding: 0 40px 0 40px;
    border: 1px solid rgba(203, 213, 225, 0.7);
    border-radius: 14px;
    background: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #334155;
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: border-color .2s ease, box-shadow .2s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.ob-haber-arsiv-select__field:focus {
    border-color: rgba(4, 120, 87, 0.55);
    box-shadow: 0 0 0 4px rgba(4, 120, 87, 0.10);
}
.ob-haber-arsiv-select__ok {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #94a3b8;
    pointer-events: none;
}

.ob-haber-arsiv-temizle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 44px;
    padding: 0 15px;
    border-radius: 14px;
    border: 1px solid rgba(203, 213, 225, 0.7);
    background: #FFFFFF;
    color: #64748b;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all .2s ease;
}
.ob-haber-arsiv-temizle:hover {
    border-color: rgba(239, 68, 68, 0.4);
    color: #dc2626;
}
.ob-haber-arsiv-temizle i {
    font-size: 12.5px;
}

.ob-haber-arsiv-toplam-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(4, 120, 87, 0.08);
    border: 1px solid rgba(4, 120, 87, 0.18);
    color: #065f46;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1;
    white-space: nowrap;
}
.ob-haber-arsiv-toplam-pill i {
    font-size: 13px;
    color: #047857;
}
.ob-haber-arsiv-toplam-pill strong {
    font-weight: 800;
    font-size: 15px;
    color: #047857;
}
.ob-haber-arsiv-format-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    background: #FFFFFF;
    border: 1px solid rgba(4, 120, 87, 0.18);
    color: #047857;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ob-haber-arsiv-format-pill:hover {
    transform: translateY(-1px);
    border-color: rgba(4, 120, 87, 0.28);
    box-shadow: 0 10px 22px -18px rgba(4, 120, 87, 0.42);
}

.ob-haber-arsiv-icerik {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ob-haber-arsiv-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px 24px;
}

.ob-haber-arsiv-grid .ob-arsiv-kart {
    border: 1px solid rgba(148, 163, 184, 0.32);
    box-shadow: 0 8px 24px -14px rgba(15, 23, 42, 0.18);
}
.ob-haber-arsiv-grid .ob-arsiv-kart:hover {
    border-color: rgba(4, 120, 87, 0.35);
    box-shadow: 0 14px 34px -16px rgba(15, 23, 42, 0.28);
}
.ob-haber-arsiv-grid .ob-arsiv-kart__baslik a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ob-haber-arsiv-grid .ob-arsiv-kart__ozet {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ob-haber-arsiv-grid .ob-arsiv-kart__paylas-ust {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(203, 213, 225, 0.6);
    color: #334155;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}
.ob-haber-arsiv-grid .ob-arsiv-kart__paylas-ust:hover {
    background: #047857;
    border-color: #047857;
    color: #FFFFFF;
    transform: scale(1.06);
}
.ob-haber-arsiv-grid .ob-arsiv-kart__paylas-ust i {
    font-size: 14px;
    line-height: 1;
}

@media (max-width: 1279px) {
    .ob-haber-arsiv-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 1023px) {
    .ob-haber-arsiv { padding: 36px 0 68px 0; }
    .ob-haber-arsiv-kapsayici { gap: 28px; }
    .ob-haber-arsiv-baslik__ana { font-size: 32px; }
    .ob-haber-arsiv-select { min-width: 170px; }
}
@media (max-width: 900px) {
    .ob-haber-arsiv-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .ob-haber-arsiv { padding: 30px 0 60px 0; }
    .ob-haber-arsiv-baslik__ana { font-size: 28px; }
    .ob-haber-arsiv-baslik__alt { font-size: 14px; }
    .ob-haber-arsiv-filtre-satir { flex-direction: column; align-items: stretch; }
    .ob-haber-arsiv-filtre { width: 100%; }
    .ob-haber-arsiv-arama { flex: 1 1 100%; }
    .ob-haber-arsiv-select { display: none !important; }
    .ob-haber-arsiv-temizle { display: none !important; }
    .ob-haber-arsiv-toplam-pill { display: none !important; }
}
@media (max-width: 560px) {
    .ob-haber-arsiv-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.ob-etkinlik-arsiv {
    padding: 48px 0 72px 0;
    background: #f8fafc;
}
.ob-etkinlik-arsiv-baslik {
    text-align: center;
    margin-bottom: 32px;
}
.ob-etkinlik-arsiv-baslik__ana {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    color: #0f172a;
    margin: 0 0 14px 0;
}
.ob-etkinlik-arsiv-baslik__alt {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto;
}

.ob-etkinlik-arsiv-filtreler {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px 18px;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
    margin-bottom: 22px;
}
.ob-etkinlik-arsiv-arama-form {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 0;
}
.ob-etkinlik-arsiv-arama {
    position: relative;
    display: flex;
    align-items: center;
}
.ob-etkinlik-arsiv-arama i {
    position: absolute;
    left: 14px;
    color: #94a3b8;
    font-size: 14px;
}
.ob-etkinlik-arsiv-arama input {
    width: 100%;
    height: 42px;
    padding: 0 13px 0 38px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    color: #0f172a;
    background: #f8fafc;
    transition: all 0.2s ease;
}
.ob-etkinlik-arsiv-arama input:focus {
    outline: none;
    border-color: #052e16;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(5, 46, 22, 0.1);
}
.ob-etkinlik-arsiv-select {
    height: 42px;
    padding: 0 13px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    color: #334155;
    background: #f8fafc;
    cursor: pointer;
    transition: all 0.2s ease;
}
.ob-etkinlik-arsiv-select:focus {
    outline: none;
    border-color: #052e16;
    background: #fff;
}

.ob-etkinlik-arsiv-filtre-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.ob-etkinlik-arsiv-kategori-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ob-etkinlik-arsiv-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid transparent;
    color: #475569;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}
.ob-etkinlik-arsiv-pill i {
    font-size: 12px;
}
.ob-etkinlik-arsiv-pill:hover {
    background: #e2e8f0;
    color: #0f172a;
}
.ob-etkinlik-arsiv-pill.is-active {
    background: #7f1d1d;
    color: #fff;
}
.ob-etkinlik-arsiv-toplam-pill {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.ob-etkinlik-arsiv-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ob-etkinlik-kart {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
    border: 1px solid #eef2f7;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.ob-etkinlik-kart:hover {
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
    transform: translateY(-3px);
}

.ob-etkinlik-kart__gorsel-link {
    display: block;
    text-decoration: none;
}
.ob-etkinlik-kart__gorsel {
    position: relative;
    width: 100%;
    height: 220px;
    background: #cbd5e1 center/cover no-repeat;
    overflow: hidden;
}
.ob-etkinlik-kart__gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.ob-etkinlik-kart:hover .ob-etkinlik-kart__gorsel img {
    transform: scale(1.05);
}

.ob-etkinlik-kart__tarih-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 52px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 2;
}
.ob-etkinlik-kart__tarih-ay {
    display: block;
    background: #7f1d1d;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 3px 0;
}
.ob-etkinlik-kart__tarih-gun {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.1;
    padding: 4px 0 2px 0;
}
.ob-etkinlik-kart__tarih-yil {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    color: #94a3b8;
    padding: 0 0 6px 0;
}

.ob-etkinlik-kart__durum {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border-radius: 999px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
    z-index: 2;
}
.ob-etkinlik-durum--yaklasan {
    background: #16a34a;
    color: #fff;
}
.ob-etkinlik-durum--tamamlandi {
    background: rgba(30, 41, 59, 0.85);
    color: #e2e8f0;
    backdrop-filter: blur(4px);
}

.ob-etkinlik-kart__gorsel-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 8px 14px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    z-index: 2;
}
.ob-etkinlik-kart__overlay-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.ob-etkinlik-kart__overlay-item i {
    font-size: 11px;
}

.ob-etkinlik-kart__govde {
    padding: 18px 18px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.ob-etkinlik-kart__kategori {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #7f1d1d;
}
.ob-etkinlik-kart__baslik {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ob-etkinlik-kart__baslik a {
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s ease;
}
.ob-etkinlik-kart__baslik a:hover {
    color: #7f1d1d;
}
.ob-etkinlik-kart__ozet {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    line-height: 1.55;
    color: #64748b;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ob-etkinlik-kart__alt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 12px;
}
.ob-etkinlik-bilet {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.ob-etkinlik-bilet--ucretsiz {
    background: #dcfce7;
    color: #166534;
}
.ob-etkinlik-bilet--ucretli {
    background: #fef3c7;
    color: #92400e;
}
.ob-etkinlik-bilet--davet {
    background: #ede9fe;
    color: #6d28d9;
}
.ob-etkinlik-kart__detay-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7f1d1d;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: gap 0.2s ease;
}
.ob-etkinlik-kart__detay-btn:hover {
    gap: 10px;
}
.ob-etkinlik-kart__detay-btn i {
    font-size: 11px;
}

.ob-etkinlik-arsiv-sayfalama {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.ob-etkinlik-arsiv-sayfalama .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    margin: 0 4px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(4, 120, 87, 0.14);
    color: #065f46;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}
.ob-etkinlik-arsiv-sayfalama .page-numbers:hover {
    background: rgba(4, 120, 87, 0.08);
    border-color: rgba(4, 120, 87, 0.28);
    color: #064e3b;
    box-shadow: 0 10px 18px -12px rgba(4, 120, 87, 0.42);
}
.ob-etkinlik-arsiv-sayfalama .page-numbers.current {
    background: linear-gradient(135deg, #047857 0%, #0f8a63 100%);
    border-color: #047857;
    color: #fff;
    box-shadow: 0 12px 24px -14px rgba(4, 120, 87, 0.62);
}

.ob-etkinlik-arsiv-yok {
    text-align: center;
    padding: 60px 20px;
    color: #64748b;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

@media (max-width: 1100px) {
    .ob-etkinlik-arsiv-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ob-etkinlik-arsiv-arama-form {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .ob-etkinlik-arsiv { padding: 70px 0 56px 0; }
    .ob-etkinlik-arsiv-baslik__ana { font-size: 28px; }
    .ob-etkinlik-arsiv-baslik__alt { font-size: 14px; }
    .ob-etkinlik-arsiv-arama-form {
        grid-template-columns: 1fr;
    }
    .ob-etkinlik-arsiv-select { display: none !important; }
    .ob-etkinlik-arsiv-toplam-pill { display: none !important; }
    .ob-etkinlik-arsiv-filtre-satir { flex-direction: column; align-items: stretch; }
    .ob-etkinlik-arsiv-kategori-pills { justify-content: center; }
    .ob-etkinlik-arsiv-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .ob-etkinlik-kart__gorsel { height: 200px; }
}

@media (max-width: 1023px) {
    .ob-arsiv { padding: 36px 0 68px 0; }
    .ob-arsiv-kapsayici { gap: 30px; }

    .ob-arsiv-govde {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }
    .ob-arsiv-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
    .ob-arsiv-filter--temizle { grid-column: 1 / -1; }

    .ob-arsiv-baslik {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 14px;
    }
    .ob-arsiv-baslik__sol {
        grid-column: unset;
        grid-row: unset;
        align-self: flex-start;
        width: 100%;
    }
    .ob-arsiv-baslik__sag {
        grid-column: unset;
        grid-row: unset;
        align-self: flex-start;
        justify-self: flex-start;
        padding-top: 0;
    }

    .ob-arsiv-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 22px;
    }
    .ob-arsiv-kart__govde { padding: 16px; }
    .ob-arsiv-kart__baslik { font-size: 17.5px; }
    .ob-arsiv-kart__ozet { -webkit-line-clamp: 2; line-clamp: 2; }
}

@media (max-width: 767px) {
    .ob-arsiv { padding: 30px 0 60px 0; }
    .ob-arsiv-kapsayici { gap: 24px; }

    .ob-arsiv-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }
    .ob-arsiv-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 18px;
    }
    .ob-arsiv-baslik__ana { font-size: 28px; }
    .ob-arsiv-baslik__alt { font-size: 14px; }

    .ob-arsiv-kart__gorsel { aspect-ratio: 4 / 3; }
    .ob-arsiv-kart__govde { padding: 14px 14px 16px 14px; gap: 10px; }
    .ob-arsiv-kart__meta { gap: 4px 12px; }
    .ob-arsiv-kart__meta-item { font-size: 11.8px; }
    .ob-arsiv-kart__baslik { font-size: 16px; }
    .ob-arsiv-kart__ozet { font-size: 13.2px; -webkit-line-clamp: 3; line-clamp: 3; }

    .ob-arsiv-pagination a.page-numbers,
    .ob-arsiv-pagination span.page-numbers {
        min-width: 36px;
        height: 36px;
        padding: 0 11px;
        font-size: 13.2px;
    }
}

@media (max-width: 639px) {
    .ob-arsiv { padding: 24px 0 52px 0; }
    .ob-arsiv-kapsayici { gap: 22px; }

    .ob-arsiv-baslik { gap: 10px; padding-bottom: 18px; }
    .ob-arsiv-baslik__ana { font-size: 24px; }
    .ob-arsiv-baslik__alt { font-size: 13.5px; }
    .ob-arsiv-baslik__toplam { font-size: 13px; }

    .ob-arsiv-sidebar { gap: 14px; }
    .ob-arsiv-filter { padding: 16px 14px 14px 14px; gap: 12px; }
    .ob-arsiv-arama__input { height: 44px; padding: 0 14px 0 40px; font-size: 14px; border-radius: 11px; }
    .ob-arsiv-tarih__select { height: 42px; font-size: 14px; }
    .ob-arsiv-temizle { min-height: 44px; font-size: 13.5px; border-radius: 11px; }

    .ob-arsiv-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }
    .ob-arsiv-kart__govde { padding: 16px; gap: 12px; }
    .ob-arsiv-kart__gorsel { aspect-ratio: 16 / 9; }
    .ob-arsiv-kart__meta-item { font-size: 12.5px; }
    .ob-arsiv-kart__baslik { font-size: 17.5px; }
    .ob-arsiv-kart__ozet { font-size: 14px; -webkit-line-clamp: 3; line-clamp: 3; }

    .ob-arsiv-pagination { padding-top: 4px; }
    .ob-arsiv-pagination .page-numbers { gap: 4px; }
    .ob-arsiv-pagination a.page-numbers,
    .ob-arsiv-pagination span.page-numbers {
        min-width: 34px;
        height: 34px;
        padding: 0 9px;
        font-size: 13px;
        border-radius: 9px;
    }

    .ob-arsiv-yok { padding: 42px 20px; }
    .ob-arsiv-yok i { font-size: 38px; }
    .ob-arsiv-yok h2 { font-size: 19.5px; }
    .ob-arsiv-yok p { font-size: 13.8px; }
}

.ob-page-hero {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-bottom: 1px solid rgba(6, 95, 70, 0.12);
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.78) 0%, rgba(248, 250, 252, 0.92) 54%, #ffffff 100%);
}

.ob-page-hero__decor {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ob-page-hero__orb {
    position: absolute;
    display: block;
    border-radius: 999px;
    filter: blur(68px);
    opacity: 0.58;
}

.ob-page-hero__orb--primary {
    top: -120px;
    right: -48px;
    width: 360px;
    height: 360px;
    background: rgba(52, 211, 153, 0.26);
}

.ob-page-hero__orb--secondary {
    bottom: -124px;
    left: 32px;
    width: 260px;
    height: 260px;
    background: rgba(251, 191, 36, 0.18);
    filter: blur(54px);
}

.ob-page-hero__pattern {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(13, 92, 58, 0.16) 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: 0.3;
}

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

    padding: 0 clamp(16px, 2.4vw, 28px);
}

.ob-page-hero__layout {
    display: block;
}

.ob-page-hero__layout--has-actions {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.ob-page-hero__inner {
    width: min(100%, 860px);
    padding: 0;
}

.ob-page-hero__actions {
    flex: 0 0 auto;
}

.ob-page-hero__breadcrumb {
    margin-bottom: 8px;
}

.ob-page-hero__breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ob-page-hero__breadcrumb-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.ob-page-hero__breadcrumb-link,
.ob-page-hero__breadcrumb-current {
    font-size: 12.5px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: #475569;
}

.ob-page-hero__breadcrumb-link {
    transition: color 0.18s ease;
}

.ob-page-hero__breadcrumb-link:hover,
.ob-page-hero__breadcrumb-link:focus-visible {
    color: #065f46;
}

.ob-page-hero__breadcrumb-current {
    color: #0f172a;
    font-weight: 600;
}

.ob-page-hero__breadcrumb-sep {
    color: rgba(71, 85, 105, 0.62);
    font-size: 10px;
    line-height: 1;
}

.ob-page-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 7px 13px;
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 24px -22px rgba(5, 46, 22, 0.45);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #047857;
}

.ob-page-hero__title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -0.028em;
    color: #0f172a;
    text-wrap: balance;
}

.ob-page-hero__desc {
    display: none;
}

.ob-page-hero + .ob-section--page,
.ob-page-hero + .ob-contact-shell,
.ob-page-hero + .ob-haber-arsiv-kapsayici,
.ob-page-hero + .ob-duyuru-arsiv-kapsayici,
.ob-page-hero + .ob-proje-arsiv-kapsayici,
.ob-page-hero + .ob-arsiv-kapsayici,
.ob-page-hero + .ob-mud-archive__wrap,
.ob-page-hero + .ob-by-archive__wrap,
.ob-page-hero + .ob-eb-archive__wrap,
.ob-page-hero + .ob-fr-main,
.ob-page-hero + .ob-yayin-archive__main,
.ob-page-hero + .ob-yayin-single__main,
.ob-page-hero + .ob-ek-main,
.ob-page-hero + .ob-ne-main,
.ob-page-hero + .ob-vf-main,
.ob-page-hero + .sehrimizi-taniyin,
.ob-page-hero + .ob-muhtar-main,
.ob-page-hero + .ob-meu-members,
.ob-page-hero + .ob-enc-members,
.ob-page-hero + .ob-enc-duties,
.ob-page-hero + .ob-by-main,
.ob-page-hero + .ob-by-empty-wrap,
.ob-page-hero + .ob-mkl-liste,
.ob-page-hero + .ob-org-stage,
.ob-page-hero + .ob-proje-container-wrap {
    padding-top: 48px;
}

.ob-page-hero--project .ob-page-hero__inner {
    width: min(100%, 820px);
}

body.single-proje .ob-page-hero--project .ob-page-hero__title {
    font-family: var(--ob-font-heading) !important;
}

.ob-page-hero__project-actions,
.ob-page-hero__sehir-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.ob-page-hero__project-socials {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ob-page-hero__project-social-link {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(4, 120, 87, 0.14);
    background: rgba(255, 255, 255, 0.82);
    color: #047857;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 10px 24px -22px rgba(5, 46, 22, 0.45);
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.ob-page-hero__project-social-link:hover,
.ob-page-hero__project-social-link:focus-visible {
    background: #047857;
    color: #ffffff;
    border-color: #047857;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -22px rgba(4, 120, 87, 0.45);
}

.ob-page-hero__project-location-btn,
.ob-page-hero__sehir-route-btn {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 14px;
    border: 1px solid rgba(4, 120, 87, 0.16);
    background: linear-gradient(135deg, #047857 0%, #0f8a63 100%);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 14px 30px -24px rgba(4, 120, 87, 0.55);
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.ob-page-hero__project-location-btn:hover,
.ob-page-hero__project-location-btn:focus-visible,
.ob-page-hero__sehir-route-btn:hover,
.ob-page-hero__sehir-route-btn:focus-visible {
    color: #ffffff;
    transform: translateY(-2px);
    filter: brightness(1.03);
    box-shadow: 0 18px 34px -24px rgba(4, 120, 87, 0.60);
}

.ob-page-hero__project-location-btn i,
.ob-page-hero__sehir-route-btn i {
    font-size: 14px;
}

.ob-section--page > .ob-container {
    width: 100%;
    max-width: var(--ob-container-width, 1330px);
    margin: 0 auto !important;
    padding: 0 clamp(16px, 2.4vw, 28px) !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ob-section--page {
    width: 100%;
    padding: 50px 0;
    background: #FFFFFF;
    position: relative;
    display: block;
}

.ob-page {
    width: 100%;
    display: block;
    background: rgba(255, 255, 255, .2);
}

.ob-page-article {
    width: 100%;
    max-width: 100%;
    display: block;
}

.ob-page-header {
    width: 100%;
    display: block;
    margin: 0 0 24px 0;
    padding: 0;
}

.ob-page-title {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 1.22;
    letter-spacing: -0.015em;
    color: #052e16;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ob-page-content,
.ob-page-content.entry-content {
    --ob-page-gap: 16px;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.72;
    letter-spacing: -0.005em;
    color: #2D3748;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.ob-page-content > * + * { margin-top: var(--ob-page-gap, 16px); }

.ob-page-content p { margin: 0; padding: 0; }
.ob-page-content p + p { margin-top: var(--ob-page-gap, 16px); }

.ob-page-content h1,
.ob-page-content h2,
.ob-page-content h3,
.ob-page-content h4,
.ob-page-content h5,
.ob-page-content h6 {
    font-family: 'Poppins', sans-serif;
    color: #052e16;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
    margin: 0;
}

.ob-page-content h1 { font-size: 30px; margin-top: calc(var(--ob-page-gap) + 8px); }
.ob-page-content h2 { font-size: 26px; margin-top: calc(var(--ob-page-gap) + 6px); }
.ob-page-content h3 { font-size: 22px; margin-top: calc(var(--ob-page-gap) + 4px); }
.ob-page-content h4 { font-size: 19px; }
.ob-page-content h5 { font-size: 17px; }
.ob-page-content h6 { font-size: 15.5px; }

.ob-page-content ul,
.ob-page-content ol {
    margin: 0;
    padding-left: 24px;
}
.ob-page-content li { padding-left: 4px; }
.ob-page-content li + li { margin-top: 4px; }

.ob-page-content a {
    color: #F97316;
    text-decoration: none;
    font-weight: 500;
    transition: color 160ms ease, opacity 160ms ease;
}
.ob-page-content a:hover { color: #EA580C; opacity: 0.94; }

.ob-page-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}
.ob-page-content figure {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.ob-page-content figcaption {
    font-size: 13.5px;
    color: #64748B;
    margin-top: 8px;
    text-align: left;
    font-style: italic;
}

.ob-page-content blockquote {
    margin: calc(var(--ob-page-gap) + 4px) 0;
    padding: 14px 18px;
    border-left: 4px solid #2563EB;
    background: #F1F5F9;
    color: #1E293B;
    border-radius: 0 10px 10px 0;
    font-style: normal;
}

.ob-page-content code,
.ob-page-content kbd {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background: #F1F5F9;
    color: #0F172A;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 14.5px;
}

.ob-page-content pre {
    padding: 16px 18px;
    background: #052e16;
    color: #E2E8F0;
    border-radius: 12px;
    overflow-x: auto;
    font-size: 14px;
    line-height: 1.55;
}
.ob-page-content pre code {
    background: transparent;
    color: inherit;
    padding: 0;
    font-size: inherit;
}

.ob-page-content table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    overflow: hidden;
    font-size: 15px;
}
.ob-page-content th,
.ob-page-content td {
    padding: 10px 14px;
    border-bottom: 1px solid #E2E8F0;
    text-align: left;
    vertical-align: top;
}
.ob-page-content th {
    background: #F1F5F9;
    font-weight: 600;
    color: #0F172A;
}
.ob-page-content tr:last-child td { border-bottom: 0; }

.ob-page-article #comments,
.ob-page-article .comments-area {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #E2E8F0;
}

.ob-page-links {
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px dashed #CBD5E1;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    font-size: 14px;
    color: #334155;
}
.ob-page-links__label {
    font-weight: 600;
    color: #0F172A;
    margin-right: 6px;
}
.ob-page-links__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    background: #F1F5F9;
    color: #0F172A;
    border-radius: 8px;
    font-weight: 500;
}
.ob-page-links a .ob-page-links__item { background: #E0E7FF; color: #1E40AF; }
.ob-page-links a:hover .ob-page-links__item { background: #C7D2FE; }

@media (max-width: 1023px) {
    .ob-page-hero__title {
        font-size: 24px;
    }

    .ob-page-hero__layout--has-actions {
        align-items: flex-start;
        gap: 20px;
    }

    .ob-section--page { padding: 40px 0; }
    .ob-page-title { font-size: 30px; }
}

@media (max-width: 767px) {
    .ob-page-hero {
        width: 100vw;
        margin-top: 0;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        left: auto;
        right: auto;
        border-radius: 0;
    }

    .ob-page-hero__breadcrumb {
        margin-bottom: 6px;
    }

    .ob-page-hero__breadcrumb-link,
    .ob-page-hero__breadcrumb-current {
        font-size: 12px;
    }

    .ob-page-hero .ob-container {
        max-width: 100%;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .ob-page-hero__inner {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .ob-page-hero__layout--has-actions {
        display: block;
    }

    .ob-page-hero__actions {
        margin-top: 16px;
    }

    html body:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single) {
        padding-top: 0 !important;
        margin-top: 112px !important; 
    }

    html body.admin-bar:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single),
    html body.has-admin-bar:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single) {
        padding-top: 0 !important;
        margin-top: 158px !important; 
    }

    .ob-page-hero__title {
        font-size: 24px;
    }

    .ob-page-hero + .ob-section--page,
    .ob-page-hero + .ob-contact-shell,
    .ob-page-hero + .ob-haber-arsiv-kapsayici,
    .ob-page-hero + .ob-duyuru-arsiv-kapsayici,
    .ob-page-hero + .ob-proje-arsiv-kapsayici,
    .ob-page-hero + .ob-arsiv-kapsayici,
    .ob-page-hero + .ob-mud-archive__wrap,
    .ob-page-hero + .ob-by-archive__wrap,
    .ob-page-hero + .ob-eb-archive__wrap,
    .ob-page-hero + .ob-fr-main,
    .ob-page-hero + .ob-yayin-archive__main,
    .ob-page-hero + .ob-yayin-single__main,
    .ob-page-hero + .ob-ek-main,
    .ob-page-hero + .ob-ne-main,
    .ob-page-hero + .ob-vf-main,
    .ob-page-hero + .sehrimizi-taniyin,
    .ob-page-hero + .ob-muhtar-main,
    .ob-page-hero + .ob-meu-members,
    .ob-page-hero + .ob-enc-members,
    .ob-page-hero + .ob-enc-duties,
    .ob-page-hero + .ob-by-main,
    .ob-page-hero + .ob-by-empty-wrap,
    .ob-page-hero + .ob-mkl-liste,
    .ob-page-hero + .ob-org-stage,
    .ob-page-hero + .ob-proje-container-wrap {
        padding-top: 32px;
    }

    .ob-page-hero__project-actions,
    .ob-page-hero__sehir-actions {
        justify-content: flex-start;
    }

    .ob-page-hero__project-location-btn,
    .ob-page-hero__sehir-route-btn {
        min-height: 40px;
        padding: 0 16px;
        font-size: 13.5px;
    }

    .ob-section--page { padding: 32px 0; }
    .ob-page-header { margin-bottom: 18px; }
    .ob-page-title { font-size: 26px; }
    .ob-page-content,
    .ob-page-content.entry-content {
        font-size: 15.5px;
        line-height: 1.68;
    }
    .ob-page-content h2 { font-size: 23px; }
    .ob-page-content h3 { font-size: 20px; }
    .ob-page-content blockquote { padding: 12px 14px; }
}

@media (max-width: 639px) {
    html body:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single) {
        margin-top: 100px !important; 
    }

    html body.admin-bar:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single),
    html body.has-admin-bar:not(.home):not(.front-page) main#primary.site-main:not(.ob-haber-single) {
        margin-top: 144px !important; 
    }

    .ob-page-hero__orb--primary {
        width: 240px;
        height: 240px;
        top: -90px;
        right: -36px;
    }

    .ob-page-hero__orb--secondary {
        width: 180px;
        height: 180px;
        bottom: -90px;
        left: 12px;
    }

    .ob-page-hero__pattern {
        background-size: 20px 20px;
    }

    .ob-page-hero__title {
        font-size: 24px;
        letter-spacing: -0.024em;
    }

    .ob-section--page { padding: 26px 0; }
    .ob-page-title { font-size: 23px; letter-spacing: -0.01em; }
    .ob-page-content,
    .ob-page-content.entry-content {
        font-size: 15px;
        --ob-page-gap: 14px;
    }
    .ob-page-content h1 { font-size: 26px; }
    .ob-page-content h2 { font-size: 21px; }
    .ob-page-content h3 { font-size: 18.5px; }
    .ob-page-content blockquote { padding: 11px 13px; border-radius: 0 9px 9px 0; }
    .ob-page-content pre { padding: 13px 14px; font-size: 13.5px; }
    .ob-page-content th,
    .ob-page-content td { padding: 8px 11px; font-size: 14px; }
}

.ob-kurumsal-cards-col { padding: 9px 10px; }
.ob-kurumsal-cards-grid {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 0;
}
.ob-kurumsal-card {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5.5px 7px;
    border-radius: 9px;
    text-decoration: none;
    transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
    color: inherit;
    outline: none;
}
.ob-kurumsal-card:hover,
.ob-kurumsal-card:focus-visible {
    background-color: rgba(16, 122, 87, 0.08);
    transform: translateX(1px);
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
}
.ob-kurumsal-card__icon-wrap {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--ob-color-green-600) 0%, var(--ob-color-green-700) 100%);
    color: #FFFFFF;
    box-shadow: 0 2px 6px rgba(16, 122, 87, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ob-kurumsal-card:hover .ob-kurumsal-card__icon-wrap,
.ob-kurumsal-card:focus-visible .ob-kurumsal-card__icon-wrap {
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 4px 10px rgba(16, 122, 87, 0.32);
}
.ob-kurumsal-card__icon { font-size: 14px; line-height: 1; }
.ob-kurumsal-card__texts { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ob-kurumsal-card__title {
    font-size: 12.75px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--ob-color-slate-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ob-kurumsal-card__subtitle {
    font-size: 10.5px;
    line-height: 1.15;
    font-weight: 500;
    color: var(--ob-color-slate-500);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 640px) {
    .ob-kurumsal-cards-col { padding: 8px 9px; }
    .ob-kurumsal-cards-grid { gap: 3px; }
    .ob-kurumsal-card { padding: 5px 6.5px; gap: 6px; border-radius: 8px; }
    .ob-kurumsal-card__icon-wrap { width: 30px; height: 30px; border-radius: 7px; }
    .ob-kurumsal-card__icon { font-size: 13px; }
    .ob-kurumsal-card__texts { gap: 0.5px; }
    .ob-kurumsal-card__title { font-size: 12.5px; }
    .ob-kurumsal-card__subtitle { font-size: 10.25px; }
    .mega-menu--850 { width: 520px; }
}

.ob-baskan-hero {
    background: #ffffff;
    padding: 68px 0 64px;
    position: relative;
    overflow: hidden;
}
.ob-baskan-hero::before {
    content: none;
}
.ob-baskan-hero__grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(300px, 336px) minmax(0, 1fr);
    gap: 36px;
    align-items: start;
}
.ob-baskan-hero__portre {
    width: 100%;
    max-width: 336px;
    justify-self: start;
    border-radius: 22px;
    overflow: hidden;
    box-shadow:
        0 24px 48px -22px rgba(15, 23, 42, .18),
        0 0 0 1px rgba(15, 23, 42, .06);
    background: #f3f4f6;
    aspect-ratio: 32 / 45;
    position: relative;
}
.ob-baskan-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 18%;
    display: block;
}
.ob-baskan-hero__info {
    background: rgba(255,255,255,.985);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 22px;
    padding: 36px 42px 30px;
    box-shadow:
        0 30px 60px -25px rgba(0,0,0,.45),
        0 0 0 1px rgba(255,255,255,.55);
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}
.ob-baskan-hero__title-pill {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 6px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #14532d 0%, #15803d 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: 0 6px 16px -6px rgba(20,83,45,.6);
}
.ob-baskan-hero__name {
    margin: 0;
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -1.6px;
    line-height: 1.05;
    color: #0B1220;
}
.ob-baskan-hero__contact {
    list-style: none;
    margin: 0;
    padding: 16px 0 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}
.ob-baskan-hero__contact-item {
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 14.5px;
    color: #334155;
}
.ob-baskan-hero__contact-item i {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(20,83,45,.10) 0%, rgba(21,128,61,.18) 100%);
    color: #14532d;
    font-size: 13.5px;
    flex-shrink: 0;
}
.ob-baskan-hero__contact-link {
    color: #0F172A;
    text-decoration: none;
    font-weight: 500;
    transition: color .15s ease;
}
.ob-baskan-hero__contact-link:hover {
    color: #14532d;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ob-baskan-hero__intro {
    padding: 14px 16px;
    border-left: 3px solid #166534;
    background: linear-gradient(135deg, rgba(20,83,45,.05) 0%, rgba(21,128,61,.09) 100%);
    border-radius: 0 11px 11px 0;
    color: #334155;
    font-size: 14.25px;
    line-height: 1.7;
    font-style: italic;
    letter-spacing: -.05px;
}
.ob-baskan-hero__intro p { margin: 0; }

.ob-baskan-socials {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.ob-baskan-socials__btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #14532d 0%, #15803d 100%);
    text-decoration: none;
    font-size: 14.5px;
    box-shadow: 0 8px 18px -8px rgba(20,83,45,.65);
    transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease;
}
.ob-baskan-socials__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px -8px rgba(20,83,45,.8);
    color: #fff;
}

.ob-baskan-hero__signature {
    margin-top: auto;
    align-self: flex-end;
    opacity: .95;
}
.ob-baskan-hero__signature-img {
    max-height: 56px;
    width: auto;
    display: block;
    filter: saturate(1.05);
}

.ob-baskan-tabs-section {
    padding-top: 56px;
    padding-bottom: 72px;
    background: #ffffff;
}

body.post-type-archive-baskan-album .ob-baskan-tabs-section,
body.post-type-archive-baskan-video .ob-baskan-tabs-section,
.ob-baskan-media-archive .ob-baskan-tabs-section {
    padding-top: 50px;
}
.ob-baskan-tabs {
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.ob-baskan-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 12px 30px -22px rgba(15, 23, 42, 0.22);
}
.ob-baskan-tabs__tab {
    border: 1px solid rgba(203, 213, 225, 0.9);
    background: #ffffff;
    color: #334155;
    padding: 12px 18px;
    border-radius: 999px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ob-baskan-tabs__tab:hover,
.ob-baskan-tabs__tab:focus-visible {
    color: #14532d;
    border-color: rgba(21, 128, 61, 0.34);
    box-shadow: 0 10px 22px -16px rgba(21, 128, 61, 0.45);
    outline: none;
}
.ob-baskan-tabs__tab.is-active {
    background: linear-gradient(135deg, #14532d 0%, #15803d 100%);
    border-color: rgba(20, 83, 45, 0.8);
    color: #ffffff;
    box-shadow: 0 14px 28px -18px rgba(20, 83, 45, 0.55);
}
.ob-baskan-tabs__panels {
    min-width: 0;
}
.ob-baskan-tabs__panel {
    min-width: 0;
    animation: obBaskanTabEnter .22s ease;
}
.ob-baskan-tabs__panel[hidden] {
    display: none !important;
}
.ob-baskan-tabs__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}
.ob-baskan-tabs__panel-head--split {
    flex-wrap: wrap;
}
.ob-baskan-tabs__panel-title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.12;
    color: #0f172a;
}
.ob-baskan-tabs__panel-note {
    margin: 0;
    font-size: 13px;
    color: #64748b;
}
.ob-baskan-tabs__panel-note strong {
    color: #14532d;
    font-weight: 800;
}
@keyframes obBaskanTabEnter {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ob-baskan-ozgecmis__card {
    background: linear-gradient(160deg, #0B1220 0%, #0f172a 100%);
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 20px;
    padding: 42px 46px 44px;
    color: #E2E8F0;
    box-shadow: 0 30px 60px -30px rgba(11,18,32,.75);
    position: relative;
    overflow: hidden;
}
.ob-baskan-ozgecmis__card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, #14532d 0%, #22c55e 50%, #14532d 100%);
}
.ob-baskan-ozgecmis__intro {
    margin: 0 0 22px;
    font-style: italic;
    font-size: 16px;
    line-height: 1.7;
    color: #93f5b1;
    letter-spacing: -.1px;
    padding: 14px 18px;
    border-left: 3px solid #22c55e;
    background: rgba(21,128,61,.10);
    border-radius: 0 12px 12px 0;
}
.ob-baskan-ozgecmis__bio {
    font-size: 15px;
    line-height: 1.78;
    color: #cbd5e1;
}
.ob-baskan-ozgecmis__bio p {
    margin: 0 0 14px;
}
.ob-baskan-ozgecmis__bio p:last-child {
    margin-bottom: 0;
}
.ob-baskan-ozgecmis__signature {
    margin-top: 28px;
    text-align: right;
}
.ob-baskan-ozgecmis__signature img {
    max-height: 62px;
    width: auto;
    opacity: .95;
    filter: brightness(0) invert(1) opacity(.9);
}

.ob-baskan-timeline-section { padding-top: 64px; padding-bottom: 10px; }

.ob-baskan-timeline-card {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.85);
    border-radius: 24px;
    padding: 44px 40px 48px;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px -18px rgba(15, 23, 42, 0.18),
        0 20px 50px -30px rgba(15, 23, 42, 0.16);
    position: relative;
    overflow: visible;
}

.ob-baskan-timeline-card__header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 22px;
    margin-bottom: 42px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}
.ob-baskan-timeline-card__icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(145deg, #16a34a 0%, #15803d 50%, #166534 100%);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow:
        0 8px 18px -8px rgba(22, 163, 74, 0.7),
        0 0 0 1px rgba(22, 163, 74, 0.12);
    flex-shrink: 0;
}
.ob-baskan-timeline-card__titles { display: flex; flex-direction: column; gap: 2px; }
.ob-baskan-timeline-card__title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: #0F172A;
    letter-spacing: -0.4px;
    line-height: 1.15;
}
.ob-baskan-timeline-card__subtitle {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #64748B;
    letter-spacing: 0.1px;
}

.ob-baskan-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 0;
    min-height: 260px;
    overflow: visible;
}

.ob-baskan-timeline::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 4px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: linear-gradient(90deg,
        rgba(148, 163, 184, 0.35) 0%,
        rgba(148, 163, 184, 0.25) 3%,
        #15803d 18%,
        #16a34a 35%,
        #22c55e 50%,
        #16a34a 65%,
        #15803d 82%,
        rgba(148, 163, 184, 0.25) 97%,
        rgba(148, 163, 184, 0.35) 100%
    );
    z-index: 1;
    pointer-events: none;
}

.ob-baskan-timeline__item {
    position: relative;
    flex: 0 0 10%;
    max-width: 10%;
    min-height: 260px;
    padding: 0 4px;
    z-index: 2;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.ob-baskan-timeline__dot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #4ade80 0%, #16a34a 55%, #15803d 100%);
    box-shadow:
        0 0 0 5px #ffffff,
        0 0 0 6px rgba(22, 163, 74, 0.12),
        0 4px 10px -2px rgba(20, 83, 45, 0.35);
    z-index: 4;
    pointer-events: none;
}

.ob-baskan-timeline__card {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 4px);
    min-width: 140px;
    max-width: 258px;
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 16px;
    padding: 14px 12px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    text-align: center;
    box-shadow:
        0 2px 6px rgba(15, 23, 42, 0.05),
        0 8px 22px -12px rgba(15, 23, 42, 0.18);
    z-index: 3;
}

.ob-baskan-timeline__item[data-idx="0"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="2"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="4"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="6"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="8"] .ob-baskan-timeline__card {
    bottom: calc(50% + 22px) !important;
    top: auto !important;
}

.ob-baskan-timeline__item[data-idx="1"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="3"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="5"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="7"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="9"] .ob-baskan-timeline__card {
    top: calc(50% + 22px) !important;
    bottom: auto !important;
}

.ob-baskan-timeline__date-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, #14532d 0%, #15803d 100%);
    color: #FFFFFF;
    font-size: 12.25px;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.2;
    box-shadow: 0 6px 14px -8px rgba(20, 83, 45, 0.75);
    white-space: nowrap;
}

.ob-baskan-timeline__kurum-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12.5px;
    font-weight: 700;
    color: #15803d;
    letter-spacing: 0.02px;
    line-height: 1.25;
    padding: 2px 4px;
}
.ob-baskan-timeline__kurum-tag i {
    font-size: 12px;
    color: #16a34a;
}

.ob-baskan-timeline__pozisyon {
    font-size: 15px;
    font-weight: 800;
    color: #0F172A;
    letter-spacing: -0.2px;
    line-height: 1.32;
    min-height: calc(2 * 1.32em);
    display: block;
    overflow: visible;
    text-align: center;
    text-wrap: balance;
}

.ob-baskan-media-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.ob-baskan-media-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 18px 40px -30px rgba(15, 23, 42, 0.28);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.ob-baskan-media-card:hover {
    transform: translateY(-4px);
    border-color: rgba(21, 128, 61, 0.24);
    box-shadow: 0 26px 52px -34px rgba(15, 23, 42, 0.34);
}
.ob-baskan-media-card__visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}
.ob-baskan-media-card__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.ob-baskan-media-card:hover .ob-baskan-media-card__visual img {
    transform: scale(1.04);
}
.ob-baskan-media-card__visual--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 34px;
}
.ob-baskan-media-card__badge {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    backdrop-filter: blur(6px);
}
.ob-baskan-media-card__play {
    position: absolute;
    inset: auto auto 16px 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #14532d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px -16px rgba(15, 23, 42, 0.55);
}
.ob-baskan-media-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    padding: 18px 18px 20px;
}
.ob-baskan-media-card__title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.025em;
    color: #0f172a;
}
.ob-baskan-media-card__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #475569;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ob-baskan-page .ob-section {
    padding-top: 64px;
    padding-bottom: 10px;
}
.ob-baskan-page .ob-section:last-of-type {
    padding-bottom: 72px;
}

@media (max-width: 1024px) {
    .ob-baskan-hero { padding: 52px 0 50px; }
    .ob-baskan-hero__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .ob-baskan-hero__portre {
        max-width: 340px;
        margin: 0 auto;
        aspect-ratio: 32 / 45;
        border-radius: 18px;
    }
    .ob-baskan-hero__info {
        padding: 28px 28px 24px;
        border-radius: 18px;
        gap: 16px;
    }
    .ob-baskan-tabs-section { padding-top: 48px; padding-bottom: 60px; }
    body.post-type-archive-baskan-album .ob-baskan-tabs-section,
    body.post-type-archive-baskan-video .ob-baskan-tabs-section,
    .ob-baskan-media-archive .ob-baskan-tabs-section { padding-top: 50px; }
    .ob-baskan-tabs { gap: 18px; }
    .ob-baskan-tabs__nav { padding: 8px; gap: 8px; border-radius: 18px; }
    .ob-baskan-tabs__tab { padding: 11px 16px; font-size: 13px; }
    .ob-baskan-hero__name { font-size: 36px; letter-spacing: -1.2px; }
    .ob-baskan-hero__intro { padding: 12px 14px; font-size: 14px; line-height: 1.68; }
    .ob-baskan-ozgecmis__card { padding: 32px 30px 34px; border-radius: 18px; }

    .ob-baskan-timeline-section { padding-top: 56px; }
    .ob-baskan-timeline-card { padding: 38px 28px 40px; border-radius: 22px; }
    .ob-baskan-timeline-card__header { padding-bottom: 18px; margin-bottom: 34px; gap: 14px; }
    .ob-baskan-timeline-card__icon { width: 46px; height: 46px; border-radius: 12px; font-size: 19px; }
    .ob-baskan-timeline-card__title { font-size: 23px; }
    .ob-baskan-timeline-card__subtitle { font-size: 13.5px; }

    .ob-baskan-timeline {
        flex-wrap: wrap;
        min-height: 540px;
        gap: 34px 0;
    }
    .ob-baskan-timeline::before { display: none; } 
    .ob-baskan-timeline {
        background-image:
            linear-gradient(90deg, rgba(148,163,184,.35) 0%, rgba(148,163,184,.25) 3%, #15803d 18%, #16a34a 35%, #22c55e 50%, #16a34a 65%, #15803d 82%, rgba(148,163,184,.25) 97%, rgba(148,163,184,.35) 100%),
            linear-gradient(90deg, rgba(148,163,184,.35) 0%, rgba(148,163,184,.25) 3%, #15803d 18%, #16a34a 35%, #22c55e 50%, #16a34a 65%, #15803d 82%, rgba(148,163,184,.25) 97%, rgba(148,163,184,.35) 100%);
        background-size: 100% 4px;
        background-repeat: no-repeat;
        background-position:
            0 calc(110px),  
            0 calc(100% - 110px); 
    }
    .ob-baskan-timeline__item {
        flex: 0 0 20%;
        max-width: 20%;
        min-height: 255px;
    }

    .ob-baskan-timeline__item[data-idx="0"] .ob-baskan-timeline__dot,
.ob-baskan-timeline__item[data-idx="1"] .ob-baskan-timeline__dot,
.ob-baskan-timeline__item[data-idx="2"] .ob-baskan-timeline__dot,
.ob-baskan-timeline__item[data-idx="3"] .ob-baskan-timeline__dot,
.ob-baskan-timeline__item[data-idx="4"] .ob-baskan-timeline__dot { top: 110px; }
    .ob-baskan-timeline__item[data-idx="5"] .ob-baskan-timeline__dot,
.ob-baskan-timeline__item[data-idx="6"] .ob-baskan-timeline__dot,
.ob-baskan-timeline__item[data-idx="7"] .ob-baskan-timeline__dot,
.ob-baskan-timeline__item[data-idx="8"] .ob-baskan-timeline__dot,
.ob-baskan-timeline__item[data-idx="9"] .ob-baskan-timeline__dot { top: calc(100% - 110px); }
    .ob-baskan-timeline__item[data-idx="0"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="1"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="2"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="3"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="4"] .ob-baskan-timeline__card { 
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: auto;
        top: auto;
    }
    .ob-baskan-timeline__item[data-idx="0"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="2"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="4"] .ob-baskan-timeline__card { bottom: calc(100% - 88px) !important; top: auto !important; }
    .ob-baskan-timeline__item[data-idx="1"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="3"] .ob-baskan-timeline__card { top: 132px !important; bottom: auto !important; }
    .ob-baskan-timeline__item[data-idx="5"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="6"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="7"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="8"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="9"] .ob-baskan-timeline__card { position: absolute; left: 50%; transform: translateX(-50%); bottom:auto; top:auto; }
    .ob-baskan-timeline__item[data-idx="6"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="8"] .ob-baskan-timeline__card { bottom: calc(100% - 88px) !important; top: auto !important; }
    .ob-baskan-timeline__item[data-idx="5"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="7"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="9"] .ob-baskan-timeline__card { top: calc(100% - 88px) !important; bottom: auto !important; }
    .ob-baskan-timeline__card { width: calc(100% - 6px); min-width: 140px; max-width: 216px; padding-inline: 10px; }

    .ob-baskan-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .ob-baskan-media-card__title { font-size: 18px; }
}

@media (max-width: 640px) {
    .ob-baskan-hero { padding: 38px 0 36px; }
    .ob-baskan-hero__grid { gap: 20px; }
    .ob-baskan-hero__portre {
        max-width: 260px;
        border-radius: 16px;
    }
    .ob-baskan-hero__info { padding: 22px 20px 20px; border-radius: 16px; }
    .ob-baskan-hero__title-pill { font-size: 11.5px; padding: 5px 13px; }
    .ob-baskan-hero__name { font-size: 30px; letter-spacing: -.9px; }
    .ob-baskan-hero__contact { padding: 12px 0 2px; gap: 8px; }
    .ob-baskan-hero__contact-item { font-size: 13.5px; }
    .ob-baskan-hero__contact-item i { width: 28px; height: 28px; border-radius: 7px; font-size: 12.5px; }
    .ob-baskan-hero__intro { padding: 10px 12px; font-size: 13.25px; line-height: 1.65; border-left-width: 2.5px; border-radius: 0 9px 9px 0; }
    .ob-baskan-socials { gap: 8px; }
    .ob-baskan-socials__btn { width: 34px; height: 34px; border-radius: 10px; font-size: 13px; }
    .ob-baskan-hero__signature-img { max-height: 44px; }
    .ob-baskan-tabs-section { padding-top: 38px; padding-bottom: 46px; }
    body.post-type-archive-baskan-album .ob-baskan-tabs-section,
    body.post-type-archive-baskan-video .ob-baskan-tabs-section,
    .ob-baskan-media-archive .ob-baskan-tabs-section { padding-top: 50px; }
    .ob-baskan-tabs { gap: 16px; }
    .ob-baskan-tabs__nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 7px;
    }
    .ob-baskan-tabs__nav::-webkit-scrollbar { display: none; }
    .ob-baskan-tabs__tab {
        flex: 0 0 auto;
        white-space: nowrap;
        padding: 10px 14px;
        font-size: 12.5px;
    }

    .ob-baskan-ozgecmis__card { padding: 24px 18px 26px; border-radius: 14px; }
    .ob-baskan-ozgecmis__bio { font-size: 14px; line-height: 1.72; }
    .ob-baskan-ozgecmis__signature img { max-height: 50px; }

    .ob-baskan-timeline-section { padding-top: 50px; }
    .ob-baskan-timeline-card { padding: 30px 18px 32px; border-radius: 18px; }
    .ob-baskan-timeline-card__header { padding-bottom: 15px; margin-bottom: 26px; gap: 12px; }
    .ob-baskan-timeline-card__icon { width: 42px; height: 42px; border-radius: 11px; font-size: 17px; }
    .ob-baskan-timeline-card__title { font-size: 20px; }
    .ob-baskan-timeline-card__subtitle { font-size: 13px; }

    .ob-baskan-timeline {
        flex-wrap: wrap;
        min-height: 1400px;
        gap: 18px 0;
    }
    .ob-baskan-timeline::before { display: none; }
    .ob-baskan-timeline {
        background-image:
            linear-gradient(90deg, rgba(148,163,184,.32) 0%, rgba(148,163,184,.22) 8%, #15803d 28%, #16a34a 50%, #15803d 72%, rgba(148,163,184,.22) 92%, rgba(148,163,184,.32) 100%),
            linear-gradient(90deg, rgba(148,163,184,.32) 0%, rgba(148,163,184,.22) 8%, #15803d 28%, #16a34a 50%, #15803d 72%, rgba(148,163,184,.22) 92%, rgba(148,163,184,.32) 100%),
            linear-gradient(90deg, rgba(148,163,184,.32) 0%, rgba(148,163,184,.22) 8%, #15803d 28%, #16a34a 50%, #15803d 72%, rgba(148,163,184,.22) 92%, rgba(148,163,184,.32) 100%),
            linear-gradient(90deg, rgba(148,163,184,.32) 0%, rgba(148,163,184,.22) 8%, #15803d 28%, #16a34a 50%, #15803d 72%, rgba(148,163,184,.22) 92%, rgba(148,163,184,.32) 100%),
            linear-gradient(90deg, rgba(148,163,184,.32) 0%, rgba(148,163,184,.22) 8%, #15803d 28%, #16a34a 50%, #15803d 72%, rgba(148,163,184,.22) 92%, rgba(148,163,184,.32) 100%);
        background-size: 100% 3px;
        background-repeat: no-repeat;
        background-position:
            0 calc(120px),
            0 calc(368px),
            0 calc(616px),
            0 calc(864px),
            0 calc(1112px);
    }
    .ob-baskan-timeline__item {
        flex: 0 0 50%;
        max-width: 50%;
        min-height: 260px;
    }
    .ob-baskan-timeline__dot { width: 18px; height: 18px; box-shadow: 0 0 0 4px #fff, 0 0 0 5px rgba(22,163,74,.12), 0 3px 8px -2px rgba(20,83,45,.35); }

    .ob-baskan-timeline__item:nth-child(1) .ob-baskan-timeline__dot,
    .ob-baskan-timeline__item:nth-child(2) .ob-baskan-timeline__dot { top: 120px; }
    .ob-baskan-timeline__item:nth-child(3) .ob-baskan-timeline__dot,
    .ob-baskan-timeline__item:nth-child(4) .ob-baskan-timeline__dot { top: 368px; }
    .ob-baskan-timeline__item:nth-child(5) .ob-baskan-timeline__dot,
    .ob-baskan-timeline__item:nth-child(6) .ob-baskan-timeline__dot { top: 616px; }
    .ob-baskan-timeline__item:nth-child(7) .ob-baskan-timeline__dot,
    .ob-baskan-timeline__item:nth-child(8) .ob-baskan-timeline__dot { top: 864px; }
    .ob-baskan-timeline__item:nth-child(9)  .ob-baskan-timeline__dot,
    .ob-baskan-timeline__item:nth-child(10) .ob-baskan-timeline__dot { top: 1112px; }

    .ob-baskan-timeline__item {  }
    .ob-baskan-timeline__item .ob-baskan-timeline__card { position: absolute; left: 50%; transform: translateX(-50%); width: calc(100% - 12px); min-width: 140px; max-width: calc(100% - 12px); padding: 12px 10px 13px; border-radius: 14px; }
    .ob-baskan-timeline__item[data-idx="0"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="2"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="4"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="6"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="8"] .ob-baskan-timeline__card { bottom: calc(100% - 98px) !important; top: auto !important; } 
    .ob-baskan-timeline__item[data-idx="1"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="3"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="5"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="7"] .ob-baskan-timeline__card,
.ob-baskan-timeline__item[data-idx="9"] .ob-baskan-timeline__card { top: calc(100% - 98px) !important; bottom: auto !important; } 
    .ob-baskan-timeline__date-badge { font-size: 11.25px; padding: 4.5px 11px; }
    .ob-baskan-timeline__kurum-tag { font-size: 11.5px; gap: 4px; }
    .ob-baskan-timeline__kurum-tag i { font-size: 11px; }
    .ob-baskan-timeline__pozisyon { font-size: 13.5px; line-height: 1.3; min-height: calc(2 * 1.3em); display: block; overflow: visible; text-align: center; }

    .ob-baskan-gallery { grid-template-columns: repeat(2, 1fr); gap: 8px; }

    .ob-baskan-video-grid { gap: 14px; }
    .ob-baskan-video-card__title { padding: 10px 13px; font-size: 13px; }

    .ob-baskan-page .ob-section { padding-top: 46px; }
    .ob-baskan-page .ob-section:last-of-type { padding-bottom: 52px; }
}

body.page-template-page-baskan-yardimcilari-php main#primary { padding-top: 0; }

.ob-by-hero {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right, #1E293B 0%, #334155 50%, #0f172a 100%);
    color: #ffffff;
    padding: 48px 16px;                      
    box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.18); 
}
@media (min-width: 640px) { .ob-by-hero { padding-left: 24px; padding-right: 24px; } } 
@media (min-width: 1024px) { .ob-by-hero { padding-left: 32px; padding-right: 32px; } } 

.ob-by-hero__dotgrid {
    position: absolute;
    inset: 0;
    opacity: 0.10;
    background-image: radial-gradient(#ffffff 1px, transparent 1px);
    background-size: 16px 16px;
    background-repeat: round;
    pointer-events: none;
}

.ob-by-hero__inner {
    max-width: 1280px;          
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
}

.ob-by-hero__center {
    text-align: center;
    max-width: 768px;
    margin: 0 auto 32px;       
}

.ob-by-hero__badge {
    display: inline-block;
    padding: 4px 12px;
    background-color: rgba(217, 119, 6, 0.20);         
    color: #FBBF24;                                     
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    border: 1px solid rgba(217, 119, 6, 0.30);          
    border-radius: 9999px;
    margin-bottom: 12px;                                 
}
.ob-by-hero__badge i { margin-right: 4px; font-size: 11px; }

.ob-by-hero__title {
    font-family: var(--ob-font-heading);
    font-size: 30px;                                     
    line-height: 1.2;
    font-weight: 800;                                    
    letter-spacing: -0.025em;                            
    color: #ffffff;
    margin: 0 0 12px;                                    
}
@media (min-width: 640px) { .ob-by-hero__title { font-size: 36px; } } 

.ob-by-hero__desc {
    font-size: 14px;
    line-height: 1.6;
    color: #cbd5e1;                                      
    margin: 0;
}
@media (min-width: 640px) { .ob-by-hero__desc { font-size: 16px; } } 

.ob-by-main { padding: 40px 0 80px; }  
@media (min-width: 640px) { .ob-by-main { padding-top: 40px; } }

.ob-by-main__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 640px)  { .ob-by-main__inner { padding-left: 24px; padding-right: 24px; } }
@media (min-width: 1024px) { .ob-by-main__inner { padding-left: 32px; padding-right: 32px; } }

.ob-by-main__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;                     
}
.ob-by-main__count {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;                                      
}
@media (min-width: 640px) { .ob-by-main__count { font-size: 14px; } }
.ob-by-main__count strong {
    color: var(--ob-color-green-800);                    
    font-weight: 700;
}
.ob-by-main__spacer { flex: 1 1 auto; }

.ob-by-vpgrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;                                            
}
@media (min-width: 768px)  { .ob-by-vpgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } 
@media (min-width: 1024px) { .ob-by-vpgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; } } 

.ob-by-vpcard {
    background: #ffffff;
    border-radius: 16px;                                  
    border: 1px solid rgba(226, 232, 240, 0.80);          
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);      
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ob-by-vpcard:hover {
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.08),
                0 8px 10px -6px rgba(15, 23, 42, 0.08);  
    transform: translateY(-4px);
}

.ob-by-vpcard__accent { height: 8px; width: 100%; }

.ob-by-vpgrad-0 { background-image: linear-gradient(to bottom right, #2563eb 0%, #3730a3 100%); }

.ob-by-vpgrad-1 { background-image: linear-gradient(to bottom right, #9333ea 0%, #be185d 100%); }

.ob-by-vpgrad-2 { background-image: linear-gradient(to bottom right, #d97706 0%, #c2410c 100%); }

.ob-by-vpgrad-3 { background-image: linear-gradient(to bottom right, #059669 0%, #115e59 100%); }

.ob-by-vpgrad-4 { background-image: linear-gradient(to bottom right, #0891b2 0%, #1e40af 100%); }

.ob-by-vpgrad-5 { background-image: linear-gradient(to bottom right, #e11d48 0%, #991b1b 100%); }

.ob-by-badge-0 { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; } 
.ob-by-badge-1 { background: #faf5ff; color: #7e22ce; border-color: #e9d5ff; } 
.ob-by-badge-2 { background: #fffbeb; color: #b45309; border-color: #fde68a; } 
.ob-by-badge-3 { background: #ecfdf5; color: #047857; border-color: #a7f3d0; } 
.ob-by-badge-4 { background: #ecfeff; color: #0e7490; border-color: #a5f3fc; } 
.ob-by-badge-5 { background: #fff1f2; color: #be123c; border-color: #fecdd3; } 

.ob-by-vpcard__header { padding: 24px 24px 16px; }  

.ob-by-vpcard__toprow {
    display: flex;
    align-items: flex-start;
    gap: 16px;                                   
}

.ob-by-vpcard__avatarwrap {
    position: relative;
    flex-shrink: 0;
}
.ob-by-vpcard__avatar {
    width: 64px;
    height: 64px;
    border-radius: 16px;                           
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 
                0 2px 4px -2px rgba(0, 0, 0, 0.10);
    transition: transform 0.3s ease;
}
.ob-by-vpcard__avatar-img {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    object-fit: cover;
    object-position: center top;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10),
                0 2px 4px -2px rgba(0, 0, 0, 0.10);
    transition: transform 0.3s ease;
    display: block;
}
.ob-by-vpcard:hover .ob-by-vpcard__avatar,
.ob-by-vpcard:hover .ob-by-vpcard__avatar-img {
    transform: scale(1.05);
}

.ob-by-vpcard__statusdot {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    background: #10b981;                           
    border: 2px solid #ffffff;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 10px;
    line-height: 1;
}

.ob-by-vpcard__info {
    flex: 1 1 auto;
    min-width: 0;
}

.ob-by-vpcard__role {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ob-color-green-800);
    background: var(--ob-color-green-100);
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #bbf7d0;
    margin-bottom: 4px;
}

.ob-by-vpcard__name {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #1e293b;                                    
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
}
.ob-by-vpcard:hover .ob-by-vpcard__name { color: var(--ob-color-green-800); }

.ob-by-vpcard__email {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #64748b;                                    
    margin-top: 4px;
    transition: color 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ob-by-vpcard__email i { color: #94a3b8; font-size: 12px; } 
.ob-by-vpcard__email span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.ob-by-vpcard__email:hover { color: #1e293b; }
.ob-by-vpcard__email:hover i { color: var(--ob-color-green-700); }

.ob-by-vpcard__phone {
    margin-top: 16px;
    padding: 10px;
    background: #f8fafc;                                
    border: 1px solid #f1f5f9;                          
    border-radius: 12px;                                
    font-size: 12px;
    color: #475569;                                     
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.ob-by-vpcard__phone-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.ob-by-vpcard__phone-left i {
    color: #1e293b;                                     
    font-size: 12px;
}
.ob-by-vpcard__phone-left span { line-height: 1.4; }

.ob-by-vpcard__ext {
    background: #e2e8f0;
    color: #334155;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.ob-by-vpcard__mud { margin-top: 16px; }
.ob-by-vpcard__mud-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.ob-by-vpcard__mud-head span {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;                                    
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.ob-by-vpcard__mud-head span em {
    font-style: normal;
    opacity: 0.9;
    margin-left: 2px;
}
.ob-by-vpcard__mud-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 160px;
    overflow-y: auto;
    padding-right: 4px;
}

.ob-by-vpcard__mud-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 8px;                                 
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    border: 1px solid;
    transition: transform 0.2s ease,
                background-color 0.2s ease,
                color 0.2s ease;
}
.ob-by-vpcard__mud-chip i {
    font-size: 9px;
    opacity: 0.6;
    margin-right: 4px;
}
.ob-by-vpcard__mud-chip:hover { transform: translateY(-2px); }

.ob-by-vpcard__footer {
    padding: 14px 24px;
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
    margin-top: auto;
}

.ob-by-empty-wrap { padding: 40px 0 80px; }
.ob-by-empty-wrap .ob-container { max-width: 1280px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 640px)  { .ob-by-empty-wrap .ob-container { padding: 0 24px; } }
@media (min-width: 1024px) { .ob-by-empty-wrap .ob-container { padding: 0 32px; } }

.ob-by-empty {
    text-align: center;
    padding: 64px 16px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
    max-width: 720px;
    margin: 0 auto;
}
.ob-by-empty__ic {
    width: 64px; height: 64px;
    margin: 0 auto 16px;
    border-radius: 9999px;
    background: #f1f5f9;
    color: #94a3b8;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px;
}
.ob-by-empty__title {
    font-size: 18px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 4px;
}
.ob-by-empty__desc {
    font-size: 14px;
    color: #64748b;
    margin: 0 0 16px;
}

.ob-by-archive {
  background-color: #f6fbf7;
  color: #0f172a;
  position: relative;
}
.ob-by-archive::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(ellipse at 50% -10%, rgba(220,252,231,0.55) 0%, transparent 70%);
  pointer-events: none;
}
.ob-by-archive__wrap {
  position: relative;
  z-index: 2;
  max-width: 1320px;
  margin: 0 auto;
  padding: 48px 20px 72px;
}

.ob-by-archive__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0,1fr);
}
@media (min-width: 1024px) {
  .ob-by-archive__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}

.ob-by-arc {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
  padding: 24px 24px 22px;
  display: grid;
  grid-template-columns: 160px minmax(0,1fr);
  gap: 24px;
  align-items: start;
  transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1), border-color .3s ease;
  position: relative;
  overflow: hidden;
  min-height: 272px;
}
.ob-by-arc:hover {
  transform: translateY(-4px);
  border-color: rgba(22, 163, 74, 0.28);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
}

.ob-by-arc__foto {
  position: relative;
  z-index: 3;
  width: 160px;
  height: 160px;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  border: 0;
  box-shadow: inset 0 0 0 4px #f1f5f9;
}
.ob-by-arc__foto-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ob-by-arc__foto-ph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 28%, #c2ccd8 0 18%, transparent 19%),
    radial-gradient(ellipse at 50% 78%, #c2ccd8 0 28%, transparent 29%),
    linear-gradient(180deg, #f0f3f8 0%, #e8edf4 100%);
  color: #94a3b8;
}
.ob-by-arc__foto-ph > i { display: none; }

.ob-by-arc__main {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  position: relative;
  z-index: 3;
  padding: 2px 0 0;
}
.ob-by-arc__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  margin-bottom: -1px;
}
.ob-by-arc__heading {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ob-by-arc__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 29px;
  padding: 5px 12px;
  border-radius: 999px;
  background: #dcfce7;
  color: #166534;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.01em;
  border: 1px solid #bbf7d0;
  width: fit-content;
  order: 2;
}
.ob-by-arc__eyebrow i {
  font-size: 6px;
  color: #16a34a;
}
.ob-by-arc__name {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.025em;
  order: 1;
}
.ob-by-arc__name-link {
  color: inherit;
  text-decoration: none;
  transition: color .25s ease;
}
.ob-by-arc__name-link:hover {
  color: #166534;
}
.ob-by-arc__detail {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 1px;
  color: #94a3b8;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  transition: color .3s ease;
  position: relative;
  z-index: 4;
}
.ob-by-arc__detail-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 13px;
  transition: all .3s ease;
}
.ob-by-arc:hover .ob-by-arc__detail {
  color: #15803d;
}
.ob-by-arc:hover .ob-by-arc__detail-icon {
  background: #166534;
  color: #ffffff;
  transform: translate(2px, -2px);
}
.ob-by-arc__detail span:first-child {
  opacity: 0;
  transition: opacity .3s ease;
}
.ob-by-arc:hover .ob-by-arc__detail span:first-child {
  opacity: 1;
}

.ob-by-arc__iletisim {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.ob-by-arc__iletisim-item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 60px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.7);
  color: #1e293b;
  min-width: 0;
  position: relative;
  z-index: 4;
  transition: background-color .25s ease, border-color .25s ease;
}
.ob-by-arc__iletisim-item:hover {
  background: #f0fdf4;
  border-color: #bbf7d0;
}
.ob-by-arc__iletisim-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #166534;
  font-size: 14px;
  flex: 0 0 32px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  transition: transform .25s ease;
}
.ob-by-arc__iletisim-item:hover .ob-by-arc__iletisim-icon {
  transform: scale(1.05);
}
.ob-by-arc__iletisim-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.ob-by-arc__iletisim-label {
  font-size: 11px;
  line-height: 1.2;
  font-weight: 500;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.ob-by-arc__iletisim-item a {
  color: #1e293b;
  text-decoration: none;
  font-weight: 700;
  transition: color .2s ease;
  word-break: break-word;
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.35;
}
.ob-by-arc__iletisim-item a:hover { color: var(--ob-color-green-800); }
.ob-by-arc__iletisim-item em {
  color: #64748b;
  font-style: normal;
  font-weight: 500;
}

.ob-by-arc__mud {
  grid-column: 1 / -1;
  margin-top: 0;
  padding-top: 16px;
  overflow: hidden;
  min-width: 0;
  border-top: 1px solid rgba(241, 245, 249, 1);
  position: relative;
  z-index: 3;
}
.ob-by-arc__mud-title {
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 800;
  color: #64748b;
  letter-spacing: 0.08em;
}
.ob-by-arc__mud-title i {
  color: #16a34a;
  font-size: 14px;
}
.ob-by-arc__mud-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  align-content: flex-start;
}
.ob-by-arc__mud-list li {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #f1f5f9;
  border: 1px solid rgba(226, 232, 240, 0.7);
  font-size: 12px;
  line-height: 1.35;
  color: #475569;
  word-break: break-word;
  font-weight: 500;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.ob-by-arc__mud-list li:hover {
  background: #dcfce7;
  color: #166534;
  border-color: #bbf7d0;
}
.ob-by-arc__mud-empty {
  color: #94a3b8 !important;
  font-style: normal;
}
.ob-by-arc__mud-list li::before,
.ob-by-arc__mud-list li::after { content: none; }

@media (max-width: 1023px) and (min-width: 640px) {
  .ob-by-arc {
    grid-template-columns: 160px minmax(0,1fr);
    gap: 18px;
    padding: 20px;
  }
  .ob-by-arc__name { font-size: 20px; }
  .ob-by-arc__iletisim {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 639px) {
  .ob-by-arc {
    grid-template-columns: minmax(0,1fr);
    padding: 18px;
    gap: 18px;
    min-height: 0;
  }
  .ob-by-arc__foto {
    width: 144px;
    height: 144px;
    margin: 0 auto;
  }
  .ob-by-arc__main {
    gap: 12px;
    padding-right: 0;
  }
  .ob-by-arc__header {
    flex-direction: column;
    align-items: stretch;
  }
  .ob-by-arc__detail {
    justify-content: space-between;
  }
  .ob-by-arc__detail span:first-child {
    opacity: 1;
  }
  .ob-by-arc__name { font-size: 22px; }
  .ob-by-arc__iletisim {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .ob-by-arc__iletisim-item {
    min-height: 68px;
    padding: 14px 16px;
  }
  .ob-by-arc__mud-title { font-size: 12px; }
  .ob-by-arc__mud-list {
    gap: 8px;
  }
  .ob-by-arc__mud-list li { font-size: 13px; }
}

.ob-by-archive__nav {
  text-align: center;
  margin: 40px auto 0;
}
.ob-by-archive__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ob-by-archive__nav li a,
.ob-by-archive__nav li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s ease;
}
.ob-by-archive__nav li a:hover {
  border-color: var(--ob-color-green-700);
  color: var(--ob-color-green-700);
}
.ob-by-archive__nav li.current > span,
.ob-by-archive__nav li.current > a {
  background: var(--ob-color-green-800);
  color: #ffffff;
  border-color: var(--ob-color-green-800);
  box-shadow: 0 2px 6px rgba(15,61,30,0.18);
}

.ob-by-single {
  background-color: #f6fbf7;
  color: #0f172a;
  position: relative;
}
.ob-by-single::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(ellipse at 50% -10%, rgba(220,252,231,0.48) 0%, transparent 68%);
  pointer-events: none;
}
.ob-by-single__wrap {
  position: relative;
  z-index: 2;
  max-width: 1240px;
  margin: 0 auto;
  padding: 50px 20px;
}
.ob-by-single__stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 50px 0px;
}
.ob-by-single__hero,
.ob-by-single__cv-section {
  width: 100%;
}
.ob-by-single__card {
  width: 100%;
  min-height: 0;
  gap: 22px;
}
.ob-by-single__card-foto {
  width: 132px;
  height: auto;
  aspect-ratio: 3 / 4;
}
.ob-by-single__card-main {
  gap: 14px;
}
.ob-by-single__card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.ob-by-single__card-heading {
  gap: 8px;
  min-width: 0;
}
.ob-by-single__others-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #dbe7dd;
  color: #166534;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
  transition: border-color .25s ease, background-color .25s ease, transform .25s ease, box-shadow .25s ease, color .25s ease;
}
.ob-by-single__others-badge i {
  font-size: 11px;
  color: #15803d;
  transition: transform .25s ease;
}
.ob-by-single__others-badge:hover {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #14532d;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(21, 128, 61, 0.10);
}
.ob-by-single__others-badge:hover i {
  transform: translateX(2px);
}
.ob-by-single__card-name {
  font-size: 16px;
  line-height: 1.22;
}
.ob-by-single__card-role {
  min-height: 27px;
  padding: 4px 11px;
  font-size: 11px;
}
.ob-by-single__card-contact {
  gap: 10px;
}
.ob-by-single__card-contact .ob-by-arc__iletisim-item {
  min-height: 56px;
  padding: 11px 13px;
}
.ob-by-single__card-contact .ob-by-arc__iletisim-label {
  font-size: 10px;
}
.ob-by-single__card-contact .ob-by-arc__iletisim-item a {
  font-size: 12px;
}
.ob-by-single__card-mud {
  padding-top: 12px;
}
.ob-by-single__card-mud .ob-by-arc__mud-title {
  margin-bottom: 10px;
  font-size: 11px;
}
.ob-by-single__card-mud-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
.ob-by-single__mud-card-item {
  display: block;
  min-width: 0;
  width: 100%;
  min-height: 0;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ob-by-single__mud-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 18px;
  gap: 12px;
  align-items: start;
  width: 100%;
  min-height: 0;
  height: 100%;
  padding: 10px 12px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.78);
  text-decoration: none;
  transition: background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.ob-by-single__mud-card:hover {
  background: #f0fdf4;
  border-color: #bbf7d0;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(15, 61, 30, 0.08);
}
.ob-by-single__mud-card-avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef2f7;
  color: #64748b;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.65);
}
.ob-by-single__mud-card-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ob-by-single__mud-card-avatar i {
  font-size: 16px;
}
.ob-by-single__mud-card-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-self: center;
}
.ob-by-single__mud-card-title {
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
  color: #0f172a;
}
.ob-by-single__mud-card-person {
  font-size: 11px;
  line-height: 1.3;
  font-weight: 600;
  color: #166534;
}
.ob-by-single__mud-card-role {
  font-size: 10px;
  line-height: 1.3;
  color: #64748b;
}
.ob-by-single__mud-card-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #94a3b8;
  font-size: 11px;
  transition: transform .25s ease, color .25s ease;
}
.ob-by-single__mud-card:hover .ob-by-single__mud-card-arrow {
  color: #166534;
  transform: translateX(2px);
}
@media (min-width: 700px) {
  .ob-by-single__card-mud-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .ob-by-single__card {
    grid-template-columns: 220px minmax(0, 1fr);
    grid-auto-rows: auto;
    align-items: stretch;
  }
  .ob-by-single__card-foto {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 4;
    border-radius: 20px;
    align-self: start;
    box-shadow: inset 0 0 0 4px #eef2f7;
  }
  .ob-by-single__card-main {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
  }
  .ob-by-single__card-mud {
    grid-column: 2;
    grid-row: 2;
    padding-top: 14px;
    align-self: start;
  }
  .ob-by-single__card .ob-by-arc__mud {
    grid-column: 2;
  }
}
@media (min-width: 1200px) {
  .ob-by-single__card-mud-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ob-by-single__cv {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 24px 26px;
  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
}
.ob-by-single__cv-title {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e8f0;
  letter-spacing: -0.01em;
}
.ob-by-single__cv-body {
  font-size: 14px;
  line-height: 1.72;
  color: #475569;
}
.ob-by-single__cv-body p {
  margin: 0 0 1em;
}
.ob-by-single__cv-body p:last-child { margin-bottom: 0; }
.ob-by-single__cv-body h2,
.ob-by-single__cv-body h3,
.ob-by-single__cv-body h4 {
  color: #0f172a;
  margin-top: 1.25em;
  margin-bottom: 0.45em;
  font-weight: 800;
  line-height: 1.28;
}
.ob-by-single__cv-body h2 { font-size: 20px; }
.ob-by-single__cv-body h3 { font-size: 17px; }
.ob-by-single__cv-body h4 { font-size: 15px; }
.ob-by-single__cv-body ul,
.ob-by-single__cv-body ol {
  margin: 0 0 1em 1.35em;
}
.ob-by-single__cv-body img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.ob-by-single__cv-body a {
  color: var(--ob-color-green-700);
  font-weight: 600;
}
@media (max-width: 767px) {
  .ob-by-single__wrap {
    padding: 50px 16px;
  }
  .ob-by-single__card {
    gap: 16px;
  }
  .ob-by-single__card-foto {
    width: 112px;
    height: auto;
    aspect-ratio: 3 / 4;
  }
  .ob-by-single__card-name {
    font-size: 15px;
  }
  .ob-by-single__card-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .ob-by-single__others-badge {
    min-height: 34px;
    padding: 7px 11px;
    font-size: 11px;
  }
  .ob-by-single__cv {
    padding: 20px 18px;
    border-radius: 18px;
  }
  .ob-by-single__cv-title {
    font-size: 17px;
  }
  .ob-by-single__cv-body {
    font-size: 13px;
    line-height: 1.68;
  }
  .ob-by-single__mud-card {
    grid-template-columns: 40px minmax(0, 1fr) 16px;
    gap: 10px;
    min-height: 0;
    padding: 9px 10px;
  }
  .ob-by-single__mud-card-avatar {
    width: 40px;
    height: 40px;
  }
}

body.single-proje i[class^="fa-solid"],
body.single-proje i[class*=" fa-solid"],
body.single-proje i[class^="fa-regular"],
body.single-proje i[class*=" fa-regular"],
body.single-proje i[class^="fa-light"],
body.single-proje i[class*=" fa-light"],
body.single-proje i[class^="fa-duotone"],
body.single-proje i[class*=" fa-duotone"] { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; }
body.single-proje i[class^="fa-brands"],
body.single-proje i[class*=" fa-brands"] { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }
body.single-proje i.fa-thin,
body.single-proje i[class*=" fa-thin"] { font-weight: 100 !important; }
.ob-proj-container { max-width: 1320px; margin: 0 auto; padding-left: 0; padding-right: 0; position: relative; z-index: 10; }
@media (min-width: 640px) { .ob-proj-container { padding-left: 0; padding-right: 0; } }
@media (min-width: 1024px) { .ob-proj-container { padding-left: 0; padding-right: 0; } }
.ob-proj-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 1024px) { .ob-proj-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
.ob-proj-sol { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 40px; }
@media (min-width: 1024px) { .ob-proj-sol { grid-column: 1 / 10; } }
.ob-proj-sag { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 24px; }
@media (min-width: 1024px) { .ob-proj-sag { grid-column: 10 / 13; } }
@keyframes obPulse {
    0%,100% { box-shadow: 0 0 0 3px rgba(245,158,11,0.18); }
    50%     { box-shadow: 0 0 0 5px rgba(245,158,11,0.08); }
}
.ob-proj-sol > section:nth-of-type(2) > div[class*="ob-proje-hak"] > p:first-child,
.ob-proj-sol > section:nth-of-type(2) .ob-proje-content-wrap > p:first-child { font-size: 18px !important; font-weight: 500 !important; line-height: 29.25px !important; color: rgb(30, 41, 59) !important; }
.ob-proj-grid .ob-proj-sag > section:nth-of-type(2) .ob-diger-card-alt p { font-size: 12px !important; font-weight: 400 !important; line-height: 16px !important; color: rgb(100, 116, 139) !important; }
.ob-proj-btn-paylas {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 16px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #41517a !important;
    color: #ffffff !important;
    border: 0 !important;
    font-size: 14px; font-weight: 600; line-height: 20px;
    cursor: pointer;
    font-family: inherit;
    text-decoration: none !important;
    box-shadow: 0 4px 10px -2px rgba(65, 81, 122, 0.35) !important;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease, background 0.22s ease, filter 0.22s ease !important;
    will-change: transform;
}
.ob-proj-btn-paylas:hover,
.ob-proj-btn-paylas:focus-visible {
    background: #32405f !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px -3px rgba(50, 64, 95, 0.45), 0 2px 6px rgba(50, 64, 95, 0.15) !important;
    filter: brightness(1.06) saturate(1.08) !important;
    outline: none !important;
}
.ob-proj-btn-paylas:active { transform: translateY(0px) scale(0.985) !important; box-shadow: 0 2px 6px -1px rgba(50,64,95,0.38) !important; }
.ob-proj-btn-konum {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: #1a9349 !important;
    color: #ffffff !important;
    border: 0 !important;
    font-size: 14px; font-weight: 600; line-height: 20px;
    cursor: pointer;
    font-family: inherit;
    text-decoration: none !important;
    box-shadow: 0 4px 10px -2px rgba(26, 147, 73, 0.38) !important;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease, background 0.22s ease, filter 0.22s ease !important;
    will-change: transform;
}
.ob-proj-btn-konum:hover,
.ob-proj-btn-konum:focus-visible {
    background: #167c3c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px -3px rgba(22, 124, 60, 0.50), 0 3px 7px rgba(22, 124, 60, 0.15) !important;
    filter: brightness(1.06) saturate(1.08) !important;
    outline: none !important;
}
.ob-proj-btn-konum:active { transform: translateY(0px) scale(0.985) !important; box-shadow: 0 2px 6px -1px rgba(22,124,60,0.42) !important; }
.ob-proj-btn-paylas > i, .ob-proj-btn-konum > i { transition: transform 0.22s ease !important; }
.ob-proj-btn-paylas:hover > i { transform: scale(1.12) rotate(-4deg); }
.ob-proj-btn-konum:hover  > i { transform: scale(1.12) rotate(4deg); }

@media (min-width: 640px) { .ob-proj-hak, .ob-proje-hak-inner { padding: 32px !important; } }

.ob-proje-main { background: #f8fafc; font-family: var(--ob-font-sans); }

.ob-proje-hero-section {
    background: transparent;
    padding-top: 32px;
    padding-bottom: 28px;
    position: relative;
    border: 0;
}

.ob-proje-hero-col-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.ob-proje-hero-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 24px;
    flex-wrap: wrap;
}

.ob-proje-hero-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}

.ob-proje-hero-title {
    margin: 0; padding: 0;
    font-size: 36px; font-weight: 800;
    line-height: 44px;
    letter-spacing: -0.9px;
    color: #0f172a;
}

.ob-proje-breadcrumb-nav {
    font-size: 13.5px; font-weight: 500; line-height: 20px; color: #475569;
    display: flex; flex-wrap: wrap; align-items: center;
}

.ob-proje-breadcrumb-link {
    color: inherit; text-decoration: none;
    display: inline-flex; align-items: center; gap: 6px;
}

.ob-proje-breadcrumb-link-plain { color: inherit; text-decoration: none; }

.ob-proje-breadcrumb-sep { margin: 0 10px; opacity: 0.45; }

.ob-proje-breadcrumb-sep-icon { font-size: 11px; }

.ob-proje-breadcrumb-current { font-weight: 600; color: #0f172a; }

.ob-proje-hero-buttons {
    display: flex; flex-wrap: wrap; gap: 12px;
    align-items: center; justify-content: flex-end; flex: 0 0 auto;
}

.ob-proje-hero-socials {
    display: flex; flex-wrap: wrap; gap: 10px;
    align-items: center;
}

.ob-proje-btn-icon-share { font-size: 13px; }

.ob-proje-btn-icon-loc { font-size: 14px; }

.ob-proje-container-wrap {
    margin-top: 0px; padding-top: 32px; padding-bottom: 40px;
    position: relative; z-index: 20;
}

.ob-proje-section-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid rgba(226, 232, 240, 0.80);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
}

.ob-proje-galeri-etk { }

.ob-proje-galeri-etk-main {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #0f172a;
    aspect-ratio: 16 / 9;
}
.ob-proje-galeri-etk-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
}
.ob-proje-galeri-etk-main:hover img {
    transform: scale(1.05);
}
.ob-proje-galeri-etk-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.7), transparent 50%);
    pointer-events: none;
}
.ob-proje-galeri-etk-bottom {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.ob-proje-galeri-etk-loc {
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(8px);
    color: #fff;
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ob-proje-galeri-etk-loc i {
    color: #fda4af;
}
.ob-proje-galeri-etk-zoom {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    color: #fff;
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.2s;
}
.ob-proje-galeri-etk-zoom:hover {
    background: rgba(255, 255, 255, 0.3);
}

.ob-proje-galeri-etk-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 14px;
}
.ob-proje-galeri-etk-thumb {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    padding: 0;
    background: #0f172a;
    cursor: pointer;
    transition: border-color 0.2s;
}
.ob-proje-galeri-etk-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ob-proje-galeri-etk-thumb.is-active {
    border-color: var(--ob-color-green-700, #2e7d32);
}
.ob-proje-galeri-etk-thumb:hover {
    border-color: var(--ob-color-green-700, #2e7d32);
}

.ob-proje-no-galeri {
    padding: 50px 30px; text-align:center;
    border-radius: 12px; background: #f1f5f9;
    border: 1px dashed #e2e8f0;
}

.ob-proje-icon-noimg {
    font-size: 32px; color:#94a3b8;
    margin-bottom: 12px; display:block;
}

.ob-proje-no-galeri-text {
    margin:0; font-size: 14px; color:#64748b; font-weight: 500;
}

.ob-proje-hak-inner {

    padding: 24px; margin: -24px;
}

.ob-proje-section-title-hakkinda {
    margin: 0 0 16px 0; padding: 0 0 12px 0;
    font-size: 16px; font-weight: 700; line-height: 24px;
    color: #0f172a;
    letter-spacing: normal;
    border-bottom: 1px solid rgb(241, 245, 249);
}

.ob-proje-content-wrap {
    display: flex; flex-direction: column; gap: 24px;
    color: rgb(71, 85, 105); line-height: 26px; font-size: 16px;
}

.ob-proje-blockquote {
    margin: 36px 0 34px 0;
    padding: 26px 28px 26px 26px;
    border-left: 4px solid #15803d;
    background: rgba(240, 253, 244, 0.60);
    border-radius: 0 14px 14px 0;
}

.ob-proje-blockquote-main {
    margin: 0 0 12px 0; padding: 0;
    font-size: 20px; font-weight: 800;
    line-height: 1.35; letter-spacing: -0.1px;
    color: #14532d;
}

.ob-proje-blockquote-desc {
    margin: 0 0 14px 0; padding:0;
    font-size:15px; line-height:1.75; color:#334155; font-weight: 400;
}

.ob-proje-blockquote-footer {
    font-size: 13.5px; font-weight: 700;
    color: #166534; letter-spacing: 0.2px;
}

.ob-proje-amaclar-wrap { margin-top: 12px; }

.ob-proje-section-title-amac {
    margin: 16px 0 22px 0; padding: 0;
    font-size: 18px; font-weight: 700; line-height: 28px;
    color: #0f172a;
    letter-spacing: normal;
}

.ob-proje-icon-title-green-md { color: #15803d; margin-right: 9px; }

.ob-proje-amac-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ob-proje-amac-card {
    padding: 22px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    display: flex; gap: 14px; align-items: flex-start;
    transition: all 0.2s ease;
}

.ob-proje-amac-icon-base {
    flex: 0 0 46px; width:46px; height:46px;
    border-radius: 12px;
    display: inline-flex; align-items:center; justify-content:center;
    font-size: 18px;
}

.ob-proje-amac-text { flex: 1 1 auto; min-width:0; }

.ob-proje-amac-baslik {
    margin: 0 0 8px 0; padding:0;
    font-size: 14px; font-weight: 700; line-height: 20px;
    color: rgb(30, 41, 59); letter-spacing: normal;
}

.ob-proje-amac-aciklama {
    margin:0; padding:0;
    font-size: 12px; font-weight: 400; line-height: 16px;
    color: rgb(100, 116, 139);
}

.ob-proje-pdf-section {
    background: rgb(241, 245, 249);
    border-radius: 16px;
    padding: 24px;
    border: 1px solid rgb(226, 232, 240);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 40px;
}

.ob-proje-pdf-text { display: flex; flex-direction: column; flex: 1 1 auto; }

.ob-proje-pdf-title {
    margin: 0; padding: 0;
    font-size: 14px; font-weight: 700; line-height: 20px;
    color: rgb(15, 23, 42); letter-spacing: normal;
}

.ob-proje-pdf-desc {
    margin: 4px 0 0 0; padding: 0;
    font-size: 12px; font-weight: 400; line-height: 16px;
    color: rgb(100, 116, 139);
}

.ob-proje-pdf-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 16px;
    height: 38px;
    border-radius: 12px;
    background: rgb(255, 255, 255);
    color: rgb(15, 23, 42);
    border: 1px solid rgb(203, 213, 225);
    font-size: 14px; font-weight: 600; line-height: 20px;
    cursor: pointer; font-family: inherit;
    text-decoration: none;
    flex: 0 0 auto;
}

.ob-proje-icon-pdf-dl { font-size: 14px; color: rgb(22, 163, 74); }

.ob-proje-section-title-kunye {
    margin: 0 0 16px 0; padding: 0 0 12px 0;
    font-size: 16px; font-weight: 700; line-height: 24px;
    color: #0f172a;
    letter-spacing: normal;
    border-bottom: 1px solid rgb(241, 245, 249);
}

.ob-proje-kunye-list {
    display: flex; flex-direction: column; gap: 14px;
}

.ob-proje-kunye-row {
    display: flex; gap: 12px; align-items: flex-start;
}

.ob-proje-kunye-icon-wrap {
    flex:0 0 36px; width:36px; height:36px;
    border-radius: 10px;
    background: rgba(22, 163, 74, 0.09);
    color: #166534;
    display: inline-flex; align-items: center; justify-content:center;
}

.ob-proje-kunye-icon { font-size: 14.5px; }

.ob-proje-kunye-content {
    flex:1 1 auto; padding-top: 2px;
    display:flex; flex-direction:column; gap:4px;
}

.ob-proje-kunye-label {
    font-size: 11.5px; color:#64748b;
    letter-spacing: 0.35px; font-weight:700;
    text-transform: uppercase;
}

.ob-proje-kunye-value {
    font-size: 15px; color:#0f172a;
    font-weight: 700; line-height: 1.45;
}

.ob-proje-iletisim-section {
    background: linear-gradient(135deg, #14532d 0%, #166534 100%);
    color: #ffffff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 10px 28px -18px rgba(5, 46, 22, 0.55);
    position: relative;
    overflow: hidden;
}

.ob-proje-iletisim-bg {
    position:absolute; top:-40%; right:-15%;
    width: 420px; height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(74,222,128,0.15) 0%, transparent 65%);
    pointer-events: none;
}

.ob-proje-section-title-iletisim {
    margin: 0 0 8px 0; padding:0;
    font-size: 16px; font-weight: 700;
    color: #ffffff;
    letter-spacing: normal;
    position: relative; z-index: 1;
}

.ob-proje-icon-iletisim-title { color: #bbf7d0; margin-right: 9px; }

.ob-proje-iletisim-desc {
    margin: 0 0 22px 0; padding:0;
    font-size: 14px; font-weight: 400;
    color: rgba(255,255,255,0.82);
    line-height: 1.7;
    position: relative; z-index:1;
}

.ob-proje-iletisim-list {
    display:flex; flex-direction:column; gap: 14px;
    position:relative; z-index:1;
}

.ob-proje-iletisim-row {
    display:flex; gap: 14px; align-items:center;
}

.ob-proje-iletisim-icon-wrap {
    flex:0 0 42px; width:42px; height:42px;
    border-radius: 12px;
    background: rgba(255,255,255,0.10);
    color: #bbf7d0;
    display: inline-flex; align-items:center; justify-content:center;
    border: 1px solid rgba(255,255,255,0.14);
}

.ob-proje-iletisim-icon { font-size:15px; }

.ob-proje-iletisim-content {
    display:flex; flex-direction:column; gap: 2px;
}

.ob-proje-iletisim-label {
    font-size:11.5px; font-weight:700;
    letter-spacing:0.3px; text-transform:uppercase;
    color:rgba(255,255,255,0.65);
}

.ob-proje-iletisim-value {
    font-size: 15.5px; font-weight:700; color:#fff;
}

.ob-proje-contact-link {
    font-size:15.5px; font-weight:700; color:#fff; text-decoration:none;
}

.ob-proje-diger-section {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    border: 1px solid rgba(226,232,240,0.80);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
}

.ob-proje-diger-head {
    margin-bottom: 20px; padding-bottom: 12px;
    border-bottom: 1px solid rgb(241, 245, 249);
}

.ob-proje-section-title-diger {
    margin:0; padding:0;
    font-size: 16px; font-weight:700; line-height: 24px;
    color: #0f172a; letter-spacing: -0.3px;
    display:flex; align-items:center; gap: 10px;
}

.ob-proje-icon-diger-title { color:#15803d; font-size: 16px; }

.ob-proje-diger-cards {
    display:flex; flex-direction:column; gap: 24px; margin-bottom: 24px;
}

.ob-proje-diger-card-link {
    display:flex; flex-direction:row; align-items:flex-start; gap: 16px;
    text-decoration:none; color:inherit;
}

.ob-proje-diger-card-img-wrap {
    flex: 0 0 100px; width: 100px; height: 100px;
    border-radius: 12px; overflow: hidden;
}

.ob-proje-diger-card-right {
    flex: 1 1 auto; min-width: 0;
    display:flex; flex-direction:column; align-items:flex-start;
    gap: 8px; padding-top: 2px;
}

.ob-proje-diger-card-badge {
    display:inline-flex; align-items:center;
    padding: 5px 12px; border-radius: 8px;
    font-size: 13px; font-weight: 600; line-height: 18px;
}

.ob-proje-diger-card-title {
    margin:0; padding:0;
    font-size: 15px; font-weight: 600; line-height: 22px;
    color: rgb(15, 23, 42); letter-spacing: -0.1px;
    display:-webkit-box; -webkit-line-clamp:2;
    -webkit-box-orient:vertical; overflow:hidden;
}

.ob-proje-diger-card-kategori {
    display:inline-flex;
    font-size:13px; font-weight:500; line-height: 18px;
    color: rgb(148, 163, 184);
}

.ob-proje-diger-all-btn {
    display:flex; width:100%; align-items:center; justify-content:center; gap: 8px;
    height: 42px; padding: 10px 16px;
    border-radius: 12px;
    background: rgb(220, 252, 231);
    color: rgb(21, 128, 61);
    font-size: 16px; font-weight: 600; line-height: 22px;
    letter-spacing: -0.1px;
    text-decoration:none; border: 0; box-sizing: border-box;
}

.ob-proje-icon-diger-arrow { font-size: 16px; }

.ob-proje-paylas-head {
    margin-bottom: 16px; padding-bottom: 12px;
    border-bottom: 1px solid rgb(241, 245, 249);
}

.ob-proje-section-title-paylas {
    margin:0; padding:0;
    font-size: 12px; font-weight: 700; line-height: 16px;
    letter-spacing: 0.6px; color: rgb(100, 116, 139);
}

.ob-proje-icon-paylas-title { color:#15803d; margin-right:9px; }

.ob-proje-social-wrap {
    display: flex; flex-wrap: wrap; gap: 10px;
    align-items: center; margin-bottom: 12px;
}

.ob-proje-social-btn {
    width: 40px; height: 40px;
    border-radius: 12px;
    background: #e2e8f0;
    color: #0f172a;
    display: inline-flex; align-items: center; justify-content: center;
    text-decoration: none;
    border: 1px solid #cbd5e1;
    transition: all 0.18s ease;
    box-shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.08);
}
.ob-proje-social-btn:hover {
    transform: translateY(-2px);
}

.ob-proje-social-icon { font-size:16px; }

.ob-proje-copy-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    background: #f1f5f9;
    color: rgb(51, 65, 85);
    border: 1px solid #e2e8f0;
    font-size: 14px; font-weight: 600; line-height: 20px;
    cursor: pointer; font-family: inherit;
    transition: all 0.18s ease;
}

.ob-proje-icon-copy { font-size:13px; }

.ob-proje-lightbox-modal {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(0,0,0,0.92);
    display: none;
    align-items: center; justify-content: center;
    padding: 24px;
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}

.ob-proje-lightbox-close {
    position: absolute; top: 20px; right: 24px;
    width: 44px; height: 44px; border-radius: 999px;
    background: rgba(255,255,255,0.10);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.18);
    display: inline-flex; align-items:center; justify-content:center;
    font-size: 18px; cursor: pointer; z-index: 2;
}

.ob-proje-lightbox-img {
    max-width: 94vw; max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 24px 64px -20px rgba(0,0,0,0.8);
}

.ob-proje-toast {
    position: fixed; bottom: 24px; right: 24px; z-index: 9999;
    background: #0f172a; color: #fff;
    padding: 12px 18px; border-radius: 12px;
    border: 1px solid #334155;
    box-shadow: 0 12px 28px -12px rgba(15,23,42,0.75);
    font-size: 13.5px; font-weight: 700; letter-spacing: 0.15px;
    display: none; align-items: center; gap: 9px;
}

.ob-proje-icon-toast-ok { color:#4ade80; }

body .site-top-bar, body .site-top-bar * {
  background-color: rgba(0,82,50,1.00) !important;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
body .site-top-bar a, body .site-top-bar a:visited, body .site-top-bar a:hover, body .site-top-bar a:active, body .site-top-bar a:focus, body .site-top-bar .site-top-bar__icon, body .site-top-bar i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

section.haber-slider {
  isolation: isolate !important;
  contain: paint !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
}
section.haber-slider * {
  filter: none !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
}

section.haber-slider .slider-sag {
  position: relative !important;
  height: 100% !important;
  min-height: 420px !important;
  max-height: none !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  background-color: transparent !important;   
  background: transparent !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  contain: paint !important;
}

section.haber-slider .slider-sag__viewport {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  contain: paint !important;
  border-radius: inherit !important;
}

section.haber-slider .slider-sag__slide {
  display: none !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  isolation: isolate !important;
  contain: paint !important;
  z-index: 0 !important;
  overflow: hidden !important;

  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

section.haber-slider .slider-sag__slide.is-active {
  display: block !important;
  z-index: 10 !important;
}

section.haber-slider .slider-sag__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  z-index: 0 !important;
  background-color: #2563eb !important;
}

section.haber-slider .slider-sag__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0,0,0, 0.86) 0%, rgba(0,0,0, 0.55) 40%, rgba(0,0,0, 0.2) 70%, rgba(0,0,0, 0.05) 88%, transparent 95%) !important;
  z-index: 5 !important;
}

section.haber-slider .slider-sag__content {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  padding: 32px 28px 30px 28px !important;
  color: #ffffff !important;
  z-index: 15 !important;
  isolation: isolate !important;
  width: 100% !important;
}
section.haber-slider .slider-sag__baslik,
section.haber-slider .slider-sag__tarih {
  position: relative !important;
  z-index: 20 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
section.haber-slider .slider-sag__baslik {
  text-shadow:
    0 1px 1px rgba(0,0,0, 0.95),
    0 2px 6px rgba(0,0,0, 0.85),
    0 4px 14px rgba(0,0,0, 0.55) !important;
  font-weight: 800 !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
}
section.haber-slider .slider-sag__tarih {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  text-shadow: 0 1px 1px rgba(0,0,0, 0.9), 0 2px 4px rgba(0,0,0, 0.8) !important;
  font-weight: 700 !important;
  display: inline-block !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
}
section.haber-slider .slider-sag__badge {
  position: relative !important;
  z-index: 20 !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.16);
  color: #ECFDF5;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

section.haber-slider .slider-sag__nav {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 16px !important;
  z-index: 30 !important;
  pointer-events: none !important;
  transform: none !important;
}
section.haber-slider .slider-sag__nav-btn {
  pointer-events: auto !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  border: none !important;
  background: rgba(255,255,255, 0.96) !important;
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(0,0,0, 0.25), 0 2px 6px rgba(0,0,0, 0.18) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
section.haber-slider .slider-sag__nav-btn:hover {
  background: #ffffff !important;
  transform: scale(1.08) !important;
  box-shadow: 0 10px 24px rgba(0,0,0, 0.3), 0 3px 8px rgba(0,0,0, 0.22) !important;
  color: #059669 !important;
}

@media only screen and (max-width: 768px) {
  section.haber-slider .slider-sag { min-height: 320px !important; height: 320px !important; max-height: 320px !important; flex: none !important; }
  section.haber-slider .slider-sag__viewport { position: absolute !important; inset: 0 !important; height: 100% !important; max-height: none !important; min-height: 0 !important; }
  section.haber-slider .slider-sag__slide { inset:0 !important; height:100% !important; max-height: none !important; min-height:0 !important; }
  section.haber-slider .slider-sag__content { padding: 24px 20px 20px 20px !important; }
  section.haber-slider .slider-sag__baslik { font-size: 18px !important; line-height: 1.4 !important; }
}
@media only screen and (max-width: 480px) {
  section.haber-slider .slider-sag { min-height: 280px !important; height: 280px !important; max-height: 280px !important; border-radius: 18px !important; }
  section.haber-slider .slider-sag__viewport { max-height: none !important; min-height: 0 !important; }
  section.haber-slider .slider-sag__slide { max-height: none !important; min-height: 0 !important; }
  section.haber-slider .slider-sag__content { padding: 20px 16px 18px 16px !important; }
  section.haber-slider .slider-sag__baslik { font-size: 16px !important; }
  section.haber-slider .slider-sag__nav-btn { width: 40px; height: 40px; min-width: 40px; min-height: 40px; font-size: 14px !important; }
}

section.projelerimiz .projelerimiz__hero h3,
section.projelerimiz .projelerimiz__hero p {
  position: relative !important;
  z-index: 20 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}
section.projelerimiz .projelerimiz__hero .proje-chip {
  position: relative !important;
  z-index: 20 !important;
  background: #ffffff !important;
  color: #000000 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #000000 !important;
}

section.projelerimiz .card-gorsel-wrap h3,
section.projelerimiz .card-gorsel-wrap p {
  position: relative !important;
  z-index: 20 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

section.projelerimiz .projelerimiz__hero-media > div:last-child,
section.projelerimiz .card-gorsel-wrap > div:last-child {
  z-index: 5 !important;
}

section.projelerimiz .proje-badge,
section.projelerimiz .proje-side-link {
  position: absolute !important;
  z-index: 25 !important;
}

section.projelerimiz .projelerimiz__hero-image,
section.projelerimiz .gorsel {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

section.projelerimiz {
  isolation: isolate !important;
  contain: paint !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
}
section.projelerimiz * {
  filter: none !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
}

.projelerimiz__hero-wrap {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.projelerimiz__hero {
  flex: 2;
  min-width: 0;
  height: 560px;
  min-height: 560px;
}
.projelerimiz__side {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 560px;
  min-height: 560px;
}
.projelerimiz__side .projelerimiz__card {
  flex: 1;
  min-height: 272px;
  height: 100%;
  overflow: hidden;
}
.projelerimiz__hero-link,
.projelerimiz__card-link {
  height: 100%;
  display: block;
}
.projelerimiz__hero-media,
.projelerimiz__hero-image {
  height: 100%;
}
.projelerimiz__card-link .card-gorsel-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
.projelerimiz__card-link .card-gorsel-wrap .gorsel {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.proje-kart-link {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  backface-visibility: hidden;
}
.proje-kart-link:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 40px rgba(0, 0, 0, 0.22), 0 10px 18px rgba(0, 0, 0, 0.14);
  z-index: 10;
}
.proje-kart-link:hover .projelerimiz__hero-image,
.proje-kart-link:hover [style*="background-image: url("],
.proje-kart-link:hover .gorsel {
  transform: scale(1.05);
}

section.projelerimiz .proje-kart-link:hover h3,
section.projelerimiz .proje-kart-link:hover p,
section.projelerimiz .proje-kart-link:hover .proje-chip,
section.projelerimiz .proje-kart-link:hover .proje-chip *,
section.projelerimiz .proje-kart-link:hover .proje-badge,
section.projelerimiz .proje-kart-link:hover .proje-badge * {
  filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

section.projelerimiz .proje-kart-link:hover .projelerimiz__hero-media > div:last-child,
section.projelerimiz .proje-kart-link:hover .card-gorsel-wrap > div:last-child {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
.proje-side-link {
  transition: all 0.25s ease;
  cursor: pointer;
}
.proje-side-link:hover {
  transform: scale(1.12) rotate(8deg);
  background: #008744 !important;
}
.proje-side-link:hover i {
  color: #ffffff !important;
}
.proje-badge {
  transition: transform 0.25s ease;
}
.proje-kart-link:hover .proje-badge {
  transform: scale(1.05);
}

@media only screen and (max-width: 768px) {
  .projelerimiz__header {
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
  }
  .projelerimiz__header-right {
    width: 100% !important;
  }
  .projelerimiz__tabs {
    justify-content: flex-start !important;
    width: 100% !important;
    overflow-x: auto !important;
    padding-bottom: 4px;
  }
  .projelerimiz__tab {
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 10px 14px !important;
  }

  .projelerimiz__hero-wrap {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .projelerimiz__hero {
    width: 100% !important;
    height: 340px !important;
    min-height: 340px !important;
    min-width: 0 !important;
    flex: 1 !important;
  }

  .projelerimiz__side {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 16px !important;
    flex: none !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .projelerimiz__side .projelerimiz__card,
  .projelerimiz__card {
    min-height: 220px !important;
    height: 220px !important;
    width: 100% !important;
    overflow: hidden !important;
    flex: none !important;
  }

  .projelerimiz__side .projelerimiz__card .projelerimiz__card-link,
  .projelerimiz__card-link {
    min-height: 220px !important;
    height: 220px !important;
    background: transparent !important;
    overflow: hidden !important;
  }
  .projelerimiz__card-link .card-gorsel-wrap {
    min-height: 220px !important;
    height: 220px !important;
    position: relative !important;
  }
  .projelerimiz__card-link .card-gorsel-wrap .gorsel {
    position: absolute;
    inset: 0 !important;
    min-height: 220px !important;
    height: 220px !important;
  }
  .projelerimiz__hero-media,
  .projelerimiz__hero-image {
    min-height: 340px !important;
    height: 340px !important;
  }

  .projelerimiz__hero h3 {
    font-size: 22px !important;
  }
  .projelerimiz__hero p {
    font-size: 13px !important;
  }
  .proje-chip {
    font-size: 11px !important;
    padding: 7px 12px !important;
  }
}

@media only screen and (max-width: 480px) {
  .projelerimiz__hero { min-height: 300px !important; height: 300px !important; }
  .projelerimiz__side {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 16px !important;
    flex: none !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .projelerimiz__side .projelerimiz__card,
  .projelerimiz__card {
    min-height: 200px !important;
    height: 200px !important;
    width: 100% !important;
    overflow: hidden !important;
    flex: none !important;
  }
  .projelerimiz__side .projelerimiz__card .projelerimiz__card-link,
  .projelerimiz__card-link {
    min-height: 200px !important;
    height: 200px !important;
    background: transparent !important;
    overflow: hidden !important;
  }
  .projelerimiz__card-link .card-gorsel-wrap {
    min-height: 200px !important;
    height: 200px !important;
    position: relative !important;
  }
  .projelerimiz__card-link .card-gorsel-wrap .gorsel {
    min-height: 200px !important;
    height: 200px !important;
    inset: 0 !important;
  }
  .projelerimiz__hero-media,
  .projelerimiz__hero-image {
    min-height: 300px !important;
    height: 300px !important;
  }
}

.hero {
  min-height: clamp(500px, calc(100vh - 157px), 920px);
  min-height: clamp(500px, calc(100dvh - 157px), 920px);
  min-height: clamp(500px, calc(100svh - 157px), 920px);
}
@media only screen and (max-width: 992px) {
  .hero { min-height: 560px; }
}
@media only screen and (max-width: 768px) {
  .hero { min-height: 520px; }
}
@media only screen and (max-width: 480px) {
  .hero { min-height: 520px; }
}

.ob-fp-slide-visible {
  display: block !important;
}
.ob-fp-slide-hidden {
  display: none !important;
}
.ob-fp-slide-link-full {
  position: absolute !important;
  inset: 0 0 0 0 !important;
  z-index: 17 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ob-fp-karar-badge {
  display: inline-block;
  padding: 2px 10px;
  background: #fee2e2;
  color: #991b1b;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  margin-right: 10px;
  vertical-align: middle;
}

.ob-fp-etk-konum-link {
  color: inherit;
  text-decoration: none;
}

.ob-fp-panel-visible {
  display: block !important;
}
.ob-fp-panel-hidden {
  display: none !important;
}

.ob-fp-card-link {
  text-decoration: none;
  color: inherit;
  transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease;
}
.ob-fp-media {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.ob-fp-media-img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s cubic-bezier(.2,.8,.2,1);
}
.ob-fp-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #1e293b;
  z-index: 5;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.ob-fp-badge--side {
  top: 14px;
  left: 14px;
  padding: 6px 10px;
  font-size: 10px;
  gap: 6px;
}
.ob-fp-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.ob-fp-badge-dot--side {
  width: 7px;
  height: 7px;
}
.ob-fp-badge-dot--tam {
  background: #008744;
}
.ob-fp-badge-dot--dev {
  background: #f59e0b;
}
.ob-fp-badge-dot--pln {
  background: #3b82f6;
}

.ob-fp-grad-base {
  position: absolute;
  inset: auto 0 0 0;
  padding: 48px 32px 32px 32px;
  background: linear-gradient(180deg, rgba(15,23,42,0) 0%, rgba(15,23,42,0.35) 35%, rgba(15,23,42,0.78) 68%, rgba(15,23,42,0.92) 100%);
  color: #fff;
  z-index: 4;
  isolation: isolate;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 1px 3px rgba(0,0,0,0.45);
}
.ob-fp-hero-title {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 10px 0;
  color: #fff;
  letter-spacing: -0.3px;
}
.ob-fp-hero-desc {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,0.88);
  font-weight: 400;
}

.ob-fp-chip-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.ob-fp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  backdrop-filter: blur(4px);
}
.ob-fp-chip-icon {
  color: attr(data-color color);
  color: var(--ob-color-primary, #008744);
}

.ob-fp-chip--pln {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(30, 64, 175, 0.18);
  color: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
  backdrop-filter: blur(4px);
}
.ob-fp-chip-icon--pln {
  color: #bfdbfe;
}

.ob-fp-sidecard-link {
  text-decoration: none;
  color: inherit;
  display: block;
  width: 100%;
  height: 100%;
}
.ob-fp-sidecard-media {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 14px;
}
.ob-fp-sidelink {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  background: rgba(255, 255, 255, 0.92);
  color: #008744;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  z-index: 10;
  box-shadow: 0 4px 14px rgba(0,0,0,0.14);
  backdrop-filter: blur(6px);
  text-decoration: none;
}
.ob-fp-sidelink-icon {
  color: #008744;
  transform: rotate(-45deg);
  transition: transform 0.25s ease;
}
.ob-fp-sidelink:hover .ob-fp-sidelink-icon {
  transform: rotate(0deg);
}
.ob-fp-sidecard-img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s cubic-bezier(.2,.8,.2,1);
}
.ob-fp-sidecard-link:hover .ob-fp-sidecard-img {
  transform: scale(1.06);
}
.ob-fp-sidecard-grad {
  position: absolute;
  inset: auto 0 0 0;
  padding: 90px 20px 20px 20px;
  background: linear-gradient(180deg, rgba(15,23,42,0) 0%, rgba(15,23,42,0.30) 40%, rgba(15,23,42,0.82) 100%);
  color: #fff;
  z-index: 4;
  text-shadow: 0 1px 3px rgba(0,0,0,0.45);
  -webkit-font-smoothing: antialiased;
}
.ob-fp-sidecard-title {
  margin: 0 0 6px 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.2px;
}
.ob-fp-sidecard-desc {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255,255,255,0.85);
  font-weight: 400;
}

.ob-fp-tesis-imglink {
  position: absolute !important;
  inset: 0 0 0 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  z-index: 5;
}
.ob-fp-tesis-rating {
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: rgba(255,255,255,0.95);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  color: #1e293b;
  z-index: 10;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  backdrop-filter: blur(4px);
}
.ob-fp-tesis-star-icon {
  color: #f59e0b;
}
.ob-fp-tesis-adres {
  margin: 4px 0 10px 0;
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
}
.ob-fp-tesis-adres-icon {
  color: #008744;
  margin-right: 4px;
}
.ob-fp-tesis-features {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 14px 0;
}
.ob-fp-tesis-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: rgba(22, 101, 52, 0.08);
  color: #166534;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid rgba(22, 101, 52, 0.14);
}
.ob-fp-tesis-chip-icon {
  color: #008744;
}
.ob-fp-tesis-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 20px;
  background: #008744;
  color: #fff;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-decoration: none;
  margin-top: auto;
  transition: background 0.25s ease, transform 0.25s ease;
}
.ob-fp-tesis-btn:hover {
  background: #006b36;
  transform: translateY(-1px);
}
.ob-fp-tesis-btn-icon {
  color: #fff;
  transform: rotate(-45deg);
  transition: transform 0.25s ease;
}
.ob-fp-tesis-btn:hover .ob-fp-tesis-btn-icon {
  transform: rotate(0deg);
}

.sehir-card__tag[data-tag-color] {
  background-color: attr(data-tag-color color) !important;
  color: #fff !important;
  border-color: attr(data-tag-color color) !important;
}

[data-bg] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ob-proje-thumb { outline: 2px solid transparent; }
.ob-proje-thumb-active { outline: 2px solid #15803d; }

.ob-proje-content-wrap p, .ob-proje-content-p { font-size: 17.5px; line-height: 1.75; color: #334155; font-weight: 400; margin: 0; }

.ob-proje-amac-icon-0 { background: #ccfbf1; color: #0f766e; border: 1px solid #99f6e4; }
.ob-proje-amac-icon-1 { background: #dcfce7; color: #15803d; border: 1px solid #bbf7d0; }
.ob-proje-amac-icon-2 { background: #fef3c7; color: #b45309; border: 1px solid #fde68a; }
.ob-proje-amac-icon-3 { background: #dbeafe; color: #1d4ed8; border: 1px solid #bfdbfe; }

.ob-proje-durum-tamamlanan { background: rgba(22, 163, 74, 0.15); color: #166534; }
.ob-proje-durum-devam { background: rgba(245, 158, 11, 0.18); color: #92400e; }
.ob-proje-durum-planlanan { background: rgba(59, 130, 246, 0.15); color: #1e40af; }

.site-top-bar__left-icon { display:block; width:24px; height:24px; max-width:24px; max-height:24px; object-fit:contain; border-radius:2px; }
.site-top-bar { background: var(--tb-bg-rgba, var(--tb-bg, transparent)); color: var(--tb-tx, inherit); }
.mega-menu__col--feature-slate { flex:1 1 100%; max-width:100%; }

body:not(.home):not(.front-page) .site-top-bar,
body:not(.home):not(.front-page) .site-header:not(.is-scrolled) {
    background-color: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background-image: none !important;   
    box-shadow: none !important;         
}

html body.home .site-top-bar,
html body.front-page .site-top-bar {

    background-color: transparent !important;

    background: linear-gradient(rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.32) 55%, rgba(0, 0, 0, 0.12) 80%, rgba(0, 0, 0, 0.04) 100%) !important;

    background-image: linear-gradient(rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.32) 55%, rgba(0, 0, 0, 0.12) 80%, rgba(0, 0, 0, 0.04) 100%) !important;
    box-shadow: none !important;
}

html body.home .site-header,
html body.front-page .site-header {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body .site-header.is-scrolled {
    background-color: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background-image: none !important;
    box-shadow: 0 4px 20px -4px rgba(5, 46, 22, 0.35), 0 1px 2px 0 rgba(5, 46, 22, 0.18) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body .site-header .mega-menu {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    background-image: none !important;
    border-radius: 20px !important;
    box-shadow: var(--ob-shadow-xl, 0 20px 40px -12px rgba(15, 23, 42, 0.18)) !important;
    border: 1px solid var(--ob-color-slate-200, #E2E8F0) !important;
    padding: 24px !important;
}

body .site-header .mega-menu .mega-menu__col--feature-slate,
body .site-header .mega-menu .mega-menu__subcol.mega-menu__col--feature-slate {
    background-color: var(--ob-color-slate-50, #F8FAFC) !important;
    background: var(--ob-color-slate-50, #F8FAFC) !important;
    background-image: none !important;
    border: 1px solid var(--ob-color-slate-200, #E2E8F0) !important;
    border-radius: 14px !important;
    padding: 16px !important;
}

body .site-header .mega-menu .mega-menu__col--feature-dark,
body .site-header .mega-menu .mega-menu__col--services-dark {
    background-color: #0F172A !important;
    background: linear-gradient(135deg, var(--ob-color-navy-800, #0F172A) 0%, var(--ob-color-slate-800, #1E293B) 100%) !important;
    background-image: linear-gradient(135deg, var(--ob-color-navy-800, #0F172A) 0%, var(--ob-color-slate-800, #1E293B) 100%) !important;
    color: #FFFFFF !important;
    border-radius: 14px !important;
    padding: 20px !important;
}

body .site-header .mega-menu .mega-menu__city-card:hover,
body .site-header .mega-menu .mega-menu__city-card:focus-visible {
    background-color: var(--ob-color-slate-50, #F8FAFC) !important;
}

body .site-header .mega-menu .mega-menu__quick-link:hover,
body .site-header .mega-menu .mega-menu__quick-link:focus-visible {
    background-color: var(--ob-color-orange-100, #FFEDD5) !important;
    color: var(--ob-color-orange-700, #C2410C) !important;
}

body .site-header .mega-menu .mega-menu__feature-btn {
    background-color: var(--ob-color-orange-700, #C2410C) !important;
    background: var(--ob-color-orange-700, #C2410C) !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    padding: 9px 14px !important;
}
body .site-header .mega-menu .mega-menu__feature-btn:hover,
body .site-header .mega-menu .mega-menu__feature-btn:focus-visible {
    background-color: var(--ob-color-orange-600, #EA580C) !important;
    background: var(--ob-color-orange-600, #EA580C) !important;
    box-shadow: 0 8px 16px -6px rgba(230, 81, 0, 0.5) !important;
}

body .site-header .mega-menu .mega-menu__whatsapp-btn {
    background-color: var(--ob-color-emerald-600, #059669) !important;
    background: var(--ob-color-emerald-600, #059669) !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    padding: 11px 14px !important;
    box-shadow: 0 10px 20px -10px rgba(16, 185, 129, 0.6) !important;
}
body .site-header .mega-menu .mega-menu__whatsapp-btn:hover,
body .site-header .mega-menu .mega-menu__whatsapp-btn:focus-visible {
    background-color: var(--ob-color-emerald-500, #10B981) !important;
    background: var(--ob-color-emerald-500, #10B981) !important;
}

body .site-header .site-header__btn--ebel,
body .site-header .site-header__btn--ebel * {

    background-color: var(--ob-color-orange-600, #EA580C) !important;
    background: var(--ob-color-orange-600, #EA580C) !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
}

body .site-header.is-scrolled .site-header__btn--ebel,
body .site-header.is-scrolled .site-header__btn--ebel * {
    background-color: var(--ob-color-orange-600, #EA580C) !important;
    background: var(--ob-color-orange-600, #EA580C) !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

body .site-header.is-scrolled .site-header__btn--search,
body .site-header.is-scrolled .site-header__btn--hamburger {
    background-color: var(--ob-color-slate-100, #F1F5F9) !important;
    background: var(--ob-color-slate-100, #F1F5F9) !important;
    background-image: none !important;
    color: var(--ob-color-slate-700, #334155) !important;
}

body .site-header .mega-menu .mega-menu__city-icon--amber       { background-color: #FFE8D0 !important; color: var(--ob-color-orange-700, #C2410C) !important; }
body .site-header .mega-menu .mega-menu__city-icon--green       { background-color: var(--ob-color-green-100, #DCFCE7) !important; color: var(--ob-color-green-700, #15803D) !important; }
body .site-header .mega-menu .mega-menu__city-icon--light-amber { background-color: #FFEDD5 !important; color: var(--ob-color-amber-700, #B45309) !important; }
body .site-header .mega-menu .mega-menu__city-icon--purple      { background-color: #EDE9FE !important; color: var(--ob-color-purple-600, #7C3AED) !important; }

.tesis-card {
    position: relative !important;
    min-height: 560px;
}
.tesis-card__img-wrap {
    position: relative;
    z-index: 1;
}
.ob-fp-tesis-imglink {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    z-index: 2;
}
.tesis-card__body {
    position: relative;
    z-index: 3;
}

.ob-fp-tesis-rating {
    left: auto !important;
    right: 14px !important;
    top: 14px !important;
    width: auto !important;
    min-width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 10px !important;
    z-index: 10 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}
.ob-fp-tesis-star-icon {
    color: #FBBF24 !important;
    font-size: 10px !important;
}

.ob-fp-tesis-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 12px 0 !important;
    margin-top: auto !important;
    border-radius: 14px !important;
    background-color: rgba(21, 128, 61, 0.07) !important;
    color: #15803d !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
}
.ob-fp-tesis-btn-icon {
    color: #15803d !important;
    font-size: 11px !important;
    transform: none !important;
}

.ob-fp-tesis-adres {
    margin: 0 auto 7px !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: var(--ob-color-slate-500) !important;
}
.ob-fp-tesis-adres-icon {
    color: #15803d !important;
    margin-right: 4px !important;
    font-size: 11px !important;
}
.ob-fp-tesis-features {
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto 16px !important;
}
.ob-fp-tesis-chip {
    background: #F1F5F9 !important;
    color: #475569 !important;
    border-radius: 9px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border: none !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.ob-fp-tesis-chip-icon {
    color: #15803d !important;
    font-size: 11px !important;
}

.sosyaltesisler__grid {
    grid-auto-rows: 1fr;
}
.tesis-card {
    min-height: auto !important;
    height: auto;
}

.ob-fp-tesis-btn {
    margin-top: auto !important;
}

.tesis-card__text {
    min-height: 58px;
}

.tesis-card__features:empty,
.ob-fp-tesis-features:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(.home):not(.front-page) .site-header .site-header__bg {

    background-color: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background-image: none !important;

    border-bottom: none !important;
    border-top: none !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body .site-header.is-scrolled .site-header__bg {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
    border-top: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body:not(.home):not(.front-page) .site-header {
    border-top: none !important;
    border-bottom: none !important;
}

body:not(.home):not(.front-page) .site-top-bar::after,
body:not(.home):not(.front-page) .site-top-bar::before,
body:not(.home):not(.front-page) .site-header::after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
}

body.home.blog .site-header.is-scrolled {
    background-color: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background-image: none !important;
    box-shadow: 0 4px 20px -4px rgba(5, 46, 22, 0.35), 0 1px 2px 0 rgba(5, 46, 22, 0.18) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.home.blog .site-header.is-scrolled .site-header__bg {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body.home.blog .site-header.is-scrolled .site-header__menu-link {
    color: rgba(255, 255, 255, 0.93) !important;
}
html body.home.blog .site-header.is-scrolled .site-header__menu-link:hover,
html body.home.blog .site-header.is-scrolled .site-header__menu-link:focus-visible,
html body.home.blog .site-header.is-scrolled .site-header__menu-item.is-active > .site-header__menu-link {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: #FFFFFF !important;
}
html body.home.blog .site-header.is-scrolled .site-header__btn--search,
html body.home.blog .site-header.is-scrolled .site-header__btn--hamburger {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.93) !important;
}
html body.home.blog .site-header.is-scrolled .site-header__btn--search:hover,
html body.home.blog .site-header.is-scrolled .site-header__btn--hamburger:hover {
    background-color: rgba(255, 255, 255, 0.16) !important;
    color: #FFFFFF !important;
}

html body.blog:not(.home) .site-header.is-scrolled,
body.page:not(.home):not(.front-page) .site-header.is-scrolled,
body.archive:not(.home):not(.front-page) .site-header.is-scrolled,
body.single:not(.home):not(.front-page) .site-header.is-scrolled {
    background-color: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background-image: none !important;
    box-shadow: 0 4px 20px -4px rgba(5, 46, 22, 0.35), 0 1px 2px 0 rgba(5, 46, 22, 0.18) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body:not(.home):not(.front-page) .site-header:not(.is-scrolled)::before,
html body.archive.post-type-archive.wp-theme-osmaniye-belediyesi .site-header:not(.is-scrolled)::before,
html body.page.page-template-default.wp-theme-osmaniye-belediyesi:not(.home):not(.front-page) .site-header:not(.is-scrolled)::before,
html body.single.wp-theme-osmaniye-belediyesi:not(.home):not(.front-page) .site-header:not(.is-scrolled)::before {
    display: block !important;
    content: "" !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 15 !important;
    pointer-events: none !important;

    width: min(100% - calc(var(--ob-container-padding-x, 24px) * 2), var(--ob-container-width, 1320px)) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;

    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.00) 0%,
        rgba(255, 255, 255, 0.17) 15%,
        rgba(255, 255, 255, 0.28) 50%,
        rgba(255, 255, 255, 0.17) 85%,
        rgba(255, 255, 255, 0.00) 100%
    ) !important;
    background-color: transparent !important;
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.00) 0%,
        rgba(255, 255, 255, 0.17) 15%,
        rgba(255, 255, 255, 0.28) 50%,
        rgba(255, 255, 255, 0.17) 85%,
        rgba(255, 255, 255, 0.00) 100%
    ) !important;

    box-shadow: 0 0 14px 2px rgba(255, 255, 255, 0.08) !important;

    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
}

html body.archive.post-type-archive.wp-theme-osmaniye-belediyesi .site-header.is-scrolled,
html body.archive.post-type-archive-proje.wp-embed-responsive .site-header.is-scrolled,
html body.page.page-template-default:not(.home):not(.front-page) .site-header.is-scrolled,
html body.single.single-post.wp-theme-osmaniye-belediyesi .site-header.is-scrolled {
    background-color: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background: var(--tb-bg-rgba, var(--tb-bg, #005232)) !important;
    background-image: none !important;
    box-shadow: 0 4px 20px -4px rgba(5, 46, 22, 0.35), 0 1px 2px 0 rgba(5, 46, 22, 0.18) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body.archive.post-type-archive .site-header.is-scrolled .site-header__bg,
html body.page:not(.home) .site-header.is-scrolled .site-header__bg,
html body.single:not(.home) .site-header.is-scrolled .site-header__bg {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body:not(.home):not(.front-page) .site-header.is-scrolled::before,
html body.archive.post-type-archive.wp-theme-osmaniye-belediyesi .site-header.is-scrolled::before,
html body.page.wp-theme-osmaniye-belediyesi:not(.home):not(.front-page) .site-header.is-scrolled::before,
html body.single.wp-theme-osmaniye-belediyesi:not(.home):not(.front-page) .site-header.is-scrolled::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
    height: 0 !important;
    width: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

.mega-menu--hizmetler-v2 {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow:
        0 25px 50px -12px rgba(15, 23, 42, 0.18),
        0 0 1px 1px rgba(255, 255, 255, 0.88);
    border-radius: 32px;
    padding: 24px;
    border: 1px solid rgba(241, 245, 249, 1);
    width: min(940px, calc(100vw - 48px));
    max-width: 1280px;
    color: var(--ob-color-slate-800);
    font-family: var(--ob-font-body, 'Poppins', 'Plus Jakarta Sans', sans-serif);
}

.hizv2-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(241, 245, 249, 0.8);
}
.hizv2-topbar__left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.hizv2-dot {
    position: relative;
    display: inline-flex;
    width: 12px;
    height: 12px;
}
.hizv2-dot__ping {
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    background-color: #34d399;
    opacity: 0.75;
    animation: hizv2-ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.hizv2-dot__core {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background-color: #10b981;
}
@keyframes hizv2-ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}
.hizv2-topbar__title {
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ob-color-slate-400);
}
.hizv2-topbar__right {
    font-size: 11px;
    font-weight: 600;
    color: var(--ob-color-slate-400);
}

.hizv2-grid {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
}
.hizv2-col {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    border-radius: 18px;
    padding: 20px;
    border: 1px solid rgba(203, 213, 225, 0.55);
    background-image: none;
    background-color: #ffffff;
}
.hizv2-col--ebel {
    flex: 0 1 auto;
}
.hizv2-col--list {
    flex: 0 1 auto;
}

.hizv2-sec-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(203, 213, 225, 0.55);
    min-height: 22px;
}
.hizv2-sec-header--no-pill {
    justify-content: flex-start;
}
.hizv2-sec-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0;
    padding: 0;
}
.hizv2-sec-title-icon {
    font-size: 12px;
}
.hizv2-sec-title--ebel,
.hizv2-sec-title-icon--ebel {
    color: #065f46; 
}
.hizv2-sec-title-icon--ebel {
    color: #059669; 
}
.hizv2-sec-title--sosyal {
    color: var(--ob-color-slate-700);
}
.hizv2-sec-title-icon--sosyal {
    color: var(--ob-color-red-600); 
}
.hizv2-sec-title--cevre {
    color: var(--ob-color-slate-700);
}
.hizv2-sec-title-icon--cevre {
    color: #059669;
}

.hizv2-badge--724 {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    background-color: #d1fae5;
    color: #047857;
    letter-spacing: 0.01em;
}

.hizv2-ebel-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hizv2-ebel-card {
    --t: 300ms;
    --bez: cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border-radius: 14px;
    background-color: #FFFFFF;
    border: 1px solid rgba(203, 213, 225, 0.5);
    transition:
        transform var(--t) var(--bez),
        box-shadow var(--t) var(--bez),
        border-color var(--t) var(--bez),
        background-color var(--t) var(--bez);
    text-decoration: none !important;
    color: inherit;
    cursor: pointer;
    will-change: transform;
}
.hizv2-ebel-card:hover {
    border-color: rgba(16, 185, 129, 0.42);
    box-shadow: 0 10px 30px -5px rgba(16, 185, 129, 0.15);
}

.hizv2-ebel-icon-wrap {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}

.hizv2-ebel-icon-wrap--orange {
    background-image: linear-gradient(135deg, #f59e0b 0%, #fb923c 100%);
    box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.2), 0 2px 4px -2px rgba(249, 115, 22, 0.18);
}
.hizv2-ebel-icon-wrap--emerald {
    background-image: linear-gradient(135deg, #059669 0%, #2dd4bf 100%);
    box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2), 0 2px 4px -2px rgba(16, 185, 129, 0.18);
}
.hizv2-ebel-icon-wrap--blue {
    background-image: linear-gradient(135deg, #2563eb 0%, #818cf8 100%);
    box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2), 0 2px 4px -2px rgba(37, 99, 235, 0.18);
}
.hizv2-ebel-icon-wrap--rose {
    background-image: linear-gradient(135deg, #f43f5e 0%, #f472b6 100%);
    box-shadow: 0 4px 6px -1px rgba(244, 63, 94, 0.2), 0 2px 4px -2px rgba(244, 63, 94, 0.18);
}
.hizv2-ebel-card:hover .hizv2-ebel-icon-wrap {
    transform: scale(1.1);
}
.hizv2-ebel-icon {
    font-size: 14px;
    line-height: 1;
}
.hizv2-ebel-text {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.hizv2-ebel-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--ob-color-slate-800);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 220ms ease;
}
.hizv2-ebel-card:hover .hizv2-ebel-title {
    color: #059669;
}
.hizv2-ebel-desc {
    font-size: 11px;
    color: var(--ob-color-slate-400);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hizv2-ebel-arrow {
    font-size: 11px;
    color: var(--ob-color-slate-300);
    flex-shrink: 0;
    transition:
        transform 260ms cubic-bezier(0.16, 1, 0.3, 1),
        color 220ms ease;
}
.hizv2-ebel-card:hover .hizv2-ebel-arrow {
    transform: translateX(4px);
    color: #10b981;
}

.hizv2-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.hizv2-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-radius: 14px;
    background-color: #ffffff;
    border: 1px solid rgba(203, 213, 225, 0.5);
    text-decoration: none !important;
    color: inherit;
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
    transition:
        transform 250ms cubic-bezier(0.16, 1, 0.3, 1),
        background-color 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        color 220ms ease;
    will-change: transform;
}
.hizv2-list-item:hover {
    transform: translateX(6px);
    background-color: #FFFFFF;
    border-color: rgba(16, 185, 129, 0.32);
    box-shadow: 0 4px 10px -3px rgba(15, 23, 42, 0.08);
}
.hizv2-list-left {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 0%;
}
.hizv2-list-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 9999px;
    transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}
.hizv2-list-dot--emerald { background-color: #10b981; }
.hizv2-list-dot--teal    { background-color: #14b8a6; }
.hizv2-list-item:hover .hizv2-list-dot {
    transform: scale(1.5);
}
.hizv2-list-text {
    font-size: 14px;
    font-weight: 700;
    color: var(--ob-color-slate-700);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 220ms ease;
}
.hizv2-col--list:nth-of-type(2) .hizv2-list-item:hover .hizv2-list-text {
    color: #047857;
}
.hizv2-col--list:nth-of-type(3) .hizv2-list-item:hover .hizv2-list-text {
    color: #0f766e; 
}
.hizv2-list-arrow {
    font-size: 11px;
    color: var(--ob-color-slate-300);
    flex-shrink: 0;
    margin-left: 8px;
    transition: color 220ms ease;
}
.hizv2-col--list:nth-of-type(2) .hizv2-list-item:hover .hizv2-list-arrow {
    color: #10b981;
}
.hizv2-list-arrow--teal,
.hizv2-col--list:nth-of-type(3) .hizv2-list-item:hover .hizv2-list-arrow {
    color: #14b8a6;
}

.hizv2-col--whatsapp {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(135deg, #059669 0%, #0f766e 50%, #0f172a 100%);
    background-color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.32);
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.25), 0 8px 10px -6px rgba(15, 23, 42, 0.2);
    color: #FFFFFF;
    transition:
        transform 320ms cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 320ms cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
    padding: 24px 20px;
}
.hizv2-col--whatsapp:hover {
    transform: translateY(-3px);
    box-shadow: 0 28px 40px -10px rgba(16, 185, 129, 0.28), 0 12px 16px -8px rgba(15, 23, 42, 0.28);
}
.hizv2-whatsapp-glow {
    position: absolute;
    top: -32px;
    right: -32px;
    width: 112px;
    height: 112px;
    border-radius: 9999px;
    background-color: rgba(52, 211, 153, 0.2);
    filter: blur(24px);
    -webkit-filter: blur(24px);
    pointer-events: none;
    transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}
.hizv2-col--whatsapp:hover .hizv2-whatsapp-glow {
    transform: scale(1.5);
}
.hizv2-whatsapp-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}
.hizv2-whatsapp-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #FFFFFF;
}
.hizv2-whatsapp-avatar-icon {
    font-size: 18px;
    line-height: 1;
}
.hizv2-whatsapp-avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    border-radius: 9999px;
    background-color: #34d399;
    border: 2px solid #0f172a;
}
.hizv2-whatsapp-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background-color: rgba(6, 78, 59, 0.62);
    border: 1px solid rgba(52, 211, 153, 0.32);
    color: #6ee7b7; 
}
.hizv2-whatsapp-title {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.35;
    margin: 0 0 8px 0;
    padding: 0;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}
.hizv2-whatsapp-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    color: rgba(209, 250, 229, 0.82);
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.hizv2-whatsapp-btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border-radius: 12px;
    background-color: #FFFFFF;
    color: #064e3b;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    transition:
        transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 280ms cubic-bezier(0.16, 1, 0.3, 1),
        background-color 220ms ease,
        color 220ms ease;
    will-change: transform;
    margin-top: 24px;
    position: relative;
    z-index: 1;
}
.hizv2-whatsapp-btn:hover {
    transform: translateY(-2px);
    background-color: #ecfdf5;
    color: #064e3b;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.14), 0 4px 6px -4px rgba(0, 0, 0, 0.12);
}
.hizv2-whatsapp-btn:active {
    transform: translateY(0);
}
.hizv2-whatsapp-btn-icon {
    font-size: 18px;
    color: #059669;
    line-height: 1;
    transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}
.group\/btn:hover .hizv2-whatsapp-btn-icon,
.hizv2-whatsapp-btn:hover .hizv2-whatsapp-btn-icon {
    transform: scale(1.12);
}
.hizv2-whatsapp-btn-text {
    font-size: 12px;
    letter-spacing: 0.01em;
}

@media (max-width: 1199px) {
    .mega-menu--hizmetler-v2 { padding: 24px; }
    .hizv2-grid { gap: 18px; }
}
@media (max-width: 991px) {
    .hizv2-grid {
        flex-wrap: wrap;
    }
    .hizv2-col {
        flex: 1 1 calc(50% - 10px);
        min-width: 0;
    }
    .hizv2-topbar__right { display: none; }
}
@media (max-width: 639px) {
    .mega-menu--hizmetler-v2 {
        padding: 18px;
        border-radius: 20px;
        width: calc(100% - 24px);
    }
    .hizv2-grid {
        flex-wrap: wrap;
        gap: 14px;
    }
    .hizv2-col {
        flex: 1 1 100%;
        min-width: 0;
    }
    .hizv2-list-item { padding: 10px 12px; }
    .hizv2-ebel-card { padding: 10px 12px; }
}

.mega-menu--900.mega-menu--900 { visibility: hidden !important; display: none !important; }
.mega-menu--hizmetler-v2 { display: grid !important; }

@media (max-width: 991px) {
    .site-top-bar__contact--phone > span:last-child,
    .site-top-bar__contact--link > span:last-child {
        display: none !important;
    }
    .site-top-bar__contact--phone .site-top-bar__icon,
    .site-top-bar__contact--link .site-top-bar__icon {
        margin-right: 0 !important;
    }
}

@media (max-width: 575px) {

    .site-top-bar__contact--link {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    html body .site-header__nav,
    html body .site-header.is-scrolled .site-header__nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    html body .site-header__menu,
    html body .site-header.is-scrolled .site-header__menu {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    html body .site-header__menu-item,
    html body .site-header.is-scrolled .site-header__menu-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }
    html body .site-header__menu-link,
    html body .site-header.is-scrolled .site-header__menu-link {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }
    html body .site-header__menu-caret,
    html body .site-header__menu-group,
    html body .site-header.is-scrolled .site-header__menu-group {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }
    html body .mega-menu,
    html body .mega-menu--hizmetler-v2,
    html body .site-header__menu-group > .mega-menu {
        display: block !important;
    }
    html body .site-header__btn--hamburger {
        display: none !important;
    }
}

.mega-menu.mega-menu--osmv1 {
    display: block;
    width: min(780px, 64vw);
    left: 50%;
    transform: translateX(-50%);
    padding: 15px;
    border-radius: 16px;
    background: linear-gradient(145deg, #F5F7F9 0%, #EEF2F4 55%, #E6EEF0 100%);
    box-shadow: 0 16px 40px rgba(3, 14, 38, 0.12), 0 2px 6px rgba(3, 14, 38, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.osmv1-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 0 2px 12px 2px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(2, 6, 23, 0.06);
}
.osmv1-topbar__left {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}
.osmv1-topbar__icon {
    width: 35px;
    height: 35px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(135deg, #FFD4A3 0%, #FFBA7C 45%, #FF8A3D 100%);
    color: #FFFFFF;
    box-shadow: 0 5px 12px rgba(255, 138, 61, 0.25);
}
.osmv1-topbar__icon i {
    font-size: 15px;
    line-height: 1;
    display: block;
}
.osmv1-topbar__titles {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}
.osmv1-topbar__title {
    font-size: 14.8px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.osmv1-topbar__subtitle {
    font-size: 9.7px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #64748B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.osmv1-topbar__right {
    flex-shrink: 0;
    display: inline-flex;
}
.osmv1-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: -0.005em;
    line-height: 1;
}
.osmv1-pill--orange {
    background: linear-gradient(135deg, #FFF1E6 0%, #FFE4CC 100%);
    color: #EA580C;
    border: 1px solid rgba(234, 88, 12, 0.25);
    box-shadow: 0 3px 8px rgba(234, 88, 12, 0.1);
}
.osmv1-pill__icon {
    font-size: 9px;
    line-height: 1;
    display: inline-block;
}
.osmv1-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    align-items: stretch;
    justify-items: stretch;
}
.osmv1-card {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 15px 15px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(148, 163, 184, 0.3);
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: 0 1px 2px rgba(2, 6, 23, 0.04);
    position: relative;
    overflow: hidden;
    transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.26s cubic-bezier(0.22, 1, 0.36, 1),
                border-color 0.26s ease,
                background-color 0.26s ease;
}
.osmv1-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 82, 50, 0.22);
    background: #FFFFFF;
    box-shadow: 0 10px 26px rgba(2, 6, 23, 0.10),
                0 0 0 1px rgba(0, 82, 50, 0.08),
                0 0 16px rgba(0, 128, 77, 0.12);
}
.osmv1-card.osmv1-card--featured {
    background: linear-gradient(135deg, rgba(238, 242, 255, 0.95) 0%, rgba(245, 243, 255, 0.92) 100%);
    border-color: rgba(99, 102, 241, 0.18);
}
.osmv1-card.osmv1-card--featured:hover {
    border-color: rgba(99, 102, 241, 0.35);
    background: linear-gradient(135deg, rgba(238, 242, 255, 1) 0%, rgba(245, 243, 255, 1) 100%);
    box-shadow: 0 10px 26px rgba(2, 6, 23, 0.10),
                0 0 0 1px rgba(99, 102, 241, 0.14),
                0 0 20px rgba(139, 92, 246, 0.16);
}
.osmv1-card__icon-wrap {
    width: 43px;
    height: 43px;
    min-width: 43px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.osmv1-card:hover .osmv1-card__icon-wrap {
    transform: scale(1.08);
}
.osmv1-card__icon {
    font-size: 17.5px;
    line-height: 1;
    display: block;
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.osmv1-card__icon-wrap--orange {
    background: linear-gradient(145deg, #FFE4C7 0%, #FFB37A 40%, #FF7A2E 100%);
    box-shadow: 0 7px 14px rgba(255, 122, 46, 0.28);
}
.osmv1-card__icon-wrap--amber {
    background: linear-gradient(145deg, #FFF5C8 0%, #FDE087 40%, #F5B342 100%);
    box-shadow: 0 7px 14px rgba(245, 179, 66, 0.28);
}
.osmv1-card__icon-wrap--mint {
    background: linear-gradient(145deg, #CCFBF1 0%, #6EE7B7 40%, #10B981 100%);
    box-shadow: 0 7px 14px rgba(16, 185, 129, 0.26);
}
.osmv1-card__icon-wrap--violet {
    background: linear-gradient(145deg, #DDD6FE 0%, #A78BFA 40%, #7C3AED 100%);
    box-shadow: 0 7px 14px rgba(124, 58, 237, 0.28);
}
.osmv1-card.osmv1-card--gamber  .osmv1-card__icon { color: #92400E; }
.osmv1-card.osmv1-card--gmint   .osmv1-card__icon { color: #064E3B; }
.osmv1-card__body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1 1 auto;
    min-width: 0;
}
.osmv1-card__title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    flex-wrap: wrap;
    min-width: 0;
}
.osmv1-card__title {
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.018em;
    color: #0F172A;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.osmv1-card__tags {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    flex-shrink: 0;
}
.osmv1-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border-radius: 7px;
    font-size: 8.5px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.005em;
    border: 1px solid transparent;
    white-space: nowrap;
}
.osmv1-tag--green {
    background: #ECFDF5;
    color: #047857;
    border-color: #A7F3D0;
}
.osmv1-tag--amber {
    background: #FFFBEB;
    color: #92400E;
    border-color: #FDE68A;
}
.osmv1-tag--purple {
    background: #FAF5FF;
    color: #6B21A8;
    border-color: #E9D5FF;
}
.osmv1-tag--orange {
    background: #FFF7ED;
    color: #9A3412;
    border-color: #FED7AA;
}
.osmv1-tag--blue {
    background: #EFF6FF;
    color: #1D4ED8;
    border-color: #BFDBFE;
}
.osmv1-card__desc {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 9.7px;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.002em;
    color: #475569;
    max-width: 100%;
}
@media (max-width: 1023px) {
    .mega-menu.mega-menu--osmv1 { display: none !important; }
}
@media (max-width: 1250px) {
    .mega-menu.mega-menu--osmv1 { padding: 12px; border-radius: 14px; }
    .osmv1-topbar { padding-bottom: 9px; margin-bottom: 9px; }
    .osmv1-topbar__icon { width: 31px; height: 31px; border-radius: 8px; }
    .osmv1-topbar__icon i { font-size: 13px; }
    .osmv1-topbar__title { font-size: 13.5px; }
    .osmv1-topbar__subtitle { font-size: 9px; }
    .osmv1-pill { padding: 4px 10px; font-size: 8.5px; }
    .osmv1-grid { gap: 9px; }
    .osmv1-card__title { font-size: 12px; }
    .osmv1-card__desc { font-size: 9.2px; }
    .osmv1-card { padding: 12px; border-radius: 11px; gap: 9px; }
    .osmv1-card__icon-wrap { width: 37px; height: 37px; min-width: 37px; border-radius: 10px; }
    .osmv1-card__icon { font-size: 14.7px; }
    .osmv1-tag { padding: 3px 7px; font-size: 8px; border-radius: 6px; }
}

.mega-menu.mega-menu--kurv1 {
    display: block;
    width: fit-content;
    max-width: min(960px, 96vw);
    left: 50%;
    transform: translateX(-50%);
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(145deg, #FFFFFF 0%, #F4F7F8 60%, #EAF0F3 100%);
    box-shadow: 0 22px 56px rgba(3, 14, 38, 0.13), 0 2px 8px rgba(3, 14, 38, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    align-items: stretch;
}
.kurv1-grid3 {
    display: flex;
    flex-direction: row;
    gap: 28px;
    align-items: stretch;
}
.kurv1-list-card {
    flex: 1 1 auto;
    min-width: 0;
    padding: 3px;
    border-radius: 18px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFB 100%);
    border: none;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: stretch;
}
.kurv1-link {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 9px;
    border-radius: 11px;
    text-decoration: none !important;
    color: inherit !important;
    position: relative;
    transition: background-color 0.22s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease;
}
.kurv1-link:hover,
.kurv1-link:focus-visible {
    background-color: rgba(0, 128, 77, 0.07);
    transform: translateX(3px);
    box-shadow: 0 5px 14px rgba(0, 82, 50, 0.09);
    outline: none;
}
.kurv1-link__icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(145deg, #059669 0%, #047857 50%, #065F46 100%);
    color: #FFFFFF;
    box-shadow: 0 5px 12px rgba(4, 120, 87, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease;
}
.kurv1-link:hover .kurv1-link__icon,
.kurv1-link:focus-visible .kurv1-link__icon {
    transform: scale(1.08);
    box-shadow: 0 9px 19px rgba(4, 120, 87, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.kurv1-link__icon i {
    font-size: 14px;
    line-height: 1;
    display: block;
}
.kurv1-link__texts {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 0 0 auto;
    min-width: 0;
}
.kurv1-link__title {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.012em;
    color: #0F172A;
    white-space: nowrap;
}
.kurv1-link__sub {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.001em;
    color: #64748B;
    white-space: nowrap;
}

.kurv1-right-col {
    flex: 0 0 270px;
    width: 270px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    box-sizing: border-box;
}

.kurv1-cta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    padding: 20px 20px 20px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0B1220 0%, #111C30 45%, #142642 100%);
    border: 1px solid rgba(99, 102, 241, 0.2);
    box-shadow: 0 16px 38px rgba(2, 6, 23, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    min-width: 0;
    box-sizing: border-box;
}
.kurv1-cta__texts {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.kurv1-cta__eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FACC15;
}
.kurv1-cta__title {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    max-width: 100%;
}
.kurv1-cta__desc {
    margin: 2px 0 0 0;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.002em;
    color: rgba(226, 232, 240, 0.86);
    max-width: 100%;
}
.kurv1-cta__btn-wrap {
    flex-shrink: 0;
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.kurv1-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 19px 11px 20px;
    border-radius: 12px;
    background: linear-gradient(135deg, #E6510C 0%, #EA580C 55%, #C2410C 100%);
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.008em;
    box-shadow: 0 9px 20px rgba(230, 81, 12, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(250, 204, 21, 0.18);
    transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.24s ease,
                background-position 0.24s ease;
    background-size: 200% 200%;
    background-position: 0% 50%;
}
.kurv1-cta__btn:hover,
.kurv1-cta__btn:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(230, 81, 12, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    background-position: 100% 50%;
    outline: none;
}
.kurv1-cta__btn-icon {
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    transition: transform 0.24s ease;
}
.kurv1-cta__btn:hover .kurv1-cta__btn-icon,
.kurv1-cta__btn:focus-visible .kurv1-cta__btn-icon {
    transform: translateX(4px);
}

.kurv1-kk {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 11px 14px;
    border-radius: 18px;
    background: linear-gradient(135deg, #047857 0%, #059669 50%, #10B981 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 14px 32px rgba(4, 120, 87, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    text-decoration: none !important;
    color: inherit !important;
    box-sizing: border-box;
    transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease;
}
.kurv1-kk:hover,
.kurv1-kk:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 20px 42px rgba(4, 120, 87, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    outline: none;
}
.kurv1-kk__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.16);
    color: #FDE68A;
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.kurv1-kk__texts {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    min-width: 0;
}
.kurv1-kk__eyebrow {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FDE68A;
}
.kurv1-kk__title {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.012em;
    color: #FFFFFF;
}
.kurv1-kk__desc {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.001em;
    color: rgba(255, 255, 255, 0.82);
}
.kurv1-kk__arrow {
    font-size: 13px;
    color: #FFFFFF;
    opacity: 0.75;
    flex-shrink: 0;
    transition: transform 0.24s ease, opacity 0.24s ease;
}
.kurv1-kk:hover .kurv1-kk__arrow,
.kurv1-kk:focus-visible .kurv1-kk__arrow {
    transform: translateX(4px);
    opacity: 1;
}
@media (max-width: 1023px) {
    .mega-menu.mega-menu--kurv1 { display: none !important; }
}
@media (max-width: 1250px) {
    .mega-menu.mega-menu--kurv1 { width: fit-content; max-width: min(900px, 96vw); padding: 15px; }
    .kurv1-grid3 { gap: 28px; }
    .kurv1-list-card { padding: 3px; border-radius: 16px; gap: 4px; }
    .kurv1-link { padding: 7px 8px; gap: 10px; border-radius: 10px; }
    .kurv1-link__icon { width: 30px; height: 30px; min-width: 30px; border-radius: 9px; }
    .kurv1-link__icon i { font-size: 12.5px; }
    .kurv1-right-col { flex: 0 0 270px; width: 270px; gap: 12px; }
    .kurv1-cta { flex: 1 1 auto; width: 100%; padding: 17px 17px 18px; border-radius: 16px; gap: 12px; }
    .kurv1-cta__eyebrow { font-size: 11px; }
    .kurv1-cta__title { font-size: 17.5px; }
    .kurv1-cta__desc { font-size: 12px; }
    .kurv1-cta__btn { padding: 10px 17px; font-size: 12.2px; }
    .kurv1-cta__btn-icon { font-size: 11.5px; }
    .kurv1-kk { padding: 10px 13px; border-radius: 16px; gap: 10px; }
    .kurv1-kk__icon { width: 38px; height: 38px; min-width: 38px; font-size: 16px; }
    .kurv1-kk__eyebrow { font-size: 10px; }
    .kurv1-kk__title { font-size: 13px; }
    .kurv1-kk__desc { font-size: 11px; }
}

.mega-menu--osmv1 .osmv1-card__title {
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.012em !important;
}
.mega-menu--osmv1 .osmv1-card__desc {
    font-size: 12px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.001em !important;
}
.mega-menu--osmv1 .osmv1-topbar__title {
    font-size: 16px !important;
    line-height: 1.15 !important;
}
.mega-menu--osmv1 .osmv1-topbar__subtitle {
    font-size: 12px !important;
    line-height: 1.4 !important;
}
.mega-menu--osmv1 .osmv1-pill {
    font-size: 11px !important;
    padding: 7px 14px !important;
    gap: 6px !important;
}
.mega-menu--osmv1 .osmv1-pill__icon {
    font-size: 11px !important;
}
.mega-menu--osmv1 .osmv1-tag {
    font-size: 10.5px !important;
    padding: 4px 9px !important;
    border-radius: 8px !important;
}
.mega-menu--osmv1 .osmv1-topbar__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
}
.mega-menu--osmv1 .osmv1-topbar__icon i {
    font-size: 17px !important;
}
.mega-menu--osmv1 .osmv1-card__icon-wrap {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 12px !important;
}
.mega-menu--osmv1 .osmv1-card__icon {
    font-size: 19px !important;
}
.mega-menu--osmv1 .osmv1-card {
    padding: 16px 16px !important;
    gap: 13px !important;
    border-radius: 15px !important;
}
.mega-menu--osmv1 .osmv1-card__body {
    gap: 6px !important;
}
.mega-menu--osmv1 .osmv1-card__title-row {
    gap: 8px !important;
}
.mega-menu--osmv1 .osmv1-grid {
    gap: 12px !important;
}
.mega-menu--osmv1 .osmv1-topbar {
    padding-bottom: 13px !important;
    margin-bottom: 13px !important;
    gap: 12px !important;
}

.mega-menu--hizmetler-v2 .hizv2-ebel-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.012em !important;
}
.mega-menu--hizmetler-v2 .hizv2-ebel-desc {
    font-size: 12px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.001em !important;
}
.mega-menu--hizmetler-v2 .hizv2-list-text {
    font-size: 14px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
}
.mega-menu--hizmetler-v2 .hizv2-whatsapp-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
}
.mega-menu--hizmetler-v2 .hizv2-whatsapp-desc {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.mega-menu--kurv1 .kurv1-cta__desc {
    font-size: 12px !important;
    line-height: 1.5 !important;
}
.mega-menu--hizmetler-v2 .hizv2-sec-title {
    font-size: 13px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.05em !important;
}
.mega-menu--hizmetler-v2 .hizv2-topbar__title,
.mega-menu--hizmetler-v2 .hizv2-topbar__right {
    font-size: 11px !important;
}
.mega-menu--hizmetler-v2 .hizv2-ebel-icon-wrap {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 12px !important;
}
.mega-menu--hizmetler-v2 .hizv2-ebel-icon {
    font-size: 18px !important;
}
.mega-menu--hizmetler-v2 .hizv2-ebel-card {
    gap: 11px !important;
    padding: 10px !important;
    border-radius: 15px !important;
}
.mega-menu--hizmetler-v2 .hizv2-list-item {
    padding: 10px 11px !important;
    gap: 11px !important;
    border-radius: 11px !important;
}
.mega-menu--hizmetler-v2 .hizv2-list-dot {
    width: 9px !important;
    height: 9px !important;
}
.mega-menu--hizmetler-v2 .hizv2-grid {
    gap: 14px !important;
}

.mega-menu--kurv1 .kurv1-link__title,

.mega-menu--osmv1 .osmv1-card__title,

.mega-menu--hizmetler-v2 .hizv2-ebel-title,
.mega-menu--hizmetler-v2 .hizv2-list-text,
.mega-menu--hizmetler-v2 .hizv2-whatsapp-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;       
    letter-spacing: -0.012em !important;  
    font-family: 'Poppins', system-ui, -apple-system, sans-serif !important;
    font-style: normal !important;
    font-stretch: 100% !important;
    text-transform: none !important;
    text-shadow: none !important;

}

.mega-menu--kurv1 .kurv1-link__title,
.mega-menu--osmv1 .osmv1-card__title,
.mega-menu--hizmetler-v2 .hizv2-ebel-title,
.mega-menu--hizmetler-v2 .hizv2-list-text {
    color: #0f172a !important;
}

.mega-menu--hizmetler-v2 .hizv2-ebel-title,
.mega-menu--hizmetler-v2 .hizv2-list-text,
.mega-menu--hizmetler-v2 .hizv2-whatsapp-title {
    font-weight: 700 !important;
}

.mega-menu--kurv1 .kurv1-link__sub,
.mega-menu--kurv1 .kurv1-cta__desc,

.mega-menu--osmv1 .osmv1-card__desc,

.mega-menu--hizmetler-v2 .hizv2-ebel-desc,
.mega-menu--hizmetler-v2 .hizv2-whatsapp-desc {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;        
    letter-spacing: -0.001em !important; 
    font-family: 'Poppins', system-ui, -apple-system, sans-serif !important;
    font-style: normal !important;
    font-stretch: 100% !important;
    text-transform: none !important;
    text-shadow: none !important;

}

.mega-menu--kurv1 .kurv1-link__sub,
.mega-menu--osmv1 .osmv1-card__desc,
.mega-menu--hizmetler-v2 .hizv2-ebel-desc {
    color: #64748b !important;
}

.ob-etkinlik-single {
    background: var(--ob-color-slate-50, #f8fafc);
    padding: 0 0 64px;
}
.ob-etkinlik-single-kapsayici {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 768px) {
    body.single-etkinlik .ob-page-hero__inner {
        width: min(100%, 1180px);
    }

    body.single-etkinlik .ob-page-hero__title {
        white-space: nowrap;
        text-wrap: nowrap;
    }
}

.ob-etkinlik-single-breadcrumb {
    margin-bottom: 20px;
}
.ob-etkinlik-single-breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.ob-etkinlik-single-breadcrumb a,
.ob-etkinlik-single-breadcrumb li {
    color: var(--ob-color-slate-500, #64748b);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
}
.ob-etkinlik-single-breadcrumb a:hover {
    color: var(--ob-color-green-700, #2e7d32);
}
.ob-etkinlik-single-breadcrumb i {
    font-size: 10px;
}

.ob-etkinlik-single-header {
    background: #fff;
    border-radius: 24px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: var(--ob-shadow-sm);
    padding: 28px 32px;
    margin-bottom: 32px;
}
.ob-etkinlik-single-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
}
.ob-etkinlik-single-badges-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.ob-etkinlik-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.ob-etkinlik-badge i {
    font-size: 10px;
}
.ob-etkinlik-badge--kat {
    background: var(--ob-color-green-800, #0f3d1e);
    color: #fff;
}
.ob-etkinlik-badge--kat i {
    color: var(--ob-color-gold-400, #fcd34d);
}
.ob-etkinlik-badge--bilet {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
    text-transform: none;
    letter-spacing: 0;
}
.ob-etkinlik-badge--kitle {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}
.ob-etkinlik-badge--durum {
    background: #fff1f2;
    color: var(--ob-color-green-800, #0f3d1e);
    border: 1px solid #fecdd3;
    text-transform: none;
    letter-spacing: 0;
}
.ob-etkinlik-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ob-color-green-700, #2e7d32);
    animation: etkPulse 2s infinite;
}
@keyframes etkPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.ob-etkinlik-single-title {
    font-family: var(--ob-font-heading);
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--ob-color-slate-900, #0f172a);
    margin: 0;
}

.ob-etkinlik-single-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
}
@media (min-width: 1024px) {
    .ob-etkinlik-single-grid {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        gap: 32px;
    }
    .ob-etkinlik-single-right {
        position: sticky;
        top: 100px;
    }
}
.ob-etkinlik-single-left,
.ob-etkinlik-single-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ob-etkinlik-card {
    background: #fff;
    border-radius: 24px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: var(--ob-shadow-sm);
    padding: 24px 28px;
}
.ob-etkinlik-card--media {
    padding: 16px 20px 20px;
}

.ob-etkinlik-media-main {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #0f172a;
    aspect-ratio: 16 / 9;
}
.ob-etkinlik-media-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
}
.ob-etkinlik-media-main:hover img {
    transform: scale(1.05);
}
.ob-etkinlik-media-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.7), transparent 50%);
    pointer-events: none;
}
.ob-etkinlik-media-bottom {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.ob-etkinlik-media-loc {
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(8px);
    color: #fff;
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.ob-etkinlik-media-loc i {
    color: #fda4af;
}
.ob-etkinlik-media-zoom {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    color: #fff;
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.2s;
}
.ob-etkinlik-media-zoom:hover {
    background: rgba(255, 255, 255, 0.3);
}

.ob-etkinlik-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 14px;
}
.ob-etkinlik-thumb {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    padding: 0;
    background: #0f172a;
    cursor: pointer;
    transition: border-color 0.2s;
}
.ob-etkinlik-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ob-etkinlik-thumb.is-active {
    border-color: var(--ob-color-green-700, #2e7d32);
}
.ob-etkinlik-thumb:hover {
    border-color: var(--ob-color-green-700, #2e7d32);
}

.ob-etkinlik-quickfacts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}
.ob-etkinlik-quickfact {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}
.ob-etkinlik-qf-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}
.ob-etkinlik-qf-icon--tarih { background: #dcfce7; color: #166534; }
.ob-etkinlik-qf-icon--saat { background: #fef3c7; color: #92400e; }
.ob-etkinlik-qf-icon--katilim { background: #d1fae5; color: #065f46; }
.ob-etkinlik-qf-label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: #94a3b8;
    line-height: 1;
    margin-bottom: 3px;
}
.ob-etkinlik-qf-value {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}
.ob-etkinlik-qf-value--katilim { color: #047857; }
@media (max-width: 640px) {
    .ob-etkinlik-quickfacts { grid-template-columns: 1fr; }
}

.ob-etkinlik-section-title {
    font-family: var(--ob-font-heading);
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ob-etkinlik-title-bar {
    width: 10px;
    height: 24px;
    border-radius: 9999px;
    background: var(--ob-color-green-800, #0f3d1e);
    display: inline-block;
}
.ob-etkinlik-section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.ob-etkinlik-program-tarih {
    font-size: 11px;
    font-weight: 600;
    padding: 5px 12px;
    background: #ecfdf5;
    color: var(--ob-color-green-800, #0f3d1e);
    border: 1px solid #a7f3d0;
    border-radius: 9999px;
}

.ob-etkinlik-content {
    color: #475569;
    font-size: 15px;
    line-height: 1.7;
}
.ob-etkinlik-content p { margin: 0 0 14px; }
.ob-etkinlik-content p:last-child { margin-bottom: 0; }
.ob-etkinlik-content strong { color: #0f172a; }

.ob-etkinlik-timeline {
    position: relative;
    border-left: 2px solid #dcfce7;
    margin-left: 10px;
    padding: 8px 0 8px 26px;
}
.ob-etkinlik-timeline-item {
    position: relative;
    margin-bottom: 24px;
}
.ob-etkinlik-timeline-item:last-child { margin-bottom: 0; }
.ob-etkinlik-timeline-dot {
    position: absolute;
    left: -35px;
    top: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid var(--ob-color-green-700, #2e7d32);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    transition: transform 0.2s;
}
.ob-etkinlik-timeline-item:nth-child(2) .ob-etkinlik-timeline-dot { border-color: #d97706; }
.ob-etkinlik-timeline-item:nth-child(3) .ob-etkinlik-timeline-dot { border-color: #059669; }
.ob-etkinlik-timeline-item.is-last .ob-etkinlik-timeline-dot {
    background: var(--ob-color-green-800, #0f3d1e);
    border-color: #fff;
}
.ob-etkinlik-timeline-item:hover .ob-etkinlik-timeline-dot { transform: scale(1.25); }
.ob-etkinlik-timeline-card {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    padding: 16px 18px;
}
.ob-etkinlik-timeline-card.is-featured {
    background: linear-gradient(135deg, var(--ob-color-green-900, #0b2e16), var(--ob-color-green-700, #2e7d32));
    border-color: var(--ob-color-green-700, #2e7d32);
    color: #fff;
    box-shadow: var(--ob-shadow-md);
}
.ob-etkinlik-timeline-saat {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 6px;
    background: #dcfce7;
    color: #14532d;
    margin-bottom: 8px;
}
.ob-etkinlik-timeline-card.is-featured .ob-etkinlik-timeline-saat {
    background: rgba(255,255,255,0.2);
    color: #fff;
}
.ob-etkinlik-timeline-baslik {
    font-family: var(--ob-font-heading);
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 4px;
}
.ob-etkinlik-timeline-card.is-featured .ob-etkinlik-timeline-baslik { color: #fff; }
.ob-etkinlik-timeline-aciklama {
    font-size: 13px;
    color: #475569;
    margin: 0;
    line-height: 1.55;
}
.ob-etkinlik-timeline-card.is-featured .ob-etkinlik-timeline-aciklama { color: rgba(255,255,255,0.85); }

.ob-etkinlik-card--countdown {
    background: linear-gradient(135deg, #D8EDDF 0%, #C4E0CD 48%, #ACCFB8 100%);
    color: #0F3D1E;
    border: 1px solid rgba(46, 125, 50, 0.22);
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 42px -28px rgba(15, 61, 30, 0.24);
}
.ob-etkinlik-card--countdown::after {
    content: '';
    position: absolute;
    right: -48px;
    bottom: -48px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(46, 125, 50, 0.15);
    filter: blur(18px);
    pointer-events: none;
}
.ob-etkinlik-countdown-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.ob-etkinlik-countdown-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(15, 61, 30, 0.88);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.ob-etkinlik-countdown-label i { color: var(--ob-color-gold-400, #fcd34d); }
.ob-etkinlik-countdown-ping {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #34d399;
    animation: etkPing 1.5s infinite;
}
@keyframes etkPing {
    0% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(52, 211, 153, 0); }
    100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
}
.ob-etkinlik-countdown-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    text-align: center;
    margin-bottom: 20px;
}
.ob-etkinlik-cd-box {
    background: rgba(255,255,255,0.24);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(15, 61, 30, 0.14);
    border-radius: 16px;
    padding: 10px 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.22);
}
.ob-etkinlik-cd-num {
    font-family: var(--ob-font-heading);
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
    color: #0F3D1E;
    margin-bottom: 4px;
}
.ob-etkinlik-cd-num--sec { color: #C89211; }
.ob-etkinlik-cd-unit {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(15, 61, 30, 0.62);
    letter-spacing: 0.04em;
}
.ob-etkinlik-calendar-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ob-etkinlik-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: all 0.2s;
}
.ob-etkinlik-btn--google {
    background: #fff;
    color: var(--ob-color-green-900, #0b2e16);
    border: 1px solid rgba(15, 61, 30, 0.08);
}
.ob-etkinlik-btn--google:hover { background: #ecfdf5; }
.ob-etkinlik-btn--google i { color: var(--ob-color-green-700, #2e7d32); }
.ob-etkinlik-btn--ics {
    background: rgba(15, 61, 30, 0.08);
    color: #0F3D1E;
    border: 1px solid rgba(15, 61, 30, 0.14);
    font-weight: 600;
    font-size: 12px;
}
.ob-etkinlik-btn--ics:hover { background: rgba(15, 61, 30, 0.12); }
.ob-etkinlik-btn--yol {
    background: #f1f5f9;
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
    margin-top: 12px;
}
.ob-etkinlik-btn--yol:hover { background: #e2e8f0; }
.ob-etkinlik-btn--yol i { color: var(--ob-color-green-800, #0f3d1e); }

.ob-etkinlik-card-title {
    font-family: var(--ob-font-heading);
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ob-etkinlik-card-title i { color: var(--ob-color-green-800, #0f3d1e); }
.ob-etkinlik-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}
.ob-etkinlik-card-head .ob-etkinlik-card-title { margin-bottom: 0; }
.ob-etkinlik-tumunu-gor {
    font-size: 12px;
    font-weight: 600;
    color: var(--ob-color-green-800, #0f3d1e);
    text-decoration: none;
}
.ob-etkinlik-tumunu-gor:hover { text-decoration: underline; }

.ob-etkinlik-map {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    background: #f1f5f9;
    aspect-ratio: 16 / 9;
    margin-bottom: 16px;
}
.ob-etkinlik-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.ob-etkinlik-venue-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ob-etkinlik-venue-row {
    display: flex;
    gap: 10px;
    font-size: 13px;
}
.ob-etkinlik-venue-row i {
    color: var(--ob-color-green-800, #0f3d1e);
    margin-top: 3px;
    flex-shrink: 0;
}
.ob-etkinlik-venue-row strong {
    display: block;
    color: #1e293b;
    font-size: 14px;
}
.ob-etkinlik-venue-row span {
    display: block;
    color: #64748b;
    font-size: 12px;
    margin-top: 2px;
}

.ob-etkinlik-weather {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    border-radius: 16px;
    background: #fffbeb;
    border: 1px solid #fde68a;
}
.ob-etkinlik-weather-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ob-etkinlik-weather-left > i {
    font-size: 24px;
    color: #d97706;
}
.ob-etkinlik-weather-title {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}
.ob-etkinlik-weather-sub {
    font-size: 11px;
    color: #64748b;
    margin-top: 1px;
}
.ob-etkinlik-weather-right { text-align: right; }
.ob-etkinlik-weather-temp {
    font-family: var(--ob-font-heading);
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
}
.ob-etkinlik-weather-desc {
    font-size: 10px;
    font-weight: 600;
    color: #059669;
}

.ob-etkinlik-organizer {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #f1f5f9;
}
.ob-etkinlik-organizer-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}
.ob-etkinlik-organizer-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #ecfdf5;
    color: var(--ob-color-green-800, #0f3d1e);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
.ob-etkinlik-organizer-label {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 500;
}
.ob-etkinlik-organizer-name {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}
.ob-etkinlik-contact {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ob-etkinlik-contact-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}
.ob-etkinlik-contact-row span { color: #94a3b8; }
.ob-etkinlik-contact-row a {
    color: #1e293b;
    font-weight: 700;
    text-decoration: none;
}
.ob-etkinlik-contact-row a:hover { color: var(--ob-color-green-700, #2e7d32); text-decoration: underline; }

.ob-etkinlik-diger-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ob-etkinlik-diger-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 16px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.2s;
}
.ob-etkinlik-diger-item:hover {
    background: #f8fafc;
    border-color: #f1f5f9;
}
.ob-etkinlik-diger-date {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ob-etkinlik-diger-month {
    font-size: 9px;
    font-weight: 700;
    color: var(--ob-color-green-800, #0f3d1e);
    text-transform: uppercase;
    line-height: 1;
}
.ob-etkinlik-diger-day {
    font-family: var(--ob-font-heading);
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.1;
}
.ob-etkinlik-diger-body {
    flex: 1;
    min-width: 0;
}
.ob-etkinlik-diger-body h4 {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ob-etkinlik-diger-item:hover h4 { color: var(--ob-color-green-800, #0f3d1e); }
.ob-etkinlik-diger-body p {
    font-size: 11px;
    color: #94a3b8;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ob-etkinlik-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
}
.ob-etkinlik-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}
.ob-etkinlik-lightbox-inner {
    position: relative;
    max-width: 1024px;
    width: 100%;
}
.ob-etkinlik-lightbox-inner img {
    width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 16px;
}
.ob-etkinlik-lightbox-close {
    position: absolute;
    top: -44px;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: none;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ob-etkinlik-lightbox-close:hover { background: rgba(255,255,255,0.2); }

.ob-etkinlik-toast {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 10000;
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}
.ob-etkinlik-toast.is-show {
    transform: translateY(0);
    opacity: 1;
}
.ob-etkinlik-toast-inner {
    background: #0f172a;
    color: #fff;
    padding: 12px 16px;
    border-radius: 16px;
    box-shadow: var(--ob-shadow-xl);
    border: 1px solid #334155;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}
.ob-etkinlik-toast-inner i { color: #34d399; }

@media (max-width: 1023px) {
    .ob-etkinlik-single-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
    .ob-etkinlik-single-left,
    .ob-etkinlik-single-right {
        min-width: 0;
        max-width: 100%;
    }
    .ob-etkinlik-single-header {
        padding: 22px 20px;
        border-radius: 20px;
        margin-bottom: 24px;
    }
    .ob-etkinlik-card {
        padding: 20px 18px;
        border-radius: 20px;
    }
    .ob-etkinlik-card--media {
        padding: 12px 12px 16px;
    }
}

@media (max-width: 480px) {
    .ob-etkinlik-single-header {
        padding: 18px 16px;
    }
    .ob-etkinlik-card {
        padding: 16px 14px;
    }
    .ob-etkinlik-cd-num {
        font-size: 22px;
    }
    .ob-etkinlik-thumbs {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ob-duyuru-single {
    background: #f8fafc;
}

.ob-duyuru-hero {
    background: transparent;
    padding-top: 28px;
    padding-bottom: 20px;
    position: relative;
    border: 0;
}
.ob-duyuru-hero__ic {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}
.ob-duyuru-hero__sol {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}
.ob-duyuru-hero__title {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #0f3d1e; 
}
.ob-duyuru-hero__breadcrumb {
    font-size: 12.5px;
    font-weight: 500;
    line-height: 18px;
    color: #0f3d1e;
}
.ob-duyuru-hero__breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}
.ob-duyuru-hero__breadcrumb li {
    display: inline-flex;
    align-items: center;
}
.ob-duyuru-hero__breadcrumb a {
    color: #0f3d1e;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color 0.2s ease;
}
.ob-duyuru-hero__breadcrumb a:hover {
    color: #2e7d32;
}
.ob-duyuru-hero__breadcrumb span {
    color: #0f3d1e;
}
.ob-duyuru-hero__breadcrumb li[aria-current="page"] {
    color: #0f3d1e;
    font-weight: 600;
}
.ob-duyuru-hero__breadcrumb li[aria-hidden="true"] {
    margin: 0 8px;
    opacity: 0.45;
    color: #0f3d1e;
}
.ob-duyuru-hero__breadcrumb li[aria-hidden="true"] i {
    font-size: 10px;
}

.ob-duyuru-hero__paylasim {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
}
.ob-duyuru-hero__paylasim-btn {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    border: 1.5px solid #0f3d1e;
    background: transparent;
    color: #0f3d1e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease;
    padding: 0;
}
.ob-duyuru-hero__paylasim-btn:hover {
    background: #0f3d1e;
    color: #fff;
}

.ob-duyuru-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 0;
    padding-bottom: 48px;
    margin-top: 0;
}
@media (min-width: 1024px) {
    .ob-duyuru-layout {
        grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
        gap: 36px;
        align-items: start;
    }
}

.ob-duyuru-card {
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
    padding: 20px;
    margin-bottom: 24px;
}
@media (min-width: 640px) {
    .ob-duyuru-card { padding: 28px; }
}

.ob-duyuru-card__title {
    font-family: 'Outfit', 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    line-height: 1.3;
}
@media (min-width: 640px) {
    .ob-duyuru-card__title { font-size: 20px; }
}
.ob-duyuru-card__title-bar {
    display: inline-block;
    width: 8px;
    height: 22px;
    background: #0f3d1e;
    border-radius: 9999px;
    flex-shrink: 0;
}
.ob-duyuru-card__title i {
    color: #0f3d1e;
    font-size: 17px;
}

.ob-duyuru-card__title--dosya {
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
.ob-duyuru-card__title--dosya i {
    font-size: 14px;
}

.ob-duyuru-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}
.ob-duyuru-card__header .ob-duyuru-card__title { margin: 0; }
.ob-duyuru-card__count {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    background: #f1f5f9;
    padding: 3px 9px;
    border-radius: 7px;
}

.ob-duyuru-card__body {
    color: #475569;
    font-size: 14.5px;
    line-height: 1.7;
}
@media (min-width: 640px) {
    .ob-duyuru-card__body { font-size: 15.5px; }
}
.ob-duyuru-card__body > *:first-child { margin-top: 0; }
.ob-duyuru-card__body > *:last-child { margin-bottom: 0; }
.ob-duyuru-card__body p { margin: 0 0 14px; }
.ob-duyuru-card__body h3 {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    margin: 20px 0 10px;
    padding-top: 6px;
}
.ob-duyuru-card__body ul,
.ob-duyuru-card__body ol {
    margin: 0 0 14px;
    padding-left: 20px;
}
.ob-duyuru-card__body li { margin-bottom: 5px; }
.ob-duyuru-card__body a {
    color: #0f3d1e;
    font-weight: 600;
    text-decoration: underline;
}
.ob-duyuru-card__body a:hover { color: #2e7d32; }
.ob-duyuru-card__body strong { color: #1e293b; }

.ob-duyuru-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
}
.ob-duyuru-meta__item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    color: #0f3d1e;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
    padding: 5px 10px;
    border-radius: 7px;
    font-weight: 600;
}
.ob-duyuru-meta__item i { color: #0f3d1e; font-size: 11px; }
.ob-duyuru-oncelik--yuksek { background: #bbf7d0; color: #14532d; border-color: #86efac; }
.ob-duyuru-oncelik--yuksek i { color: #14532d; }
.ob-duyuru-oncelik--dusuk { background: #dcfce7; color: #166534; border-color: #bbf7d0; }
.ob-duyuru-oncelik--dusuk i { color: #166534; }

.ob-duyuru-files {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ob-duyuru-file {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 14px;
    transition: all 0.3s ease;
}
@media (min-width: 640px) {
    .ob-duyuru-file {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}
.ob-duyuru-file:hover {
    border-color: rgba(15, 61, 30, 0.4);
}
.ob-duyuru-file__info {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.ob-duyuru-file__icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #dcfce7;
    color: #0f3d1e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}
.ob-duyuru-file:hover .ob-duyuru-file__icon {
    background: #0f3d1e;
    color: #fff;
}
.ob-duyuru-file__detail { min-width: 0; }
.ob-duyuru-file__name {
    font-size: 13.5px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    word-break: break-all;
    transition: color 0.3s ease;
}
.ob-duyuru-file:hover .ob-duyuru-file__name { color: #0f3d1e; }
.ob-duyuru-file__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10.5px;
    color: #94a3b8;
    margin-top: 2px;
}
.ob-duyuru-file__download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 14px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    color: #334155;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
    flex-shrink: 0;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.ob-duyuru-file__download:hover {
    background: #0f3d1e;
    color: #fff;
    border-color: #0f3d1e;
}
.ob-duyuru-file__download i { font-size: 10.5px; }

.ob-duyuru-back {
    margin-top: 4px;
}
.ob-duyuru-back__btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    background: #0f3d1e;
    color: #fff;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease;
}
.ob-duyuru-back__btn:hover { background: #2e7d32; color: #fff; }

.ob-duyuru-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ob-duyuru-widget {
    background: #fff;
    border-radius: 18px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
    overflow: hidden;
}
.ob-duyuru-widget__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
}
.ob-duyuru-widget__title {
    font-family: 'Outfit', 'Poppins', sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}
.ob-duyuru-widget__arrow {
    color: #cbd5e1;
    font-size: 12px;
}

.ob-duyuru-hizli-menu {
    list-style: none;
    margin: 0;
    padding: 6px;
}
.ob-duyuru-hizli-menu__item {
    border-bottom: 1px solid #f1f5f9;
}
.ob-duyuru-hizli-menu__item:last-child { border-bottom: none; }
.ob-duyuru-hizli-menu__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px;
    border-radius: 9px;
    text-decoration: none;
    color: #334155;
    font-weight: 600;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
    will-change: transform;
}
.ob-duyuru-hizli-menu__link:hover {
    background: #dcfce7;
    color: #0f3d1e;
    transform: translateX(4px);
}
.ob-duyuru-hizli-menu__icon {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: #dcfce7;
    color: #0f3d1e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
}
.ob-duyuru-hizli-menu__label {
    flex: 1;
    font-size: 13px;
    font-weight: 600;
}
.ob-duyuru-hizli-menu__arrow {
    color: #cbd5e1;
    font-size: 11px;
    transition: transform 0.2s ease;
}
.ob-duyuru-hizli-menu__link:hover .ob-duyuru-hizli-menu__arrow {
    color: #0f3d1e;
    transform: translateX(2px);
}

.ob-duyuru-son-list {
    list-style: none;
    margin: 0;
    padding: 6px;
}
.ob-duyuru-son-list__item {
    border-bottom: 1px solid #f1f5f9;
}
.ob-duyuru-son-list__item:last-child { border-bottom: none; }
.ob-duyuru-son-list__link {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px;
    border-radius: 9px;
    text-decoration: none;
    transition: background 0.2s ease;
}
.ob-duyuru-son-list__link:hover { background: #f8fafc; }
.ob-duyuru-son-list__badge {
    display: none;
}
.ob-duyuru-son-list__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #dcfce7;
    color: #0f3d1e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.ob-duyuru-son-list__link:hover .ob-duyuru-son-list__icon {
    background: #0f3d1e;
    color: #fff;
}
.ob-duyuru-son-list__content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.ob-duyuru-son-list__baslik {
    font-size: 12.5px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.35;
}
.ob-duyuru-son-list__link:hover .ob-duyuru-son-list__baslik {
    color: #0f3d1e;
}
.ob-duyuru-son-list__tarih {
    font-size: 10.5px;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ob-duyuru-son-list__tarih i { font-size: 9.5px; }

@media (max-width: 1023px) {
    .site-header__row {
        gap: 8px !important;
    }
    .site-header__logo-link {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: 60% !important;
    }
    .site-header__logo-wrap {
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .site-header__logo-img--mobile {
        max-width: 100% !important;
        height: auto !important;
        max-height: 44px !important;
        object-fit: contain !important;
    }
    .site-header__actions {
        flex: 0 0 auto !important;
        gap: 4px !important;
    }
}

@media (max-width: 639px) {
    .site-header__logo-link {
        max-width: 55% !important;
    }
    .site-header__logo-img--mobile {
        max-height: 38px !important;
    }
}

@media (max-width: 419px) {
    .site-header__logo-link {
        max-width: 50% !important;
    }
    .site-header__logo-img--mobile {
        max-height: 34px !important;
    }
}

* {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media (max-width: 1023px) {
    html body .hero,
    html body.has-admin-bar .hero,
    html body.admin-bar .hero {
        height: calc(var(--ob-app-height, 100svh) * 0.9) !important;
        min-height: 0 !important;
    }
    html body .site-main,
    html body.has-admin-bar .site-main,
    html body.admin-bar .site-main {
        padding-top: calc(var(--ob-app-height, 100svh) * 0.9 + 30px) !important;
    }
}

@media (max-width: 767px) {
    html body .hero,
    html body.has-admin-bar .hero,
    html body.admin-bar .hero {
        height: calc(var(--ob-app-height, 100svh) * 0.66) !important;
    }
    html body .site-main,
    html body.has-admin-bar .site-main,
    html body.admin-bar .site-main {
        padding-top: calc(var(--ob-app-height, 100svh) * 0.66 + 30px) !important;
    }
    html body .hero__inner {
        min-height: 0 !important;
    }
}

@media (max-width: 639px) {
    html body .hero,
    html body.has-admin-bar .hero,
    html body.admin-bar .hero {
        height: calc(var(--ob-app-height, 100svh) * 0.66) !important;
    }
    html body .site-main,
    html body.has-admin-bar .site-main,
    html body.admin-bar .site-main {
        padding-top: calc(var(--ob-app-height, 100svh) * 0.66 + 20px) !important;
    }
}

@media (max-width: 419px) {
    html body .hero,
    html body.has-admin-bar .hero,
    html body.admin-bar .hero {
        height: calc(var(--ob-app-height, 100svh) * 0.58) !important;
    }
    html body .site-main,
    html body.has-admin-bar .site-main,
    html body.admin-bar .site-main {
        padding-top: calc(var(--ob-app-height, 100svh) * 0.58 + 20px) !important;
    }
}

.site-shell {
    min-height: var(--ob-app-height, 100svh) !important;
}

.search-modal__dialog {
    -webkit-overflow-scrolling: touch;
}

.tesis-card__body {
    gap: 8px !important;
}
.tesis-card__title {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    font-size: 15px;
}
.tesis-card__title-link {
    display: -webkit-box !important;
    line-clamp: 2;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    width: 100% !important;
    min-height: 48px;
    color: inherit !important;
    text-decoration: none !important;
    text-align: center !important;
}
.tesis-card__title-link:hover {
    color: #15803d !important;
}
.ob-fp-tesis-features {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.ob-fp-tesis-chip {
    min-width: 0 !important;
    max-width: calc(50% - 3px) !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.tesis-card__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    margin-top: auto;
}

.tesis-card__actions .ob-fp-tesis-btn {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 42px;
    min-height: 42px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
    text-decoration: none !important;
    overflow: hidden;
    border: 1px solid transparent;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease;
    will-change: transform;
}

.tesis-card__actions .ob-fp-tesis-btn::before {
    content: none;
}

.tesis-card__actions .tesis-card__btn--route {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(21, 128, 61, 0.25), 0 1px 2px rgba(21,128,61,0.15);
}
.tesis-card__actions .tesis-card__btn--route:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(21, 128, 61, 0.35), 0 2px 4px rgba(21,128,61,0.2);
}
.tesis-card__actions .tesis-card__btn--route:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(21, 128, 61, 0.3);
}

.tesis-card__actions .tesis-card__btn--call {
    background: #ffffff !important;
    color: #15803d !important;
    border-color: #15803d !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.tesis-card__actions .tesis-card__btn--call:hover {
    background: #15803d !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(21, 128, 61, 0.3);
}
.tesis-card__actions .tesis-card__btn--call:active {
    transform: translateY(0);
}
.tesis-card__actions .tesis-card__btn--route {
    flex: 1 1 auto;
}
.tesis-card__actions .tesis-card__btn--route:last-child:nth-child(1) {
    grid-column: 1 / -1;
}
.tesis-card__actions .tesis-card__btn--call {
    flex: 0 0 108px;
}

.tesis-card__actions .ob-fp-tesis-btn-icon {
    color: inherit !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform: rotate(0deg) !important;
}
.tesis-card__actions .tesis-card__btn--route:hover .ob-fp-tesis-btn-icon {
    transform: translateX(3px) rotate(-45deg) !important;
}
.tesis-card__actions .tesis-card__btn--call:hover .ob-fp-tesis-btn-icon {
    animation: ob-tesis-ring 0.6s ease;
}
@keyframes ob-tesis-ring {
    0%, 100% { transform: rotate(0deg); }
    15% { transform: rotate(14deg); }
    30% { transform: rotate(-12deg); }
    45% { transform: rotate(10deg); }
    60% { transform: rotate(-8deg); }
    75% { transform: rotate(4deg); }
}
.ob-fp-tesis-btn {
    margin-top: 0 !important;
}
.tesis-card__text,
.ob-fp-tesis-adres {
    display: none !important;
}

html body header.site-header .site-header__menu-group > div.mega-menu.mega-menu--hizmetler-v2 {
    display: grid !important;
    width: fit-content !important;
    inline-size: fit-content !important;
    max-width: calc(100vw - 48px) !important;
    min-width: 0 !important;
}

html body header.site-header .mega-menu--hizmetler-v2 .hizv2-grid {
    width: fit-content !important;
    max-width: 100% !important;
}

html body header.site-header .site-header__menu-group > div.mega-menu.mega-menu--hizmetler-v2 {
    background: #ffffff !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-col,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-list-item,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-sec-title,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-title,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-desc,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-list-text,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-list-arrow {
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-sec-title,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-title,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-list-text {
    color: #0f172a !important;
    transition: none !important;
}
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-desc {
    color: #475569 !important;
    transition: none !important;
}
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-card:hover .hizv2-ebel-title,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-col--list:nth-of-type(2) .hizv2-list-item:hover .hizv2-list-text,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-col--list:nth-of-type(3) .hizv2-list-item:hover .hizv2-list-text {
    color: #0f172a !important;
}

html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-card,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-list-item,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-icon-wrap,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-list-dot {
    will-change: auto !important;
}
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-sec-header,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-sec-title,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-sec-title-icon,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-text,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-ebel-title,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-list-left,
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-list-text {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-shadow: none !important;
    mix-blend-mode: normal !important;
    backface-visibility: hidden !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    transform: none !important;
}
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-sec-title {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.045em !important;
    color: #0f172a !important;
}
html body header.site-header .mega-menu--hizmetler-v2 .hizv2-sec-title-icon {
    font-size: 12px !important;
    opacity: 1 !important;
}

.ob-mud-single,
.ob-mud-archive {
    background-color: var(--ob-color-slate-100);
    color: var(--ob-color-slate-800);
    position: relative;
}
.ob-mud-single__wrap,
.ob-mud-archive__wrap {
    padding-top: 48px;
    padding-bottom: 72px;
}

.ob-mud-single__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}
@media (min-width: 1024px) {
    .ob-mud-single__grid {
        grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
        gap: 32px;
    }
}

.ob-mud-single__main {
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
}
@media (min-width: 640px) {
    .ob-mud-single__main { padding: 32px; }
}

.ob-mud-single__head { min-width: 0; }
.ob-mud-single__eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ob-color-green-700);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}
.ob-mud-single__title {
    font-size: 24px;
    font-weight: 800;
    color: var(--ob-color-slate-900);
    letter-spacing: -0.025em;
    line-height: 1.2;
    margin: 0;
}
@media (min-width: 640px) {
    .ob-mud-single__title { font-size: 30px; }
}
.ob-mud-single__bars {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ob-mud-single__bar {
    display: block;
    height: 6px;
    border-radius: 999px;
}
.ob-mud-single__bar--primary { width: 64px; background: var(--ob-color-green-800); }
.ob-mud-single__bar--gold    { width: 16px; background: var(--ob-color-gold-500); }
.ob-mud-single__bar--muted   { width: 8px;  background: var(--ob-color-slate-300); }

.ob-mud-person {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid rgba(226, 232, 240, 0.7);
    background: linear-gradient(135deg, var(--ob-color-slate-50) 0%, rgba(241, 245, 249, 0.8) 100%);
}
@media (min-width: 640px) {
    .ob-mud-person {
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
        padding: 24px;
    }
}
.ob-mud-person__foto { flex-shrink: 0; }
.ob-mud-person__foto img,
.ob-mud-person__foto-ph {
    display: block;
    width: 112px;
    height: 128px;
    border-radius: 12px;
    object-fit: cover;
    box-sizing: border-box;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px var(--ob-color-slate-200), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.ob-mud-person__foto-ph {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--ob-color-green-800) 0%, var(--ob-color-green-900) 100%);
    color: rgba(255, 255, 255, 0.85);
    font-size: 40px;
}
@media (min-width: 640px) {
    .ob-mud-person__foto img,
    .ob-mud-person__foto-ph { width: 128px; height: 144px; }
}
.ob-mud-person__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ob-mud-person__badge {
    align-self: center;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 999px;
    background: rgba(15, 61, 30, 0.1);
    color: var(--ob-color-green-800);
    border: 1px solid rgba(15, 61, 30, 0.2);
}
@media (min-width: 640px) {
    .ob-mud-person__badge { align-self: flex-start; }
}
.ob-mud-person__name {
    font-size: 20px;
    font-weight: 700;
    color: var(--ob-color-slate-900);
    margin: 0;
    line-height: 1.3;
}
.ob-mud-person__role {
    font-size: 14px;
    font-weight: 500;
    color: var(--ob-color-slate-600);
    margin: 0;
}
.ob-mud-person__quote {
    font-size: 13px;
    font-style: italic;
    line-height: 1.625;
    color: var(--ob-color-slate-600);
    margin: 0;
    padding-top: 8px;
    border-top: 1px solid rgba(226, 232, 240, 0.8);
}
@media (min-width: 640px) {
    .ob-mud-person__quote { font-size: 14px; }
}

.ob-mud-single__block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}
.ob-mud-single__block-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--ob-color-slate-900);
    margin: 0;
}
.ob-mud-single__block-title > i { color: var(--ob-color-green-700); }
.ob-mud-single__content {
    font-size: 14px;
    line-height: 1.75;
    color: var(--ob-color-slate-600);
    word-wrap: break-word;
}
.ob-mud-single__content p { margin: 0 0 14px; }
.ob-mud-single__content p:last-child { margin-bottom: 0; }
.ob-mud-single__content ul,
.ob-mud-single__content ol { margin: 0 0 14px; padding-left: 22px; }
.ob-mud-single__content li { margin-bottom: 6px; }
.ob-mud-single__content strong { color: var(--ob-color-slate-800); font-weight: 600; }
.ob-mud-single__content a { color: var(--ob-color-green-700); }
.ob-mud-single__content h2,
.ob-mud-single__content h3,
.ob-mud-single__content h4 {
    color: var(--ob-color-slate-900);
    font-weight: 700;
    line-height: 1.35;
    margin: 20px 0 10px;
}
.ob-mud-single__content h2 { font-size: 20px; }
.ob-mud-single__content h3 { font-size: 17px; }
.ob-mud-single__content h4 { font-size: 15px; }
.ob-mud-single__content img { max-width: 100%; height: auto; border-radius: 12px; }
.ob-mud-single__pages { margin-top: 16px; }

.ob-mud-docs {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 640px) {
    .ob-mud-docs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ob-mud-doc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ob-mud-doc:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border-color: rgba(15, 61, 30, 0.4);
}
.ob-mud-doc__icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: var(--ob-color-green-100);
    color: var(--ob-color-green-700);
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ob-mud-doc:hover .ob-mud-doc__icon { background: var(--ob-color-green-800); color: #ffffff; }
.ob-mud-doc__text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ob-mud-doc__name {
    font-size: 14px;
    font-weight: 700;
    color: var(--ob-color-slate-900);
    line-height: 1.35;
}
.ob-mud-doc__meta {
    font-size: 11px;
    color: var(--ob-color-slate-500);
}
.ob-mud-doc__btn {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-decoration: none;
    background: var(--ob-color-slate-100);
    color: var(--ob-color-slate-700);
    transition: background-color 0.18s ease, color 0.18s ease;
}
.ob-mud-doc__btn:hover { background: var(--ob-color-green-800); color: #ffffff; }

.ob-mud-contact {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    padding: 24px;
    background: var(--ob-color-green-900);
    color: #ffffff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
@media (min-width: 640px) {
    .ob-mud-contact { padding: 28px; }
}
.ob-mud-contact__glow {
    position: absolute;
    right: -40px;
    bottom: -40px;
    width: 160px;
    height: 160px;
    border-radius: 999px;
    background: rgba(46, 125, 50, 0.35);
    filter: blur(40px);
    pointer-events: none;
}
.ob-mud-contact__title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.ob-mud-contact__title > i { color: var(--ob-color-gold-500); }
.ob-mud-contact__grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 640px) {
    .ob-mud-contact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ob-mud-contact__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}
.ob-mud-contact__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    color: var(--ob-color-gold-500);
    border: 1px solid rgba(255, 255, 255, 0.12);
    margin-top: 2px;
}
.ob-mud-contact__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ob-mud-contact__label {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(226, 232, 240, 0.72);
}
.ob-mud-contact__value {
    font-size: 13px;
    font-weight: 500;
    color: #e2e8f0;
    margin: 0;
    word-wrap: break-word;
}
@media (min-width: 640px) {
    .ob-mud-contact__value { font-size: 14px; }
}
.ob-mud-contact__value a { color: inherit; text-decoration: none; }
.ob-mud-contact__value a:hover { text-decoration: underline; }
.ob-mud-contact__ext {
    font-size: 12px;
    font-weight: 600;
    color: var(--ob-color-gold-500);
}

.ob-mud-single__aside {
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}
@media (min-width: 640px) {
    .ob-mud-single__aside { padding: 24px; }
}
@media (min-width: 1024px) {
    .ob-mud-single__aside { position: sticky; top: 24px; }
}
.ob-mud-side__head {
    border-bottom: 1px solid var(--ob-color-slate-100);
    padding-bottom: 12px;
}
.ob-mud-side__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--ob-color-slate-900);
    margin: 0;
}
.ob-mud-side__title > i { color: var(--ob-color-green-700); }
.ob-mud-side__search { position: relative; }
.ob-mud-side__search > i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--ob-color-slate-400);
    pointer-events: none;
}
.ob-mud-side__search input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 16px 8px 36px;
    font-size: 14px;
    color: var(--ob-color-slate-800);
    background: var(--ob-color-slate-50);
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 8px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ob-mud-side__search input::placeholder { color: var(--ob-color-slate-400); }
.ob-mud-side__search input:focus {
    outline: none;
    border-color: var(--ob-color-green-700);
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.15);
}
.ob-mud-side__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    max-height: 580px;
    overflow-y: auto;
    padding-right: 4px;
}
.ob-mud-side__list::-webkit-scrollbar { width: 5px; }
.ob-mud-side__list::-webkit-scrollbar-thumb {
    background: var(--ob-color-slate-300);
    border-radius: 3px;
}
.ob-mud-side__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ob-color-slate-700);
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.ob-mud-side__item-main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.ob-mud-side__item-main > i {
    width: 16px;
    text-align: center;
    color: var(--ob-color-slate-400);
    flex-shrink: 0;
    transition: color 0.15s ease;
}
.ob-mud-side__chev {
    font-size: 12px;
    opacity: 0;
    flex-shrink: 0;
    transition: opacity 0.15s ease;
}
.ob-mud-side__item:hover {
    background: var(--ob-color-slate-100);
    color: var(--ob-color-green-800);
}
.ob-mud-side__item:hover .ob-mud-side__item-main > i { color: var(--ob-color-green-700); }
.ob-mud-side__item:hover .ob-mud-side__chev { opacity: 1; }
.ob-mud-side__item.is-active {
    background: var(--ob-color-green-800);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ob-mud-side__item.is-active .ob-mud-side__item-main > i { color: #ffffff; }
.ob-mud-side__item.is-active .ob-mud-side__chev { opacity: 1; }
.ob-mud-side__empty {
    margin: 0;
    padding: 12px 0;
    font-size: 13px;
    text-align: center;
    color: var(--ob-color-slate-500);
}
.ob-mud-side__call {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
    text-align: center;
    background: var(--ob-color-slate-50);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 12px;
}
.ob-mud-side__call-icon {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: rgba(15, 61, 30, 0.1);
    color: var(--ob-color-green-800);
}
.ob-mud-side__call-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--ob-color-slate-800);
    margin: 0;
}
.ob-mud-side__call-text {
    font-size: 11px;
    color: var(--ob-color-slate-500);
    margin: 0;
}
.ob-mud-side__call-tel {
    font-size: 13px;
    font-weight: 700;
    color: var(--ob-color-green-800);
    text-decoration: none;
}
.ob-mud-side__call-tel:hover { text-decoration: underline; }

.ob-mud-archive__head { margin-bottom: 24px; }
.ob-mud-archive__title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ob-color-slate-900);
    margin: 0 0 8px;
}
.ob-mud-archive__desc {
    max-width: 720px;
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--ob-color-slate-600);
}
.ob-mud-archive__bars {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ob-mud-archive__filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 28px;
}
.ob-mud-archive__form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 260px;
    max-width: 560px;
}
.ob-mud-archive__search {
    position: relative;
    flex: 1;
}
.ob-mud-archive__search > i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--ob-color-slate-400);
    pointer-events: none;
}
.ob-mud-archive__search input {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 16px 10px 38px;
    font-size: 14px;
    color: var(--ob-color-slate-800);
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ob-mud-archive__search input::placeholder { color: var(--ob-color-slate-400); }
.ob-mud-archive__search input:focus {
    outline: none;
    border-color: var(--ob-color-green-700);
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.15);
}
.ob-mud-archive__submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, var(--ob-color-green-700) 0%, var(--ob-color-green-800) 100%);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.ob-mud-archive__submit:hover { box-shadow: 0 8px 18px -6px rgba(15, 61, 30, 0.55); }
.ob-mud-archive__submit:active { transform: scale(0.97); }
.ob-mud-archive__clear {
    font-size: 13px;
    font-weight: 600;
    color: var(--ob-color-slate-500);
    text-decoration: none;
}
.ob-mud-archive__clear:hover {
    color: var(--ob-color-green-800);
    text-decoration: underline;
}
.ob-mud-archive__count {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--ob-color-green-800);
    background: rgba(15, 61, 30, 0.08);
    padding: 6px 14px;
    border-radius: 999px;
}
.ob-mud-archive__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding-bottom: 50px;
}
@media (min-width: 640px) {
    .ob-mud-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .ob-mud-archive__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.ob-mud-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ob-mud-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px -12px rgba(15, 23, 42, 0.22);
    border-color: rgba(15, 61, 30, 0.35);
}
.ob-mud-card__head {
    display: flex;
    align-items: center;
    gap: 14px;
}
.ob-mud-card__icon {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: var(--ob-color-green-100);
    color: var(--ob-color-green-800);
    transition: background-color 0.2s ease, color 0.2s ease;
}
.ob-mud-card:hover .ob-mud-card__icon { background: var(--ob-color-green-800); color: #ffffff; }
.ob-mud-card__name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ob-color-slate-900);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ob-mud-card__name a { color: inherit; text-decoration: none; }
.ob-mud-card__mudur {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ob-color-slate-700);
}
.ob-mud-card__mudur > i { color: var(--ob-color-green-700); }
.ob-mud-card__mudur em {
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    color: var(--ob-color-slate-500);
}
.ob-mud-card__info {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ob-mud-card__info li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--ob-color-slate-600);
    min-width: 0;
}
.ob-mud-card__info li > i {
    width: 14px;
    text-align: center;
    flex-shrink: 0;
    color: var(--ob-color-slate-400);
}
.ob-mud-card__info a { color: inherit; text-decoration: none; }
.ob-mud-card__info a:hover { color: var(--ob-color-green-800); text-decoration: underline; }
.ob-mud-card__info em {
    font-style: normal;
    font-size: 12px;
    color: var(--ob-color-slate-500);
}
.ob-mud-card__btn {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
    background: var(--ob-color-green-800);
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.ob-mud-card__btn:hover {
    background: var(--ob-color-green-700);
    box-shadow: 0 8px 18px -6px rgba(15, 61, 30, 0.5);
    transform: translateY(-1px);
}
.ob-mud-card__btn > i { transition: transform 0.2s ease; }
.ob-mud-card__btn:hover > i { transform: translateX(3px); }

.ob-mud-archive__nav {
    text-align: center;
    margin: 40px auto 0;
}
.ob-mud-archive__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ob-mud-archive__nav li a,
.ob-mud-archive__nav li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid var(--ob-color-slate-200);
    background: #ffffff;
    color: var(--ob-color-slate-600);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}
.ob-mud-archive__nav li a:hover {
    border-color: var(--ob-color-green-800);
    color: var(--ob-color-green-800);
}
.ob-mud-archive__nav li.current > span,
.ob-mud-archive__nav li.current > a {
    background: var(--ob-color-green-800);
    border-color: var(--ob-color-green-800);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(15, 61, 30, 0.2);
}

.ob-mud-archive__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 56px 24px;
    text-align: center;
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 16px;
}
.ob-mud-archive__empty-ic {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    background: var(--ob-color-slate-100);
    color: var(--ob-color-slate-400);
}
.ob-mud-archive__empty-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--ob-color-slate-900);
    margin: 0;
}
.ob-mud-archive__empty-desc {
    font-size: 14px;
    color: var(--ob-color-slate-600);
    margin: 0;
}
.ob-mud-archive__empty .ob-mud-card__btn { margin-top: 8px; }

.ob-enc-hero {
    background: #f2f2f2;
    border-top: 1px solid var(--ob-color-green-700);
    padding: 34px 0 36px;
}
.ob-enc-hero__inner { position: relative; }
.ob-enc-hero__center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}
.ob-enc-hero__title {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-enc-hero__desc {
    margin: 0;
    max-width: none;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
}
@media (min-width: 768px) {
    .ob-enc-hero__desc { white-space: nowrap; }
}

.ob-enc-members { padding: 44px 0 8px; }
.ob-enc-members__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ob-color-slate-200);
}
.ob-enc-members__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--ob-font-heading);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ob-color-green-900);
    margin: 0;
}
@media (min-width: 640px) { .ob-enc-members__title { font-size: 28px; } }
.ob-enc-members__dot {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: linear-gradient(135deg, var(--ob-color-green-700), var(--ob-color-gold-500));
    box-shadow: 0 0 0 4px rgba(46, 125, 50, 0.12);
}
.ob-enc-members__count {
    font-size: 12px;
    font-weight: 700;
    color: var(--ob-color-green-700);
    background: var(--ob-color-green-100);
    border: 1px solid rgba(46, 125, 50, 0.18);
    border-radius: 9999px;
    padding: 4px 12px;
    white-space: nowrap;
}

.ob-enc-rows {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ob-enc-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 18px;
}
.ob-enc-grid--solo {
    display: flex;
    justify-content: center;
}
.ob-enc-grid--solo .ob-enc-card {
    width: 100%;
}
.ob-enc-grid--members {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
@media (max-width: 559px) {
    .ob-enc-grid--members .ob-enc-card__body { padding: 11px 10px 12px; gap: 5px; }
    .ob-enc-grid--members .ob-enc-card__name { font-size: 14px; }
    .ob-enc-grid--members .ob-enc-card__role { font-size: 11.5px; }
}
@media (min-width: 560px)  { .ob-enc-grid--members { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } }
@media (min-width: 768px)  { .ob-enc-grid--members { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
    .ob-enc-grid--solo .ob-enc-card { width: calc((100% - (5 * 16px)) / 6); }
    .ob-enc-grid--members {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 16px;
    }
}

.ob-enc-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.ob-enc-card:hover {
    border-color: var(--ob-color-slate-300);
    box-shadow: 0 12px 28px -14px rgba(11, 46, 22, 0.28);
    transform: translateY(-3px);
}
.ob-enc-card__photo {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: linear-gradient(150deg, var(--ob-color-green-800), var(--ob-color-green-900));
}
.ob-enc-card__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
.ob-enc-card:hover .ob-enc-card__photo img { transform: scale(1.06); }
.ob-enc-card__ph {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.9);
}
.ob-enc-card__ph span {
    font-family: var(--ob-font-heading);
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
}
.ob-enc-card__ph i { font-size: 15px; opacity: 0.45; }
.ob-enc-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 16px 16px;
    text-align: center;
}
.ob-enc-card__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--ob-font-heading);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--ob-color-green-900);
    margin: 0;
}
.ob-enc-card__role {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ob-color-green-700);
}

.ob-enc-duties { padding: 44px 0 80px; }
.ob-enc-duties__card {
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 18px;
    padding: clamp(22px, 3vw, 40px);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.ob-enc-duties__head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 18px;
    margin-bottom: 22px;
    border-bottom: 1px solid var(--ob-color-slate-200);
}
.ob-enc-duties__icon {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--ob-color-green-700), var(--ob-color-green-900));
    box-shadow: 0 8px 18px -8px rgba(15, 61, 30, 0.55);
}
.ob-enc-duties__titles { min-width: 0; }
.ob-enc-duties__title {
    font-family: var(--ob-font-heading);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ob-color-green-900);
    margin: 0 0 2px;
}
@media (min-width: 640px) { .ob-enc-duties__title { font-size: 28px; } }
.ob-enc-duties__sub {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ob-color-slate-500);
    margin: 0;
}

.ob-enc-duties__content {
    font-size: 15px;
    line-height: 1.75;
    color: var(--ob-color-slate-700);
}
.ob-enc-duties__content > *:last-child { margin-bottom: 0; }
.ob-enc-duties__content h2,
.ob-enc-duties__content h3,
.ob-enc-duties__content h4 {
    font-family: var(--ob-font-heading);
    color: var(--ob-color-green-900);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.35;
    margin: 26px 0 10px;
}
.ob-enc-duties__content h2 { font-size: 20px; }
.ob-enc-duties__content h3 { font-size: 17px; }
.ob-enc-duties__content h4 { font-size: 15px; }
.ob-enc-duties__content h2:first-child,
.ob-enc-duties__content h3:first-child,
.ob-enc-duties__content h4:first-child { margin-top: 0; }
.ob-enc-duties__content p { margin: 0 0 12px; }
.ob-enc-duties__content ul,
.ob-enc-duties__content ol { margin: 0 0 14px; padding-left: 22px; }
.ob-enc-duties__content li { margin-bottom: 6px; }
.ob-enc-duties__content strong { color: var(--ob-color-green-900); font-weight: 700; }
.ob-enc-duties__content a { color: var(--ob-color-green-700); text-decoration: underline; }
.ob-enc-duties__empty {
    color: var(--ob-color-slate-500);
    font-style: italic;
    margin: 0;
}

@media (max-width: 639px) {
    .ob-enc-hero { padding: 34px 0 36px; }
    .ob-enc-members { padding-top: 34px; }
    .ob-enc-duties { padding-bottom: 56px; }
}

.ob-meu-hero {
    background: #f2f2f2;
    border-top: 1px solid var(--ob-color-green-700);
    padding: 34px 0 36px;
}
.ob-meu-hero__inner { position: relative; }
.ob-meu-hero__center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}
.ob-meu-hero__title {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-meu-hero__desc {
    margin: 0;
    max-width: none;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
}

.ob-meu-members { padding: 38px 0 80px; }
.ob-meu-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.ob-meu-filters {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.ob-meu-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 9999px;
    border: 1px solid var(--ob-color-slate-300);
    background: #ffffff;
    color: var(--ob-color-green-900);
    font-family: var(--ob-font-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: all 0.25s ease;
}
.ob-meu-filter:hover,
.ob-meu-filter.is-active {
    border-color: var(--ob-color-green-700);
    background: var(--ob-color-green-900);
    color: #ffffff;
    box-shadow: 0 10px 20px -16px rgba(11, 46, 22, 0.65);
}
.ob-meu-toolbar__count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ob-color-slate-600);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.ob-meu-toolbar__count strong {
    color: var(--ob-color-green-900);
    font-size: 14px;
}

.ob-meu-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 18px;
}
@media (min-width: 560px) { .ob-meu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .ob-meu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ob-meu-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
@media (min-width: 1360px) { .ob-meu-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

.ob-meu-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.ob-meu-card[hidden] {
    display: none !important;
}
.ob-meu-card:hover {
    border-color: var(--ob-color-slate-300);
    box-shadow: 0 12px 28px -14px rgba(11, 46, 22, 0.28);
    transform: translateY(-3px);
}
.ob-meu-card__photo {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: linear-gradient(150deg, var(--ob-color-green-800), var(--ob-color-green-900));
}
.ob-meu-card__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
.ob-meu-card:hover .ob-meu-card__photo img { transform: scale(1.06); }
.ob-meu-card__ph {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.9);
}
.ob-meu-card__ph span {
    font-family: var(--ob-font-heading);
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
}
.ob-meu-card__ph i { font-size: 15px; opacity: 0.45; }
.ob-meu-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 16px 16px;
    text-align: center;
}
.ob-meu-card__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--ob-font-heading);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--ob-color-green-900);
    margin: 0;
}
.ob-meu-card__party {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 9999px;
    background: var(--ob-color-green-100);
    border: 1px solid rgba(46, 125, 50, 0.18);
    color: var(--ob-color-green-700);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.3;
}

.ob-meu-empty {
    padding: 28px;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 16px;
    background: #ffffff;
    color: var(--ob-color-slate-600);
    font-style: italic;
    text-align: center;
}

@media (max-width: 639px) {
    .ob-meu-hero { padding: 34px 0 36px; }
    .ob-meu-members { padding: 34px 0 56px; }
    .ob-meu-toolbar {
        align-items: flex-start;
        margin-bottom: 20px;
    }
    .ob-meu-filters {
        width: 100%;
        gap: 8px;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .ob-meu-filters::-webkit-scrollbar {
        display: none;
    }
    .ob-meu-filter {
        min-height: 38px;
        padding: 8px 12px;
        font-size: 12px;
        white-space: nowrap;
        flex: 0 0 auto;
    }
    .ob-meu-toolbar__count {
        display: none;
    }
    .ob-meu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .ob-meu-card__body {
        gap: 5px;
        padding: 12px 10px 14px;
    }
    .ob-meu-card__name {
        font-size: 13.5px;
    }
    .ob-meu-card__party {
        min-height: 26px;
        padding: 5px 10px;
        font-size: 11.5px;
    }
}

.ob-muhtar-hero {
    background: #f2f2f2;
    border-top: 1px solid var(--ob-color-green-700);
    padding: 34px 0 36px;
}
.ob-muhtar-hero__inner { position: relative; }
.ob-muhtar-hero__center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}
.ob-muhtar-hero__title {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-muhtar-hero__desc {
    margin: 0;
    max-width: 760px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
}

.ob-muhtar-main { padding: 38px 0 80px; }
.ob-muhtar-card {
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 18px;
    padding: clamp(18px, 3vw, 28px);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.ob-muhtar-table-scroll { overflow-x: auto; }
.ob-muhtar-content > *:first-child { margin-top: 0; }
.ob-muhtar-content > *:last-child { margin-bottom: 0; }
.ob-muhtar-content p {
    margin: 0 0 16px;
    color: var(--ob-color-slate-700);
    line-height: 1.7;
}
.ob-muhtar-content table {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #dbe7de;
    border-radius: 16px;
    background: #ffffff;
}
.ob-muhtar-content thead th {
    padding: 16px 18px;
    background: linear-gradient(135deg, var(--ob-color-green-900) 0%, var(--ob-color-green-800) 100%);
    color: #ffffff;
    font-family: var(--ob-font-heading);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: left;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.ob-muhtar-content thead th:last-child { border-right: 0; }
.ob-muhtar-content tbody td {
    padding: 15px 18px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--ob-color-slate-800);
    border-top: 1px solid #e7efe9;
    vertical-align: middle;
}
.ob-muhtar-content tbody tr:nth-child(even) td { background: #fbfefb; }
.ob-muhtar-content tbody tr:hover td { background: #f2faf4; }
.ob-muhtar-content tbody td:first-child {
    font-weight: 700;
    color: var(--ob-color-green-900);
}
.ob-muhtar-content tbody td:nth-child(2) {
    font-weight: 600;
    color: var(--ob-color-slate-800);
}
.ob-muhtar-content a {
    color: var(--ob-color-green-700);
    text-decoration: none;
    font-weight: 600;
}
.ob-muhtar-content a:hover { text-decoration: underline; }
.ob-muhtar-empty {
    color: var(--ob-color-slate-500);
    font-style: italic;
    margin: 0;
}

@media (max-width: 639px) {
    .ob-muhtar-hero { padding: 34px 0 36px; }
    .ob-muhtar-main { padding: 34px 0 56px; }
    .ob-muhtar-card { border-radius: 16px; }
    .ob-muhtar-content thead th,
    .ob-muhtar-content tbody td { padding: 13px 14px; }
}

.ob-contact-page {
    background:
        linear-gradient(180deg, #f8fbf8 0%, #f3f8f4 32%, #ffffff 100%);
}

.ob-contact-hero {
    position: relative;
    padding: 42px 0 36px;
    background:
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.08) 0%, rgba(34, 197, 94, 0) 34%),
        linear-gradient(180deg, #eef6f0 0%, #f7faf8 100%);
    border-bottom: 1px solid #e2ebe3;
}

.ob-contact-hero__inner {
    display: flex;
    justify-content: center;
}

.ob-contact-hero__center {
    max-width: 880px;
    text-align: center;
}

.ob-contact-hero__title {
    margin: 0;
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-weight: 700;
    color: #0f172a;
}

.ob-contact-hero__desc {
    margin: 10px auto 0;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
}

.ob-contact-shell {
    padding: 34px 0 72px;
}

.ob-contact-topgrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.ob-contact-mini {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    padding: 18px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #dfe9e2;
    box-shadow: 0 18px 50px -32px rgba(15, 23, 42, 0.16);
}

.ob-contact-mini__icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    background: linear-gradient(180deg, #eef8f0 0%, #e0f2e3 100%);
    border: 1px solid #d7e8da;
    color: var(--ob-color-green-700);
    font-size: 18px;
}

.ob-contact-mini__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ob-contact-mini__label {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.08em;
    color: #64748b;
    text-transform: uppercase;
}

.ob-contact-mini__value {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    color: #0f172a;
    text-decoration: none;
    word-break: break-word;
}

.ob-contact-mini__value:hover {
    color: var(--ob-color-green-700);
}

.ob-contact-mini__value--text:hover {
    color: #0f172a;
}

.ob-contact-intro {
    margin-top: 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 248, 0.98) 100%);
    border: 1px solid #e4ece6;
    box-shadow: 0 18px 46px -34px rgba(15, 23, 42, 0.16);
}

.ob-contact-intro__body {
    padding: 24px 26px;
    color: #334155;
    font-size: 15px;
    line-height: 1.82;
}

.ob-contact-intro__body > *:first-child { margin-top: 0; }
.ob-contact-intro__body > *:last-child { margin-bottom: 0; }

.ob-contact-form__notice-wrap {
    margin-bottom: 18px;
}

.ob-contact-form__notice-wrap.is-hidden {
    display: none;
}

.ob-contact-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 18px;
    border: 1px solid #dce9df;
    background: #ffffff;
    box-shadow: 0 18px 46px -34px rgba(15, 23, 42, 0.14);
}

.ob-contact-notice--success {
    border-color: #cfe8d5;
    background: linear-gradient(180deg, #f4fbf5 0%, #ffffff 100%);
}

.ob-contact-notice--error {
    border-color: #f1d7d7;
    background: linear-gradient(180deg, #fff7f7 0%, #ffffff 100%);
}

.ob-contact-notice__icon {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    font-size: 18px;
}

.ob-contact-notice--success .ob-contact-notice__icon {
    background: #ebf8ee;
    color: #15803d;
}

.ob-contact-notice--error .ob-contact-notice__icon {
    background: #fff0f0;
    color: #dc2626;
}

.ob-contact-notice__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ob-contact-notice__title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.ob-contact-notice__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #64748b;
}

.ob-contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 22px;
    align-items: stretch;
    margin-top: 22px;
}

.ob-contact-formcard,
.ob-contact-mapcard {
    background: #ffffff;
    border: 1px solid #e2ebe4;
    border-radius: 22px;
    box-shadow: 0 24px 60px -38px rgba(15, 23, 42, 0.18);
}

.ob-contact-formcard {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
}

.ob-contact-formcard__head {
    margin-bottom: 18px;
}

.ob-contact-formcard__eyebrow,
.ob-contact-mapcard__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #edf8ef;
    border: 1px solid #d6ebda;
    color: var(--ob-color-green-700);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ob-contact-formcard__title,
.ob-contact-mapcard__title {
    margin: 14px 0 0;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    font-weight: 700;
    color: #0f172a;
}

.ob-contact-formcard__desc {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.65;
    color: #64748b;
    max-width: 54ch;
}

.ob-contact-formcard__form {
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.ob-contact-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.ob-contact-form__field {
    margin: 0;
}

.ob-contact-form__field--full {
    margin-top: 10px;
}

.ob-contact-form__honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.ob-contact-form__consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    font-size: 12.5px;
    line-height: 1.55;
    color: #475569;
}

.ob-contact-form__consent input {
    margin-top: 2px;
    flex-shrink: 0;
}

.ob-contact-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 14px;
}

.ob-contact-form.is-loading button[type="submit"] {
    opacity: 0.72;
    pointer-events: none;
}

.ob-contact-formcard__form p { margin: 0 0 12px; }
.ob-contact-formcard__form p:last-child { margin-bottom: 0; }
.ob-contact-formcard__form label {
    display: block;
    margin-bottom: 6px;
    font-size: 12.5px;
    font-weight: 700;
    color: #334155;
}
.ob-contact-formcard__form input[type="text"],
.ob-contact-formcard__form input[type="email"],
.ob-contact-formcard__form input[type="tel"],
.ob-contact-formcard__form input[type="url"],
.ob-contact-formcard__form input[type="file"],
.ob-contact-formcard__form select,
.ob-contact-formcard__form textarea {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 13px;
    border: 1px solid #d6e5d9;
    background: #f9fcfa;
    color: #0f172a;
    font-size: 14px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.ob-contact-formcard__form textarea {
    min-height: 144px;
    padding-top: 12px;
    padding-bottom: 12px;
    resize: vertical;
}
.ob-contact-formcard__form input[type="file"] {
    padding: 12px 14px;
    min-height: 54px;
}
.ob-contact-formcard__form input:focus,
.ob-contact-formcard__form select:focus,
.ob-contact-formcard__form textarea:focus {
    outline: none;
    border-color: rgba(0, 145, 93, 0.5);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.1);
}
.ob-contact-formcard__form input[type="submit"],
.ob-contact-formcard__form button[type="submit"],
.ob-contact-formcard__form .wpcf7-submit,
.ob-contact-formcard__form .wpforms-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--ob-color-green-700) 0%, var(--ob-color-green-800) 100%);
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(0,96,60,0.18);
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1), filter 0.25s ease;
}
.ob-contact-formcard__form input[type="submit"]:hover,
.ob-contact-formcard__form button[type="submit"]:hover,
.ob-contact-formcard__form .wpcf7-submit:hover,
.ob-contact-formcard__form .wpforms-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(0,96,60,0.28);
    filter: brightness(1.02);
}

.ob-contact-fallback {
    display: grid;
    gap: 18px;
    padding: 24px;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fbf8 0%, #f3f8f4 100%);
    border: 1px solid #e0ebe2;
}

.ob-contact-fallback__icon {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #dce8de;
    color: var(--ob-color-green-700);
    font-size: 20px;
}

.ob-contact-fallback__title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.25;
    color: #0f172a;
}

.ob-contact-fallback__text {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #64748b;
}

.ob-contact-fallback__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ob-contact-side {
    min-width: 0;
    display: flex;
}

.ob-contact-sidecard {
    position: sticky;
    top: 28px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    overflow: hidden;
    width: 100%;
    padding: 26px;
    border-radius: 22px;
    background: linear-gradient(180deg, #0a341d 0%, #062615 100%);
    border: 1px solid rgba(140, 182, 154, 0.18);
    color: #ffffff;
    box-shadow: 0 28px 60px -36px rgba(2, 18, 10, 0.55);
}

.ob-contact-sidecard__glow {
    position: absolute;
    right: -70px;
    bottom: -70px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(46, 125, 50, 0.28);
    filter: blur(42px);
    pointer-events: none;
}

.ob-contact-sidecard__head,
.ob-contact-sidecard__list,
.ob-contact-sidecard__actions {
    position: relative;
    z-index: 1;
}

.ob-contact-sidecard__title {
    margin: 0;
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #ffffff;
}

.ob-contact-sidecard__list {
    display: grid;
    gap: 16px;
    margin-top: 24px;
}

.ob-contact-sidecard__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.ob-contact-sidecard__item:first-child { padding-top: 0; border-top: 0; }

.ob-contact-sidecard__icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border-radius: 11px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #f1d37a;
    font-size: 15px;
}

.ob-contact-sidecard__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.ob-contact-sidecard__label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.08em;
    color: rgba(226, 232, 240, 0.68);
    text-transform: uppercase;
}

.ob-contact-sidecard__value {
    margin: 0;
    font-size: 14px;
    line-height: 1.75;
    color: #f8fafc;
    word-break: break-word;
}

.ob-contact-sidecard__value a {
    color: inherit;
    text-decoration: none;
}

.ob-contact-sidecard__value a:hover {
    text-decoration: underline;
}

.ob-contact-sidecard__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
}

.ob-contact-mapcard {
    margin-top: 22px;
    padding: 24px;
}

.ob-contact-mapcard__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.ob-contact-mapcard__titles {
    min-width: 0;
}

.ob-contact-mapcard__frame,
.ob-contact-mapcard__placeholder {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #dfe9e2;
    background: #f7faf8;
}

.ob-contact-mapcard__frame iframe {
    display: block;
    width: 100%;
    height: 430px;
    border: 0;
}

.ob-contact-mapcard__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 42px 26px;
}

.ob-contact-mapcard__placeholder-icon {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 62px;
    background: #ffffff;
    border: 1px solid #dce8de;
    color: var(--ob-color-green-700);
    font-size: 24px;
}

.ob-contact-mapcard__placeholder-title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.25;
    color: #0f172a;
}

.ob-contact-mapcard__placeholder-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: #64748b;
    max-width: 62ch;
}

@media (max-width: 1179px) {
    .ob-contact-topgrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ob-contact-layout {
        grid-template-columns: minmax(0, 1fr);
    }
    .ob-contact-sidecard {
        position: relative;
        top: auto;
    }
}

@media (max-width: 767px) {
    .ob-contact-hero {
        padding: 34px 0 30px;
    }
    .ob-contact-hero__title {
        font-size: 32px;
    }
    .ob-contact-hero__desc {
        font-size: 14px;
        line-height: 1.75;
    }
    .ob-contact-shell {
        padding: 26px 0 56px;
    }
    .ob-contact-topgrid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .ob-contact-notice {
        padding: 16px;
        border-radius: 16px;
    }
    .ob-contact-mini {
        padding: 16px;
        border-radius: 16px;
    }
    .ob-contact-mini__icon {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        flex-basis: 42px;
        font-size: 17px;
    }
    .ob-contact-intro__body,
    .ob-contact-formcard,
    .ob-contact-sidecard,
    .ob-contact-mapcard {
        padding: 20px;
    }
    .ob-contact-form__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .ob-contact-formcard__title,
    .ob-contact-sidecard__title,
    .ob-contact-mapcard__title {
        font-size: 24px;
    }
    .ob-contact-mapcard__head {
        flex-direction: column;
        align-items: flex-start;
    }
    .ob-contact-mapcard__head .ob-btn {
        width: 100%;
        justify-content: center;
    }
    .ob-contact-mapcard__frame iframe {
        height: 340px;
    }
    .ob-contact-mapcard__placeholder {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
    }
    .ob-contact-fallback__actions,
    .ob-contact-sidecard__actions,
    .ob-contact-form__actions {
        flex-direction: column;
    }
    .ob-contact-fallback__actions .ob-btn,
    .ob-contact-sidecard__actions .ob-btn,
    .ob-contact-form__actions .ob-btn {
        width: 100%;
        justify-content: center;
    }
}

.ob-basvuru-archive__section,
.ob-basvuru-single__shell {
    padding: 32px 0 56px;
}

.ob-basvuru-archive__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.ob-basvuru-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 24px;
    border-radius: 22px;
    border: 1px solid #e2ebe4;
    background: #ffffff;
    box-shadow: 0 24px 60px -38px rgba(15, 23, 42, 0.18);
}

.ob-basvuru-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.ob-basvuru-card__tag,
.ob-basvuru-card__status {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ob-basvuru-card__tag {
    background: #edf8ef;
    border: 1px solid #d6ebda;
    color: var(--ob-color-green-700);
}

.ob-basvuru-card__status.is-open {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.ob-basvuru-card__status.is-closed {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #b45309;
}

.ob-basvuru-card__title {
    margin: 0;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.03em;
}

.ob-basvuru-card__title a {
    color: #0f172a;
    text-decoration: none;
}

.ob-basvuru-card__title a:hover {
    color: var(--ob-color-green-700);
}

.ob-basvuru-card__desc {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.75;
}

.ob-basvuru-card__actions {
    margin-top: auto;
    padding-top: 6px;
}

.ob-application-form__help {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.ob-application-form__consent + .ob-application-form__consent {
    margin-top: 10px;
}

.ob-basvuru-single__layout {
    align-items: stretch;
}

@media (max-width: 991px) {
    .ob-basvuru-archive__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .ob-basvuru-archive__section,
    .ob-basvuru-single__shell {
        padding: 24px 0 50px;
    }

    .ob-basvuru-card {
        padding: 20px;
        border-radius: 18px;
    }

    .ob-basvuru-card__title {
        font-size: 22px;
    }
}

.ob-org-page {
    width: 100%;
    background: #ffffff;
}

.ob-org-page-head {
    width: 100%;
    padding: 12px clamp(16px, 2.4vw, 40px) 0;
    background: #ffffff;
}

.ob-org-page-head__inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
}

.ob-org-page-head__title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 12px 24px;
    border: 1px solid rgba(46, 125, 50, 0.16);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #f3f8f3 100%);
    color: #0f172a;
    box-shadow: 0 14px 30px -20px rgba(11, 46, 22, 0.35);
    font-size: clamp(26px, 2.7vw, 38px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.ob-org-stage {
    width: 100%;
    padding: 24px 0 64px;
    background: #ffffff;
    overflow-x: auto;
    overflow-y: hidden;
}

.ob-org-canvas {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 8px clamp(16px, 2.4vw, 40px) 0;
}

.ob-org-tree {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 1720px;
}

.ob-org-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin-bottom: 8px;
}

.ob-org-side,
.ob-org-node {
    position: relative;
}

.ob-org-side--left::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -32px;
    width: 32px;
    height: 2px;
    background: #cbd5e1;
    transform: translateY(-50%);
}

.ob-org-side--right::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -32px;
    width: 32px;
    height: 2px;
    background: #cbd5e1;
    transform: translateY(-50%);
}

.ob-org-organ {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    width: 256px;
    padding: 16px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #0F3D1E 0%, #0B2E16 100%);
    color: #ffffff;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 12px 24px -16px rgba(11, 46, 22, 0.65);
    transition: transform .25s ease, box-shadow .25s ease;
}

.ob-org-organ--meclis {
    border-left: 4px solid var(--ob-color-gold-500, #FBBF24);
}

.ob-org-organ--encumen {
    border-right: 4px solid var(--ob-color-green-500, #22C55E);
}

.ob-org-organ:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 32px -18px rgba(11, 46, 22, 0.7);
}

.ob-org-organ__icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    font-size: 18px;
}

.ob-org-organ--meclis .ob-org-organ__icon {
    background: rgba(251, 191, 36, 0.2);
    color: var(--ob-color-gold-500, #FBBF24);
}

.ob-org-organ--encumen .ob-org-organ__icon {
    background: rgba(34, 197, 94, 0.2);
    color: var(--ob-color-green-500, #22C55E);
}

.ob-org-organ__body {
    display: block;
    min-width: 0;
}

.ob-org-organ__eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ob-org-organ--meclis .ob-org-organ__eyebrow {
    color: var(--ob-color-gold-500, #FBBF24);
}

.ob-org-organ--encumen .ob-org-organ__eyebrow {
    color: var(--ob-color-green-500, #22C55E);
}

.ob-org-organ__title {
    display: block;
    margin-top: 2px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.ob-org-organ__foot {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 11px;
}

.ob-org-organ__meta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ob-org-organ__meta i {
    font-size: 11px;
    opacity: .7;
}

.ob-org-organ__cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
}

.ob-org-organ--meclis .ob-org-organ__cta {
    background: rgba(251, 191, 36, 0.2);
    color: var(--ob-color-gold-400, #FCD34D);
}

.ob-org-organ--encumen .ob-org-organ__cta {
    background: rgba(34, 197, 94, 0.2);
    color: #86efac;
}

.ob-org-organ__cta i {
    font-size: 8px;
}

.ob-org-children {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 24px;
}

.ob-org-children::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 24px;
    background: #cbd5e1;
    transform: translateX(-50%);
}

.ob-org-children-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

.ob-org-children-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 2px;
    background: #cbd5e1;
}

.ob-org-children-container:has(> .ob-org-item:only-child)::before {
    display: none;
}

.ob-org-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 6px 0;
}

.ob-org-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 24px;
    background: #cbd5e1;
    transform: translateX(-50%);
}

.ob-org-item--empty {
    padding: 12px;
}

.ob-org-item--empty::before {
    display: none;
}

.ob-org-units {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    padding: 8px 0;
}

.ob-org-direct {
    position: relative;
}

.ob-org-direct--left::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -40px;
    width: 40px;
    height: 2px;
    background: #cbd5e1;
    transform: translateY(-50%);
}

.ob-org-direct--right::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -40px;
    width: 40px;
    height: 2px;
    background: #cbd5e1;
    transform: translateY(-50%);
}

.ob-org-direct__card {
    display: block;
    width: 256px;
    padding: 12px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    font: inherit;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 8px 18px -16px rgba(15, 23, 42, 0.45);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.ob-org-direct__card:hover {
    transform: translateY(-4px);
    border-color: #2E7D32;
    box-shadow: 0 18px 28px -18px rgba(11, 46, 22, 0.5);
}

.ob-org-direct__label {
    display: block;
    margin-bottom: 4px;
    color: #2E7D32;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ob-org-direct__label i {
    margin-right: 4px;
    font-size: 10px;
}

.ob-org-direct__title {
    display: block;
    color: #1e293b;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.ob-org-baskan {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 320px;
    padding: 24px 20px 20px;
    border: 2px solid var(--ob-color-gold-500, #FBBF24);
    border-radius: 14px;
    background: linear-gradient(180deg, #0F3D1E 0%, #0B2E16 100%);
    color: #ffffff;
    font: inherit;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 18px 34px -20px rgba(11, 46, 22, 0.8);
    transition: transform .25s ease, box-shadow .25s ease;
}

.ob-org-baskan:hover {
    transform: translateY(-4px);
    box-shadow: 0 26px 42px -20px rgba(11, 46, 22, 0.85);
}

.ob-org-baskan__badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 14px;
    border-radius: 999px;
    background: var(--ob-color-gold-500, #FBBF24);
    color: #0B2E16;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 6px 14px -6px rgba(11, 46, 22, 0.6);
}

.ob-org-baskan__photo {
    display: block;
    width: 156px;
    height: 200px;
    margin-top: 6px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
}

.ob-org-baskan__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 16%;
}

.ob-org-baskan__placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.35);
    font-size: 44px;
}

.ob-org-baskan__name {
    display: block;
    margin-top: 14px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.ob-org-baskan__role {
    display: block;
    margin-top: 3px;
    color: var(--ob-color-gold-500, #FBBF24);
    font-size: 12px;
    font-weight: 600;
}

.ob-org-baskan__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 12px;
}

.ob-org-baskan__meta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    text-align: left;
}

.ob-org-baskan__meta i {
    color: var(--ob-color-gold-500, #FBBF24);
    font-size: 11px;
}

.ob-org-baskan__cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 6px;
    background: #2E7D32;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
}

.ob-org-baskan__cta i {
    font-size: 9px;
}

.ob-org-vp {
    position: relative;
    display: block;
    width: 220px;
    padding: 12px;
    border: 0;
    border-top: 4px solid #2E7D32;
    border-radius: 8px;
    background: #0F3D1E;
    color: #ffffff;
    font: inherit;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 12px 22px -16px rgba(11, 46, 22, 0.7);
    transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.ob-org-vp:hover {
    transform: translateY(-3px);
    background: #144A26;
    box-shadow: 0 20px 30px -18px rgba(11, 46, 22, 0.75);
}

.ob-org-vp__role {
    display: block;
    margin-bottom: 2px;
    color: var(--ob-color-gold-500, #FBBF24);
    font-size: 11px;
    font-weight: 500;
}

.ob-org-vp__name {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.ob-org-vp-units {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 210px;
    margin-top: 24px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f1f5f9;
}

.ob-org-vp-units::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    width: 2px;
    height: 24px;
    background: #cbd5e1;
    transform: translateX(-50%);
}

.ob-org-vp-units__head {
    display: block;
    padding-bottom: 6px;
    border-bottom: 1px solid #e2e8f0;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-align: left;
    text-transform: uppercase;
}

.ob-org-vp-unit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    background: #ffffff;
    color: #334155;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 2px 6px -4px rgba(15, 23, 42, 0.35);
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.ob-org-vp-unit:hover {
    background: #0F3D1E;
    border-color: #0F3D1E;
    color: #ffffff;
}

.ob-org-vp-unit__title {
    min-width: 0;
}

.ob-org-vp-unit i {
    flex-shrink: 0;
    font-size: 10px;
    opacity: .6;
}

.ob-org-vp-units__empty {
    display: block;
    padding: 10px 12px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

body.ob-org-modal-open {
    overflow: hidden;
}

.ob-org-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 24, 15, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}

.ob-org-modal.is-open {
    opacity: 1;
    visibility: visible;
}

.ob-org-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 540px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 30px 70px -30px rgba(8, 24, 15, 0.65);
    transform: translateY(12px);
    transition: transform .25s ease;
}

.ob-org-modal.is-open .ob-org-modal__dialog {
    transform: translateY(0);
}

.ob-org-modal__head {
    position: relative;
    padding: 24px 24px 18px;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(135deg, #0F3D1E 0%, #0B2E16 100%);
    color: #ffffff;
}

.ob-org-modal__x {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    transition: background-color .2s ease;
}

.ob-org-modal__x:hover {
    background: rgba(255, 255, 255, 0.24);
}

.ob-org-modal__cat {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.18);
    color: var(--ob-color-gold-400, #FCD34D);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ob-org-modal__title {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}

.ob-org-modal__sub {
    margin: 6px 0 0;
    color: #cbd5e1;
    font-size: 13px;
}

.ob-org-modal__body {
    padding: 22px 24px 6px;
}

.ob-org-modal__person {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.ob-org-modal__avatar {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #e8f3ea;
    color: #2E7D32;
    font-size: 20px;
}

.ob-org-modal__person-body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ob-org-modal__label {
    display: block;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ob-org-modal__label i {
    margin-right: 4px;
}

.ob-org-modal__value {
    margin-top: 2px;
    color: #1e293b;
    font-size: 15px;
    font-weight: 600;
}

.ob-org-modal__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.ob-org-modal__grid:not(:has(> .ob-org-modal__cell:not(.is-empty))) {
    display: none;
}

.ob-org-modal__cell {
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
}

.ob-org-modal__desc {
    margin-top: 12px;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.ob-org-modal__label--block {
    margin-bottom: 6px;
}

.ob-org-modal__desc p {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
}

.ob-org-modal__foot {
    display: flex;
    justify-content: flex-end;
    padding: 18px 24px 24px;
}

.ob-org-modal__close {
    padding: 10px 22px;
    border: 0;
    border-radius: 8px;
    background: #0F3D1E;
    color: #ffffff;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease;
}

.ob-org-modal__close:hover {
    background: #2E7D32;
}

.ob-org-modal [data-org-field].is-empty {
    display: none;
}

@media (max-width: 1400px) {
    .ob-org-stage {
        overflow-x: visible;
    }

    .ob-org-tree {
        min-width: 0;
        width: 100%;
    }

    .ob-org-topbar {
        flex-direction: column;
        align-items: center;
        gap: 32px;
        width: 100%;
    }

    .ob-org-node {
        order: 1;
    }

    .ob-org-side--left {
        order: 2;
    }

    .ob-org-side--right {
        order: 3;
    }

    .ob-org-organ,
    .ob-org-baskan {
        width: 100%;
        max-width: 420px;
    }

    .ob-org-node,
    .ob-org-side--left,
    .ob-org-side--right {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .ob-org-node::after,
    .ob-org-side--left::after {
        content: "";
        position: absolute;
        top: auto;
        right: auto;
        bottom: -32px;
        left: 50%;
        width: 2px;
        height: 32px;
        background: #cbd5e1;
        transform: translateX(-50%);
    }

    .ob-org-side--right::before {
        display: none;
    }

    .ob-org-units {
        flex-direction: column;
        gap: 24px;
        width: 100%;
    }

    .ob-org-direct--left::after,
    .ob-org-direct--right::before {
        display: none;
    }

    .ob-org-direct__card {
        width: 100%;
        max-width: 420px;
    }

    .ob-org-direct {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .ob-org-children-container {
        flex-direction: column;
        align-items: center;
    }

    .ob-org-children-container::before {
        display: none;
    }

    .ob-org-item {
        width: 100%;
    }

    .ob-org-vp,
    .ob-org-vp-units {
        width: 100%;
        max-width: 420px;
    }
}

@media (max-width: 767px) {
    .ob-org-page-head {
        padding-top: 4px;
    }
    .ob-org-page-head__title {
        width: 100%;
        max-width: 100%;
        padding: 12px 16px;
        font-size: 24px;
        border-radius: 18px;
    }
    .ob-org-stage {
        padding: 16px 0 48px;
    }
    .ob-org-modal {
        padding: 14px;
    }
    .ob-org-modal__grid {
        grid-template-columns: 1fr;
    }
    .ob-org-modal__head,
    .ob-org-modal__body,
    .ob-org-modal__foot {
        padding-left: 18px;
        padding-right: 18px;
    }
}

.ob-mkl-hero {
    background: #f2f2f2;
    border-top: 1px solid var(--ob-color-green-700);
    padding: 34px 0 36px;
}
.ob-mkl-hero__inner { position: relative; }
.ob-mkl-hero__center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}
.ob-mkl-hero__title {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-mkl-hero__desc {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
}
@media (min-width: 768px) {
    .ob-mkl-hero__desc { white-space: nowrap; }
}

.ob-mkl-liste { padding: 40px 0 56px; }

.ob-mkl-filtre {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: var(--ob-shadow-sm);
}
.ob-mkl-filtre__arama {
    position: relative;
    flex: 1 1 260px;
    min-width: 220px;
}
.ob-mkl-filtre__arama > i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #94a3b8;
    pointer-events: none;
}
.ob-mkl-filtre__arama input {
    width: 100%;
    height: 46px;
    padding: 0 16px 0 40px;
    font-family: var(--ob-font-sans);
    font-size: 14px;
    color: #0f172a;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    outline: none;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ob-mkl-filtre__arama input::placeholder { color: #94a3b8; }
.ob-mkl-filtre__arama input:focus {
    background: #ffffff;
    border-color: var(--ob-color-green-700);
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12);
}
.ob-mkl-filtre__select { flex: 0 1 auto; }
.ob-mkl-filtre__select select {
    height: 46px;
    min-width: 168px;
    padding: 0 38px 0 16px;
    font-family: var(--ob-font-sans);
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    background-color: #f8fafc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ob-mkl-filtre__select select:focus {
    background-color: #ffffff;
    border-color: var(--ob-color-green-700);
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12);
}
.ob-mkl-filtre__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 22px;
    font-family: var(--ob-font-sans);
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    background: var(--ob-color-green-700);
    border: 1px solid var(--ob-color-green-700);
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .15s ease;
}
.ob-mkl-filtre__btn i { font-size: 13px; color: currentColor; }
.ob-mkl-filtre__btn:hover {
    background: var(--ob-color-green-800);
    border-color: var(--ob-color-green-800);
    box-shadow: var(--ob-shadow-md);
    transform: translateY(-1px);
}
.ob-mkl-filtre__temizle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 46px;
    padding: 0 16px;
    font-family: var(--ob-font-sans);
    font-size: 13.5px;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}
.ob-mkl-filtre__temizle i { font-size: 13px; color: currentColor; }
.ob-mkl-filtre__temizle:hover {
    color: var(--ob-color-green-800);
    border-color: var(--ob-color-green-700);
    background: #f0fdf4;
}

.ob-mkl-tablo-kapsayici {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow-x: auto;
    box-shadow: var(--ob-shadow-sm);
}
.ob-mkl-tablo {
    width: 100%;
    min-width: 1040px;
    border-collapse: collapse;
}
.ob-mkl-th {
    padding: 15px 18px;
    text-align: left;
    font-family: var(--ob-font-sans);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #ffffff;
    background: var(--ob-color-green-800);
    white-space: nowrap;
}
.ob-mkl-th--no { width: 130px; }

.ob-mkl-th--ad { min-width: 220px; }
.ob-mkl-th--gundem-tarih,
.ob-mkl-th--karar-tarih { width: 150px; }
.ob-mkl-th--gundem-btn,
.ob-mkl-th--karar-btn { width: 190px; }

.ob-mkl-satir { transition: background-color .16s ease; }
.ob-mkl-satir:hover { background: #f6fbf7; }
.ob-mkl-satir + .ob-mkl-satir .ob-mkl-td { border-top: 1px solid #eef2f6; }
.ob-mkl-td {
    padding: 16px 18px;
    vertical-align: middle;
    font-family: var(--ob-font-sans);
    font-size: 14.5px;
    color: #334155;
}

.ob-mkl-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    padding: 6px 12px;
    font-family: var(--ob-font-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ob-color-green-800);
    background: var(--ob-color-green-100);
    border: 1px solid rgba(46, 125, 50, 0.22);
    border-radius: 8px;
}
.ob-mkl-no--bos {
    color: #94a3b8;
    background: #f1f5f9;
    border-color: #e2e8f0;
    font-weight: 600;
}
.ob-mkl-baslik {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #0f172a;
    text-decoration: none;
    transition: color .16s ease;
}
.ob-mkl-baslik:hover { color: var(--ob-color-green-700); }

.ob-mkl-dosya-kutu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 13px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}
.ob-mkl-dosya-kutu__tarih {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    line-height: 1.35;
    color: #64748b;
    white-space: nowrap;
}
.ob-mkl-dosya-kutu__tarih i { font-size: 12.5px; color: var(--ob-color-green-700); }
.ob-mkl-dosya-kutu__deger {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}
.ob-mkl-dosya-kutu--karar .ob-mkl-dosya-kutu__tarih i { color: #0f766e; }
.ob-mkl-dosya-kutu .ob-mkl-eylem-btn { flex: 0 0 auto; }

.ob-mkl-eylem-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    font-family: var(--ob-font-sans);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 9px;
    white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .15s ease;
}
.ob-mkl-eylem-btn i { font-size: 13px; color: currentColor; }

.ob-mkl-eylem-btn--gundem {
    color: #ffffff;
    background: var(--ob-color-green-700);
    border-color: var(--ob-color-green-700);
}
.ob-mkl-eylem-btn--gundem:hover {
    color: #ffffff;
    background: var(--ob-color-green-800);
    border-color: var(--ob-color-green-800);
    box-shadow: var(--ob-shadow-md);
    transform: translateY(-1px);
}

.ob-mkl-eylem-btn--karar {
    color: var(--ob-color-green-800);
    background: #ffffff;
    border-color: var(--ob-color-green-700);
}
.ob-mkl-eylem-btn--karar:hover {
    color: #ffffff;
    background: var(--ob-color-green-800);
    border-color: var(--ob-color-green-800);
    box-shadow: var(--ob-shadow-md);
    transform: translateY(-1px);
}

.ob-mkl-eylem-btn--pasif {
    color: #94a3b8;
    background: #f1f5f9;
    border-color: #e2e8f0;
    cursor: not-allowed;
    pointer-events: none;
}

@media (max-width: 767px) {
    .ob-mkl-hero { padding: 30px 0 32px; }
    .ob-mkl-hero__title { font-size: 28px; }
    .ob-mkl-hero__desc { font-size: 14.5px; white-space: normal; }
    .ob-mkl-liste { padding: 28px 0 44px; }

    .ob-mkl-filtre { padding: 14px; gap: 10px; }
    .ob-mkl-filtre__arama { flex: 1 1 100%; min-width: 0; }
    .ob-mkl-filtre__select { flex: 1 1 calc(50% - 5px); }
    .ob-mkl-filtre__select select { min-width: 0; width: 100%; }
    .ob-mkl-filtre__btn { flex: 1 1 auto; }
    .ob-mkl-filtre__temizle { flex: 0 0 auto; }

    .ob-mkl-tablo-kapsayici { background: transparent; border: 0; border-radius: 0; overflow: visible; box-shadow: none; }
    .ob-mkl-tablo { min-width: 0; display: block; }
    .ob-mkl-tablo thead { display: none; }
    .ob-mkl-tablo tbody { display: block; }
    .ob-mkl-satir {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 12px;
        row-gap: 12px;
        align-items: center;
        margin-bottom: 12px;
        padding: 16px 16px 16px 18px;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-left: 3px solid var(--ob-color-green-700);
        border-radius: 12px;
        box-shadow: var(--ob-shadow-sm);
    }
    .ob-mkl-satir + .ob-mkl-satir .ob-mkl-td { border-top: 0; }
    .ob-mkl-td { display: block; padding: 0; }
    .ob-mkl-td + .ob-mkl-td { margin-top: 0; }
    .ob-mkl-td--no { grid-column: 1; }
    .ob-mkl-td--ad { grid-column: 2; min-width: 0; }
    .ob-mkl-baslik { display: block; }

    .ob-mkl-td--gundem-kutu,
    .ob-mkl-td--karar-kutu { grid-column: 1 / -1; }
    .ob-mkl-dosya-kutu { flex-wrap: wrap; }
    .ob-mkl-dosya-kutu .ob-mkl-eylem-btn { padding: 9px 12px; flex: 1 1 auto; justify-content: center; }
}

.ob-mkl-single {
    background: #f8fafc;
}
.ob-mkl-single__wrap {
    padding-top: 32px;
}
.ob-mkl-single .ob-duyuru-layout {
    padding-top: 0;
    margin-top: 0;
}

.ob-mkl-kart__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eef2f6;
}
.ob-mkl-kararno {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--ob-color-green-700);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.3px;
    padding: 8px 14px;
    border-radius: 999px;
}
.ob-mkl-kararno i { font-size: 11px; opacity: 0.9; }
.ob-mkl-kart__baslik {
    margin: 0;
    font-family: 'Outfit', 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.4px;
    color: #0f3d1e;
}
.ob-mkl-meta {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    margin-bottom: 22px;
}
.ob-mkl-kart__aciklama {
    margin: 0 0 22px;
    font-size: 15px;
    line-height: 1.75;
    color: #334155;
}
.ob-mkl-kart__aciklama p { margin: 0 0 12px; }
.ob-mkl-kart__aciklama p:last-child { margin-bottom: 0; }
.ob-mkl-kart__altbaslik {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 14px;
    font-family: 'Outfit', 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #0f3d1e;
}
.ob-mkl-kart__altbaslik i { color: var(--ob-color-green-700); font-size: 15px; }
.ob-mkl-kart__dosya { margin: 0; }

.ob-mkl-dosya-tarih { display: inline-flex; align-items: center; gap: 6px; }
.ob-mkl-dosya-tarih i { font-size: 12px; }

@media (max-width: 767px) {
    .ob-mkl-single__wrap { padding-top: 20px; }
    .ob-mkl-kart__baslik { font-size: 21px; }
}

.ob-fr-hero {
    background: #f2f2f2;
    border-top: 1px solid var(--ob-color-green-700);
    padding: 34px 0 36px;
}
.ob-fr-hero__inner { position: relative; }
.ob-fr-hero__center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    align-items: center;
}
.ob-fr-hero__title {
    margin: 0;
    font-family: var(--ob-font-heading);
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-fr-hero__desc {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
}

.ob-fr-main { padding: 38px 0 80px; }

.ob-fr-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}
@media (min-width: 560px) { .ob-fr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .ob-fr-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ob-fr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } }

.ob-fr-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.ob-fr-card:hover {
    border-color: var(--ob-color-slate-300);
    box-shadow: 0 14px 30px -16px rgba(11, 46, 22, 0.3);
    transform: translateY(-3px);
}
.ob-fr-card__cover {
    position: relative;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: linear-gradient(150deg, var(--ob-color-green-800), var(--ob-color-green-900));
}
.ob-fr-card__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
.ob-fr-card:hover .ob-fr-card__cover img { transform: scale(1.05); }
.ob-fr-card__year {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 9999px;
    background: rgba(11, 46, 22, 0.92);
    color: #ffffff;
    font-family: var(--ob-font-heading);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1;
}

.ob-fr-card__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    flex: 1 1 auto;
    align-items: center;
    text-align: center;
}
.ob-fr-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-family: var(--ob-font-heading);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #0f3d1e;
    text-align: center;
}

.ob-fr-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: auto;
}
.ob-fr-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 9999px;
    border: 1px solid transparent;
    font-family: var(--ob-font-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    overflow: hidden;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
.ob-fr-btn i {
    font-size: 13px;
    color: inherit;
    transition: transform 0.25s ease;
}
.ob-fr-btn--download {
    background: var(--ob-color-green-900);
    border-color: var(--ob-color-green-900);
    color: #ffffff;
}
.ob-fr-btn--download:hover {
    background: var(--ob-color-green-700);
    border-color: var(--ob-color-green-700);
    color: #ffffff;
    box-shadow: 0 10px 20px -14px rgba(11, 46, 22, 0.8);
}
.ob-fr-btn--download:hover i { transform: translateY(2px); }
.ob-fr-btn--view {
    background: #ffffff;
    border-color: var(--ob-color-slate-300);
    color: var(--ob-color-green-900);
}
.ob-fr-btn--view:hover {
    background: var(--ob-color-green-900);
    border-color: var(--ob-color-green-900);
    color: #ffffff;
    box-shadow: 0 10px 20px -14px rgba(11, 46, 22, 0.8);
}
.ob-fr-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-18deg);
    transition: left 0.55s ease;
    pointer-events: none;
}
.ob-fr-btn:hover::after { left: 130%; }

.ob-fr-card__missing {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: auto 0 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--ob-color-slate-500);
}

.ob-fr-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 64px 20px;
    border: 1px dashed var(--ob-color-slate-300);
    border-radius: 16px;
    background: var(--ob-color-slate-50);
    text-align: center;
}
.ob-fr-empty i { font-size: 30px; color: var(--ob-color-slate-400); }
.ob-fr-empty h2 {
    margin: 0;
    font-family: var(--ob-font-heading);
    font-size: 19px;
    font-weight: 700;
    color: #0f3d1e;
}
.ob-fr-empty p { margin: 0; font-size: 14px; color: var(--ob-color-slate-500); }

@media (max-width: 767px) {
    .ob-fr-hero { padding: 28px 0 30px; }
    .ob-fr-hero__title { font-size: 28px; }
    .ob-fr-hero__desc { font-size: 14px; }
    .ob-fr-main { padding: 30px 0 56px; }
    .ob-fr-card__title { font-size: 16px; }
}

.ob-ek-hero {
    padding: 34px 0 36px;
    background: #f2f2f2;
    border-top: 1px solid var(--ob-color-green-700);
}
.ob-ek-hero__inner { position: relative; }
.ob-ek-hero__center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}
.ob-ek-hero__title {
    margin: 0;
    font-family: var(--ob-font-heading);
    font-size: 38px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #0f3d1e;
}
.ob-ek-hero__desc {
    margin: 0;
    max-width: 760px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ob-color-slate-600);
}
.ob-ek-main { padding: 38px 0 80px; }
.ob-ek-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    box-shadow: 0 18px 46px -30px rgba(15, 61, 30, 0.22);
    overflow: hidden;
}
.ob-ek-content {
    padding: 28px 32px 34px;
    color: #334155;
}
.ob-ek-content > :first-child { margin-top: 0; }
.ob-ek-content > :last-child { margin-bottom: 0; }
.ob-ek-content h2 {
    margin: 0 0 14px;
    font-family: var(--ob-font-heading);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    color: #0f3d1e;
}
.ob-ek-content h3 {
    margin: 28px 0 12px;
    font-family: var(--ob-font-heading);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f3d1e;
}
.ob-ek-content p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
}
.ob-ek-content ul {
    margin: 0 0 18px;
    padding-left: 20px;
}
.ob-ek-content li {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.75;
    color: #334155;
}
.ob-ek-content a {
    color: var(--ob-color-green-800);
    text-decoration: none;
    border-bottom: 1px solid rgba(11, 46, 22, 0.16);
    transition: color .2s ease, border-color .2s ease;
}
.ob-ek-content a:hover {
    color: var(--ob-color-green-900);
    border-color: rgba(11, 46, 22, 0.42);
}
.ob-ek-table-wrap {
    margin: 18px 0 22px;
    border: 1px solid #cbd5e1;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
}
.ob-ek-table {
    width: 100%;
    border-collapse: collapse;
}
.ob-ek-table thead th {
    padding: 15px 18px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0f3d1e;
    text-align: left;
}
.ob-ek-table tbody td {
    padding: 16px 18px;
    border-top: 1px solid #e2e8f0;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1.65;
    color: #334155;
}
.ob-ek-table tbody tr:first-child td { border-top: 0; }
.ob-ek-role {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(11, 46, 22, 0.08);
    color: #0f3d1e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.ob-ek-role--chair {
    background: #0b2e16;
    color: #ffffff;
}
.ob-ek-doc-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: min(100%, 50%);
    padding: 12px;
    background: #f8fafc;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 14px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.ob-ek-doc-card:hover {
    border-color: rgba(15, 61, 30, 0.4);
}
.ob-ek-doc-card__main {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
}
.ob-ek-doc-card > *,
.ob-ek-doc-card__main > *,
.ob-ek-doc-card__main > * > * {
    margin: 0 !important;
}
.ob-ek-doc-card p,
.ob-ek-doc-card div,
.ob-ek-doc-card span,
.ob-ek-doc-card strong,
.ob-ek-doc-card a {
    margin: 0 !important;
}
.ob-ek-doc-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dcfce7;
    color: #0f3d1e;
    font-size: 18px;
    flex: 0 0 auto;
    transition: all 0.3s ease;
}
.ob-ek-doc-card:hover .ob-ek-doc-card__icon {
    background: #0f3d1e;
    color: #ffffff;
}
.ob-ek-doc-card__label {
    margin: 0 !important;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.4;
    color: #1e293b;
    word-break: break-all;
    transition: color 0.3s ease;
}
.ob-ek-doc-card:hover .ob-ek-doc-card__label {
    color: #0f3d1e;
}
.ob-ek-doc-card__meta {
    display: none;
}
.ob-ek-doc-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0 !important;
    padding: 6px 13px;
    background: #fff;
    border: 1px solid #e2e8f0 !important;
    border-radius: 11px;
    color: #334155 !important;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1;
    transition: all 0.3s ease;
}
.ob-ek-doc-card__btn:hover {
    background: #0f3d1e;
    color: #ffffff !important;
    border-color: #0f3d1e !important;
}
.ob-ek-empty {
    margin: 0;
    font-size: 15px;
    color: #64748b;
}
@media (max-width: 767px) {
    .ob-ek-hero { padding: 28px 0 30px; }
    .ob-ek-hero__title { font-size: 28px; }
    .ob-ek-hero__desc { font-size: 14px; }
    .ob-ek-main { padding: 30px 0 56px; }
    .ob-ek-content { padding: 22px 18px 24px; }
    .ob-ek-content h2 { font-size: 17px; }
    .ob-ek-content h3 { font-size: 18px; }
    .ob-ek-content p,
    .ob-ek-content li { font-size: 15px; }
    .ob-ek-table-wrap { overflow-x: auto; }
    .ob-ek-table { min-width: 640px; }
    .ob-ek-doc-card {
        flex-direction: column;
        width: 100%;
        align-items: stretch;
        justify-content: flex-start;
    }
    .ob-ek-doc-card__btn {
        width: 100%;
    }
}

.ob-ne-hero {
    padding: 34px 0 36px;
    background: #f2f2f2;
    border-top: 1px solid var(--ob-color-green-700);
}
.ob-ne-hero__inner { position: relative; }
.ob-ne-hero__center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}
.ob-ne-hero__title {
    margin: 0;
    font-family: var(--ob-font-heading);
    font-size: 38px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #0f3d1e;
}
.ob-ne-hero__desc {
    margin: 0;
    max-width: 780px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ob-color-slate-600);
}
.ob-ne-main { padding: 38px 0 80px; }
.ob-ne-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
}
.ob-ne-meta__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}
.ob-ne-meta__item i { color: #0f3d1e; }
.ob-ne-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}
@media (min-width: 768px) {
    .ob-ne-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
    .ob-ne-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.ob-ne-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 100%;
    padding: 22px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 18px 46px -30px rgba(15, 61, 30, 0.22);
}
.ob-ne-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}
.ob-ne-card__title {
    margin: 0 0 10px;
    font-family: var(--ob-font-heading);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    color: #0f3d1e;
}
.ob-ne-card__district {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(11, 46, 22, 0.08);
    color: #0f3d1e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.ob-ne-card__icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 46, 22, 0.08);
    color: #0f3d1e;
    font-size: 19px;
    flex: 0 0 auto;
}
.ob-ne-card__address,
.ob-ne-card__phone {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #334155;
}
.ob-ne-card__address i,
.ob-ne-card__phone i {
    width: 18px;
    margin-top: 4px;
    color: #0f3d1e;
    flex: 0 0 auto;
}
.ob-ne-card__actions {
    display: flex;
    margin-top: auto;
}
.ob-ne-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: #0b2e16;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #0b2e16;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ob-ne-btn:hover {
    background: #124721;
    border-color: #124721;
    box-shadow: 0 12px 24px -18px rgba(18, 71, 33, 0.7);
    transform: translateY(-1px);
}
.ob-ne-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 42px 24px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    text-align: center;
}
.ob-ne-empty i {
    font-size: 30px;
    color: var(--ob-color-slate-400);
}
.ob-ne-empty h2 {
    margin: 0;
    font-family: var(--ob-font-heading);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #0f3d1e;
}
.ob-ne-empty p {
    max-width: 560px;
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #64748b;
}
@media (max-width: 767px) {
    .ob-ne-hero { padding: 28px 0 30px; }
    .ob-ne-hero__title { font-size: 28px; }
    .ob-ne-hero__desc { font-size: 14px; }
    .ob-ne-main { padding: 30px 0 56px; }
    .ob-ne-card { padding: 18px; }
    .ob-ne-card__title { font-size: 20px; }
    .ob-ne-card__address,
    .ob-ne-card__phone { font-size: 14px; }
    .ob-ne-btn { width: 100%; }
}

.ob-vf-hero {
    background: #f2f2f2;
    border-top: 1px solid var(--ob-color-green-700);
    padding: 34px 0 36px;
}
.ob-vf-hero__inner { position: relative; }
.ob-vf-hero__center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}
.ob-vf-hero__title {
    margin: 0;
    font-family: var(--ob-font-heading);
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #052e16;
}
.ob-vf-hero__desc {
    margin: 0;
    max-width: 820px;
    font-family: var(--ob-font-sans);
    font-weight: 400;
    font-size: 15.5px;
    line-height: 1.7;
    color: #475569;
}

.ob-vf-main { padding: 38px 0 80px; }
.ob-vf-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}
.ob-vf-arama {
    position: relative;
    flex: 1 1 320px;
    min-width: 240px;
    display: flex;
    align-items: center;
}
.ob-vf-arama > i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #94a3b8;
    pointer-events: none;
}
.ob-vf-arama input {
    width: 100%;
    height: 46px;
    padding: 0 120px 0 40px;
    font-family: var(--ob-font-sans);
    font-size: 14px;
    color: #0f172a;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    outline: none;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ob-vf-arama input::placeholder { color: #94a3b8; }
.ob-vf-arama input:focus {
    background: #ffffff;
    border-color: var(--ob-color-green-700);
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12);
}
.ob-vf-arama__temizle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    font-family: var(--ob-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    color: #475569;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}
.ob-vf-arama__temizle i { font-size: 12px; }
.ob-vf-arama__temizle:hover {
    color: var(--ob-color-green-800);
    border-color: var(--ob-color-green-700);
    background: #f0fdf4;
}
.ob-vf-bilgi {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px;
    font-family: var(--ob-font-sans);
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
}
.ob-vf-bilgi i { color: #0f3d1e; }

.ob-vf-tablo-kapsayici {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow-x: auto;
    box-shadow: var(--ob-shadow-sm);
}
.ob-vf-table {
    width: 100%;
    min-width: 880px;
    border-collapse: collapse;
}
.ob-vf-th {
    padding: 11px 16px;
    text-align: left;
    font-family: var(--ob-font-sans);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #ffffff;
    background: var(--ob-color-green-800);
    white-space: nowrap;
}
.ob-vf-th--no { width: 62px; text-align: center; }
.ob-vf-th--tarih { width: 158px; }
.ob-vf-th--ad { width: 220px; }

.ob-vf-row { transition: background-color .16s ease; }
.ob-vf-row[hidden] { display: none; }
.ob-vf-row:hover { background: #f6fbf7; }
.ob-vf-row + .ob-vf-row .ob-vf-td { border-top: 1px solid #eef2f6; }
.ob-vf-td {
    padding: 10px 16px;
    vertical-align: middle;
    font-family: var(--ob-font-sans);
    font-size: 13.5px;
    line-height: 1.5;
    color: #334155;
}
.ob-vf-td--no { text-align: center; }
.ob-vf-no {
    display: inline-block;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #94a3b8;
}
.ob-vf-tarih {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    white-space: nowrap;
}
.ob-vf-tarih i { font-size: 12px; color: var(--ob-color-slate-400); }
.ob-vf-ad {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #0f172a;
}
.ob-vf-bos { color: #cbd5e1; font-weight: 600; }

.ob-vf-sayfalama {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 22px;
}
.ob-vf-sayfalama[hidden] { display: none; }
.ob-vf-sayfalama__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    font-family: var(--ob-font-sans);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1;
    color: #334155;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ob-vf-sayfalama__btn:hover {
    color: var(--ob-color-green-800);
    border-color: var(--ob-color-green-700);
    background: #f0fdf4;
}
.ob-vf-sayfalama__btn.is-active {
    color: #ffffff;
    background: var(--ob-color-green-800);
    border-color: var(--ob-color-green-800);
    cursor: default;
}
.ob-vf-sayfalama__btn.is-ellipsis {
    min-width: 24px;
    padding: 0;
    color: #94a3b8;
    background: transparent;
    border: 0;
    cursor: default;
}
.ob-vf-sayfalama__btn.is-disabled {
    color: #cbd5e1;
    cursor: default;
}
.ob-vf-sayfalama__btn.is-disabled:hover {
    color: #cbd5e1;
    border-color: #e2e8f0;
    background: #ffffff;
}
.ob-vf-sayfalama__btn i { font-size: 12px; }

.ob-vf-sonuc-yok,
.ob-vf-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 42px 24px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    text-align: center;
}
.ob-vf-sonuc-yok[hidden] { display: none; }
.ob-vf-sonuc-yok { margin-top: 18px; }
.ob-vf-sonuc-yok i,
.ob-vf-empty i {
    font-size: 30px;
    color: var(--ob-color-slate-400);
}
.ob-vf-sonuc-yok p,
.ob-vf-empty p {
    max-width: 560px;
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #64748b;
}
.ob-vf-empty h2 {
    margin: 0;
    font-family: var(--ob-font-heading);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #0f3d1e;
}

@media (max-width: 767px) {
    .ob-vf-hero { padding: 28px 0 30px; }
    .ob-vf-hero__title { font-size: 28px; }
    .ob-vf-hero__desc { font-size: 14.5px; }
    .ob-vf-main { padding: 28px 0 56px; }

    .ob-vf-toolbar { flex-direction: column; align-items: stretch; gap: 10px; }
    .ob-vf-arama { flex: 1 1 auto; min-width: 0; }
    .ob-vf-bilgi { align-self: flex-start; }

    .ob-vf-tablo-kapsayici { background: transparent; border: 0; border-radius: 0; overflow: visible; box-shadow: none; }
    .ob-vf-table { min-width: 0; display: block; }
    .ob-vf-table thead { display: none; }
    .ob-vf-table tbody { display: block; }
    .ob-vf-row {
        display: flex;
        flex-direction: column;
        position: relative;
        margin-bottom: 10px;
        padding: 14px 14px 14px 16px;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-left: 3px solid var(--ob-color-green-700);
        border-radius: 12px;
        box-shadow: var(--ob-shadow-sm);
    }
    .ob-vf-row[hidden] { display: none; }
    .ob-vf-row + .ob-vf-row .ob-vf-td { border-top: 0; }
    .ob-vf-td { display: block; padding: 0; }
    .ob-vf-td + .ob-vf-td { margin-top: 8px; }
    .ob-vf-td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 3px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #94a3b8;
    }
    .ob-vf-td--no {
        position: absolute;
        top: 14px;
        right: 16px;
        margin: 0;
        text-align: right;
    }
    .ob-vf-td--no::before { display: none; }
    .ob-vf-td--ad { order: 1; margin-top: 0; padding-right: 48px; }
    .ob-vf-td--tarih { order: 2; }
    .ob-vf-td--taziye { order: 3; }
    .ob-vf-td--defin { order: 4; }
    .ob-vf-td--ad::before { display: none; }
    .ob-vf-ad { font-size: 15px; }

    .ob-vf-sayfalama { margin-top: 18px; gap: 5px; }
    .ob-vf-sayfalama__btn {
        min-width: 34px;
        height: 34px;
        font-size: 13px;
    }
}

body.home .haber-slider,
body.home .haber-slider + .ucblok,
body.home .haber-slider + .ucblok + .projelerimiz,
body.home .haber-slider + .ucblok + .projelerimiz + .sosyaltesisler,
body.home .haber-slider + .ucblok + .projelerimiz + .sosyaltesisler + .sehrimizi-taniyin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 50px 0 !important;
}

@media (min-width: 1025px) {
    .ob-baskan-hero .ob-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ob-baskan-hero__info {
        align-self: start;
        min-height: 0;
    }
}

.ob-baskan-album-single__section {
    padding: 52px 0 72px;
    background: #ffffff;
}
.ob-baskan-album-single__topbar {
    margin-bottom: 20px;
}
.ob-baskan-album-single__backlink {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #166534;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.ob-baskan-album-single__backlink:hover,
.ob-baskan-album-single__backlink:focus-visible {
    color: #14532d;
    outline: none;
}
.ob-baskan-album-single__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 28px;
    align-items: stretch;
    margin-bottom: 28px;
    padding: 28px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 20px 42px -34px rgba(15, 23, 42, 0.28);
}
.ob-baskan-album-single__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #166534;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.ob-baskan-album-single__title {
    margin: 12px 0 10px;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #0f172a;
}
.ob-baskan-album-single__desc {
    margin: 0;
    max-width: 780px;
    font-size: 15px;
    line-height: 1.8;
    color: #475569;
}
.ob-baskan-album-single__cover {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    min-height: 100%;
    background: #e2e8f0;
}
.ob-baskan-album-single__cover img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    display: block;
}
.ob-baskan-album-single__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.ob-baskan-album-single__grid--single {
    grid-template-columns: minmax(0, 1fr);
}
.ob-baskan-album-single__item {
    display: block;
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 1 / 1;
    background: #e2e8f0;
    box-shadow: 0 14px 26px -22px rgba(15, 23, 42, 0.35);
}
.ob-baskan-album-single__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .28s cubic-bezier(.2,.8,.2,1);
}
.ob-baskan-album-single__item:hover img,
.ob-baskan-album-single__item:focus-visible img {
    transform: scale(1.04);
}

@media (max-width: 1024px) {
    .ob-baskan-album-single__intro {
        grid-template-columns: 1fr;
    }
    .ob-baskan-album-single__cover {
        max-width: 420px;
    }
    .ob-baskan-album-single__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .ob-baskan-album-single__section {
        padding: 38px 0 48px;
    }
    .ob-baskan-album-single__intro {
        gap: 18px;
        margin-bottom: 18px;
        padding: 18px;
        border-radius: 18px;
    }
    .ob-baskan-album-single__title {
        font-size: 30px;
    }
    .ob-baskan-album-single__desc {
        font-size: 14px;
        line-height: 1.7;
    }
    .ob-baskan-album-single__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .ob-baskan-album-single__item {
        border-radius: 12px;
    }
}

.ob-baskan-media-card__title-link {
    color: inherit;
    text-decoration: none;
}
.ob-baskan-media-card__title-link:focus-visible {
    outline: none;
}

.ob-baskan-video-single__section {
    padding: 52px 0 72px;
    background: #ffffff;
}
.ob-baskan-video-single__topbar {
    margin-bottom: 20px;
}
.ob-baskan-video-single__backlink {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #166534;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.ob-baskan-video-single__backlink:hover,
.ob-baskan-video-single__backlink:focus-visible {
    color: #14532d;
    outline: none;
}
.ob-baskan-video-single__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 28px;
    align-items: stretch;
    margin-bottom: 24px;
    padding: 28px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 20px 42px -34px rgba(15, 23, 42, 0.28);
}
.ob-baskan-video-single__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #166534;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.ob-baskan-video-single__title {
    margin: 12px 0 10px;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #0f172a;
}
.ob-baskan-video-single__desc {
    margin: 0;
    max-width: 780px;
    font-size: 15px;
    line-height: 1.8;
    color: #475569;
}
.ob-baskan-video-single__cover {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    min-height: 100%;
    background: #e2e8f0;
}
.ob-baskan-video-single__cover img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    display: block;
}
.ob-baskan-video-single__player {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 20px;
    background: #0f172a;
    box-shadow: 0 22px 48px -34px rgba(15, 23, 42, 0.45);
}
.ob-baskan-video-single__player iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 1024px) {
    .ob-baskan-video-single__intro {
        grid-template-columns: 1fr;
    }
    .ob-baskan-video-single__cover {
        max-width: 420px;
    }
}

@media (max-width: 640px) {
    .ob-baskan-video-single__section {
        padding: 38px 0 48px;
    }
    .ob-baskan-video-single__intro {
        gap: 18px;
        margin-bottom: 18px;
        padding: 18px;
        border-radius: 18px;
    }
    .ob-baskan-video-single__title {
        font-size: 30px;
    }
    .ob-baskan-video-single__desc {
        font-size: 14px;
        line-height: 1.7;
    }
    .ob-baskan-video-single__player {
        border-radius: 16px;
    }
}

.ob-baskan-media-card__body {
    text-align: center;
}

.ob-baskan-media-card--video .ob-baskan-media-card__body {
    padding-right: 14px;
    padding-left: 14px;
}

body .site-header .mega-menu {
    overflow: visible !important;
}

body .site-header .mega-menu::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translateX(-50%) rotate(45deg);
    background: #ffffff;
    border-top: 1px solid rgba(226, 232, 240, 0.96);
    border-left: 1px solid rgba(226, 232, 240, 0.96);
    border-radius: 5px 0 0 0;
    box-shadow: -8px -8px 18px -16px rgba(15, 23, 42, 0.28);
    pointer-events: none;
}

body .site-header .mega-menu.mega-menu--listpanel {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

body .site-header .mega-menu.mega-menu--listpanel::before {
    content: none !important;
}

body .site-header .mega-menu.mega-menu--listpanel .mega-menu__single-panel {
    position: relative;
}

body .site-header .mega-menu.mega-menu--listpanel .mega-menu__single-panel::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translateX(-50%) rotate(45deg);
    background: linear-gradient(to bottom, rgba(248, 250, 252, 0.90) 0%, rgba(241, 245, 249, 0.50) 100%);
    border-top: 1px solid rgba(203, 213, 225, 0.55);
    border-left: 1px solid rgba(203, 213, 225, 0.55);
    border-radius: 5px 0 0 0;
    box-shadow: -8px -8px 18px -16px rgba(15, 23, 42, 0.20);
    pointer-events: none;
}

body .site-header .mega-menu.mega-menu--listpanel .mega-menu__single-panel {
    gap: 0 !important;
}

body .site-header .mega-menu.mega-menu--listpanel .mega-menu__single-head {
    display: none !important;
}

html body header.site-header .site-header__menu-group > div.mega-menu.mega-menu--hizmetler-v2,
html body header.site-header .site-header__menu-group:hover > div.mega-menu.mega-menu--hizmetler-v2,
html body header.site-header .site-header__menu-group:focus-within > div.mega-menu.mega-menu--hizmetler-v2 {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body header.site-header .site-header__menu-group > div.mega-menu.mega-menu--hizmetler-v2::before,
html body header.site-header .site-header__menu-group > div.mega-menu.mega-menu--hizmetler-v2::after {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

html body .site-top-bar .site-top-bar__group--right,
html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > i.site-top-bar__icon,
html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > i.site-top-bar__icon {
    flex: 0 0 auto !important;
    width: 1em !important;
    height: 1em !important;
    max-width: 1em !important;
    max-height: 1em !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact {
    min-height: 20px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    transform: translateY(1px);
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > i.site-top-bar__icon,
html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > span {
    position: relative;
    top: 0.5px;
}

html body .site-top-bar .site-top-bar__group--right {
    gap: 10px !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgb(27 84 28 / 18%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    color: #ffffff !important;
    transform: none !important;
    transition: background-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease !important;
    opacity: 1 !important;
    letter-spacing: 0 !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > i.site-top-bar__icon,
html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > span {
    position: static !important;
    top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > i.site-top-bar__icon {
    width: 14px !important;
    height: 14px !important;
    margin-right: 8px !important;
    font-size: 13px !important;
    opacity: 1 !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > span {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact:hover,
html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact:focus-visible {
    background: rgb(27 84 28 / 45%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 2px 4px rgba(0, 0, 0, 0.18) !important;
    color: #ffffff !important;
    outline: none !important;
    opacity: 1 !important;
}

html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact:hover > i.site-top-bar__icon,
html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact:hover > span,
html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact:focus-visible > i.site-top-bar__icon,
html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact:focus-visible > span {
    color: #ffffff !important;
    text-shadow: none !important;
}

@media (max-width: 991px) {
    html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact {
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 10px !important;
    }

    html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact > i.site-top-bar__icon {
        margin-right: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact {
        transition: none !important;
    }
}

@media (min-width: 768px) {
    html body .site-top-bar {
        height: 40px !important;
    }

    html body .site-top-bar .site-top-bar__inner {
        height: 40px !important;
        min-height: 40px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }
}

:root {
    --ob-a11y-font-scale: 1;
    --ob-a11y-content-scale: 1;
    --ob-a11y-line-height: 1.6;
    --ob-a11y-letter-spacing: 0px;
    --ob-a11y-focus: #f59e0b;
    --ob-a11y-focus-ring: rgba(245, 158, 11, 0.28);
    --ob-a11y-panel-bg: #ffffff;
    --ob-a11y-panel-text: #0f172a;
    --ob-a11y-panel-muted: #475569;
    --ob-a11y-panel-border: rgba(148, 163, 184, 0.28);
    --ob-a11y-panel-shadow: 0 24px 60px -24px rgba(15, 23, 42, 0.35);
}

html {
    font-size: calc(16px * var(--ob-a11y-font-scale));
}

html body .container-site,
html body .ob-container {
    max-width: calc(var(--ob-container-width, 1320px) * var(--ob-a11y-content-scale));
}

html.ob-a11y-readable-font body,
html.ob-a11y-readable-font input,
html.ob-a11y-readable-font textarea,
html.ob-a11y-readable-font select,
html.ob-a11y-readable-font button {
    font-family: Arial, Helvetica, sans-serif !important;
}

html.ob-a11y-spacing body p,
html.ob-a11y-spacing body li,
html.ob-a11y-spacing body blockquote,
html.ob-a11y-spacing body dd,
html.ob-a11y-spacing body dt,
html.ob-a11y-spacing body label,
html.ob-a11y-spacing body input,
html.ob-a11y-spacing body textarea,
html.ob-a11y-spacing body select,
html.ob-a11y-spacing body td,
html.ob-a11y-spacing body th,
html.ob-a11y-spacing body .hizv2-list-text,
html.ob-a11y-spacing body .hizv2-ebel-desc,
html.ob-a11y-spacing body .footer__tagline,
html.ob-a11y-spacing body .ob-page-hero__desc {
    line-height: var(--ob-a11y-line-height) !important;
    letter-spacing: var(--ob-a11y-letter-spacing) !important;
    word-spacing: calc(var(--ob-a11y-letter-spacing) * 1.8);
}

html.ob-a11y-align-left body p,
html.ob-a11y-align-left body li,
html.ob-a11y-align-left body blockquote,
html.ob-a11y-align-left body dd,
html.ob-a11y-align-left body dt,
html.ob-a11y-align-left body .footer__tagline,
html.ob-a11y-align-left body .ob-page-hero__desc {
    text-align: left !important;
}

html.ob-a11y-align-center body p,
html.ob-a11y-align-center body li,
html.ob-a11y-align-center body blockquote,
html.ob-a11y-align-center body dd,
html.ob-a11y-align-center body dt,
html.ob-a11y-align-center body .footer__tagline,
html.ob-a11y-align-center body .ob-page-hero__desc {
    text-align: center !important;
}

html.ob-a11y-align-justify body p,
html.ob-a11y-align-justify body li,
html.ob-a11y-align-justify body blockquote,
html.ob-a11y-align-justify body dd,
html.ob-a11y-align-justify body dt,
html.ob-a11y-align-justify body .footer__tagline,
html.ob-a11y-align-justify body .ob-page-hero__desc {
    text-align: justify !important;
}

html.ob-a11y-underline body a[href]:not(.site-header__logo-link):not(.footer__logo):not(.footer__social-link):not(.site-header__btn):not(.drawer__btn-primary):not(.ob-a11y__fab):not(.ob-a11y__secondary):not(.service-pill) {
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 0.2em !important;
}

html.ob-a11y-reduce-motion,
html.ob-a11y-reduce-motion body {
    scroll-behavior: auto !important;
}

html.ob-a11y-reduce-motion *,
html.ob-a11y-reduce-motion *::before,
html.ob-a11y-reduce-motion *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
}

html.ob-a11y-motor body button,
html.ob-a11y-motor body input:not([type="checkbox"]):not([type="radio"]),
html.ob-a11y-motor body select,
html.ob-a11y-motor body textarea,
html.ob-a11y-motor body .site-header__btn,
html.ob-a11y-motor body .site-top-bar__contact,
html.ob-a11y-motor body .drawer__btn-primary,
html.ob-a11y-motor body .ob-a11y__control,
html.ob-a11y-motor body .ob-a11y__profile-card,
html.ob-a11y-motor body .ob-a11y__align-btn,
html.ob-a11y-motor body .ob-a11y__step-btn {
    min-height: 48px !important;
}

html.ob-a11y-high-contrast body {
    color: #0b1220;
    background-color: #ffffff;
}

html.ob-a11y-high-contrast body p,
html.ob-a11y-high-contrast body li,
html.ob-a11y-high-contrast body dd,
html.ob-a11y-high-contrast body dt,
html.ob-a11y-high-contrast body label,
html.ob-a11y-high-contrast body td,
html.ob-a11y-high-contrast body th,
html.ob-a11y-high-contrast body .footer__tagline,
html.ob-a11y-high-contrast body .ob-page-hero__desc {
    color: #111827 !important;
}

html.ob-a11y-high-contrast body a[href] {
    color: #0b5bd3 !important;
}

html.ob-a11y-high-contrast body .site-header__btn,
html.ob-a11y-high-contrast body .drawer__btn-primary,
html.ob-a11y-high-contrast body .site-top-bar__contact,
html.ob-a11y-high-contrast body .ob-a11y__control,
html.ob-a11y-high-contrast body .ob-a11y__profile-card,
html.ob-a11y-high-contrast body .ob-a11y__align-btn,
html.ob-a11y-high-contrast body .ob-a11y__step-btn,
html.ob-a11y-high-contrast body .ob-a11y__reset {
    border-color: rgba(17, 24, 39, 0.42) !important;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.04);
}

html.ob-a11y-high-contrast body .ob-a11y__panel {
    border-color: rgba(17, 24, 39, 0.22);
    box-shadow: 0 24px 60px -24px rgba(15, 23, 42, 0.42);
}

html.ob-a11y-highlight-titles body h1,
html.ob-a11y-highlight-titles body h2,
html.ob-a11y-highlight-titles body h3,
html.ob-a11y-highlight-titles body h4,
html.ob-a11y-highlight-titles body .hero__title,
html.ob-a11y-highlight-titles body .hero__site-title,
html.ob-a11y-highlight-titles body .ob-page-title,
html.ob-a11y-highlight-titles body .ob-haber-baslik,
html.ob-a11y-highlight-titles body .ob-widget__title {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.18em;
}

html.ob-a11y-focus-mode body main p,
html.ob-a11y-focus-mode body main li,
html.ob-a11y-focus-mode body main blockquote,
html.ob-a11y-focus-mode body main dd,
html.ob-a11y-focus-mode body main dt {
    max-width: 72ch;
}

html.ob-a11y-focus-mode body img,
html.ob-a11y-focus-mode body video,
html.ob-a11y-focus-mode body iframe {
    opacity: 0.78;
}

html.ob-a11y-focus-mode body img:hover,
html.ob-a11y-focus-mode body video:hover,
html.ob-a11y-focus-mode body iframe:hover,
html.ob-a11y-focus-mode body img:focus,
html.ob-a11y-focus-mode body video:focus,
html.ob-a11y-focus-mode body iframe:focus {
    opacity: 1;
}

.ob-a11y__reading-guide {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99998;
    height: 40px;
    pointer-events: none;
    transform: translateY(calc(var(--ob-a11y-guide-y, -120px) - 50%));
    background: rgba(244, 236, 148, 0.6);
    border-top: 2px solid rgba(31, 115, 183, 0.78);
    border-bottom: 2px solid rgba(31, 115, 183, 0.78);
    box-shadow: 0 0 0 1px rgba(244, 236, 148, 0.28) inset;
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
}

.ob-a11y__reading-guide[hidden] {
    display: none !important;
}

html.ob-a11y-epilepsy-tone body {
    background-color: #f5efe1;
}

html.ob-a11y-epilepsy-tone body img,
html.ob-a11y-epilepsy-tone body video,
html.ob-a11y-epilepsy-tone body iframe,
html.ob-a11y-epilepsy-tone body canvas {
    filter: saturate(0.72) contrast(0.94) brightness(0.96);
}

html.ob-a11y-epilepsy-tone body .hero__overlay,
html.ob-a11y-epilepsy-tone body .site-hero__overlay,
html.ob-a11y-epilepsy-tone body [class*="overlay"] {
    opacity: 0.12 !important;
}

.ob-a11y__focus-mask {
    position: fixed;
    inset: 0;
    z-index: 99997;
    pointer-events: none;
}

.ob-a11y__focus-mask[hidden] {
    display: none !important;
}

.ob-a11y__focus-band {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 86px;
    transform: translateY(calc(var(--ob-a11y-guide-y, -200px) - 50%));
    transition: transform 0.05s linear;
}

.ob-a11y__focus-mask.is-adhd .ob-a11y__focus-band {
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.42);
    border-bottom: 1px solid rgba(255, 255, 255, 0.42);
    box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.62);
}

.ob-a11y__focus-mask.is-epilepsy .ob-a11y__focus-band {
    background: rgba(248, 232, 176, 0.26);
    border-top: 1px solid rgba(197, 160, 74, 0.42);
    border-bottom: 1px solid rgba(197, 160, 74, 0.42);
    box-shadow: 0 0 0 9999px rgba(58, 43, 12, 0.42);
}

html.ob-a11y-big-cursor,
html.ob-a11y-big-cursor * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath fill='%234f46e5' stroke='%23ffffff' stroke-width='2' d='M5 3l19 17h-9l4 12-5 2-4-12-5 6z'/%3E%3C/svg%3E") 4 2, auto !important;
}

html body a:focus-visible,
html body button:focus-visible,
html body summary:focus-visible,
html body [tabindex]:focus-visible {
    outline: 3px solid var(--ob-a11y-focus) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px var(--ob-a11y-focus-ring) !important;
}

html body #primary {
    scroll-margin-top: 180px;
}

.ob-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 100001;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 12px;
    background: #0f3d1e;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    transform: translateY(-180%);
    box-shadow: 0 16px 40px -20px rgba(15, 61, 30, 0.72);
    transition: transform 0.2s ease;
}

.ob-skip-link:focus-visible {
    transform: translateY(0);
}

.ob-a11y {
    position: fixed;
    left: 20px;
    bottom: 32px;
    z-index: 100000;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 12px;
}

.ob-a11y__fab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #0f7a43;
    color: #ffffff;
    box-shadow: 0 14px 26px -18px rgba(15, 122, 67, 0.42);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.ob-a11y__fab i {
    font-size: 34px;
    color: #ffffff;
}

.ob-a11y__panel {
    width: min(388px, calc(100vw - 24px));
    max-height: calc(100vh - 92px);
    padding: 18px;
    border: 1px solid var(--ob-a11y-panel-border);
    border-radius: 20px;
    background: var(--ob-a11y-panel-bg);
    color: var(--ob-a11y-panel-text);
    box-shadow: var(--ob-a11y-panel-shadow);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(79, 70, 229, 0.32) transparent;
}

.ob-a11y__panel[hidden] {
    display: none !important;
}

.ob-a11y__panel::-webkit-scrollbar {
    width: 8px;
}

.ob-a11y__panel::-webkit-scrollbar-thumb {
    background: rgba(79, 70, 229, 0.28);
    border-radius: 999px;
}

.ob-a11y__panel::-webkit-scrollbar-track {
    background: transparent;
}

.ob-a11y__panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    position: sticky;
    top: -18px;
    z-index: 2;
    margin-left: -18px;
    margin-right: -18px;
    padding: 18px 18px 12px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 20px 20px 0 0;
}

.ob-a11y__title {
    margin: 0 0 4px;
    font-size: 18px;
    line-height: 1.2;
    color: var(--ob-a11y-panel-text);
}

.ob-a11y__desc {
    margin: 0;
    color: var(--ob-a11y-panel-muted);
    font-size: 13px;
    line-height: 1.5;
}

.ob-a11y__block {
    margin-top: 16px;
}

.ob-a11y__block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.ob-a11y__block-title {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: var(--ob-a11y-panel-text);
}

.ob-a11y__icon-btn,
.ob-a11y__step-btn,
.ob-a11y__align-btn,
.ob-a11y__profile-card,
.ob-a11y__control,
.ob-a11y__reset {
    appearance: none;
    border: 1px solid rgba(148, 163, 184, 0.3);
    background: #ffffff;
    color: var(--ob-a11y-panel-text);
    cursor: pointer;
}

.ob-a11y__icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ob-a11y__profile-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ob-a11y__profile-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 76px;
    padding: 12px 10px;
    border-radius: 14px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.ob-a11y__profile-card i {
    font-size: 20px;
    color: #4f46e5;
}

.ob-a11y__profile-card--wide {
    grid-column: 1 / -1;
}

.ob-a11y__profile-card.is-active {
    border-color: rgba(79, 70, 229, 0.35);
    background: rgba(79, 70, 229, 0.08);
}

.ob-a11y__rows {
    border-top: 1px solid rgba(226, 232, 240, 0.85);
    border-bottom: 1px solid rgba(226, 232, 240, 0.85);
}

.ob-a11y__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
}

.ob-a11y__row + .ob-a11y__row {
    border-top: 1px solid rgba(226, 232, 240, 0.7);
}

.ob-a11y__row--align {
    align-items: flex-start;
}

.ob-a11y__label {
    font-size: 13px;
    font-weight: 700;
    color: var(--ob-a11y-panel-text);
}

.ob-a11y__stepper {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ob-a11y__step-btn {
    min-width: 42px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 12px;
    font-weight: 700;
}

.ob-a11y__step-value {
    min-width: 56px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: var(--ob-a11y-panel-text);
}

.ob-a11y__align-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ob-a11y__align-btn {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.ob-a11y__align-btn.is-active {
    border-color: rgba(79, 70, 229, 0.35);
    background: rgba(79, 70, 229, 0.08);
    color: #4338ca;
}

.ob-a11y__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.ob-a11y__control {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 12px 14px;
    border-radius: 14px;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.ob-a11y__control i {
    color: #0f7a43;
    flex-shrink: 0;
}

.ob-a11y__control.is-active {
    border-color: rgba(15, 122, 67, 0.28);
    background: rgba(15, 122, 67, 0.08);
}

.ob-a11y__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

.ob-a11y__secondary {
    color: #0f7a43;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.ob-a11y__reset {
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.ob-a11y__note {
    margin: 12px 0 0;
    color: var(--ob-a11y-panel-muted);
    font-size: 12px;
    line-height: 1.55;
}

@media (max-height: 900px) {
    .ob-a11y__panel {
        width: min(372px, calc(100vw - 24px));
        max-height: calc(100vh - 84px);
        padding: 16px;
    }

    .ob-a11y__panel-head {
        top: -16px;
        margin-left: -16px;
        margin-right: -16px;
        padding: 16px 16px 10px;
    }

    .ob-a11y__block {
        margin-top: 14px;
    }

    .ob-a11y__profile-grid,
    .ob-a11y__grid {
        gap: 8px;
    }

    .ob-a11y__profile-card {
        min-height: 68px;
        gap: 8px;
        padding: 10px 8px;
    }

    .ob-a11y__profile-card i {
        font-size: 18px;
    }

    .ob-a11y__row {
        padding: 10px 0;
    }

    .ob-a11y__control {
        min-height: 50px;
        padding: 10px 12px;
    }
}

.ob-a11y__icon-btn:hover,
.ob-a11y__step-btn:hover,
.ob-a11y__align-btn:hover,
.ob-a11y__profile-card:hover,
.ob-a11y__control:hover,
.ob-a11y__reset:hover {
    border-color: rgba(15, 122, 67, 0.34);
    background: rgba(15, 122, 67, 0.06);
}

.ob-a11y__fab:hover {
    background: #0c6537;
    box-shadow: 0 20px 38px -20px rgba(12, 101, 55, 0.5);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .ob-a11y {
        left: 12px;
        bottom: 20px;
    }

    .ob-a11y__fab {
        width: 46px;
        height: 46px;
    }

    .ob-a11y__fab i {
        font-size: 31px;
    }

    .ob-a11y__panel {
        width: min(388px, calc(100vw - 24px));
        max-height: calc(100vh - 76px);
        padding: 16px;
    }

    .ob-a11y__profile-grid,
    .ob-a11y__grid {
        grid-template-columns: 1fr;
    }

    .ob-a11y__row,
    .ob-a11y__row--align {
        flex-direction: column;
        align-items: stretch;
    }

    .ob-a11y__stepper,
    .ob-a11y__align-group {
        justify-content: flex-end;
    }

    .ob-a11y__actions {
        flex-direction: column;
        align-items: stretch;
    }
}

.ob-eb-archive__wrap {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: 0 auto;
    padding: 48px 20px 72px;
}

.ob-eb-archive__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 600px) {
    .ob-eb-archive__grid {
        gap: 20px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .ob-eb-archive__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .ob-eb-archive__grid {
        gap: 18px;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .ob-eb-card__body {
        padding: 13px 14px 15px;
    }

    .ob-eb-card__name {
        font-size: 14.5px;
    }
}

.ob-eb-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1), border-color .3s ease;
}

.ob-eb-card:hover {
    transform: translateY(-4px);
    border-color: rgba(22, 163, 74, 0.28);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
}

.ob-eb-card__foto {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    background: #f1f5f9;
    overflow: hidden;
}

.ob-eb-card__foto-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform .4s ease;
}

.ob-eb-card:hover .ob-eb-card__foto-img {
    transform: scale(1.04);
}

.ob-eb-card__foto-ph {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #f0f3f8 0%, #e8edf4 100%);
    color: #94a3b8;
    font-size: 42px;
}

.ob-eb-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    flex: 1 1 auto;
    padding: 16px 18px 18px;
}

.ob-eb-card__name {
    margin: 0;
    font-size: 16.5px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.ob-eb-card__years {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    align-self: center;
    margin-top: auto;
    padding: 5px 12px;
    border-radius: 999px;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.ob-eb-card__years i {
    font-size: 11px;
    color: #16a34a;
}

@media (max-width: 559px) {
    .ob-eb-archive__grid {
        gap: 14px;
    }

    .ob-eb-card__body {
        padding: 12px 12px 14px;
        gap: 8px;
    }

    .ob-eb-card__name {
        font-size: 14px;
    }

    .ob-eb-card__years {
        padding: 4px 9px;
        font-size: 11.5px;
    }
}

.ob-yayin-archive__main,
.ob-yayin-single__main {
    padding: 38px 0 80px;
}

.ob-yayin-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 22px;
}

@media (min-width: 560px) {
    .ob-yayin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .ob-yayin-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .ob-yayin-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
    }
}

.ob-yayin-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 14px 34px -24px rgba(15, 23, 42, 0.32);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.ob-yayin-card:hover {
    transform: translateY(-4px);
    border-color: rgba(11, 46, 22, 0.22);
    box-shadow: 0 24px 40px -28px rgba(11, 46, 22, 0.34);
}

.ob-yayin-card__cover {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: linear-gradient(150deg, #0f3d1e 0%, #1d5d2b 100%);
}

.ob-yayin-card__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.ob-yayin-card:hover .ob-yayin-card__cover img {
    transform: scale(1.05);
}

.ob-yayin-card__cover-ph,
.ob-yayin-single__cover-ph {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.92);
    font-size: 44px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.16), transparent 44%),
        linear-gradient(150deg, #0f3d1e 0%, #1d5d2b 100%);
}

.ob-yayin-card__year {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: #0f3d1e;
    font-family: var(--ob-font-heading);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 10px 22px -12px rgba(15, 23, 42, 0.35);
}

.ob-yayin-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 14px;
    padding: 18px;
}

.ob-yayin-card__title {
    margin: 0;
    font-family: var(--ob-font-heading);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.38;
    color: #0f3d1e;
}

.ob-yayin-card__title a {
    color: inherit;
    text-decoration: none;
}

.ob-yayin-card__summary {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: var(--ob-color-slate-600);
}

.ob-yayin-card__actions,
.ob-yayin-single__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
}

.ob-yayin-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: var(--ob-font-heading);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .24s ease;
}

.ob-yayin-btn--read {
    background: var(--ob-color-green-900);
    border-color: var(--ob-color-green-900);
    color: #fff;
}

.ob-yayin-btn--read:hover {
    background: var(--ob-color-green-700);
    border-color: var(--ob-color-green-700);
    color: #fff;
}

.ob-yayin-btn--download {
    background: #fff;
    border-color: var(--ob-color-slate-300);
    color: var(--ob-color-green-900);
}

.ob-yayin-btn--download:hover {
    background: #edfdf1;
    border-color: #b7e7c5;
    color: var(--ob-color-green-900);
}

.ob-yayin-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 64px 20px;
    border: 1px dashed var(--ob-color-slate-300);
    border-radius: 18px;
    background: #f8fafc;
    text-align: center;
}

.ob-yayin-empty i {
    font-size: 32px;
    color: var(--ob-color-slate-400);
}

.ob-yayin-empty h2 {
    margin: 0;
    font-size: 21px;
    color: #0f3d1e;
}

.ob-yayin-empty p {
    margin: 0;
    font-size: 14px;
    color: var(--ob-color-slate-500);
}

.ob-yayin-single__missing {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 20px;
    border-radius: 16px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
}

.ob-yayin-reader {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
    width: min(100%, 1320px);
    margin: 0 auto;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.98)),
        radial-gradient(circle at top, rgba(22, 163, 74, 0.08), transparent 40%);
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 28px 50px -36px rgba(15, 23, 42, 0.32);
}

.ob-yayin-reader__head {
    position: absolute;
    left: 50%;
    bottom: 18px;
    z-index: 4;
    transform: translateX(-50%) translateY(14px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.ob-yayin-reader__head-text h2 {
    margin: 0 0 6px;
    font-size: 22px;
    color: #0f172a;
}

.ob-yayin-reader__head-text p {
    margin: 0;
    font-size: 14px;
    color: var(--ob-color-slate-500);
}

.ob-yayin-reader__nav {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 32px -24px rgba(15, 23, 42, 0.52);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.ob-yayin-reader__nav::-webkit-scrollbar {
    display: none;
}

.ob-yayin-reader__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid var(--ob-color-slate-300);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-family: var(--ob-font-heading);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all .22s ease;
    white-space: nowrap;
    flex: 0 0 auto;
}

.ob-yayin-reader__btn:hover:not(:disabled) {
    background: #166534;
    border-color: #166534;
    color: #fff;
}

.ob-yayin-reader__btn:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.ob-yayin-reader__counter {
    min-width: 70px;
    text-align: center;
    font-size: 12.5px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    flex: 0 0 auto;
}

.ob-yayin-reader__status {
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.22);
    color: var(--ob-color-slate-600);
    font-size: 14px;
}

.ob-yayin-reader__status.is-error {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.ob-yayin-reader__book {
    position: relative;
    display: grid;
    grid-template-columns: auto 18px auto;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    height: min(78vh, 980px);
    min-height: 420px;
}

.ob-yayin-reader__shell {
    position: relative;
    padding: 0 72px;
    height: min(78vh, 980px);
}

.ob-yayin-reader__shell:hover .ob-yayin-reader__head,
.ob-yayin-reader__shell:focus-within .ob-yayin-reader__head {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

.ob-yayin-reader__spine {
    position: relative;
    width: 18px;
    height: 100%;
    min-height: 420px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.05), rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0.05));
    border-radius: 12px;
}

.ob-yayin-reader__page {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    padding: 10px 10px 16px;
    overflow: auto;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65), 0 18px 34px -30px rgba(15, 23, 42, 0.38);
    scrollbar-width: thin;
    background-image:
        linear-gradient(90deg, rgba(15, 23, 42, 0.03) 0%, rgba(255, 255, 255, 0) 16px),
        linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.ob-yayin-reader__page--left {
    border-radius: 22px 6px 6px 22px;
    box-shadow:
        inset -12px 0 22px -18px rgba(15, 23, 42, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.65),
        0 18px 34px -30px rgba(15, 23, 42, 0.38);
}

.ob-yayin-reader__page--right {
    border-radius: 6px 22px 22px 6px;
    box-shadow:
        inset 12px 0 22px -18px rgba(15, 23, 42, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.65),
        0 18px 34px -30px rgba(15, 23, 42, 0.38);
}

.ob-yayin-reader__page.is-empty {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.ob-yayin-reader__canvas {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

.ob-yayin-reader__page-no {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    font-size: 12px;
    color: var(--ob-color-slate-400);
}

.ob-yayin-reader__btn--ghost {
    background: rgba(255, 255, 255, 0.08);
}

.ob-yayin-reader__side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    color: #0f3d1e;
    box-shadow: 0 18px 30px -22px rgba(15, 23, 42, 0.38);
    cursor: pointer;
    transition: all .22s ease;
}

.ob-yayin-reader__side:hover:not(:disabled) {
    background: var(--ob-color-green-900);
    border-color: var(--ob-color-green-900);
    color: #fff;
}

.ob-yayin-reader__side:disabled {
    opacity: .4;
    cursor: not-allowed;
}

.ob-yayin-reader__side--prev {
    left: 10px;
}

.ob-yayin-reader__side--next {
    right: 10px;
}

.ob-yayin-reader.is-lightbox {
    position: fixed;
    inset: 0;
    z-index: 100000;
    width: 100vw;
    height: 100vh;
    max-width: none;
    margin: 0;
    padding: 20px;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.92), rgba(2, 6, 23, 0.94)),
        radial-gradient(circle at top, rgba(34, 197, 94, 0.12), transparent 38%);
}

.ob-yayin-reader.is-lightbox .ob-yayin-reader__book {
    height: calc(100vh - 40px);
    min-height: 320px;
}

.ob-yayin-reader.is-lightbox .ob-yayin-reader__shell {
    height: calc(100vh - 40px);
}

body.ob-yayin-lightbox-open {
    overflow: hidden;
    left: 0;
    right: 0;
}

body.ob-yayin-lightbox-open .ob-a11y {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ob-yayin-reader.is-lightbox .ob-yayin-reader__btn {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.ob-yayin-reader.is-lightbox .ob-yayin-reader__btn:hover:not(:disabled) {
    background: #166534;
    border-color: #166534;
    color: #fff;
}

.ob-yayin-reader.is-lightbox .ob-yayin-reader__page {
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
}

.ob-yayin-reader.is-lightbox .ob-yayin-reader__side {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}

@media (max-width: 991px) {
    .ob-yayin-reader__head {
        width: calc(100% - 24px);
        max-width: calc(100% - 24px);
    }
}

@media (max-width: 767px) {
    .ob-yayin-archive__main,
    .ob-yayin-single__main {
        padding: 30px 0 56px;
    }

    .ob-yayin-card__body {
        padding: 16px;
    }

    .ob-yayin-reader {
        padding: 16px;
        border-radius: 18px;
    }

    .ob-yayin-reader__book {
        grid-template-columns: auto;
        height: min(74vh, 760px);
        min-height: 320px;
    }

    .ob-yayin-reader__shell {
        padding: 0 56px;
        height: min(74vh, 760px);
    }

    .ob-yayin-reader__spine,
    .ob-yayin-reader__page--right {
        display: none;
    }

    .ob-yayin-reader__page--left {
        border-radius: 18px;
    }

    .ob-yayin-reader__page {
        min-height: 320px;
        height: 100%;
        padding: 8px 8px 14px;
    }

    .ob-yayin-reader.is-lightbox {
        inset: 0;
        padding: 14px;
    }

    .ob-yayin-reader.is-lightbox .ob-yayin-reader__book {
        height: calc(100vh - 28px);
    }

    .ob-yayin-reader.is-lightbox .ob-yayin-reader__shell {
        height: calc(100vh - 28px);
    }

    .ob-yayin-reader__nav {
        gap: 8px;
        padding: 9px 10px;
        border-radius: 20px;
    }

    .ob-yayin-reader__side {
        width: 42px;
        height: 42px;
    }

    .ob-yayin-reader__side--prev {
        left: 4px;
    }

    .ob-yayin-reader__side--next {
        right: 4px;
    }

    .ob-yayin-reader__head {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }
}

@media (max-width: 767px) {
    html body .site-top-bar .site-top-bar__group--right,
    html body .site-top-bar .site-top-bar__group--right > .site-top-bar__contact {
        display: none !important;
        visibility: hidden !important;
    }
}

.ehizmetler__panel {
    position: relative;
    padding: 16px;
    border-radius: 32px;
    background:
        linear-gradient(180deg, rgba(6, 34, 21, 0.56) 0%, rgba(7, 40, 24, 0.82) 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 28px 70px -32px rgba(0, 0, 0, 0.72),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    overflow: hidden !important;
}

.ehizmetler__panel::before {
    content: "";
    position: absolute;
    top: -68px;
    left: 50%;
    width: 420px;
    height: 180px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(245, 158, 11, 0.18) 0%, rgba(245, 158, 11, 0) 72%);
    pointer-events: none;
}

.ehizmetler__panel::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.ehizmetler__row {
    position: relative;
    z-index: 1;
    gap: 14px;
}

.ehizmetler__row > li {
    display: flex;
    min-width: 0;
}

.ehizmet {
    width: 100%;
    min-height: 114px;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 14px;
    padding: 18px 18px 16px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow:
        0 18px 36px -26px rgba(0, 0, 0, 0.86),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
    transition:
        transform 0.28s ease,
        background-color 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease;
}

.ehizmet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    right: 18px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.ehizmet::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: 14px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03) 72%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    opacity: 0.9;
    pointer-events: none;
}

.ehizmet:hover,
.ehizmet:focus-visible {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.08) 100%);
    border-color: rgba(245, 158, 11, 0.26);
    transform: translateY(-5px);
    box-shadow:
        0 26px 52px -28px rgba(0, 0, 0, 0.86),
        0 0 0 1px rgba(245, 158, 11, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ehizmet__icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    flex: 0 0 48px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 12px 28px -18px rgba(0, 0, 0, 0.7);
    font-size: 20px;
}

.ehizmet:hover .ehizmet__icon {
    transform: translateY(-1px) scale(1.06);
}

.ehizmet--orange .ehizmet__icon {
    color: #fbbf24;
    background: linear-gradient(180deg, rgba(251, 191, 36, 0.18), rgba(255, 255, 255, 0.05));
    border-color: rgba(251, 191, 36, 0.22);
}

.ehizmet--green .ehizmet__icon {
    color: #6ee7b7;
    background: linear-gradient(180deg, rgba(52, 211, 153, 0.18), rgba(255, 255, 255, 0.05));
    border-color: rgba(52, 211, 153, 0.18);
}

.ehizmet--blue .ehizmet__icon {
    color: #93c5fd;
    background: linear-gradient(180deg, rgba(96, 165, 250, 0.18), rgba(255, 255, 255, 0.05));
    border-color: rgba(96, 165, 250, 0.18);
}

.ehizmet--purple .ehizmet__icon {
    color: #c4b5fd;
    background: linear-gradient(180deg, rgba(168, 139, 250, 0.18), rgba(255, 255, 255, 0.05));
    border-color: rgba(168, 139, 250, 0.18);
}

.ehizmet--amber .ehizmet__icon {
    color: #fcd34d;
    background: linear-gradient(180deg, rgba(252, 211, 77, 0.18), rgba(255, 255, 255, 0.05));
    border-color: rgba(252, 211, 77, 0.18);
}

.ehizmet--red .ehizmet__icon {
    color: #fca5a5;
    background: linear-gradient(180deg, rgba(252, 165, 165, 0.18), rgba(255, 255, 255, 0.05));
    border-color: rgba(252, 165, 165, 0.18);
}

.ehizmet__label {
    max-width: calc(100% - 22px);
    padding-right: 30px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.34;
    text-align: left;
    text-wrap: balance;
}

@media (max-width: 1180px) {
    .ehizmetler__panel {
        padding: 14px;
        border-radius: 28px;
    }

    .ehizmetler__row {
        gap: 12px;
    }

    .ehizmet {
        min-height: 104px;
        padding: 16px 14px 14px;
        border-radius: 22px;
    }

    .ehizmet__icon {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        font-size: 18px;
    }

    .ehizmet__label {
        font-size: 12.5px;
        padding-right: 24px;
    }
}

@media (max-width: 1023px) {
    .ehizmetler__toggle {
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(6, 34, 21, 0.50), rgba(7, 40, 24, 0.76));
        border-color: rgba(255, 255, 255, 0.16);
        box-shadow:
            0 20px 44px -24px rgba(0, 0, 0, 0.7),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .ehizmetler__panel {
        padding: 14px;
        border-radius: 24px;
    }

    .ehizmet {
        min-height: 98px;
        gap: 12px;
        padding: 15px 13px 13px;
        border-radius: 20px;
    }

    .ehizmet::after {
        width: 36px;
        height: 36px;
        right: 12px;
        bottom: 12px;
    }
}

@media (max-width: 767px) {
    .ehizmetler__panel {
        padding: 12px;
        border-radius: 22px;
    }

    .ehizmet {
        min-height: 90px;
        padding: 14px 12px 12px;
        border-radius: 18px;
    }

    .ehizmet::before {
        left: 12px;
        right: 12px;
    }

    .ehizmet::after {
        width: 30px;
        height: 30px;
        right: 10px;
        bottom: 10px;
    }

    .ehizmet__icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 13px;
        font-size: 16px;
    }

    .ehizmet__label {
        padding-right: 18px;
        font-size: 11px;
        line-height: 1.25;
    }
}

@media (max-width: 420px) {
    .ehizmetler__panel {
        padding: 10px;
        border-radius: 20px;
    }

    .ehizmet {
        min-height: 82px;
        gap: 10px;
        padding: 12px 10px 10px;
        border-radius: 16px;
    }

    .ehizmet__icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        border-radius: 12px;
        font-size: 14px;
    }

    .ehizmet__label {
        font-size: 10px;
        padding-right: 14px;
    }
}

.ehizmetler__panel {
    padding: 18px 18px 16px;
    width: min(100%, 820px);
    margin-left: auto;
    margin-right: auto;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(44, 47, 51, 0.68) 0%, rgba(31, 35, 39, 0.78) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 30px 80px -34px rgba(0, 0, 0, 0.56),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.ehizmetler__panel::before {
    top: auto;
    bottom: -80px;
    left: auto;
    right: -40px;
    width: 220px;
    height: 220px;
    transform: none;
    background: radial-gradient(circle, rgba(10, 110, 190, 0.18) 0%, rgba(10, 110, 190, 0) 72%);
}

.ehizmetler__search {
    position: relative;
    z-index: 2;
    margin-bottom: 14px;
}

.ehizmetler__search-form {
    display: block;
    margin: 0;
}

.ehizmetler__suggestions {
    margin-top: 10px;
    padding: 12px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(250, 252, 248, 0.98) 0%, rgba(242, 246, 240, 0.98) 100%);
    border: 1px solid rgba(31, 69, 49, 0.14);
    box-shadow: 0 18px 32px -24px rgba(13, 31, 20, 0.26);
}

.ehizmetler__suggestions-head {
    margin-bottom: 10px;
    color: #1f4531;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ehizmetler__suggestions-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.ehizmetler__suggestion {
    margin: 0;
    padding: 0;
}

.ehizmetler__suggestion-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 249, 244, 0.98) 100%);
    border: 1px solid rgba(31, 69, 49, 0.10);
    color: #17321f;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ehizmetler__suggestion-link:hover,
.ehizmetler__suggestion-link:focus-visible {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(241, 247, 239, 1) 100%);
    border-color: rgba(177, 149, 72, 0.28);
    box-shadow: 0 12px 24px -20px rgba(31, 69, 49, 0.18);
    transform: translateY(-1px);
    outline: none;
}

.ehizmetler__suggestion-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 76px;
    padding: 6px 9px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(237, 244, 236, 0.98) 0%, rgba(224, 235, 223, 0.98) 100%);
    border: 1px solid rgba(177, 149, 72, 0.24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    color: #1f4531;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.ehizmetler__suggestion-title {
    min-width: 0;
    color: #17321f;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.ehizmetler__suggestion--status {
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(31, 69, 49, 0.10);
    color: #3b4e41;
    font-size: 12.5px;
    font-weight: 500;
}

.ehizmetler__search-box {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 0 18px;
    border-radius: 18px;
    background: #ffffff;
    box-shadow:
        0 16px 34px -24px rgba(0, 0, 0, 0.44),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.ehizmetler__search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #1f4531;
    font-size: 18px;
}

.ehizmetler__search-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 56px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    font-size: 17px;
    font-weight: 500;
    outline: none;
    box-shadow: none;
}

.ehizmetler__search-input::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.ehizmetler__search-box:focus-within {
    box-shadow:
        0 16px 34px -24px rgba(0, 0, 0, 0.44),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 0 0 1px rgba(31, 90, 42, 0.18);
}

.ehizmetler__search-input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.ehizmetler__search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background:
        linear-gradient(45deg, transparent 44%, #1f4531 44%, #1f4531 56%, transparent 56%),
        linear-gradient(-45deg, transparent 44%, #1f4531 44%, #1f4531 56%, transparent 56%);
    cursor: pointer;
    opacity: 0.76;
}

.ehizmetler__search-input::-webkit-search-cancel-button:hover {
    opacity: 1;
}

.ehizmetler__search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 142px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(214, 182, 96, 0.32);
    border-radius: 12px;
    background: linear-gradient(135deg, #1f5a2a 0%, #143a1d 100%);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 14px 28px -20px rgba(15, 48, 20, 0.85);
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.ehizmetler__search-submit:hover,
.ehizmetler__search-submit:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 18px 30px -20px rgba(15, 48, 20, 0.9);
    outline: none;
}

.ehizmetler__search-meta {
    margin-top: 10px;
    min-height: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 13.5px;
    line-height: 1.45;
}

.ehizmetler__search-help strong,
.ehizmetler__search-result {
    font-weight: 700;
}

.ehizmetler__search-result {
    display: none !important;
}

.ehizmetler__search-link {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.ehizmetler__search-link:hover,
.ehizmetler__search-link:focus-visible {
    color: #ffffff;
    opacity: 1;
    outline: none;
}

.ehizmetler__search-link + .ehizmetler__search-link::before {
    content: ", ";
    color: rgba(255, 255, 255, 0.74);
    margin-right: 2px;
}

.ehizmetler__row {
    position: relative;
    z-index: 1;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.ehizmet {
    min-height: 74px;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    padding: 12px 8px 11px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, #0b5e9e 0%, #084a7d 100%);
    box-shadow:
        0 18px 32px -24px rgba(0, 0, 0, 0.72),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.ehizmet::before,
.ehizmet::after {
    display: none;
}

.ehizmet:hover,
.ehizmet:focus-visible {
    transform: translateY(-4px);
    background: linear-gradient(180deg, #1270ba 0%, #0a558d 100%);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow:
        0 24px 42px -24px rgba(0, 0, 0, 0.86),
        0 0 0 1px rgba(255, 255, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ehizmet--green {
    background: linear-gradient(180deg, #0b7e61 0%, #075a45 100%);
}

.ehizmet--green:hover,
.ehizmet--green:focus-visible {
    background: linear-gradient(180deg, #109272 0%, #08664e 100%);
}

.ehizmet--purple {
    background: linear-gradient(180deg, #6b58d6 0%, #4e3fb0 100%);
}

.ehizmet--purple:hover,
.ehizmet--purple:focus-visible {
    background: linear-gradient(180deg, #7a67e0 0%, #5948bd 100%);
}

.ehizmet--amber {
    background: linear-gradient(180deg, #937317 0%, #71580f 100%);
}

.ehizmet--amber:hover,
.ehizmet--amber:focus-visible {
    background: linear-gradient(180deg, #aa8518 0%, #7c6310 100%);
}

.ehizmet--red {
    background: linear-gradient(180deg, #d70f26 0%, #aa0c1e 100%);
}

.ehizmet--red:hover,
.ehizmet--red:focus-visible {
    background: linear-gradient(180deg, #eb1730 0%, #ba1024 100%);
}

.ehizmet__icon {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    background: none;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    color: #ffffff;
}

.ehizmet:hover .ehizmet__icon {
    transform: translateY(-1px) scale(1.05);
}

.ehizmet__label {
    max-width: 100%;
    padding-right: 0;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.14;
    color: #ffffff;
}

.ehizmetler__empty {
    margin: 12px 0 4px;
    padding: 12px 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(31, 45, 40, 0.34) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #e8f2e8;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 1180px) {
    .ehizmetler__panel {
        padding: 16px;
        border-radius: 24px;
    }

    .ehizmetler__search-box {
        min-height: 52px;
        padding: 0 16px;
    }

    .ehizmetler__suggestion-link {
        padding: 9px 11px;
    }

    .ehizmetler__search-input {
        height: 52px;
        font-size: 15.5px;
    }

    .ehizmetler__search-submit {
        min-width: 132px;
        height: 38px;
        padding: 0 14px;
        font-size: 12px;
    }

    .ehizmet {
        min-height: 88px;
        padding: 14px 10px 12px;
        border-radius: 14px;
    }

    .ehizmet__icon {
        font-size: 18px;
    }

    .ehizmet__label {
        font-size: 12px;
    }
}

@media (max-width: 1023px) {
    .ehizmetler__toggle {
        background: linear-gradient(180deg, rgba(35, 39, 44, 0.88), rgba(28, 32, 36, 0.94));
    }

    .ehizmetler__panel {
        padding: 14px;
        border-radius: 22px;
    }

    .ehizmetler__search-meta {
        font-size: 13px;
    }

    .ehizmetler__suggestions {
        padding: 9px;
    }
}

@media (max-width: 767px) {
    .ehizmetler__panel {
        padding: 12px;
        border-radius: 20px;
    }

    .ehizmetler__search {
        margin-bottom: 12px;
    }

    .ehizmetler__suggestions {
        margin-top: 8px;
        padding: 8px;
        border-radius: 14px;
    }

    .ehizmetler__suggestion-link {
        gap: 8px;
        padding: 8px 10px;
        border-radius: 10px;
    }

    .ehizmetler__suggestion-type {
        min-width: 66px;
        padding: 5px 8px;
        font-size: 10px;
    }

    .ehizmetler__suggestion-title {
        font-size: 12px;
    }

    .ehizmetler__search-box {
        min-height: 48px;
        padding: 0 14px;
        border-radius: 15px;
    }

    .ehizmetler__search-icon {
        font-size: 16px;
    }

    .ehizmetler__search-input {
        height: 48px;
        font-size: 14px;
    }

    .ehizmetler__search-submit {
        min-width: 116px;
        height: 34px;
        padding: 0 12px;
        border-radius: 10px;
        font-size: 11px;
    }

    .ehizmetler__search-meta {
        margin-top: 8px;
        min-height: 20px;
        font-size: 12px;
    }

    .ehizmet {
        min-height: 82px;
        gap: 8px;
        padding: 12px 10px;
        border-radius: 13px;
    }

    .ehizmet__icon {
        font-size: 16px;
    }

    .ehizmet__label {
        font-size: 10.5px;
    }
}

@media (max-width: 420px) {
    .ehizmetler__panel {
        padding: 10px;
        border-radius: 18px;
    }

    .ehizmetler__search-box {
        min-height: 44px;
        padding: 10px 12px;
        gap: 9px;
        align-items: center;
        flex-wrap: wrap;
    }

    .ehizmetler__suggestions {
        padding: 7px;
        border-radius: 12px;
    }

    .ehizmetler__suggestion-link {
        flex-direction: column;
        align-items: flex-start;
    }

    .ehizmetler__suggestion-type {
        min-width: 0;
    }

    .ehizmetler__search-input {
        height: 24px;
        font-size: 13px;
    }

    .ehizmetler__search-submit {
        width: 100%;
        min-width: 0;
        height: 34px;
        font-size: 11px;
    }

    .ehizmetler__search-meta {
        font-size: 11px;
    }

    .ehizmet {
        min-height: 78px;
        padding: 11px 8px 10px;
        border-radius: 12px;
    }

    .ehizmet__icon {
        font-size: 14px;
    }

    .ehizmet__label {
        font-size: 9.5px;
        line-height: 1.14;
    }
}

.hero-explore-wrap {
    display: none !important;
}

.ehizmetler {
    bottom: 134px;
}

.ehizmetler__panel {
    position: relative;

    padding-bottom: 0;
    overflow: visible !important;
}

.ehizmetler__explore-wrap {
    position: absolute;
    left: 50%;
    bottom: -142px;
    transform: translateX(-50%);
    width: 520px;
    aspect-ratio: 724 / 142;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 12;
    pointer-events: none;
}

.ehizmetler__explore-wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    background: url("assets/images/mask.png") center bottom / contain no-repeat;
    pointer-events: none;
}

.ehizmetler__explore-wrap::after {
    display: none;
}

@keyframes ob-explore-arrow {
    0%,
    100% {
        opacity: 0.38;
        transform: translateY(-5px);
    }

    50% {
        opacity: 0.92;
        transform: translateY(3px);
    }
}

.hero__explore--embedded {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    gap: 0;
    transform: none !important;
    width: 50px;
    height: 50px;
    top: -2px;
}

.hero__explore--embedded:hover,
.hero__explore--embedded:focus-visible {
    transform: translateY(0) !important;
}

.hero__explore--embedded .hero__explore-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    filter: none;
}

.hero__explore--embedded .hero__explore-arrow {
    display: inline-block;
    font-size: 28px;
    line-height: 1;
    color: #1f4531;
    text-shadow: 0 2px 8px rgba(16, 37, 27, 0.10);
    animation: ob-explore-arrow 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.hero__explore--embedded:hover .hero__explore-dot,
.hero__explore--embedded:focus-visible .hero__explore-dot {
    background: none;
    box-shadow: none;
}

.hero__explore--embedded:hover .hero__explore-arrow,
.hero__explore--embedded:focus-visible .hero__explore-arrow {
    color: #6c5520;
}

.hero__explore-text {
    display: none !important;
}

@media (max-width: 1180px) {
    .ehizmetler {
        bottom: 130px;
    }

    .ehizmetler__panel {
        width: min(100%, 820px);
        padding-bottom: 0;
    }

    .ehizmetler__explore-wrap {
        bottom: -126px;
        width: 460px;
    }

    .ehizmet__icon {
        font-size: 15px;
    }

    .ehizmet__label {
        font-size: 10.5px;
    }
}

@media (max-width: 1023px) {
    .ehizmetler__panel {
        width: min(100%, 720px);
        padding-bottom: 0;
    }

    .ehizmetler__explore-wrap {
        bottom: -108px;
        width: 360px;
    }

    .ehizmetler__row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hero__explore--embedded .hero__explore-dot {
        width: 40px;
        height: 40px;
    }

    .hero__explore--embedded .hero__explore-arrow {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .ehizmetler {
        display: block;
        bottom: 0;
        z-index: 15;
    }

    .ehizmetler__panel {
        width: 100%;
        min-height: 0;
        padding: 0;
        background: none;
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
    }

    .ehizmetler__search,
    .ehizmetler__row,
    .ehizmetler__empty {
        display: none !important;
    }

    .ehizmetler__panel::before,
    .ehizmetler__panel::after {
        content: none;
        display: none;
    }

    .ehizmetler__explore-wrap {
        bottom: -1px;
        width: 280px;
        overflow: hidden;
    }

    .ehizmetler__explore-wrap::before {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        height: auto;
        transform: none;
        background-size: 100% 100%;
    }

    .hero__explore--embedded {
        top: 8px;
    }

    .hero__explore--embedded .hero__explore-dot {
        width: 34px;
        height: 34px;
    }

    .hero__explore--embedded .hero__explore-arrow {
        font-size: 22px;
    }
}

@media (max-width: 420px) {
    .ehizmetler {
        display: block;
        bottom: 0;
    }

    .ehizmetler__panel {
        min-height: 0;
        padding: 0;
    }

    .ehizmetler__explore-wrap {
        bottom: 0;
        width: 220px;
    }

    .hero__explore--embedded {
        top: 8px;
    }

    .hero__explore--embedded .hero__explore-dot {
        width: 30px;
        height: 30px;
    }

    .hero__explore--embedded .hero__explore-arrow {
        font-size: 20px;
    }
}

.ob-page-hero--tesis .ob-page-hero__inner {
    max-width: 820px;
}
.ob-tesis-single__hero-actions {
    gap: 12px;
}
.ob-tesis-single__hero-btn.is-call {
    background: #ffffff !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}
.ob-tesis-single__hero-btn.is-call:hover,
.ob-tesis-single__hero-btn.is-call:focus-visible {
    background: #f8fafc !important;
    color: #0f172a !important;
}
.ob-tesis-single__main {
    padding: 24px 0 0;
}
.ob-tesis-single__article {
    width: 100%;
    font-family: inherit;
}
.ob-tesis-single__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
.ob-tesis-single__col {
    min-width: 0;
}
.ob-tesis-single__col--main,
.ob-tesis-single__col--side {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.ob-tesis-single__card {
    margin: 0;
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.ob-tesis-single__card-head {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}
.ob-tesis-single__card-head--between {
    justify-content: space-between;
    gap: 12px;
}
.ob-tesis-single__card-title,
.ob-tesis-single__side-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #0f172a;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0;
}
.ob-tesis-single__side-title {
    font-size: 16px;
}
.ob-tesis-single__card-title i,
.ob-tesis-single__side-title i {
    color: #15803d;
}
.ob-tesis-single__richtext {
    color: #475569;
    font-size: 14px;
    line-height: 1.625;
}
.ob-tesis-single__richtext p:last-child {
    margin-bottom: 0;
}
.ob-tesis-single__gallery-all {
    flex: 0 0 auto;
    color: #15803d;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    transition: color .2s ease;
}
.ob-tesis-single__gallery-all:hover,
.ob-tesis-single__gallery-all:focus-visible {
    color: #166534;
}
.ob-tesis-single__gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.ob-tesis-single__gallery-grid.is-single {
    grid-template-columns: minmax(0, 1fr);
}
.ob-tesis-single__gallery-item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
    background: #e2e8f0;
    text-decoration: none;
}
.ob-tesis-single__gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ob-tesis-single__gallery-item:hover img,
.ob-tesis-single__gallery-item:focus-visible img {
    transform: scale(1.05);
}
.ob-tesis-single__gallery-item.is-main {
    min-height: 256px;
}
.ob-tesis-single__gallery-grid:not(.is-single) .ob-tesis-single__gallery-item.is-main {
    grid-column: span 2;
    min-height: 320px;
}
.ob-tesis-single__gallery-item.is-thumb {
    min-height: 128px;
}
.ob-tesis-single__gallery-caption {
    position: absolute;
    left: 12px;
    bottom: 12px;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(12px);
    color: #ffffff;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
}
.ob-tesis-single__gallery-more {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(2px);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.ob-tesis-single__gallery-more i {
    font-size: 18px;
}
.ob-tesis-single__gallery-hidden {
    display: none;
}
@media (min-width: 768px) {
    .ob-tesis-single__gallery-grid:not(.is-single) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .ob-tesis-single__gallery-grid:not(.is-single) .ob-tesis-single__gallery-item.is-main {
        grid-column: span 2;
        grid-row: span 2;
        min-height: 332px;
    }
    .ob-tesis-single__gallery-grid:not(.is-single) .ob-tesis-single__gallery-item.is-thumb {
        min-height: 160px;
    }
}
.ob-tesis-single__video-frame {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid #1e293b;
    border-radius: 12px;
    background: #020617;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.28);
}
.ob-tesis-single__video-frame iframe,
.ob-tesis-single__video-frame video,
.ob-tesis-single__video-frame .wp-video {
    width: 100% !important;
    height: 100% !important;
}
.ob-tesis-single__contact-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-size: 14px;
}
.ob-tesis-single__contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.ob-tesis-single__contact-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #15803d;
    font-size: 14px;
}
.ob-tesis-single__contact-body {
    min-width: 0;
}
.ob-tesis-single__contact-label {
    margin: 0 0 2px;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.3;
}
.ob-tesis-single__contact-link,
.ob-tesis-single__contact-text {
    margin: 0;
    color: #334155;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 600;
    text-decoration: none;
}
.ob-tesis-single__contact-link:hover,
.ob-tesis-single__contact-link:focus-visible {
    color: #15803d;
}
.ob-tesis-single__hours-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}
.ob-tesis-single__hours-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
}
.ob-tesis-single__hours-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.ob-tesis-single__hours-item:first-child {
    padding-top: 0;
}
.ob-tesis-single__hours-label {
    color: #64748b;
    font-size: 13px;
    line-height: 1.4;
}
.ob-tesis-single__hours-value {
    color: #1e293b;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    text-align: right;
}
.ob-tesis-single__map-frame {
    width: 100%;
    height: 192px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f1f5f9;
}
.ob-tesis-single__map-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 1023px) {
    .ob-tesis-single__layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .ob-tesis-single__main {
        padding-top: 12px;
    }
    .ob-tesis-single__card {
        padding: 20px;
    }
    .ob-tesis-single__card-head--between {
        align-items: flex-start;
        flex-direction: column;
    }
    .ob-tesis-single__gallery-grid:not(.is-single) .ob-tesis-single__gallery-item.is-main {
        min-height: 256px;
    }
    .ob-tesis-single__gallery-item.is-thumb {
        min-height: 128px;
    }
}

@media (min-width: 640px) {
    .ob-tesis-single__main {
        padding-top: 24px;
    }
    .ob-tesis-single__layout {
        gap: 32px;
    }
    .ob-tesis-single__card {
        padding: 24px;
        border-radius: 16px;
    }
    .ob-tesis-single__richtext {
        font-size: 16px;
    }
    .ob-tesis-single__gallery-item.is-main {
        min-height: 320px;
    }
    .ob-tesis-single__gallery-item.is-thumb {
        min-height: 160px;
    }
}

@media (min-width: 1024px) {
    .ob-tesis-single__layout {
        grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    }
}

.ob-ara {
    background: var(--ob-color-slate-50);
}

.ob-ara__wrap {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ob-ara [hidden] {
    display: none !important;
}

.ob-ara__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 26px;
}

.ob-ara__head-main {
    flex: 1 1 320px;
    min-width: 0;
}

.ob-ara__baslik {
    margin: 0 0 6px;
    font-size: clamp(1.15rem, 2.4vw, 1.6rem);
    font-weight: 700;
    line-height: 1.35;
    color: var(--ob-color-slate-900);
}

.ob-ara__kelime {
    color: var(--ob-color-green-700);
}

.ob-ara__sayi {
    margin: 0;
    font-size: 0.85rem;
    color: var(--ob-color-slate-500);
}

.ob-ara__filtre {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 300px;
    max-width: 420px;
    padding: 0 8px 0 16px;
    background: var(--ob-color-white);
    border: 1px solid var(--ob-color-slate-200);
    border-radius: var(--ob-radius-pill);
    box-shadow: var(--ob-shadow-sm);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.ob-ara__filtre:focus-within {
    border-color: var(--ob-color-green-600);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.14);
}

.ob-ara__filtre-ikon {
    margin-right: 10px;
    font-size: 0.9rem;
    color: var(--ob-color-slate-400);
}

.ob-ara__filtre-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 46px;
    border: 0;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 0.9rem;
    color: var(--ob-color-slate-700);
}

.ob-ara__filtre-temizle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: var(--ob-color-slate-100);
    color: var(--ob-color-slate-500);
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}

.ob-ara__filtre-temizle:hover {
    background: var(--ob-color-green-700);
    color: var(--ob-color-white);
}

.ob-ara__liste {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ob-ara-kart {
    --ob-ara-tur-bg: var(--ob-color-slate-100);
    --ob-ara-tur-fg: var(--ob-color-slate-600);
    display: flex;
    align-items: stretch;
    gap: 14px;
    padding: 16px 18px;
    background: var(--ob-color-white);
    border: 1px solid var(--ob-color-slate-200);
    border-radius: var(--ob-radius-lg);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.ob-ara-kart:hover {
    border-color: var(--ob-color-green-600);
    box-shadow: var(--ob-shadow-md);
    transform: translateY(-1px);
}

.ob-ara-kart__govde {
    flex: 1 1 auto;
    min-width: 0;
}

.ob-ara-kart__baslik-satir {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.ob-ara-kart__tur {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: var(--ob-radius-pill);
    background: var(--ob-ara-tur-bg);
    color: var(--ob-ara-tur-fg);
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
}

.ob-ara-kart__tur i {
    font-size: 0.72rem;
}

.ob-ara-kart__baslik {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

.ob-ara-kart__baslik a {
    color: var(--ob-color-slate-900);
    text-decoration: none;
}

.ob-ara-kart__baslik a:hover {
    color: var(--ob-color-green-700);
}

.ob-ara-kart__ozet {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.55;
    color: var(--ob-color-slate-500);
}

.ob-ara-kart__aksiyon {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.ob-ara-kart__ok {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--ob-color-slate-100);
    color: var(--ob-color-slate-500);
    font-size: 0.8rem;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease;
}

.ob-ara-kart__ok:hover {
    background: var(--ob-color-green-700);
    color: var(--ob-color-white);
}

.ob-ara-kart--haber {
    --ob-ara-tur-bg: rgba(37, 99, 235, 0.12);
    --ob-ara-tur-fg: var(--ob-color-blue-600);
}

.ob-ara-kart--kurumsal {
    --ob-ara-tur-bg: rgba(46, 125, 50, 0.12);
    --ob-ara-tur-fg: var(--ob-color-green-700);
}

.ob-ara-kart--duyuru {
    --ob-ara-tur-bg: rgba(180, 83, 9, 0.12);
    --ob-ara-tur-fg: var(--ob-color-amber-700);
}

.ob-ara-kart--meclis {
    --ob-ara-tur-bg: rgba(147, 51, 234, 0.12);
    --ob-ara-tur-fg: var(--ob-color-purple-600);
}

.ob-ara-kart--proje {
    --ob-ara-tur-bg: rgba(5, 150, 105, 0.12);
    --ob-ara-tur-fg: var(--ob-color-emerald-600);
}

.ob-ara-kart--etkinlik {
    --ob-ara-tur-bg: rgba(219, 39, 119, 0.12);
    --ob-ara-tur-fg: var(--ob-color-pink-600);
}

.ob-ara-kart--tesis {
    --ob-ara-tur-bg: rgba(230, 81, 0, 0.12);
    --ob-ara-tur-fg: var(--ob-color-orange-700);
}

.ob-ara-kart--sehir {
    --ob-ara-tur-bg: rgba(16, 185, 129, 0.14);
    --ob-ara-tur-fg: var(--ob-color-green-600);
}

.ob-ara-kart--ihale {
    --ob-ara-tur-bg: rgba(51, 65, 85, 0.12);
    --ob-ara-tur-fg: var(--ob-color-slate-700);
}

.ob-ara mark {
    padding: 0 0.15em;
    border-radius: 0.2rem;
    background: #fef08a;
    color: #854d0e;
    font-weight: 600;
}

.ob-ara__bos {
    padding: 40px 20px;
    text-align: center;
    color: var(--ob-color-slate-500);
}

.ob-ara__bos i {
    display: block;
    margin-bottom: 12px;
    font-size: 2rem;
    color: var(--ob-color-slate-300);
}

.ob-ara__bos h2 {
    margin: 0 0 6px;
    font-size: 1.1rem;
    color: var(--ob-color-slate-800);
}

.ob-ara__bos p {
    margin: 0;
    font-size: 0.88rem;
}

.ob-ara__bos--buyuk {
    padding: 70px 20px;
    background: var(--ob-color-white);
    border: 1px dashed var(--ob-color-slate-300);
    border-radius: var(--ob-radius-lg);
}

.ob-ara__bos-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    padding: 11px 22px;
    border-radius: var(--ob-radius-pill);
    background: var(--ob-color-green-700);
    color: var(--ob-color-white);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.18s ease;
}

.ob-ara__bos-btn:hover {
    background: var(--ob-color-green-800);
}

.ob-ara__altbilgi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--ob-color-slate-200);
}

.ob-ara__altbilgi-metin {
    font-size: 0.82rem;
    color: var(--ob-color-slate-500);
}

.ob-ara__altbilgi-metin strong {
    color: var(--ob-color-slate-700);
}

.ob-ara__sayfalama {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.ob-ara__sayfalama .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--ob-color-slate-200);
    border-radius: var(--ob-radius-sm);
    background: var(--ob-color-white);
    color: var(--ob-color-slate-600);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.ob-ara__sayfalama .page-numbers:hover {
    border-color: var(--ob-color-green-600);
    color: var(--ob-color-green-700);
}

.ob-ara__sayfalama .page-numbers.current {
    background: linear-gradient(135deg, var(--ob-color-green-700), var(--ob-color-green-800));
    border-color: var(--ob-color-green-700);
    color: var(--ob-color-white);
}

@media (max-width: 767px) {
    .ob-ara__wrap {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .ob-ara__head {
        margin-bottom: 18px;
    }

    .ob-ara__filtre {
        flex: 1 1 100%;
        max-width: none;
    }

    .ob-ara-kart {
        gap: 10px;
        padding: 14px;
    }

    .ob-ara-kart__aksiyon {
        display: none;
    }

    .ob-ara__altbilgi {
        flex-direction: column;
        align-items: flex-start;
    }
}

body.ob-popup-announcement-open {
    overflow: hidden;
}

.ob-popup-announcement {
    position: fixed;
    inset: 0;
    z-index: 10080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 22px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .24s ease, visibility .24s ease;
}

.ob-popup-announcement.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ob-popup-announcement__backdrop {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.70), rgba(15, 23, 42, 0.82)),
        radial-gradient(circle at top, rgba(37, 99, 235, 0.16), rgba(15, 23, 42, 0) 46%);
    backdrop-filter: blur(4px);
}

.ob-popup-announcement__dialog {
    position: relative;
    z-index: 1;
    width: min(1120px, 100%);
    height: calc(100svh - 200px);
    max-height: 820px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)),
        #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 28px;
    box-shadow:
        0 32px 90px rgba(15, 23, 42, 0.34),
        0 10px 30px rgba(15, 61, 30, 0.10);
    outline: none;
}

.ob-popup-announcement__dialog::before,
.ob-popup-announcement__dialog::after {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 180px;
    height: 180px;
    pointer-events: none;
    opacity: 0.92;
}

.ob-popup-announcement__dialog::before {
    top: 0;
    left: 0;
    border-radius: 0 0 140px 0;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.24), rgba(37, 99, 235, 0) 72%),
        linear-gradient(135deg, rgba(168, 85, 247, 0.22), rgba(37, 99, 235, 0) 68%);
}

.ob-popup-announcement__dialog::after {
    top: 0;
    right: 0;
    left: auto;
    border-radius: 0 0 0 140px;
    background:
        radial-gradient(circle at top right, rgba(217, 70, 239, 0.22), rgba(217, 70, 239, 0) 72%),
        linear-gradient(225deg, rgba(37, 99, 235, 0.18), rgba(37, 99, 235, 0) 68%);
}

.ob-popup-announcement__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.92);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease;
}

.ob-popup-announcement__close:hover {
    background: #0f3d1e;
    transform: translateY(-1px);
}

.ob-popup-announcement__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: 10px;
    height: 100%;
    padding: 10px 18px;
}

.ob-popup-announcement__title {
    margin: 0;
    padding: 0 64px;
    text-align: center;
    font-size: 24px;
    line-height: 1.28;
    font-weight: 800;
    color: #0f3d1e;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.ob-popup-announcement__media {
    position: relative;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.15), rgba(37, 99, 235, 0) 38%),
        radial-gradient(circle at top right, rgba(217, 70, 239, 0.14), rgba(217, 70, 239, 0) 36%),
        #f8fafc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.ob-popup-announcement__image,
.ob-popup-announcement__video {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    background: #f8fafc;
}

.ob-popup-announcement__embed {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding-top: 0;
}

.ob-popup-announcement__embed iframe,
.ob-popup-announcement__embed video,
.ob-popup-announcement__embed embed,
.ob-popup-announcement__embed object {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ob-popup-announcement__content {
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    line-height: 1.72;
    color: #334155;
    overflow: hidden;
}

.ob-popup-announcement__content > :first-child {
    margin-top: 0;
}

.ob-popup-announcement__content > :last-child {
    margin-bottom: 0;
}

.ob-popup-announcement__content p {
    margin: 0 0 10px;
}

.ob-popup-announcement__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    padding-top: 12px;
    border-top: 1px solid rgba(226, 232, 240, 0.88);
}

.ob-popup-announcement__once {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(15, 61, 30, 0.08);
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}

.ob-popup-announcement__once:hover {
    background: rgba(15, 61, 30, 0.12);
    color: #0f3d1e;
}

.ob-popup-announcement__once input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #0f3d1e;
}

.ob-popup-announcement__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex: 1 1 auto;
}

.ob-popup-announcement__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50px;
    padding: 0 26px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 15px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    background: linear-gradient(135deg, #0f3d1e 0%, #1f7a33 100%);
    box-shadow: 0 14px 32px rgba(15, 61, 30, 0.24);
    transition: transform .18s ease, box-shadow .18s ease;
}

.ob-popup-announcement__button:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(15, 61, 30, 0.28);
}

@media (max-width: 767px) {
    .ob-popup-announcement {
        padding: 10px;
        align-items: center;
    }

    .ob-popup-announcement__dialog {
        height: auto;
        max-height: calc(var(--ob-app-height, 100svh) - 20px);
        margin-top: 0;
        border-radius: 20px;
    }

    .ob-popup-announcement__inner {
        display: flex;
        flex-direction: column;
        padding: 10px;
        gap: 10px;
    }

    .ob-popup-announcement__close {
        top: 10px;
        right: 10px;
        width: 38px;
        height: 38px;
    }

    .ob-popup-announcement__title {
        padding: 0 42px 0 10px;
        font-size: 22px;
    }

    .ob-popup-announcement__media {
        flex: 0 0 auto;
        border-radius: 18px;
        background: transparent;
        box-shadow: none;
    }

    .ob-popup-announcement__image,
    .ob-popup-announcement__video {
        height: auto;
        max-height: min(48svh, calc(var(--ob-app-height, 100svh) - 240px));
        object-fit: contain;
        background: transparent;
    }

    .ob-popup-announcement__content {
        flex: 1 1 auto;
        font-size: 14px;
        overflow: hidden;
    }

    .ob-popup-announcement__foot {
        margin-top: auto;
        flex-direction: column;
        align-items: stretch;
    }

    .ob-popup-announcement__once,
    .ob-popup-announcement__button {
        width: 100%;
        justify-content: center;
    }

    .ob-popup-announcement__actions {
        width: 100%;
    }
}