/* ============================================================================
   SIBEL ÇAKIR — EMINENT AUTHORITY REDESIGN (sibelmodern theme)
   Loads LAST alphabetically. Overrides legacy lotusdis CSS.
   Architecture: design tokens → typography → layout → components → modules
   ============================================================================ */

/* ============================================================================
   1. DESIGN TOKENS
   ============================================================================ */
:root {
    /* Brand */
    --ea-primary:           #5b8c2a;
    --ea-primary-hover:     #487021;
    --ea-primary-soft:      #eef5e3;
    --ea-primary-fixed:     #c3e39a;
    --ea-secondary:         #0f6c3d;
    --ea-secondary-hover:   #0b5230;
    --ea-secondary-soft:    #e6f1ec;
    --ea-tertiary:          #424240;

    /* Surfaces */
    --ea-bg:                #ffffff;
    --ea-surface:           #f8fafb;
    --ea-surface-2:         #f2f4f5;
    --ea-surface-3:         #eceeef;
    --ea-surface-4:         #e1e3e4;

    /* Ink */
    --ea-ink:               #191c1d;
    --ea-ink-2:             #424240;
    --ea-ink-3:             #4a454e;
    --ea-ink-4:             #7b757f;
    --ea-line:              rgba(28,28,29,0.10);
    --ea-line-strong:       rgba(28,28,29,0.20);

    /* Status */
    --ea-error:             #b3261e;

    /* Fonts */
    --ea-font-headline:     'Sora', 'Manrope', 'Helvetica Neue', Arial, sans-serif;
    --ea-font-body:         'Manrope', 'Helvetica Neue', Arial, sans-serif;
    --ea-font-label:        'Inter', 'Helvetica Neue', Arial, sans-serif;
    --ea-font-icon:         'Material Symbols Outlined';

    /* Radii */
    --ea-r-sm:              2px;
    --ea-r-md:              4px;
    --ea-r-lg:              8px;
    --ea-r-pill:            999px;

    /* Spacing */
    --ea-pad-section:       80px;
    --ea-container:         1280px;
    --ea-gutter:            24px;
    --ea-shadow-1:          0 1px 0 rgba(28,28,29,0.06);
    --ea-shadow-2:          0 12px 32px rgba(28,28,29,0.08);
    --ea-shadow-3:          0 24px 64px rgba(28,28,29,0.12);

    /* Transitions */
    --ea-t-fast:            .15s ease;
    --ea-t-base:            .25s ease;
    --ea-t-slow:            .6s cubic-bezier(.2,.8,.2,1);
}

/* ============================================================================
   2. RESET LEGACY VISUAL NOISE
   ============================================================================ */
[style*="denta-patterm"],
[style*="pages-bg.jpg"],
[style*="img2.jpg"],
[style*="footer-bg.jpg"] {
    background-image: none !important;
}
.dental-bar { padding: 0 !important; background: transparent !important; }
.dental-circle { background: transparent !important; border: none !important; }


/* ============================================================================
   3. BASE
   ============================================================================ */
html { font-size: 16px; scroll-behavior: smooth; }
body {
    background: var(--ea-bg) !important;
    color: var(--ea-ink-2) !important;
    font-family: var(--ea-font-body) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

a { color: var(--ea-primary); text-decoration: none; transition: color var(--ea-t-base); }
a:hover { color: var(--ea-primary-hover); text-decoration: none; }

img { max-width: 100%; height: auto; }

::selection { background: var(--ea-primary); color: #fff; }


/* ============================================================================
   4. TYPOGRAPHY
   ============================================================================ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--ea-font-headline) !important;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.015em;
    color: var(--ea-ink) !important;
    margin: 0 0 0.5em;
}

h1, .h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; letter-spacing: -0.02em; }
h2, .h2 { font-size: clamp(1.625rem, 3vw, 2.25rem); font-weight: 600; }
h3, .h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 600; }
h4, .h4 { font-size: 1.125rem; font-weight: 600; }

h5, .h5 {
    font-family: var(--ea-font-label) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--ea-primary) !important;
    margin-bottom: 12px;
}
h6, .h6 {
    font-family: var(--ea-font-label) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--ea-ink-2) !important;
}

p {
    font-family: var(--ea-font-body);
    font-size: 1rem;
    line-height: 1.75;
    color: var(--ea-ink-3);
    margin: 0 0 1em;
}

.lead, .intro {
    font-size: 1.125rem;
    line-height: 1.65;
    color: var(--ea-ink-2);
    font-weight: 400;
}

.ea-label,
.label-caps,
.section-label {
    display: inline-block;
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ea-primary);
    margin-bottom: 14px;
}

.ea-italic { font-family: var(--ea-font-headline); font-style: italic; font-weight: 400; }


/* ============================================================================
   5. LAYOUT
   ============================================================================ */
.container, .container-fluid {
    max-width: var(--ea-container);
    margin: 0 auto;
    padding-left: var(--ea-gutter);
    padding-right: var(--ea-gutter);
    width: 100%;
}
.container-fluid.inner-color { background: var(--ea-surface) !important; }

section, .section { padding: var(--ea-pad-section) 0; }

.section-title,
.sec-title {
    margin-bottom: 56px;
    text-align: center;
}
.section-title h1,
.section-title h2,
.sec-title h2 {
    margin-bottom: 0;
}
.section-title .ea-label,
.sec-title .ea-label {
    display: block;
    margin: 0 auto 14px;
}


/* ============================================================================
   6. HEADER
   ============================================================================ */
header {
    background: transparent;
    position: relative;
    z-index: 50;
}

.top-header {
    background: var(--ea-ink) !important;
    color: rgba(255,255,255,0.85);
    padding: 8px 0;
    font-size: 0.8125rem;
    letter-spacing: 0.02em;
    position: relative !important;
    z-index: 10000 !important;
}
.top-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.top-header .header-left,
.top-header .header-right {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.top-header a { color: rgba(255,255,255,0.85); }
.top-header a:hover { color: #fff; }
.top-header p { margin: 0; line-height: 1; }
.top-header i { margin-right: 6px; }

.ht-right-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; height: 30px;
    border-radius: var(--ea-r-pill);
    border: 1px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.85);
    font-size: 0.8125rem;
    transition: all var(--ea-t-base);
}
.ht-right-social a:hover {
    background: var(--ea-primary);
    border-color: var(--ea-primary);
    color: #fff;
}

.ht-right-search { position: relative; }
.ht-right-search > p > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,0.85);
}
.ht-right-search .srch {
    position: absolute;
    top: 100%; right: 0;
    background: #fff;
    box-shadow: var(--ea-shadow-2);
    padding: 12px;
    width: 280px;
    margin-top: 6px;
    border-radius: var(--ea-r-md);
    display: none;
    z-index: 60;
}
.ht-right-search .srch.open { display: block; }

.ht-right-language p { margin: 0; }
.ht-right-language select {
    background: transparent;
    color: rgba(255,255,255,0.85);
    border: 1px solid rgba(255,255,255,0.2);
    padding: 4px 10px;
    border-radius: var(--ea-r-sm);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Main nav (glass) */
.main-nav {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(255,255,255,0.92) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--ea-line);
    box-shadow: none !important;
    transition: background var(--ea-t-base), box-shadow var(--ea-t-base);
}
.main-nav.scroll-on,
.scroll-on .main-nav { box-shadow: var(--ea-shadow-1); }

.main-nav .container,
.navigation {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px;
    min-height: 72px !important;
}
.nav-header {
    display: flex !important;
    align-items: center !important;
    gap: 16px;
    height: 72px;
}
.nav-logo {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    color: var(--ea-primary);
    font-family: var(--ea-font-headline);
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1;
}
.nav-logo img {
    max-height: 44px !important;
    max-width: 240px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    filter: none;
}

.nav-menus-wrapper {
    flex: 1;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 72px;
}

.nav-menu,
.nav-menu.standartMenu,
ul.nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}
.nav-menu > li {
    position: relative;
    display: flex !important;
    align-items: center !important;
    height: 100%;
}
.nav-menu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 14px !important;
    height: 100% !important;
    font-family: var(--ea-font-headline) !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    color: var(--ea-ink) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-bottom: 2px solid transparent;
    transition: color var(--ea-t-base), border-color var(--ea-t-base);
    background: transparent !important;
}
.nav-menu > li > a:hover,
.nav-menu > li:hover > a,
.nav-menu > li.active > a {
    color: var(--ea-primary) !important;
    border-bottom-color: var(--ea-primary);
    background: transparent !important;
}

/* DROPDOWN base styling — display/visibility handled by navigation.js plugin.
   See section 19 below for full dropdown styling. */

.navbar-toggler,
.mp-menu-toggle {
    display: none;
    background: transparent;
    border: 1px solid var(--ea-line-strong);
    color: var(--ea-ink);
    width: 44px; height: 44px;
    border-radius: var(--ea-r-md);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--ea-t-base);
}
.navbar-toggler:hover { background: var(--ea-primary-soft); border-color: var(--ea-primary); color: var(--ea-primary); }


/* ============================================================================
   7. MOBILE MENU (mp-menu)
   ============================================================================ */
.mp-menu {
    position: fixed;
    top: 0; right: 0;
    height: 100vh;
    width: 320px;
    max-width: 90vw;
    background: #fff;
    box-shadow: var(--ea-shadow-3);
    transform: translateX(100%);
    transition: transform var(--ea-t-slow);
    z-index: 200;
    overflow-y: auto;
    padding: 60px 24px 24px;
}
.mp-menu:not(.mp-menu-close) { transform: translateX(0); }
.mp-menu ul { list-style: none; padding: 0; margin: 0; }
.mp-menu ul li { border-bottom: 1px solid var(--ea-line); }
.mp-menu ul li a {
    display: block;
    padding: 14px 4px;
    font-family: var(--ea-font-headline);
    font-size: 1rem;
    color: var(--ea-ink);
}
.mp-menu ul li ul {
    display: none;
    padding-left: 16px;
    border-top: 1px solid var(--ea-line);
}
.mp-menu ul li.mp-menu-active > ul { display: block; }
.mp-menu ul li ul li a { font-family: var(--ea-font-body); font-size: 0.9375rem; padding: 10px 4px; }
.mp-menu #mp-menu-close {
    position: absolute;
    top: 18px; right: 18px;
    width: 36px; height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ea-r-pill);
    background: var(--ea-surface);
    color: var(--ea-ink);
}
.mp-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    opacity: 1;
    transition: opacity var(--ea-t-slow);
    z-index: 199;
}
.mp-menu-overlay.mp-menu-overlay-off {
    opacity: 0;
    pointer-events: none;
}


/* ============================================================================
   8. BUTTONS
   ============================================================================ */
.btn,
button.btn,
input[type="submit"],
input[type="button"],
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--ea-font-label) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 14px 28px !important;
    border-radius: var(--ea-r-sm) !important;
    border: 1px solid transparent !important;
    background: var(--ea-primary) !important;
    color: #fff !important;
    cursor: pointer;
    transition: all var(--ea-t-base) !important;
    box-shadow: none !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: nowrap;
}
.btn:hover,
button.btn:hover,
input[type="submit"]:hover {
    background: var(--ea-primary-hover) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(91,140,42,0.25) !important;
}

.btn-primary, .btn.btn-primary { background: var(--ea-primary) !important; border-color: var(--ea-primary) !important; }

.btn-secondary,
.btn-outline,
.btn.btn-default {
    background: transparent !important;
    color: var(--ea-ink) !important;
    border-color: var(--ea-ink) !important;
}
.btn-secondary:hover,
.btn-outline:hover,
.btn.btn-default:hover {
    background: var(--ea-ink) !important;
    color: #fff !important;
}

.btn-success, .btn.btn-success,
.btn-soft-success {
    background: var(--ea-secondary) !important;
    border-color: var(--ea-secondary) !important;
    color: #fff !important;
}
.btn-success:hover, .btn-soft-success:hover {
    background: var(--ea-secondary-hover) !important;
    border-color: var(--ea-secondary-hover) !important;
}

.btn-link {
    background: transparent !important;
    color: var(--ea-primary) !important;
    border: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-family: var(--ea-font-body) !important;
    font-size: 0.9375rem !important;
}
.btn-link:hover { background: transparent !important; color: var(--ea-primary-hover) !important; transform: none; }

/* WhatsApp floating button — keep original PNG icon, restyle bg color only */
.pulse-button-w {
    background-color: var(--ea-secondary) !important;
    background-image: url(/App_Themes/sibelmodern/css/img/whatsapp-icon.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow: 0 6px 20px rgba(15,108,61,0.35) !important;
}

.m-go-to {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 30;
}
.m-go-to .btn {
    border-radius: var(--ea-r-md) 0 0 var(--ea-r-md) !important;
    padding: 10px 14px !important;
}


/* ============================================================================
   9. FORMS
   ============================================================================ */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select,
.form-control,
.form-textbox,
.form-textarea {
    width: 100%;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ea-line-strong) !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
    font-family: var(--ea-font-body) !important;
    font-size: 1rem !important;
    color: var(--ea-ink) !important;
    box-shadow: none !important;
    transition: border-color var(--ea-t-base) !important;
}
input:focus, textarea:focus, select:focus, .form-control:focus {
    border-bottom-color: var(--ea-primary) !important;
    outline: none !important;
    box-shadow: none !important;
}
input::placeholder, textarea::placeholder { color: var(--ea-ink-4); opacity: 1; }

label, .form-label {
    display: block;
    font-family: var(--ea-font-label) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--ea-ink-3) !important;
    margin-bottom: 8px !important;
}


/* ============================================================================
   10. CARDS
   ============================================================================ */
.card,
.ea-card {
    background: #fff;
    border: 1px solid var(--ea-line);
    border-radius: var(--ea-r-md);
    box-shadow: none;
    overflow: hidden;
    transition: border-color var(--ea-t-base), transform var(--ea-t-slow), box-shadow var(--ea-t-base);
    height: 100%;
}
.card:hover, .ea-card:hover {
    border-color: var(--ea-primary);
    box-shadow: var(--ea-shadow-2);
    transform: translateY(-2px);
}
.card-body, .card .body { padding: 28px !important; }


/* ============================================================================
   11. EMINENT HOMEPAGE COMPONENTS
   ============================================================================ */

/* 11.1 Hero (MainPageWelcome) */
.ea-hero {
    padding: 48px 0 64px !important;
    background:
        radial-gradient(ellipse at top right, rgba(91,140,42,0.06), transparent 60%),
        radial-gradient(ellipse at bottom left, rgba(15,108,61,0.04), transparent 60%),
        var(--ea-surface);
    position: relative;
    overflow: hidden;
    margin-top: 0 !important;
}
.ea-hero .ea-hero__inner {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 64px;
    align-items: center;
}
.ea-hero__copy { max-width: 600px; }
.ea-hero__copy h1 {
    font-size: clamp(2.25rem, 4.5vw, 3.25rem);
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}
.ea-hero__copy .lead,
.ea-hero__copy p {
    font-size: 1.125rem;
    line-height: 1.65;
    color: var(--ea-ink-2);
    margin-bottom: 20px;
}
.ea-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.ea-hero__credentials {
    display: flex;
    gap: 32px;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--ea-line);
}
.ea-hero__credential-item { display: flex; flex-direction: column; }
.ea-hero__credential-item .num {
    font-family: var(--ea-font-headline);
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--ea-primary);
    line-height: 1;
}
.ea-hero__credential-item .label {
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ea-ink-3);
    margin-top: 6px;
}
.ea-hero__media {
    aspect-ratio: 4 / 5;
    /* Squircle — all 4 corners equally soft, like a8.alora.com.tr */
    border-radius: 14% / 11%;
    overflow: hidden;
    position: relative;
    background: var(--ea-surface-3);
}
.ea-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top; /* keep doctor's head fully in frame */
    filter: none;
    transition: transform var(--ea-t-slow);
}
.ea-hero__media:hover img { transform: scale(1.02); }

/* 4-button hero CTA grid: 3 narrow on top, 1 wide below */
.ea-hero__actions.ea-hero__actions--grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
}
.ea-hero__actions--grid .btn {
    justify-content: center !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.06em !important;
    min-height: 44px !important;
}
.ea-hero__actions--grid .ea-btn-wide {
    grid-column: 1 / -1 !important;
    white-space: normal !important;
    font-size: 0.82rem !important;
}


/* 11.2 Pillars (MainPageFourMenu) */
.ea-pillars { padding: 80px 0; background: var(--ea-bg); }
.ea-pillars__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.ea-pillar {
    position: relative;
    padding: 36px 28px;
    background: #fff;
    border: 1px solid var(--ea-line);
    border-radius: var(--ea-r-md);
    transition: all var(--ea-t-base);
    text-align: left;
}
.ea-pillar:hover {
    border-color: var(--ea-primary);
    transform: translateY(-3px);
    box-shadow: var(--ea-shadow-2);
}
.ea-pillar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    background: var(--ea-primary-soft);
    color: var(--ea-primary);
    border-radius: var(--ea-r-pill);
    margin-bottom: 20px;
}
.ea-pillar__icon img { width: 24px; height: 24px; }
.ea-pillar__icon .material-symbols-outlined { font-size: 24px; }
.ea-pillar h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--ea-ink);
}
.ea-pillar p { font-size: 0.9375rem; color: var(--ea-ink-3); margin: 0; }
.ea-pillar a.fullLink { position: absolute; inset: 0; }


/* 11.3 Bento services (MainPageCategories) */
.ea-services { padding: var(--ea-pad-section) 0; background: var(--ea-surface); }
.ea-services .ea-bento {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}
.ea-bento__cell {
    grid-column: span 6;
    background: #fff;
    border: 1px solid var(--ea-line);
    border-radius: var(--ea-r-md);
    padding: 32px;
    position: relative;
    overflow: hidden;
    transition: all var(--ea-t-base);
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
}
.ea-bento__cell:hover {
    border-color: var(--ea-primary);
    transform: translateY(-3px);
    box-shadow: var(--ea-shadow-2);
}
.ea-bento__cell--feature { grid-column: span 8; min-height: 360px; }
.ea-bento__cell--small { grid-column: span 4; }
.ea-bento__cell--third { grid-column: span 4; }

.ea-bento__cell h3 {
    font-size: 1.5rem;
    margin-bottom: 12px;
}
.ea-bento__cell--feature h3 { font-size: 2rem; }
.ea-bento__cell p { font-size: 0.9375rem; color: var(--ea-ink-3); margin: 0; }
.ea-bento__cell .arrow {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ea-primary);
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.ea-bento__cell .arrow .material-symbols-outlined,
.ea-bento__cell .arrow i { transition: transform var(--ea-t-base); }
.ea-bento__cell:hover .arrow .material-symbols-outlined,
.ea-bento__cell:hover .arrow i { transform: translateX(4px); }


/* 11.4 Why-we-are (MainPageWhyWeAre) */
.ea-why { padding: var(--ea-pad-section) 0; background: var(--ea-bg); }
.ea-why__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ea-why__cell,
.services-grid .grid2 {
    background: var(--ea-surface);
    border: 1px solid var(--ea-line);
    border-radius: var(--ea-r-md);
    padding: 32px;
    text-align: left;
    transition: all var(--ea-t-base);
}
.ea-why__cell:hover,
.services-grid .grid2:hover {
    background: #fff;
    border-color: var(--ea-primary);
    transform: translateY(-2px);
    box-shadow: var(--ea-shadow-2);
}
.services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    float: none !important;
}
.services-grid .grid2 .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    border-radius: var(--ea-r-pill);
    background: var(--ea-primary-soft);
    color: var(--ea-primary);
    margin-bottom: 16px;
    font-size: 20px;
}
.services-grid .grid2 .icon i { color: var(--ea-primary); }
.services-grid .grid2 h2 {
    font-size: 1.125rem !important;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 !important;
}
.services-grid .grid2 h2 a { color: var(--ea-ink) !important; }
.services-grid .grid2:hover h2 a { color: var(--ea-primary) !important; }


/* 11.5 News / Blog (MainPageNews) */
.ea-news { padding: var(--ea-pad-section) 0; background: var(--ea-surface); }
.ea-news__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.ea-news__card {
    background: #fff;
    border: 1px solid var(--ea-line);
    border-radius: var(--ea-r-md);
    overflow: hidden;
    transition: all var(--ea-t-base);
}
.ea-news__card:hover {
    border-color: var(--ea-primary);
    transform: translateY(-3px);
    box-shadow: var(--ea-shadow-2);
}
.ea-news__card .thumb {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--ea-surface-3);
}
.ea-news__card .thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform var(--ea-t-slow);
}
.ea-news__card:hover .thumb img { transform: scale(1.05); }
.ea-news__card .body { padding: 24px; }
.ea-news__card .meta {
    font-family: var(--ea-font-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ea-primary);
    margin-bottom: 10px;
}
.ea-news__card h3 {
    font-size: 1.125rem;
    line-height: 1.35;
    margin-bottom: 10px;
}
.ea-news__card h3 a { color: var(--ea-ink); }
.ea-news__card:hover h3 a { color: var(--ea-primary); }


/* 11.6 Service description (MainPageServiceDescription) */
.ea-service-desc { padding: var(--ea-pad-section) 0; background: var(--ea-bg); }
.ea-service-desc__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.ea-service-desc__media {
    aspect-ratio: 4 / 3;
    border-radius: var(--ea-r-md);
    overflow: hidden;
    background: var(--ea-surface-3);
}
.ea-service-desc__media img {
    width: 100%; height: 100%; object-fit: cover;
    filter: grayscale(15%);
    transition: filter var(--ea-t-slow);
}
.ea-service-desc__media:hover img { filter: grayscale(0%); }
.ea-service-desc__copy h2 { margin-bottom: 20px; }


/* 11.7 Manufactures / partner logos (slick-carousel, do NOT change container display) */
.ea-partners {
    padding: 72px 0;
    background: var(--ea-bg);
    border-top: 1px solid var(--ea-line);
    border-bottom: 1px solid var(--ea-line);
}
/* Style each slide (both legacy .slide and slick-generated .slick-slide) */
.ea-partners .gallery-carousel .slide,
.ea-partners .gallery-carousel .slick-slide {
    opacity: 1 !important; /* full color, no fade */
    filter: none !important;
    transition: transform var(--ea-t-base);
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 24px !important;
    height: auto !important;
}
.ea-partners .gallery-carousel .slide:hover,
.ea-partners .gallery-carousel .slick-slide:hover { transform: translateY(-2px); }
.ea-partners img {
    max-height: 96px !important;
    height: auto !important;
    width: auto !important;
    max-width: 220px !important;
    filter: none !important;
    object-fit: contain;
    margin: 0 auto !important;
}
/* Ensure slick layout shows full row of logos at full color */
.ea-partners .slick-list { overflow: hidden; }
.ea-partners .slick-track { display: flex !important; align-items: center !important; }


/* 11.8 Carousel */
.ea-carousel { padding: var(--ea-pad-section) 0; background: var(--ea-surface); }


/* 11.9 Products grid */
.ea-products { padding: var(--ea-pad-section) 0; background: var(--ea-bg); }


/* ============================================================================
   12. FOOTER
   ============================================================================ */
footer, footer.site-footer {
    background: var(--ea-ink) !important;
    color: rgba(255,255,255,0.72) !important;
    padding: 80px 0 24px !important;
    background-image: none !important;
    border-top: 0 !important;
    margin-top: 0 !important;
}
footer .container { max-width: var(--ea-container); }
footer .row {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 80px;
    align-items: start;
}
footer [class*="col-lg-"],
footer [class*="col-md-"] { width: auto !important; max-width: none !important; padding: 0 !important; }

footer h4, footer h5,
footer .widget-title {
    font-family: var(--ea-font-label) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.5) !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    border: 0 !important;
}

footer p,
footer .footer-col p {
    color: rgba(255,255,255,0.65) !important;
    font-size: 0.9375rem !important;
    margin: 0 0 8px !important;
}
footer a { color: rgba(255,255,255,0.78) !important; transition: color var(--ea-t-base); }
footer a:hover { color: #fff !important; }
footer ul { list-style: none; padding: 0; margin: 0; }
footer ul li { padding: 6px 0; border: 0 !important; }

.footer-logo img {
    max-width: 220px;
    height: auto;
    filter: brightness(0) invert(1);
    margin-bottom: 16px;
}
.footer-disclaimer {
    font-size: 0.8125rem !important;
    line-height: 1.6 !important;
    color: rgba(255,255,255,0.55) !important;
    margin: 0 0 24px !important;
    max-width: 460px;
    font-style: normal;
}

.footer-icon .span-fi {
    display: flex;
    gap: 12px;
    margin-bottom: 14px;
    align-items: flex-start;
}
.footer-icon .fi-fas {
    flex: 0 0 32px;
    width: 32px; height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ea-r-pill);
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.85);
    font-size: 0.8125rem;
}
.footer-icon .fi-caption p { margin: 0; line-height: 1.5; }

.fb-social {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}
.fb-social .span-fb-social a {
    display: inline-flex;
    width: 38px; height: 38px;
    border-radius: var(--ea-r-pill);
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.18) !important;
    color: rgba(255,255,255,0.85) !important;
}
.fb-social .span-fb-social a:hover {
    background: var(--ea-primary) !important;
    border-color: var(--ea-primary) !important;
    color: #fff !important;
}

.footer-bottom {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 0 !important; /* removed — hr.divider above already provides separator */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.footer-bottom p { font-size: 0.8125rem !important; color: rgba(255,255,255,0.5) !important; }
hr.divider { border: 0; border-top: 1px solid rgba(255,255,255,0.1); margin: 32px 0; }


/* ============================================================================
   13. FLOATING ELEMENTS
   ============================================================================ */
a.cd-top, .cd-top {
    position: fixed !important;
    bottom: 95px !important; right: 20px !important;
    width: 44px !important; height: 44px !important;
    background: var(--ea-primary) !important;
    color: #fff !important;
    border-radius: var(--ea-r-pill) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    box-shadow: var(--ea-shadow-2) !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s, visibility 0.3s !important;
}
a.cd-top.cd-is-visible, .cd-top.cd-is-visible { opacity: 1 !important; visibility: visible !important; bottom: 95px !important; right: 20px !important; }
.cd-top::before {
    content: "↑";
    text-indent: 0;
    font-family: var(--ea-font-headline);
    font-size: 1.25rem;
}

#mobile-contact-bar {
    background: var(--ea-primary, #5b8c2a) !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 -4px 16px rgba(91,140,42,0.25) !important;
}
#mobile-contact-bar-outer {
    background: transparent !important;
    border-top: none !important;
    box-shadow: none !important;
}
#mobile-contact-bar ul {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#mobile-contact-bar ul li {
    flex: 1 1 0 !important;
    text-align: center !important;
}
#mobile-contact-bar a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    padding: 12px 0 !important;
    text-decoration: none !important;
    transition: background .2s ease !important;
}
#mobile-contact-bar a:hover,
#mobile-contact-bar a:active {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
}
#mobile-contact-bar a .fa-stack {
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
}
#mobile-contact-bar a i {
    font-size: 18px !important;
    color: #fff !important;
    line-height: 1 !important;
}
#mobile-contact-bar a .screen-reader-text {
    display: block !important;
    font-size: 11px !important;
    color: rgba(255,255,255,0.85) !important;
    margin-top: 4px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
/* Stack icon + label vertically inside each button */
#mobile-contact-bar a {
    flex-direction: column !important;
}
/* Hide buttons whose href is empty or missing (legacy categories that don't exist on this site) */
#mobile-contact-bar li:has(a[href=""]),
#mobile-contact-bar li:has(a:not([href])),
#mobile-contact-bar li:has(a[href="#"]) {
    display: none !important;
}

.policy-popup {
    background: #fff !important;
    border: 1px solid var(--ea-line) !important;
    border-radius: var(--ea-r-md) !important;
    box-shadow: var(--ea-shadow-3) !important;
    color: var(--ea-ink-2) !important;
    padding: 20px !important;
}
.policy-popup p { color: var(--ea-ink-3) !important; }
.btn-kvkk {
    background: var(--ea-primary) !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: var(--ea-r-sm) !important;
    text-transform: uppercase;
    font-family: var(--ea-font-label);
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    font-weight: 600;
}


/* ============================================================================
   14. UTILITIES
   ============================================================================ */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.text-center { text-align: center; }
.mt-3 { margin-top: 24px !important; }
.mb-3 { margin-bottom: 24px !important; }


/* ============================================================================
   15. RESPONSIVE
   ============================================================================ */
@media (max-width: 1199px) {
    .ea-bento__cell--feature { grid-column: span 12; min-height: 320px; }
    .ea-bento__cell--small,
    .ea-bento__cell--third { grid-column: span 6; }
}

@media (max-width: 991px) {
    :root { --ea-pad-section: 64px; }
    .ea-hero { padding: 72px 0 56px; }
    .ea-hero .ea-hero__inner { grid-template-columns: 1fr; gap: 40px; }
    .ea-hero__media { order: -1; max-width: 460px; aspect-ratio: 4/3; }
    .ea-pillars__grid { grid-template-columns: repeat(2, 1fr); }
    .ea-bento__cell { grid-column: span 12 !important; }
    .ea-why__grid,
    .services-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .ea-news__grid { grid-template-columns: repeat(2, 1fr); }
    .ea-service-desc__grid { grid-template-columns: 1fr; gap: 32px; }
    footer .row { grid-template-columns: 1fr 1fr; }

    .navbar-toggler, .mp-menu-toggle { display: inline-flex; }
    .nav-menus-wrapper { display: none; }
    .top-header .header-left,
    .top-header .header-right { gap: 12px; font-size: 0.75rem; }
    .ht-right-search > p > a span,
    .ht-right-language { display: none; }
}

@media (max-width: 767px) {
    :root { --ea-pad-section: 48px; --ea-gutter: 16px; }
    body { font-size: 15px; }
    .ea-hero { padding: 48px 0 32px; }
    .ea-hero__copy h1 { font-size: 1.875rem; }
    .ea-pillars__grid { grid-template-columns: 1fr; gap: 16px; }
    .ea-news__grid { grid-template-columns: 1fr; }
    .ea-why__grid,
    .services-grid { grid-template-columns: 1fr !important; }
    footer .row { grid-template-columns: 1fr; gap: 32px; }
    footer { padding: 56px 0 24px !important; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .top-header { padding: 6px 0; }
    .top-header .container { flex-direction: column; gap: 6px; }
    .ht-right-social a { width: 28px; height: 28px; }
    .pulse-button-w { transform: scale(0.85); transform-origin: bottom right; }
}

@media (max-width: 480px) {
    .ea-hero__credentials { gap: 16px; flex-wrap: wrap; }
    .ea-hero__actions { flex-direction: column; align-items: stretch; }
    .ea-hero__actions .btn { width: 100%; justify-content: center; }
    /* On mobile keep the grid but stack into 1 column so labels fit */
    .ea-hero__actions.ea-hero__actions--grid {
        grid-template-columns: 1fr !important;
    }
    .ea-hero__actions--grid .btn { white-space: normal !important; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ============================================================================
   16. CONTENT-LEVEL OVERRIDES — hide stale Lotus Diş artifacts
   ============================================================================ */

/* Footer: hide dental Instagram photo-grid */
footer .footer-grid-box,
footer .gb-photos { display: none !important; }
footer .col-lg-3.last-col { display: none !important; }
footer h4 { font-family: var(--ea-font-label) !important; font-size: 0.8125rem !important; }
footer h4:not(:first-child) { margin-top: 24px !important; }

/* Hide stale dental email/phone content visually if it contains lotusdis */
footer a[href*="lotusdis"],
footer a[href*="lotusdis.com"] { display: none !important; }

/* Hide phone/email duplicates 3-5 (admin panel may not use them) */
footer #ctl00_ctrlFooter_divFooterContactPhone3:empty,
footer #ctl00_ctrlFooter_divFooterContactPhone4:empty,
footer #ctl00_ctrlFooter_divFooterContactPhone5:empty,
footer #ctl00_ctrlFooter_divFooterContactEmail2:empty,
footer #ctl00_ctrlFooter_divFooterContactEmail3:empty { display: none !important; }

/* Stale "Adnan Kahveci" addresses → hidden if using default dental text */
footer p:where([id*="ltrFooterAddress"]):not([id*="1"]) { display: none !important; }


/* HomePageCategories — bento cells DOM is plain <a class="ea-bento__cell">, but
   the parent might still wrap with .col-md-6 if old markup persists.
   Also handle the case where MainPageCategories renders into .ea-bento. */
.ea-bento .col-md-6,
.ea-bento .col-lg-4,
.ea-bento .sb-desktop-view {
    /* Force the legacy bootstrap col to behave inside grid */
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    grid-column: span 6;
}
.ea-bento .col-md-6:nth-child(3n+1) { grid-column: span 8; }
.ea-bento .col-md-6:nth-child(3n+2) { grid-column: span 4; }
.ea-bento .col-md-6:nth-child(3n)   { grid-column: span 6; }


/* HomePageCategories: legacy .sb-desktop-view-box → bento card style */
.ea-bento .sb-desktop-view-box,
.sb-desktop-view-box {
    background: #fff !important;
    border: 1px solid var(--ea-line) !important;
    border-radius: var(--ea-r-md) !important;
    overflow: hidden !important;
    transition: all var(--ea-t-base) !important;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ea-bento .sb-desktop-view-box:hover,
.sb-desktop-view-box:hover {
    border-color: var(--ea-primary) !important;
    transform: translateY(-3px);
    box-shadow: var(--ea-shadow-2);
}
.ea-bento .sb-image,
.sb-desktop-view-box .sb-image {
    margin: 0 !important;
    aspect-ratio: 16 / 11;
    overflow: hidden;
    background: var(--ea-surface-3);
}
.ea-bento .sb-image img,
.sb-desktop-view-box .sb-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform var(--ea-t-slow);
}
.sb-desktop-view-box:hover .sb-image img { transform: scale(1.04); }

.ea-bento .service-box,
.sb-desktop-view-box .service-box,
.sb-desktop-view-box .sb-caption {
    padding: 24px !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: transparent !important;
}
.sb-desktop-view-box h4 {
    font-family: var(--ea-font-headline) !important;
    font-size: 1.25rem !important;
    color: var(--ea-ink) !important;
    margin: 0 0 10px !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
}
.sb-desktop-view-box p {
    font-size: 0.9375rem !important;
    color: var(--ea-ink-3) !important;
    line-height: 1.6 !important;
    margin: 0 0 16px !important;
}
.sb-desktop-view-box h5 {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    font-family: var(--ea-font-label) !important;
    color: var(--ea-primary) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.1em !important;
}
.sb-desktop-view-box h5 a {
    color: var(--ea-primary) !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.sb-desktop-view-box h5 a::after { content: "→"; transition: transform var(--ea-t-base); }
.sb-desktop-view-box:hover h5 a::after { transform: translateX(4px); }
.sb-desktop-view-box .fullLink { position: absolute; inset: 0; z-index: 2; }


/* HomePageNews — legacy .news-item style override */
.ea-news__grid .news-item {
    background: #fff;
    border: 1px solid var(--ea-line);
    border-radius: var(--ea-r-md);
    overflow: hidden;
    transition: all var(--ea-t-base);
}
.ea-news__grid .news-item:hover {
    border-color: var(--ea-primary);
    transform: translateY(-3px);
    box-shadow: var(--ea-shadow-2);
}
.ea-news__grid .news-img { aspect-ratio: 16 / 10; overflow: hidden; }
.ea-news__grid .news-img img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--ea-t-slow); }
.ea-news__grid .news-item:hover .news-img img { transform: scale(1.05); }
.ea-news__grid .service-box,
.ea-news__grid .sb-caption { padding: 24px !important; }
.ea-news__grid .newsdate {
    display: block;
    font-family: var(--ea-font-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ea-primary);
    margin-bottom: 10px;
}
.ea-news__grid h4 a.newstitle {
    font-family: var(--ea-font-headline);
    font-size: 1.125rem;
    line-height: 1.35;
    color: var(--ea-ink);
}
.ea-news__grid h4 a.newstitle:hover { color: var(--ea-primary); }
.ea-news__grid .newsdetails { font-size: 0.9375rem; color: var(--ea-ink-3); line-height: 1.6; margin-bottom: 12px; }
.ea-news__grid .readmore {
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ea-primary);
}


/* Hide HomePageNews internal duplicate section-title (MainPageNews supplies it) */
.ea-news .homepagenews .section-title { display: none !important; }
.ea-news .homepagenews { padding: 0 !important; }
.ea-news .homepagenews > .row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.ea-news .homepagenews > .row > [class*="col-"] {
    width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important;
}


/* Services-grid grid-cell wider title balance */
.services-grid .grid2 h2 {
    margin-bottom: 4px !important;
}


/* Carrousel placeholder spacing */
.ea-carousel:empty { display: none; }


/* Ensure top-header always visible */
.top-header { display: block !important; }
.top-header .container { display: flex !important; }


/* ============================================================================
   17. CATEGORIES — 3-column equal grid with image
   ============================================================================ */
.ea-cat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 40px;
}
.ea-cat-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--ea-line);
    border-radius: var(--ea-r-md);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: all var(--ea-t-base);
}
.ea-cat-card:hover {
    border-color: var(--ea-primary);
    transform: translateY(-3px);
    box-shadow: var(--ea-shadow-2);
    color: inherit;
}
.ea-cat-card__media {
    aspect-ratio: 16 / 11;
    overflow: hidden;
    background: var(--ea-surface-3);
}
.ea-cat-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--ea-t-slow);
}
.ea-cat-card:hover .ea-cat-card__media img { transform: scale(1.05); }
.ea-cat-card__body {
    padding: 28px 24px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.ea-cat-card__body h3 {
    font-family: var(--ea-font-headline);
    font-size: 1.25rem;
    color: var(--ea-ink);
    margin: 0 0 10px;
    line-height: 1.25;
}
.ea-cat-card__body p {
    font-size: 0.9375rem;
    color: var(--ea-ink-3);
    line-height: 1.6;
    margin: 0 0 18px;
    flex: 1;
}
.ea-cat-card__arrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ea-primary);
    margin-top: auto;
}
.ea-cat-card__arrow .material-symbols-outlined { font-size: 18px; transition: transform var(--ea-t-base); }
.ea-cat-card:hover .ea-cat-card__arrow .material-symbols-outlined { transform: translateX(4px); }

@media (max-width: 991px) {
    .ea-cat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .ea-cat-grid { grid-template-columns: 1fr; gap: 20px; }
}


/* ============================================================================
   18. FOOTER — strong overrides (specificity boost)
   ============================================================================ */
body footer,
body footer.site-footer,
html body footer#divFooter {
    background-color: #191c1d !important;
    background-image: none !important;
    color: rgba(255,255,255,0.72) !important;
    padding: 80px 0 24px !important;
    margin-top: 0 !important;
}
body footer .container { max-width: 1280px !important; }
body footer p,
body footer .footer-col p { color: rgba(255,255,255,0.72) !important; }
body footer a { color: rgba(255,255,255,0.85) !important; }
body footer h4 {
    color: rgba(255,255,255,0.5) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.8125rem !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}
body footer .fi-fas i,
body footer .footer-icon i {
    color: rgba(255,255,255,0.85) !important;
}

/* Hide Instagram photo grid in footer (legacy lotusdis) */
body footer .footer-grid-box,
body footer .gb-photos,
body footer img[src*="img15"],
body footer img[src*="img27"],
body footer img[src*="img28"],
body footer img[src*="img29"],
body footer img[src*="img30"],
body footer img[src*="img31"] { display: none !important; }

/* Hide the entire 4th column "INSTAGRAM" block */
body footer .col-lg-3.last-col { display: none !important; }

/* Hide stale dental email contact (lotusdis.com.tr fallback when DB null) */
body footer a[href*="lotusdis"] { display: none !important; }


/* ============================================================================
   19. DROPDOWN MENU — pure CSS :hover (navigation.js is disabled by id rename)
   ============================================================================ */
/* Header & nav stacking context — must beat all section content below */
header { position: relative; z-index: 9000 !important; }
.main-nav, #navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 9000 !important;
    overflow: visible !important;
}
.main-nav .container,
.navigation,
.nav-menus-wrapper,
.nav-menu,
.standartMenu { overflow: visible !important; }

/* Section content must NEVER create a stacking context that traps the dropdown */
.ea-hero, .ea-pillars, .ea-services, .ea-why, .ea-news,
.ea-service-desc, .ea-partners, .ea-products, .ea-carousel {
    position: relative;
    z-index: 1;
}

/* MEGA MENU — base style + hidden by default */
.nav-menu .nav-dropdown,
.standartMenu .nav-dropdown,
.nav-menu .nav-submenu,
.standartMenu .nav-submenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 720px !important;
    max-width: 90vw !important;
    min-width: 480px !important;
    background: #fff !important;
    border: 1px solid var(--ea-line) !important;
    border-radius: var(--ea-r-md) !important;
    box-shadow: var(--ea-shadow-2) !important;
    list-style: none !important;
    padding: 8px 8px !important;
    margin: 0 !important;
    z-index: 99999 !important;
    flex: none !important;
    float: none !important;
    display: none !important;
}

/* Show as FLEX WRAP 3-col on hover (each row = equal height, no gaps) */
body .nav-menu > li:hover > .nav-dropdown,
body .standartMenu > li:hover > .nav-dropdown,
body .nav-menu > li:hover > .nav-submenu,
body .standartMenu > li:hover > .nav-submenu,
body .nav-menu > li:focus-within > .nav-dropdown,
body .standartMenu > li:focus-within > .nav-dropdown {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
}

/* Right-side menu items anchor mega menu to right edge so it doesn't overflow */
.nav-menu > li:nth-last-child(-n+2) > .nav-dropdown,
.nav-menu > li:nth-last-child(-n+2) > .nav-submenu,
.standartMenu > li:nth-last-child(-n+2) > .nav-dropdown,
.standartMenu > li:nth-last-child(-n+2) > .nav-submenu {
    left: auto !important;
    right: 0 !important;
}
/* Each dropdown <li> = 1/3 of the row in flex layout */
.nav-menu .nav-dropdown > li,
.standartMenu .nav-dropdown > li,
.nav-menu .nav-submenu > li,
.standartMenu .nav-submenu > li {
    list-style: none !important;
    margin: 0 !important;
    border: 0 !important;
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    min-width: 0 !important;
    flex: 0 0 33.3333% !important;
    -ms-flex: 0 0 33.3333% !important;
    -webkit-box-flex: 0 !important;
    float: none !important;
    display: flex !important;
    align-items: stretch !important;
    text-align: left !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}
.nav-menu .nav-dropdown li a,
.standartMenu .nav-dropdown li a,
.nav-menu .nav-submenu li a,
.standartMenu .nav-submenu li a,
.nav-menu li a.dropdown-menu-item {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 6px 10px !important;
    color: var(--ea-ink-2) !important;
    background: #fff !important;
    font-family: var(--ea-font-headline) !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    border: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    border-radius: 2px !important;
    margin: 0 !important;
}
.nav-menu .nav-dropdown li a:hover,
.standartMenu .nav-dropdown li a:hover,
.nav-menu .nav-submenu li a:hover,
.standartMenu .nav-submenu li a:hover {
    background: var(--ea-primary-soft) !important;
    color: var(--ea-primary) !important;
}

/* Caret next to top-level menu items */
.nav-menu .caret, .standartMenu .caret {
    display: inline-block;
    margin-left: 6px;
    width: 0; height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    vertical-align: middle;
    opacity: 0.6;
}

/* navigation.js inserts <span class="submenu-indicator"><span class="submenu-indicator-chevron"></span></span> */
.nav-menu .submenu-indicator,
.standartMenu .submenu-indicator {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
}
.nav-menu .submenu-indicator-chevron,
.standartMenu .submenu-indicator-chevron {
    display: inline-block;
    width: 6px; height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.55;
    margin-bottom: 2px;
    transition: transform .2s ease;
}
.nav-menu li:hover .submenu-indicator-chevron,
.standartMenu li:hover .submenu-indicator-chevron { transform: rotate(225deg); margin-bottom: -2px; }

/* Parent <li> needs positioning for absolute child dropdown */
.nav-menu > li,
.standartMenu > li {
    position: relative !important;
}
.nav-menu li li {
    position: relative !important;
}

/* Force dropdown UL to absolute on hover, regardless of legacy display:none */
/* Removed legacy fallback dropdown rules — they conflicted with navigation.js
   which uses .fadeIn/.fadeOut and toggles inline display style. */


/* ============================================================================
   20. HERO — make it span full width properly
   ============================================================================ */
.ea-hero .container { max-width: 1280px !important; }
.ea-hero__inner {
    width: 100%;
}
@media (max-width: 991px) {
    .ea-hero__inner { grid-template-columns: 1fr !important; }
}


/* ============================================================================
   21. STICKY OFF + COMPACT HEADER (clean rebuild)
   ============================================================================ */
/* Disable any absolute/sticky positioning from legacy CSS */
header {
    position: relative !important;
    z-index: 50;
    margin: 0 !important;
    padding: 0 !important;
}
.top-header {
    position: relative !important;
    top: auto !important;
    background: #191c1d !important;
    color: rgba(255,255,255,0.85);
    padding: 6px 0 !important;
    margin: 0 !important;
    z-index: 51;
}
.main-nav, #navbar {
    position: relative !important;
    top: auto !important;
    background: #fff !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--ea-line);
    z-index: 50;
}

/* Top-bar fully hidden — its CTA moved to main nav */
.top-header { display: none !important; }

/* Nav-side Randevu Al CTA — appears next to main menu */
body a.nav-cta-btn,
.nav-menus-wrapper a.nav-cta-btn,
header a.nav-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: 16px !important;
    padding: 10px 20px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    background: #5b8c2a !important;
    background-color: #5b8c2a !important;
    border: 1px solid #5b8c2a !important;
    border-radius: 2px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition: background-color .2s ease, border-color .2s ease;
}
body a.nav-cta-btn:hover,
.nav-menus-wrapper a.nav-cta-btn:hover {
    background: #487021 !important;
    background-color: #487021 !important;
    border-color: #487021 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.nav-menus-wrapper {
    align-items: center !important;
    gap: 0 !important;
}
.main-nav .container,
.navigation {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 24px;
    min-height: 76px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.nav-header,
.nav-menus-wrapper {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
}
.nav-logo,
.nav-logo a,
a.nav-logo {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1;
}
.nav-logo img {
    max-height: 38px !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
}
.nav-menu, .standartMenu, ul.nav-menu {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.nav-menu > li,
.standartMenu > li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}
.nav-menu > li > a,
.standartMenu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 14px !important;
}

/* ============================================================================
   22. TIGHTEN HERO — remove excess vertical whitespace
   ============================================================================ */
/* Outer wrapper <section> in Default.aspx wraps all home modules.
   It has no class — kill its inherited 80px padding so modules sit flush below header. */
section:not([class]) {
    padding: 0 !important;
    margin: 0 !important;
}
.ea-hero { padding: 16px 0 48px !important; margin-top: 0 !important; }
.ea-hero__copy .ea-label,
.ea-hero__copy span.ea-label {
    display: block !important;
    margin: 0 0 6px 0 !important;
}
.ea-hero__copy h1 {
    margin: 0 0 14px 0 !important;
    line-height: 1.05 !important;
}
.ea-hero__copy p,
.ea-hero__copy .lead {
    margin: 0 0 12px 0 !important;
}
.ea-hero__copy .lead + p { margin-top: 0 !important; }
.ea-hero__actions { margin-top: 16px !important; }
.ea-hero__credentials { margin-top: 24px !important; padding-top: 20px !important; }


/* ============================================================================
   23. TOP-BAR — clear legacy green/coral backgrounds, restyle topbar CTA
   ============================================================================ */
/* Force all top-bar children to have transparent background (kills legacy green block) */
.top-header,
.top-header > div,
.top-header .container,
.top-header .container > div,
.top-header .header-left,
.top-header .header-right,
.top-header .header-left > *,
.top-header .header-right > * {
    background-color: transparent !important;
    background-image: none !important;
}
/* Top-bar itself is dark charcoal */
.top-header { background-color: #191c1d !important; }

/* Topbar CTA button (Randevu Al) — small, white-on-primary */
.ht-right-cta .btn-topbar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 14px !important;
    font-family: var(--ea-font-label) !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: var(--ea-primary) !important;
    border: 1px solid var(--ea-primary) !important;
    border-radius: 2px !important;
    line-height: 1.3 !important;
    transition: background var(--ea-t-base), color var(--ea-t-base);
}
.ht-right-cta .btn-topbar:hover {
    background: #fff !important;
    color: var(--ea-primary) !important;
    border-color: #fff !important;
}
.ht-right-cta p { margin: 0 !important; line-height: 1; }

/* Hero — tighten credentials margin so the section doesn't bleed empty space */
.ea-hero__credentials { margin-top: 32px !important; padding-top: 24px !important; }


/* ============================================================================
   24. INNER PAGES — category detail / content pages
   Layout: aside.departments (left sidebar) + main content area
   ============================================================================ */

/* Page wrapper basics */
.master-wrapper-page,
.master-wrapper-content,
.center-2,
.three-columns,
.two-columns {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 24px var(--ea-gutter, 24px) 64px !important;
}

/* 2-column inner page layout: sidebar + main */
.master-column-wrapper,
.center-2 {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 48px !important;
    align-items: start !important;
}
@media (max-width: 991px) {
    .master-column-wrapper,
    .center-2 {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}

/* Sidebar wrapper */
.left-side,
.left-side-2,
.sidebar-block,
.sidebar {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================================================
   24.1 SIDE MENU — modern, sticky, indented sub-items
   ============================================================================ */
aside.departments,
.block.block-category-navigation {
    background: #fff !important;
    border: 1px solid var(--ea-line) !important;
    border-radius: var(--ea-r-md) !important;
    padding: 8px !important;
    margin: 0 !important;
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    box-shadow: 0 1px 0 rgba(28,28,29,0.04);
}
aside.departments aside.departments {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    position: static !important;
}
aside.departments::before,
.block-category-navigation::before {
    content: "Bu Konu Hakkında";
    display: block;
    font-family: var(--ea-font-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ea-ink-3);
    padding: 12px 14px 8px;
    border-bottom: 1px solid var(--ea-line);
    margin-bottom: 6px;
}
aside.departments aside.departments::before { display: none; }

aside.departments ul.list-group,
.block-category-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
aside.departments ul.list-group li,
.block-category-navigation ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    margin-left: 0 !important;
}
aside.departments ul.list-group li[style*="margin-left"],
aside.departments ul.list-group li.inactive[style*="margin-left"],
aside.departments ul.list-group li.active[style*="margin-left"] {
    margin-left: 12px !important;
}
aside.departments ul.list-group li a,
.block-category-navigation ul li a {
    display: block !important;
    padding: 8px 14px !important;
    font-family: var(--ea-font-body) !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: var(--ea-ink-2) !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border-left: 2px solid transparent !important;
    transition: all .18s ease;
}
aside.departments ul.list-group li a:hover,
.block-category-navigation ul li a:hover {
    color: var(--ea-primary) !important;
    background: var(--ea-primary-soft) !important;
    border-left-color: var(--ea-primary) !important;
    text-decoration: none !important;
}
aside.departments ul.list-group li.active > a,
.block-category-navigation ul li.active > a {
    color: var(--ea-primary) !important;
    background: var(--ea-primary-soft) !important;
    font-weight: 600 !important;
    border-left-color: var(--ea-primary) !important;
}

/* ============================================================================
   24.2 MAIN CONTENT — typography, images, layout
   ============================================================================ */
.center-column,
.center-column-2,
.right-side,
.center-1 {
    background: transparent !important;
    padding: 0 !important;
    max-width: 100% !important;
}

/* Content body */
.category-description,
.category-page,
.page-body,
.html-page,
article.html-page,
.product-content,
.full-description,
.topic-block,
.topic-page,
.content-page {
    background: #fff;
    color: var(--ea-ink-2);
    font-family: var(--ea-font-body);
    font-size: 1rem;
    line-height: 1.75;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Category breadcrumb / page title */
.center-2 h1,
.master-column-wrapper h1,
.category-title h1,
.product-name h1,
.page-title h1,
.page-title,
h1.product-name,
h1.category-title {
    font-family: var(--ea-font-headline) !important;
    font-size: clamp(1.875rem, 3vw, 2.5rem) !important;
    font-weight: 700 !important;
    color: var(--ea-ink) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.015em !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Inner H2/H3 */
.center-column h2,
.category-description h2,
.html-page h2 {
    font-family: var(--ea-font-headline) !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: var(--ea-ink) !important;
    margin: 32px 0 12px 0 !important;
    line-height: 1.25 !important;
}
.center-column h3,
.category-description h3,
.html-page h3 {
    font-family: var(--ea-font-headline) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--ea-ink) !important;
    margin: 24px 0 10px 0 !important;
    line-height: 1.3 !important;
}
.center-column h4,
.category-description h4,
.html-page h4 {
    font-family: var(--ea-font-headline) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    color: var(--ea-ink) !important;
    margin: 20px 0 8px 0 !important;
}

/* Paragraphs & lists in content */
.center-column p,
.category-description p,
.html-page p,
.page-body p {
    font-family: var(--ea-font-body) !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
    color: var(--ea-ink-2) !important;
    margin: 0 0 16px 0 !important;
}
.center-column ul,
.center-column ol,
.category-description ul,
.category-description ol,
.html-page ul,
.html-page ol {
    margin: 0 0 16px 0 !important;
    padding-left: 22px !important;
}
.center-column ul li,
.category-description ul li,
.html-page ul li,
.center-column ol li,
.html-page ol li {
    margin: 0 0 6px 0 !important;
    line-height: 1.6 !important;
    color: var(--ea-ink-2) !important;
}
.center-column blockquote,
.category-description blockquote,
.html-page blockquote {
    border-left: 3px solid var(--ea-primary) !important;
    padding: 8px 20px !important;
    margin: 24px 0 !important;
    background: var(--ea-surface) !important;
    color: var(--ea-ink-2) !important;
    font-family: var(--ea-font-headline) !important;
    font-style: italic;
    font-size: 1.0625rem;
    line-height: 1.6;
}

/* Links inside content */
.center-column a:not(.btn),
.category-description a:not(.btn),
.html-page a:not(.btn) {
    color: var(--ea-primary) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(91,140,42,0.3) !important;
    text-underline-offset: 3px;
    transition: text-decoration-color .2s ease, color .2s ease;
}
.center-column a:not(.btn):hover,
.category-description a:not(.btn):hover,
.html-page a:not(.btn):hover {
    text-decoration-color: var(--ea-primary) !important;
}

/* ============================================================================
   24.3 IMAGES — never overflow, modern presentation
   ============================================================================ */
.center-column img,
.category-description img,
.html-page img,
.page-body img,
.full-description img,
.topic-block img,
article img,
main img,
section.center-2 img,
h1 img, h2 img, h3 img, h4 img {
    max-width: 100% !important;
    height: auto !important;
    width: auto;
    display: block !important;
    margin: 24px auto !important;
    border-radius: var(--ea-r-md) !important;
    border: 1px solid var(--ea-line) !important;
    box-shadow: 0 1px 0 rgba(28,28,29,0.04);
}

/* Float images that have a width set inline shouldn't break layout */
.html-page img[style*="float"],
.category-description img[style*="float"] {
    max-width: 50% !important;
    margin: 8px 16px !important;
}

/* ============================================================================
   24.4 TABLES, IFRAMES, MEDIA in content
   ============================================================================ */
.center-column table,
.category-description table,
.html-page table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    margin: 24px 0 !important;
    font-size: 0.9375rem !important;
}
.center-column table th,
.html-page table th {
    background: var(--ea-surface);
    color: var(--ea-ink);
    font-family: var(--ea-font-label);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 12px 14px !important;
    text-align: left;
    border-bottom: 2px solid var(--ea-line-strong) !important;
}
.center-column table td,
.html-page table td {
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--ea-line) !important;
    color: var(--ea-ink-2);
}

.center-column iframe,
.category-description iframe,
.html-page iframe {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: var(--ea-r-md);
    margin: 24px 0;
    border: 1px solid var(--ea-line);
    aspect-ratio: 16 / 9;
}

/* ============================================================================
   24.5 SAFETY — never let any inner element exceed its container
   ============================================================================ */
.master-column-wrapper *,
.center-2 *,
.html-page *,
.category-description * {
    max-width: 100%;
    box-sizing: border-box;
}

/* ============================================================================
   24.6 BOOTSTRAP COL CONTAINERS — actual structure on inner pages
   The site uses Bootstrap layout (.col-lg-9, .col-lg-3) for inner pages.
   Force all DB-injected inline width/height to be neutralized.
   ============================================================================ */
/* Content column: anything inside large bootstrap cols */
[class*="col-lg-9"],
[class*="col-md-9"],
[class*="col-lg-8"],
[class*="col-lg-12"] {
    max-width: 100% !important;
}

/* Kill inline width on any element inside content column */
[class*="col-lg-9"] *,
[class*="col-md-9"] *,
[class*="col-lg-8"] *,
.col-lg-9 [style*="width"],
.col-md-9 [style*="width"],
.col-lg-8 [style*="width"] {
    max-width: 100% !important;
}

/* Images inside content column — neutralize inline width/height attrs */
[class*="col-lg-9"] img,
[class*="col-md-9"] img,
[class*="col-lg-8"] img,
.col-lg-9 img,
.col-md-9 img,
.col-lg-8 img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 24px auto !important;
    border-radius: var(--ea-r-md) !important;
    border: 1px solid var(--ea-line) !important;
    box-shadow: 0 1px 0 rgba(28,28,29,0.04);
}

/* Headings inside content column with inline width — strip it */
[class*="col-lg-9"] h1[style*="width"],
[class*="col-lg-9"] h2[style*="width"],
[class*="col-lg-9"] h3[style*="width"],
[class*="col-lg-9"] h4[style*="width"],
[class*="col-lg-9"] p[style*="width"],
[class*="col-lg-9"] div[style*="width"],
[class*="col-md-9"] h1[style*="width"],
[class*="col-md-9"] h2[style*="width"],
[class*="col-md-9"] h3[style*="width"],
[class*="col-md-9"] p[style*="width"],
[class*="col-md-9"] div[style*="width"],
.col-lg-9 [style*="width"],
.col-md-9 [style*="width"] {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Bootstrap row inside content shouldn't overflow */
.col-lg-9 .row,
.col-md-9 .row,
[class*="col-lg-9"] > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

/* General page wrapper for content column */
.col-lg-9,
.col-md-9 {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Sidebar (.col-lg-3 with aside.departments) — already styled in 24.1
   but ensure it doesn't get accidentally widened by parent rules */
.col-lg-3 aside.departments,
.col-md-3 aside.departments {
    width: auto !important;
}

/* ============================================================================
   24.7 KILL LEGACY 100vw / FULL-WIDTH IMAGE RULES
   4-stylesheet.css forces .category-description h2 > img:only-child to 100vw
   which causes massive horizontal overflow. Override aggressively.
   ============================================================================ */
.category-description h1 > img,
.category-description h1 > img:only-child,
.category-description h2 > img,
.category-description h2 > img:only-child,
.category-description h3 > img,
.category-description h3 > img:only-child,
.category-description h4 > img,
.category-description h5 > img,
.category-description h6 > img,
.category-description p > img,
.category-description div > img,
.category-description figure > img,
.category-description img,
.topic-html-content h1 > img,
.topic-html-content h2 > img,
.topic-html-content h2 > img:only-child,
.topic-html-content h3 > img,
.topic-html-content img,
.about-info img,
[class*="col-lg-9"] h1 > img,
[class*="col-lg-9"] h2 > img,
[class*="col-lg-9"] h2 > img:only-child,
[class*="col-lg-9"] h3 > img,
[class*="col-lg-9"] h4 > img,
[class*="col-lg-9"] p > img,
[class*="col-lg-9"] div > img,
[class*="col-lg-9"] figure > img,
[class*="col-lg-9"] img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 24px auto !important;
    border-radius: var(--ea-r-md, 4px) !important;
    border: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
}

/* Also kill legacy h2/h3/etc width when they are forced wide */
.category-description h1,
.category-description h2,
.category-description h3,
.category-description h4,
.category-description p,
.category-description div,
[class*="col-lg-9"] h1,
[class*="col-lg-9"] h2,
[class*="col-lg-9"] h3,
[class*="col-lg-9"] h4,
[class*="col-lg-9"] p,
[class*="col-lg-9"] div {
    max-width: 100% !important;
}

/* Specifically kill 100vw on any element */
[style*="100vw"],
.category-description [style*="100vw"],
[class*="col-lg-9"] [style*="100vw"] {
    width: auto !important;
    max-width: 100% !important;
}

/* ============================================================================
   24.8 SUB-CATEGORY GRID — modern card layout for category overview pages
   When a parent category has subcategories, show them as cards.
   ============================================================================ */
.sub-category-grid {
    margin: 32px 0 48px !important;
}
/* Hide grid when DataList rendered no items (empty table or just empty wrapper) */
.sub-category-grid:empty,
.sub-category-grid > div:empty,
.sub-category-grid > table:empty {
    display: none !important;
}
/* Empty DataList check: hide when no item-box children */
.sub-category-grid:not(:has(.item-box)),
.sub-category-grid:not(:has(.sub-category-item)) {
    display: none !important;
}

/* Convert legacy DataList table layout to grid */
.sub-category-grid > table,
.sub-category-grid table.dlSubCategories,
.sub-category-grid > div > table {
    width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.sub-category-grid table tbody {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}
.sub-category-grid table tr {
    display: contents !important;
}
.sub-category-grid table td.item-box {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* ============================================================================
   Modern sub-category card — vertical layout: image top, title + description below.
   Uses on-the-fly 400px thumbnails generated by PictureService (server-side override).
   ============================================================================ */
.sub-category-item {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 1px solid var(--ea-line) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: all .25s cubic-bezier(.2,.8,.2,1);
    height: 100% !important;
    position: relative;
    box-shadow: 0 1px 2px rgba(28,28,29,0.04);
}
.sub-category-item:hover {
    border-color: var(--ea-primary) !important;
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(28,28,29,0.10), 0 4px 8px rgba(91,140,42,0.08);
}

.sub-category-item .picture {
    aspect-ratio: 16 / 11 !important;
    width: 100% !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, var(--ea-surface, #f8fafb) 0%, var(--ea-surface-2, #f2f4f5) 100%) !important;
    margin: 0 !important;
    position: relative;
}
.sub-category-item .picture a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.sub-category-item .picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .6s cubic-bezier(.2,.8,.2,1);
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
}
.sub-category-item:hover .picture img {
    transform: scale(1.06);
}
/* Subtle gradient overlay on hover for legibility */
.sub-category-item .picture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 60%, rgba(91,140,42,0.0));
    pointer-events: none;
    transition: background .3s ease;
}
.sub-category-item:hover .picture::after {
    background: linear-gradient(to bottom, transparent 50%, rgba(91,140,42,0.08));
}

.sub-category-item .sub-category-body {
    padding: 22px 24px 24px !important;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
}

.sub-category-item h2.category-title,
.sub-category-item .category-title {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--ea-font-headline) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--ea-ink) !important;
    background: transparent !important;
    border: 0 !important;
    letter-spacing: -0.01em;
}
.sub-category-item h2.category-title a,
.sub-category-item .category-title a {
    color: var(--ea-ink) !important;
    text-decoration: none !important;
    display: block !important;
    transition: color .2s ease;
}
.sub-category-item:hover h2.category-title a {
    color: var(--ea-primary) !important;
}

/* Description — 200ch preview from category content */
.sub-category-item .sub-category-desc {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--ea-font-body) !important;
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
    color: var(--ea-ink-3) !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.sub-category-item .sub-category-desc:empty {
    display: none;
}

/* Bottom "Detay →" indicator */
.sub-category-item .sub-category-arrow {
    margin-top: auto !important;
    padding-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--ea-font-label) !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--ea-primary) !important;
}
.sub-category-item .sub-category-arrow em {
    font-style: normal;
    font-size: 1.1em;
    transition: transform .25s ease;
    display: inline-block;
}
.sub-category-item:hover .sub-category-arrow em {
    transform: translateX(5px);
}

/* Responsive */
@media (max-width: 991px) {
    .sub-category-grid table tbody {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .sub-category-grid table tbody {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .sub-category-item .sub-category-body {
        padding: 18px 18px 20px !important;
    }
}

/* ============================================================================
   25. SLIM TOP-BAR — sits above main nav (re-enabled). DB-driven elements.
   ============================================================================ */
.top-header {
    display: block !important;
    background: var(--ea-primary, #5b8c2a) !important;
    color: rgba(255,255,255,0.92) !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.02em !important;
    position: relative;
    z-index: 60;
    line-height: 1.4 !important;
}
.top-header .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    min-height: 28px;
    max-width: none !important;
    width: 100% !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    margin: 0 !important;
}
/* Hide globe / language selector */
.top-header .ht-right-language { display: none !important; }
.top-header .header-left {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    left: auto !important;
}
.top-header .header-right {
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
}
.top-header .header-left p {
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
    line-height: 1 !important;
}
.top-header .header-left a {
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px;
    font-weight: 500;
    transition: color .2s ease;
}
.top-header .header-left a:hover { color: #fff !important; }

.top-header .header-right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap;
}
/* Force every direct child of header-right to align centered vertically */
.top-header .header-right > div {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}
.top-header .ht-right-social + .ht-right-social {
    margin-left: -6px !important;
}
.top-header .ht-right-cta + .ht-right-social {
    margin-left: 4px !important;
}

/* Email */
.top-header .ht-right-email p { margin: 0 !important; line-height: 1; }
.top-header .ht-right-email a {
    color: rgba(255,255,255,0.78) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px;
    transition: color .2s ease;
}
.top-header .ht-right-email a:hover { color: #fff !important; }

/* Search icon */
.top-header .ht-right-search { position: relative; }
.top-header .ht-right-search > p { margin: 0 !important; line-height: 1; }
.top-header .ht-right-search > p > a {
    color: rgba(255,255,255,0.78) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    transition: background .2s ease, color .2s ease;
    font-size: 0;
}
.top-header .ht-right-search > p > a > i { font-size: 12px; }
.top-header .ht-right-search > p > a:hover {
    background: rgba(255,255,255,0.08);
    color: #fff !important;
}
.top-header .ht-right-search .srch {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 4px;
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.2);
    width: 280px;
    z-index: 100;
    display: none;
}
.top-header .ht-right-search .srch.open { display: block; }

/* AutoComplete dropdown — body'ye append edilir, header z-index:9000 üstüne çıkmalı */
.autocomplete_completionListElement {
    z-index: 10001 !important;
    width: 300px !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.06), 0 12px 40px rgba(91,140,42,0.16) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13.5px !important;
    padding: 6px 0 !important;
    margin-top: 6px !important;
    list-style: none !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(91,140,42,0.25) transparent !important;
}
.autocomplete_completionListElement::-webkit-scrollbar {
    width: 4px !important;
}
.autocomplete_completionListElement::-webkit-scrollbar-track {
    background: transparent !important;
}
.autocomplete_completionListElement::-webkit-scrollbar-thumb {
    background: rgba(91,140,42,0.25) !important;
    border-radius: 4px !important;
}
.autocomplete_listItem {
    display: block !important;
    padding: 9px 16px !important;
    color: #333 !important;
    cursor: pointer !important;
    line-height: 1.45 !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: background 0.1s !important;
}
.autocomplete_listItem:last-child {
    border-bottom: none !important;
}
.autocomplete_highlightedListItem {
    display: block !important;
    padding: 9px 16px !important;
    background: #eef5e3 !important;
    color: #5b8c2a !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    line-height: 1.45 !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* RANDEVU AL — slim pill (white on purple bar) */
.top-header .ht-right-cta { display: inline-flex; }
.top-header .ht-right-cta p { margin: 0 !important; line-height: 1; }
.top-header .ht-right-cta a.btn,
.top-header .ht-right-cta a.btn-topbar,
.top-header .ht-right-cta a.btn-custom {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 16px !important;
    height: 28px !important;
    background: #fff !important;
    color: var(--ea-primary, #5b8c2a) !important;
    border: 1px solid #fff !important;
    border-radius: 999px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}
.top-header .ht-right-cta a.btn:hover,
.top-header .ht-right-cta a.btn-topbar:hover,
.top-header .ht-right-cta a.btn-custom:hover {
    background: transparent !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.4) !important;
    transform: translateY(-1px);
}

/* Social icons — circular (on purple bar) */
.top-header .ht-right-social { display: inline-flex; align-items: center; }
.top-header .ht-right-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.12) !important;
    color: #fff !important;
    border: 0 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    font-size: 0 !important;
    transition: background .2s ease, color .2s ease, transform .2s ease !important;
}
.top-header .ht-right-social a:hover {
    background: #fff !important;
    color: var(--ea-primary, #5b8c2a) !important;
    transform: translateY(-1px);
}
.top-header .ht-right-social a i,
.top-header .ht-right-social a .fab,
.top-header .ht-right-social a .fas {
    font-size: 12px !important;
    line-height: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Language selector */
.top-header .ht-right-language p { margin: 0 !important; line-height: 1; }
.top-header .ht-right-language select {
    background: transparent !important;
    color: rgba(255,255,255,0.78) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    font-size: 0.6875rem !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

/* Material symbols sized small in top-bar */
.top-header .material-symbols-outlined {
    font-size: 14px !important;
    vertical-align: middle !important;
}

/* Mobile collapse */
@media (max-width: 767px) {
    .top-header { padding: 6px 0 !important; font-size: 0.6875rem !important; }
    .top-header .container { gap: 8px !important; }
    .top-header .header-left p { gap: 10px; }
    .top-header .ht-right-email,
    .top-header .ht-right-language,
    .top-header .ht-right-search { display: none !important; }
}


/* ============================================================================
   26. CONTACT PAGE — modern redesign (CSS-only, runat=server IDs preserved)
   ============================================================================ */

/* Page hero/title */
.sections .pages-title {
    text-align: center;
    padding: 48px 0 32px;
    background: var(--ea-surface, #f8fafb);
    border-bottom: 1px solid var(--ea-line, rgba(0,0,0,0.08));
}
.sections .pages-title h1 {
    font-family: var(--ea-font-headline) !important;
    font-size: clamp(2rem, 4vw, 2.75rem) !important;
    font-weight: 700 !important;
    color: var(--ea-ink, #191c1d) !important;
    margin: 0 0 8px !important;
    line-height: 1.1 !important;
}
.sections .pages-title h1 span {
    display: block !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: var(--ea-primary, #5b8c2a) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-family: 'Inter', sans-serif !important;
    margin-top: 8px;
}
.sections .pages-title h1 br { display: none; }
.sections .pages-title p {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    color: var(--ea-ink-3, #4a454e) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin: 12px 0 0 !important;
}
.sections .pages-title p a {
    color: var(--ea-ink-3, #4a454e) !important;
    text-decoration: none !important;
}
.sections .pages-title p a:hover { color: var(--ea-primary, #5b8c2a) !important; }

/* Contact section layout */
.contactSection {
    padding: 48px 0 64px !important;
    background: #fff !important;
}
.contactSection .container {
    max-width: 1200px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* Two-column wrapper: info card (left) + (form below sections) */
.contactSection .contact-info-right {
    background: #fff !important;
    border: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    border-radius: 12px !important;
    padding: 36px 40px !important;
    box-shadow: 0 1px 3px rgba(28,28,29,0.04);
}
.contactSection .contact-info-right h5 {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: var(--ea-primary, #5b8c2a) !important;
    margin: 0 0 8px !important;
}
.contactSection .contact-info-right h3 {
    font-family: var(--ea-font-headline) !important;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--ea-ink, #191c1d) !important;
    margin: 0 0 20px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
}
.contactSection .contact-divider {
    border: 0 !important;
    border-top: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    margin: 24px 0 !important;
}

/* Each contact line item — modernized */
.contactSection .box-contact {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    transition: transform .2s ease;
}
.contactSection .box-contact:hover { transform: translateX(2px); }
.contactSection .box-contact .bc-icon {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    background: var(--ea-primary-soft, #eef5e3) !important;
    color: var(--ea-primary, #5b8c2a) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    transition: background .2s ease, color .2s ease;
}
.contactSection .box-contact:hover .bc-icon {
    background: var(--ea-primary, #5b8c2a) !important;
    color: #fff !important;
}
.contactSection .box-contact .bc-icon i {
    font-size: 14px !important;
}
.contactSection .box-contact .bc-caption {
    flex: 1 !important;
    margin: 0 !important;
    padding-top: 8px;
}
.contactSection .box-contact .bc-caption p {
    margin: 0 !important;
    font-family: var(--ea-font-body) !important;
    font-size: 0.9375rem !important;
    line-height: 1.5 !important;
    color: var(--ea-ink-2, #424240) !important;
}
.contactSection .box-contact .bc-caption a {
    color: var(--ea-ink, #191c1d) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color .2s ease;
}
.contactSection .box-contact .bc-caption a:hover {
    color: var(--ea-primary, #5b8c2a) !important;
}
/* Hide empty box-contact rows */
.contactSection .box-contact:has(.bc-caption p:empty),
.contactSection .box-contact:has(.bc-caption:empty),
.contactSection .box-contact:has(a[href="tel:"]),
.contactSection .box-contact:has(a[href="mailto:"]) {
    display: none !important;
}
/* hide stray clear divs */
.contactSection .box-contact + div[style*="clear"] { display: none !important; }

/* Map iframes — full width, modern */
.contactSection .map {
    margin-top: 24px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    box-shadow: 0 1px 3px rgba(28,28,29,0.04);
}
.contactSection .map iframe.map-iframe {
    display: block !important;
    width: 100% !important;
    height: 380px !important;
    aspect-ratio: auto !important;
    border: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

/* Hide branches that are empty (only ltrSube text drives section visibility on server) */

/* Form area */
.contactSection .contact-form {
    background: var(--ea-surface, #f8fafb) !important;
    border: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    margin-top: 32px !important;
    box-shadow: 0 1px 3px rgba(28,28,29,0.04);
}
.contactSection .contact-form h5 {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: var(--ea-primary, #5b8c2a) !important;
    margin: 0 0 8px !important;
}
.contactSection .contact-form h3 {
    font-family: var(--ea-font-headline) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--ea-ink, #191c1d) !important;
    margin: 0 0 24px !important;
    line-height: 1.2 !important;
}
.contactSection .form-group { margin-bottom: 16px !important; }
.contactSection .form-control,
.contactSection input[type="text"],
.contactSection input[type="email"],
.contactSection textarea {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid var(--ea-line-strong, rgba(28,28,29,0.16)) !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    font-family: var(--ea-font-body) !important;
    font-size: 0.9375rem !important;
    color: var(--ea-ink, #191c1d) !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}
.contactSection .form-control:focus,
.contactSection input:focus,
.contactSection textarea:focus {
    outline: none !important;
    border-color: var(--ea-primary, #5b8c2a) !important;
    box-shadow: 0 0 0 3px rgba(91,140,42,0.12) !important;
}
.contactSection textarea { min-height: 140px; resize: vertical; }
.contactSection .submit-btn {
    text-align: center !important;
    margin-top: 16px !important;
}
.contactSection .submit-btn p { margin: 0 !important; }
.contactSection .submit-btn input[type="submit"],
.contactSection .submit-btn .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 32px !important;
    background: var(--ea-primary, #5b8c2a) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
    box-shadow: 0 4px 12px rgba(91,140,42,0.25) !important;
}
.contactSection .submit-btn input[type="submit"]:hover,
.contactSection .submit-btn .btn:hover {
    background: #487021 !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(91,140,42,0.35) !important;
}

/* Result panel */
.contactSection .result {
    padding: 16px 20px;
    background: rgba(15, 108, 61, 0.1);
    border: 1px solid rgba(15, 108, 61, 0.3);
    border-radius: 8px;
    color: #0f6c3d;
    margin-bottom: 20px;
}

/* Contact page mobile */
@media (max-width: 767px) {
    .contactSection { padding: 32px 0 48px !important; }
    .contactSection .contact-info-right,
    .contactSection .contact-form {
        padding: 24px !important;
    }
    .contactSection .map iframe.map-iframe {
        height: 280px !important;
    }
}

/* ============================================================================
   27. NEW CONTACT PAGE — modern redesign with .ea-contact-* classes
   ============================================================================ */

/* Hero */
.ea-contact-hero {
    background: linear-gradient(135deg, var(--ea-surface, #f8fafb) 0%, #fff 100%);
    border-bottom: 1px solid var(--ea-line, rgba(0,0,0,0.08));
    padding: 56px 0 48px !important;
    text-align: center;
}
.ea-contact-hero .container { max-width: 1200px; }
.ea-contact-hero .ea-label {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ea-primary, #5b8c2a);
    margin: 0 0 12px;
}
.ea-contact-hero h1 {
    font-family: var(--ea-font-headline) !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-weight: 700 !important;
    color: var(--ea-ink, #191c1d) !important;
    margin: 0 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}
.ea-contact-hero h1 span {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ea-ink-3, #4a454e);
    margin-top: 14px;
}
.ea-contact-hero .ea-breadcrumb {
    margin: 16px 0 0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    color: var(--ea-ink-3, #4a454e);
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.ea-contact-hero .ea-breadcrumb a {
    color: var(--ea-ink-3, #4a454e);
    text-decoration: none;
    transition: color .2s ease;
}
.ea-contact-hero .ea-breadcrumb a:hover { color: var(--ea-primary, #5b8c2a); }
.ea-contact-hero .ea-breadcrumb .sep { opacity: 0.5; }

/* Body 2-col */
.ea-contact-body {
    padding: 64px 0 48px !important;
    background: #fff;
}
.ea-contact-body .container { max-width: 1200px; }
.ea-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 48px;
    align-items: stretch;
}
.ea-contact-grid > .ea-contact-info,
.ea-contact-grid > .ea-contact-form-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
}
@media (max-width: 991px) {
    .ea-contact-grid { grid-template-columns: 1fr; gap: 32px; }
}

/* Info card */
.ea-contact-info {
    background: var(--ea-surface, #f8fafb) !important;
    border: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    border-radius: 14px !important;
    padding: 40px !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(28,28,29,0.04);
}
.ea-contact-info .ea-label {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ea-primary, #5b8c2a);
    margin: 0 0 8px;
}
.ea-contact-info h2 {
    font-family: var(--ea-font-headline) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--ea-ink, #191c1d) !important;
    margin: 0 0 24px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
}

/* Branch (DB-driven, may be hidden when empty) */
.ea-branch {
    margin: 0 0 24px;
    padding: 0 0 24px;
    border-bottom: 1px solid var(--ea-line, rgba(0,0,0,0.08));
}
.ea-branch:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.ea-branch h3 {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--ea-ink-3, #4a454e) !important;
    margin: 0 0 14px !important;
}
.ea-branch h3:empty { display: none; }
.ea-branch h3 span:empty + h3 { display: none; }

/* Contact list */
.ea-contact-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ea-contact-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    transition: transform .15s ease;
}
.ea-contact-list li:hover { transform: translateX(2px); }
/* Branch header — separator with title */
.ea-contact-list li.ea-branch-header {
    display: block !important;
    padding: 18px 0 6px !important;
    margin-top: 14px !important;
    border-top: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--ea-ink-3, #4a454e) !important;
}
.ea-contact-list li.ea-branch-header:hover { transform: none !important; }
.ea-contact-list li.ea-branch-header:first-child {
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Hide branch header if its inner span is empty */
.ea-contact-list li.ea-branch-header:has(span:empty),
.ea-contact-list li.ea-branch-header:not(:has(span:not(:empty))) {
    display: none !important;
}
.ea-contact-list li .ico {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: rgba(91,140,42,0.08);
    color: var(--ea-primary, #5b8c2a);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease;
    margin-top: 2px;
}
.ea-contact-list li:hover .ico {
    background: var(--ea-primary, #5b8c2a);
    color: #fff;
}
.ea-contact-list li .ico i { font-size: 13px; }
.ea-contact-list li p {
    flex: 1 !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    font-family: var(--ea-font-body) !important;
    font-size: 0.9375rem !important;
    line-height: 1.5 !important;
    color: var(--ea-ink-2, #424240) !important;
}
.ea-contact-list li a {
    color: var(--ea-ink, #191c1d) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color .2s ease;
}
.ea-contact-list li a:hover { color: var(--ea-primary, #5b8c2a) !important; }

/* Hide empty list items (DB sometimes returns empty rows) */
.ea-contact-list li:has(p:empty),
.ea-contact-list li:has(a:empty),
.ea-contact-list li:has(a[href$=":"]):not(:has(a:not([href$=":"]))) {
    display: none !important;
}

/* Social media row inside contact info card */
.ea-contact-list li.ea-contact-social {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 18px 0 0 0 !important;
    margin-top: 6px !important;
    border-top: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    background: transparent !important;
    transform: none !important;
}
.ea-contact-list li.ea-contact-social:hover { transform: none !important; }
.ea-contact-list li.ea-contact-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: var(--ea-primary, #5b8c2a) !important;
    color: #fff !important;
    text-decoration: none !important;
    line-height: 1 !important;
    font-size: 0 !important;
    border: 0 !important;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
.ea-contact-list li.ea-contact-social a:hover {
    background: var(--ea-primary-hover, #3d2c57) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(91,140,42,0.25) !important;
}
.ea-contact-list li.ea-contact-social a i {
    font-size: 16px !important;
    line-height: 1 !important;
    color: #fff !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* FORM (right) */
.ea-contact-form-wrap {
    background: #fff;
    border: 1px solid var(--ea-line, rgba(0,0,0,0.08));
    border-radius: 14px;
    padding: 40px;
    box-shadow: 0 1px 3px rgba(28,28,29,0.04);
}
.ea-contact-form-wrap .ea-label {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ea-primary, #5b8c2a);
    margin: 0 0 8px;
}
.ea-contact-form-wrap h2 {
    font-family: var(--ea-font-headline) !important;
    font-size: 1.625rem !important;
    font-weight: 700 !important;
    color: var(--ea-ink, #191c1d) !important;
    margin: 0 0 12px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
}
.ea-contact-form-wrap .ea-form-intro {
    font-family: var(--ea-font-body) !important;
    font-size: 0.9375rem !important;
    line-height: 1.55 !important;
    color: var(--ea-ink-3, #4a454e) !important;
    margin: 0 0 28px !important;
}

.ea-contact-form .ea-form-row { margin-bottom: 16px; }
.ea-contact-form input[type="text"],
.ea-contact-form input[type="email"],
.ea-contact-form textarea,
.ea-contact-form .form-control,
.ea-contact-form .ea-textarea {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid var(--ea-line-strong, rgba(28,28,29,0.16)) !important;
    border-radius: 8px !important;
    padding: 13px 16px !important;
    font-family: var(--ea-font-body) !important;
    font-size: 0.9375rem !important;
    color: var(--ea-ink, #191c1d) !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}
.ea-contact-form input:focus,
.ea-contact-form textarea:focus,
.ea-contact-form .form-control:focus {
    outline: none !important;
    border-color: var(--ea-primary, #5b8c2a) !important;
    box-shadow: 0 0 0 3px rgba(91,140,42,0.12) !important;
}
.ea-contact-form .ea-textarea,
.ea-contact-form textarea {
    min-height: 160px !important;
    resize: vertical !important;
}
.ea-form-submit {
    margin-top: 8px;
}
.ea-btn-submit,
input.ea-btn-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 14px 24px !important;
    background: var(--ea-primary, #5b8c2a) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
    box-shadow: 0 4px 12px rgba(91,140,42,0.25) !important;
}
.ea-btn-submit:hover,
input.ea-btn-submit:hover {
    background: #487021 !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(91,140,42,0.35) !important;
}

.ea-form-result {
    padding: 16px 20px;
    background: rgba(15, 108, 61, 0.1);
    border: 1px solid rgba(15, 108, 61, 0.3);
    border-radius: 10px;
    color: #0f6c3d;
    margin-bottom: 20px;
    font-family: var(--ea-font-body);
    font-size: 0.9375rem;
}

/* Map */
.ea-contact-map {
    padding: 0 0 80px !important;
    background: #fff;
}
.ea-contact-map .container { max-width: 1200px; }
.ea-map-wrap {
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    box-shadow: 0 1px 3px rgba(28,28,29,0.04);
    margin: 0 0 24px;
    background: var(--ea-surface, #f8fafb);
}
.ea-map-wrap:last-child { margin-bottom: 0; }
.ea-map-wrap .ea-map-frame {
    display: block !important;
    width: 100% !important;
    height: 420px !important;
    border: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden;
    line-height: 0;
}
/* DB-injected <iframe> (Google Maps embed code) — fill the wrapper */
.ea-map-wrap .ea-map-frame iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 420px !important;
    border: 0 !important;
    margin: 0 !important;
}

@media (max-width: 767px) {
    .ea-contact-body { padding: 32px 0 32px !important; }
    .ea-contact-info,
    .ea-contact-form-wrap {
        padding: 28px 24px !important;
    }
    .ea-contact-info { position: static !important; }
    .ea-map-wrap iframe.ea-map-frame { height: 320px !important; }
    .ea-contact-map { padding: 0 0 48px !important; }
}

/* ============================================================================
   28. LAYOUT OVERFLOW FIX — legacy .mp-menu (mlpushmenu) escapes viewport
   ============================================================================ */
html { overflow-x: hidden !important; }
body { overflow-x: hidden !important; }

/* Legacy push-menu drawer is unused in this theme (navigation.js disabled via
   id="navigation_off"). Hide it entirely — its hardcoded right edge expands
   document scrollWidth and creates phantom horizontal scroll. */
.mp-menu,
.mp-overlay,
.mp-menu-overlay,
.mp-pusher > .mp-menu {
    display: none !important;
}

/* ============================================================================
   29. BOOK PROMO (.ea-book) — replaces old .ea-service-desc on home
   ============================================================================ */
.ea-book {
    position: relative;
    padding: clamp(64px, 8vw, 120px) 0;
    background:
        radial-gradient(1200px 600px at 80% -10%, rgba(91,140,42,0.06), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, rgba(15,108,61,0.05), transparent 55%),
        var(--ea-surface, #faf8f5);
    overflow: hidden;
}
.ea-book::before {
    /* faint decorative quote glyph in corner */
    content: '"';
    position: absolute;
    top: 32px;
    right: clamp(24px, 6vw, 96px);
    font-family: var(--ea-font-headline, 'Noto Serif', serif);
    font-size: clamp(140px, 22vw, 320px);
    line-height: 1;
    color: rgba(91,140,42,0.05);
    pointer-events: none;
    user-select: none;
    z-index: 0;
}
.ea-book .container { position: relative; z-index: 1; }

.ea-book__grid {
    display: grid;
    grid-template-columns: minmax(260px, 380px) 1fr;
    gap: clamp(48px, 7vw, 96px);
    align-items: center;
}

/* --- LEFT: cover --- */
.ea-book__cover-wrap {
    position: relative;
    perspective: 1200px;
    padding: 24px;
}
.ea-book__cover-link {
    position: relative;
    display: block;
    border-radius: 4px 14px 14px 4px;
    transform: rotateY(-6deg) rotateX(2deg);
    transform-style: preserve-3d;
    transition: transform .6s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
}
.ea-book__cover-link:hover {
    transform: rotateY(0deg) rotateX(0deg) translateY(-4px);
}
.ea-book__cover-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px 14px 14px 4px;
    box-shadow:
        0 30px 60px -20px rgba(28,28,29,0.35),
        0 18px 36px -18px rgba(28,28,29,0.25),
        -3px 0 0 0 rgba(0,0,0,0.06); /* faux spine */
    background: #fff;
}
.ea-book__cover-shadow {
    position: absolute;
    inset: auto 8% -28px 8%;
    height: 60px;
    background: radial-gradient(ellipse at center, rgba(28,28,29,0.28), transparent 70%);
    filter: blur(6px);
    z-index: -1;
    pointer-events: none;
}

/* --- RIGHT: copy --- */
.ea-book__copy { max-width: 620px; }

.ea-book__copy .ea-label {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ea-primary, #5b8c2a);
    background: rgba(91,140,42,0.08);
    padding: 6px 12px;
    border-radius: 999px;
    margin-bottom: 18px;
}

.ea-book__title {
    font-family: var(--ea-font-headline, 'Noto Serif', serif) !important;
    font-size: clamp(2rem, 3.5vw, 3rem) !important;
    line-height: 1.1 !important;
    color: var(--ea-ink, #1c1c1d) !important;
    margin: 0 0 14px !important;
    letter-spacing: -0.01em;
    font-weight: 600 !important;
}

.ea-book__byline {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    color: var(--ea-ink-3, #5a5a5c) !important;
    margin: 0 0 28px !important;
    font-weight: 500;
}
.ea-book__byline .ea-book__sep { margin: 0 8px; opacity: 0.5; }

.ea-book__intro {
    font-size: 1.0625rem !important;
    line-height: 1.65 !important;
    color: var(--ea-ink-2, #2c2c2e) !important;
    margin: 0 0 28px !important;
    max-width: 560px;
}

.ea-book__quote {
    position: relative;
    margin: 0 0 32px !important;
    padding: 20px 24px 20px 32px;
    border-left: 3px solid var(--ea-primary, #5b8c2a);
    background: rgba(255,255,255,0.6);
    border-radius: 0 12px 12px 0;
    font-family: var(--ea-font-headline, 'Noto Serif', serif);
    font-style: italic;
    font-size: 1.05rem;
    line-height: 1.55;
    color: var(--ea-ink, #1c1c1d);
}
.ea-book__quote-mark {
    position: absolute;
    top: -8px;
    left: 12px;
    font-family: var(--ea-font-headline, 'Noto Serif', serif);
    font-size: 3.5rem;
    line-height: 1;
    color: var(--ea-primary, #5b8c2a);
    opacity: 0.25;
    pointer-events: none;
}
.ea-book__quote cite {
    display: block;
    margin-top: 10px;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--ea-ink-3, #5a5a5c);
    font-family: 'Inter', sans-serif;
}

.ea-book__meta {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 32px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 28px 36px;
    border-top: 1px solid rgba(28,28,29,0.08);
    padding-top: 24px !important;
}
.ea-book__meta li {
    display: flex;
    flex-direction: column;
    border: 0 !important;
    padding: 0 !important;
}
.ea-book__meta-num {
    font-family: var(--ea-font-headline, 'Noto Serif', serif);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--ea-primary, #5b8c2a);
    line-height: 1;
    margin-bottom: 4px;
}
.ea-book__meta-label {
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ea-ink-3, #5a5a5c);
}

.ea-book__cta { margin-top: 8px; }
.ea-book__cta .btn {
    padding-left: 28px !important;
    padding-right: 28px !important;
    min-height: 50px !important;
    font-size: 0.875rem !important;
}

/* Suppress any leftover .ea-service-desc styling that might fight ours */
.ea-service-desc { display: none !important; }

/* Mobile — stack & remove tilt */
@media (max-width: 900px) {
    .ea-book__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .ea-book__cover-wrap {
        max-width: 280px;
        margin: 0 auto;
        padding: 16px;
    }
    .ea-book__cover-link {
        transform: none;
    }
    .ea-book__copy { max-width: 100%; }
    .ea-book__meta { gap: 20px 28px; }
    .ea-book::before { font-size: 120px; right: 12px; top: 8px; }
}

/* ============================================================================
   FIX — Boş .ea-carousel section'ının gri boşluğunu kaldır
   ============================================================================ */
.ea-carousel:not(:has(.row)) { display: none !important; }
.ea-carousel:has(.container:empty) { display: none !important; }

/* ============================================================================
   FIX — Header kompakt + ana menü font −1px
   ============================================================================ */
header .top-header { padding-top: 6px !important; padding-bottom: 6px !important; }
header .main-nav   { padding-top: 4px !important; padding-bottom: 4px !important; }
nav.navigation .nav-menu > li > a {
    font-size: 17px !important;
    padding: 10px 22px !important;
    line-height: 1.4 !important;
}

/* ============================================================================
   FIX — İçerik sayfaları (topic / category-description) modernize
   Admin'in inline style'la eklemiş olduğu YEŞİL h2 alt çizgilerini sil,
   editorial bir tipografi + marka renkleriyle yeniden kur.
   ============================================================================ */

/* (a) Inline yeşil border'ları kaldır */
.category-description h1,
.category-description h2,
.category-description h3,
.category-description h4,
.category-description h5,
.category-description h6,
.topic-block h1, .topic-block h2, .topic-block h3, .topic-block h4,
.std-content h1, .std-content h2, .std-content h3,
.html-content h1, .html-content h2, .html-content h3 {
    border: 0 !important;
    border-bottom: 0 !important;
}

/* (b) Modern h2 — purple accent bar (sol kenar)
   inline-block + max-content ile bar başlık metnine yapışır;
   center-align'lı parent'larda boşlukta kalmaz. */
.category-description h2 {
    color: var(--ea-primary, #5b8c2a) !important;
    font-family: "Noto Serif", Georgia, "Times New Roman", serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.005em !important;
    margin: 56px 0 18px !important;
    padding: 2px 0 2px 18px !important;
    position: relative !important;
    background: transparent !important;
    display: inline-block !important;
    max-width: 100% !important;
    border-left: 3px solid var(--ea-primary, #5b8c2a) !important;
}
/* Eski pseudo accent bar'ı tamamen kapat — border-left kullanıyoruz artık */
.category-description h2::before {
    content: none !important;
    display: none !important;
}
/* Resim/medya içeren h2'lerde accent bar'ı gizle (resmin solunda dev çubuk olmasın) */
.category-description h2:has(img),
.category-description h2:has(figure),
.category-description h2:has(picture),
.category-description h2:has(iframe),
.category-description h2:has(video) {
    border-left: 0 !important;
    padding-left: 0 !important;
    display: block !important;
}
.category-description h3 {
    color: var(--ea-ink, #1c1c1b) !important;
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin: 36px 0 14px !important;
    padding: 0 !important;
}
.category-description h4 {
    color: var(--ea-tertiary, #424240) !important;
    font-family: "Manrope", "Inter", system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin: 28px 0 10px !important;
    padding: 0 !important;
}

/* (c) Paragraf tipografisi */
.category-description p,
.topic-block p,
.std-content p {
    font-family: "Manrope", "Inter", system-ui, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.78 !important;
    color: #2a2a28 !important;
    margin: 0 0 18px !important;
}
.category-description strong,
.category-description b {
    color: var(--ea-ink, #1c1c1b) !important;
    font-weight: 600 !important;
}

/* (d) Listeler — inline ✓ / ✔ karakterini brand purple'a boya */
.category-description ul,
.topic-block ul,
.std-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 8px 0 22px !important;
}
.category-description ul li,
.topic-block ul li,
.std-content ul li {
    font-family: "Manrope", "Inter", system-ui, sans-serif !important;
    font-size: 16.5px !important;
    line-height: 1.65 !important;
    color: #2a2a28 !important;
    margin: 0 0 10px !important;
    padding-left: 4px !important;
}
.category-description ul li::first-letter,
.topic-block ul li::first-letter,
.std-content ul li::first-letter {
    color: var(--ea-primary, #5b8c2a) !important;
    font-weight: 700 !important;
    font-size: 1.1em !important;
    margin-right: 6px !important;
}

/* Font Awesome (\f00c) ile çizilen büyük tickleri marka rengine boya */
.category-description ul li::before,
.topic-block ul li::before,
.std-content ul li::before {
    color: var(--ea-primary, #5b8c2a) !important;
    margin-right: 8px !important;
}

/* Numaralı listeler */
.category-description ol { padding-left: 22px !important; margin: 8px 0 22px !important; }
.category-description ol li {
    font-size: 16.5px !important;
    line-height: 1.7 !important;
    color: #2a2a28 !important;
    margin-bottom: 10px !important;
}
.category-description ol li::marker {
    color: var(--ea-primary, #5b8c2a) !important;
    font-weight: 700 !important;
}

/* (e) Blockquote */
.category-description blockquote,
.topic-block blockquote {
    border-left: 3px solid var(--ea-primary, #5b8c2a) !important;
    padding: 10px 18px !important;
    margin: 22px 0 !important;
    font-family: "Noto Serif", Georgia, serif !important;
    font-style: italic !important;
    color: var(--ea-ink-2, #424240) !important;
    background: var(--ea-surface, #f8fafb) !important;
    border-radius: 0 4px 4px 0 !important;
}

/* (f) Linkler */
.category-description a:not(.btn),
.topic-block a:not(.btn) {
    color: var(--ea-primary, #5b8c2a) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-thickness: 1px !important;
}
.category-description a:not(.btn):hover {
    color: var(--ea-primary-hover, #487021) !important;
}

/* ============================================================================
   /profdrsibel-cakir SAYFASI — REDESIGN (JS ile DOM transform sonrası)
   Banner + Overview + Video + Timeline + Chips + Membership + Accordion
   ============================================================================ */

/* Mevcut .category-description container'ının üst boşluk/padding'ini kapat;
   yeni section'lar kendi spacing'lerini yönetir. */
.category-description.ps-redesigned-host {
    padding: 0 !important;
    margin: 0 !important;
}
.category-description.ps-redesigned-host > .row { display: none !important; }
.category-description.ps-redesigned-host .ps-redesigned {
    margin: 0 !important;
    padding: 0 !important;
}
/* Modernize edilmiş içerikte eski admin-h2 accent bar'ı kapat (kendi başlık sistemimizi kullanıyoruz) */
.ps-redesigned h2 { border-left: 0 !important; padding-left: 0 !important; display: block !important; }
.ps-redesigned h2::before { display: none !important; }

/* Specificity boost — .category-description içindeki overview başlıklarını koru */
.category-description .ps-overview__title {
    font-size: 36px !important;
    color: var(--ea-ink, #1c1c1b) !important;
    margin: 0 0 22px !important;
}
.category-description .ps-section-title {
    font-size: 32px !important;
    color: var(--ea-ink, #1c1c1b) !important;
    margin: 0 0 32px !important;
}
.category-description .ps-timeline-section__title {
    font-size: 40px !important;
    color: #fff !important;
    margin: 0 0 56px !important;
}

/* Broken/missing image — overview'de media kutusunu kaldır; metin tüm genişlikte akar */
.ps-overview.is-empty .ps-overview__media { display: none; }

/* ============================================================================
   /profdrsibel-cakir SAYFA-ÖZEL — alt-kategori grid'ini (Videolar) gizle.
   Diğer kategori sayfalarında listeleme normal devam eder.
   ============================================================================ */
body.page-profdrsibel-cakir .sub-category-grid,
body.page-profdrsibel-cakir .sub-category-item { display: none !important; }

/* ============ EA-LABEL küçük üst etiket ============ */
.ps-redesigned .ea-label {
    display: inline-block;
    font-family: "Inter", "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ea-primary, #5b8c2a);
    margin-bottom: 12px;
}

/* ============ SECTION TITLE (paylaşımlı) ============ */
.ps-redesigned .ps-section-title {
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: var(--ea-ink, #1c1c1b) !important;
    margin: 0 0 32px !important;
    letter-spacing: -0.01em !important;
}

/* ============ 1. BANNER — full-bleed (sayfa kenarına kadar), çerçevesiz ============ */
.ps-banner {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.ps-banner__img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    vertical-align: top;
}
/* Görsel yüklenememişse banner section'ı tamamen gizle (boş kutu kalmasın) */
.ps-banner.is-empty { display: none; }

/* ============ 2. OVERVIEW (akademik özet + ofis görseli)
   Float-wrap düzen: image sağa alındığı için metin önce yanında akar,
   image bittikten sonra metin tüm genişlikte devam eder; resim altında boşluk kalmaz. ============ */
.ps-overview { background: #fff; padding: 80px 0; }
.ps-overview__inner { max-width: 1180px; margin: 0 auto; padding: 0 32px; }
.ps-overview__head { margin-bottom: 28px; }
.ps-overview__wrap::after { content: ""; display: block; clear: both; }
.ps-overview__title {
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    color: var(--ea-ink, #1c1c1b) !important;
    margin: 0 0 0 !important;
    letter-spacing: -0.012em !important;
}
.ps-overview__text {
    font-family: "Manrope", sans-serif;
    color: #2a2a28;
}
.ps-overview__text p {
    font-size: 16px !important;
    line-height: 1.78 !important;
    margin: 0 0 14px !important;
}
.ps-overview__badges {
    display: flex; gap: 16px;
    margin-top: 32px;
    flex-wrap: wrap;
    clear: both;
}
.ps-badge {
    background: var(--ea-surface, #f8fafb);
    border-left: 3px solid var(--ea-primary, #5b8c2a);
    padding: 14px 22px;
    border-radius: 0 8px 8px 0;
    min-width: 160px;
}
.ps-badge__year {
    font-family: "Noto Serif", Georgia, serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--ea-primary, #5b8c2a);
    line-height: 1;
}
.ps-badge__label {
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ea-tertiary, #424240);
    margin-top: 6px;
}
.ps-overview__media {
    float: right;
    width: 44%;
    max-width: 460px;
    margin: 6px 0 18px 36px;
    border-radius: 16px;
    overflow: hidden;
    background: #e6ebee;
    box-shadow: 0 16px 40px rgba(28, 28, 27, 0.12);
    line-height: 0;
    padding: 0;
}
.ps-overview__img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* ============ 2.5 VIDEO ============ */
.ps-video-section {
    background: var(--ea-surface, #f8fafb);
    padding: 80px 0;
}
.ps-video-section__inner {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.ps-video-section .ea-label,
.ps-video-section .ps-section-title { display: inline-block; }
.ps-video-section .ps-section-title { display: block; margin-bottom: 36px !important; }
.ps-video-frame {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 16px 50px rgba(28, 28, 27, 0.18);
    background: #000;
}
.ps-video-iframe {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    border: 0;
}

/* ============ 3. TIMELINE (İş Deneyimleri) — koyu mor ============ */
.ps-timeline-section {
    background: linear-gradient(180deg, #5b8c2a 0%, #487021 100%);
    color: #fff;
    padding: 88px 0;
    position: relative;
}
.ps-timeline-section::before {
    content: '';
    position: absolute; left: 0; right: 0; top: 0;
    height: 1px;
    background: rgba(212, 188, 247, 0.2);
}
.ps-timeline-section__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.ps-timeline-section__label { color: #c3e39a !important; }
.ps-timeline-section__title {
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin: 0 0 56px !important;
    letter-spacing: -0.015em !important;
}
.ps-timeline {
    position: relative;
    text-align: left;
    padding: 20px 0;
}
.ps-timeline::before {
    content: '';
    position: absolute;
    left: 50%; top: 0; bottom: 0;
    width: 1px;
    background: rgba(212, 188, 247, 0.35);
    transform: translateX(-50%);
}
.ps-timeline__item {
    position: relative;
    width: 50%;
    padding: 14px 0;
}
.ps-timeline__item--right {
    margin-left: auto;
    padding-left: 40px;
}
.ps-timeline__item--left {
    padding-right: 40px;
    text-align: right;
}
.ps-timeline__dot {
    position: absolute;
    width: 14px; height: 14px;
    background: #c3e39a;
    border: 3px solid #5b8c2a;
    border-radius: 50%;
    top: 22px;
    box-shadow: 0 0 0 3px rgba(212, 188, 247, 0.25);
}
.ps-timeline__item--right .ps-timeline__dot { left: -7px; }
.ps-timeline__item--left .ps-timeline__dot { right: -7px; }
.ps-timeline__year {
    font-family: "Noto Serif", Georgia, serif;
    font-size: 22px;
    font-weight: 600;
    color: #c3e39a;
    margin-bottom: 8px;
    letter-spacing: -0.005em;
}
.ps-timeline__body {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(212, 188, 247, 0.15);
    backdrop-filter: blur(4px);
    border-radius: 10px;
    padding: 18px 22px;
}
.ps-timeline__body p,
.ps-timeline__body * {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-family: "Manrope", sans-serif !important;
    margin: 0 !important;
}

/* ============ 4. CHIPS (Mesleki İlgi Alanları) ============ */
.ps-chips-section { background: #fff; padding: 80px 0; }
.ps-chips-section__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.ps-chips-section .ps-section-title { margin-bottom: 36px !important; }
.ps-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
.ps-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: var(--ea-surface, #f8fafb);
    border: 1px solid #e6ebee;
    border-radius: 999px;
    font-family: "Manrope", sans-serif;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--ea-ink, #1c1c1b);
    transition: all 0.2s ease;
}
.ps-chip:hover {
    background: var(--ea-primary-soft, #eef5e3);
    border-color: var(--ea-primary, #5b8c2a);
    transform: translateY(-1px);
}
.ps-chip__dot {
    width: 6px; height: 6px;
    background: var(--ea-primary, #5b8c2a);
    border-radius: 50%;
    flex-shrink: 0;
}

/* ============ 5. MEMBERSHIPS ============ */
.ps-membership-section {
    background: var(--ea-surface, #f8fafb);
    padding: 80px 0;
}
.ps-membership-section__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.ps-membership-section .ps-section-title { margin-bottom: 36px !important; }
.ps-memberships {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}
.ps-membership-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: #fff;
    border: 1px solid #e6ebee;
    border-radius: 10px;
    text-align: left;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    color: var(--ea-ink, #1c1c1b);
    line-height: 1.4;
    transition: all 0.2s ease;
}
.ps-membership-card:hover {
    border-color: var(--ea-primary, #5b8c2a);
    box-shadow: 0 8px 20px rgba(91, 140, 42, 0.08);
}
.ps-membership-card__icon {
    width: 32px; height: 32px;
    background: var(--ea-primary-soft, #eef5e3);
    border-radius: 8px;
    flex-shrink: 0;
    position: relative;
}
.ps-membership-card__icon::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--ea-primary, #5b8c2a);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M12 2l2.39 7.36H22l-6.18 4.49L18.21 21 12 16.51 5.79 21l2.39-7.15L2 9.36h7.61L12 2z'/></svg>") center/16px no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M12 2l2.39 7.36H22l-6.18 4.49L18.21 21 12 16.51 5.79 21l2.39-7.15L2 9.36h7.61L12 2z'/></svg>") center/16px no-repeat;
}

/* ============ 6. ACCORDION (Yayınlar) ============ */
.ps-pubs-section {
    background: #fff;
    padding: 80px 0 100px;
}
.ps-pubs-section__inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.ps-pubs-section .ps-section-title { margin-bottom: 36px !important; }
.ps-accordion {
    text-align: left;
    border-top: 1px solid #e6ebee;
}
.ps-accordion__item {
    border-bottom: 1px solid #e6ebee;
}
.ps-accordion__head {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 22px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-family: "Noto Serif", Georgia, serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--ea-ink, #1c1c1b);
    text-align: left;
    transition: color 0.2s ease;
}
.ps-accordion__head:hover {
    color: var(--ea-primary, #5b8c2a);
}
.ps-accordion__title {
    flex: 1;
    line-height: 1.4;
}
.ps-accordion__icon {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: var(--ea-primary-soft, #eef5e3);
    position: relative;
    transition: all 0.25s ease;
}
.ps-accordion__icon::before,
.ps-accordion__icon::after {
    content: '';
    position: absolute;
    background: var(--ea-primary, #5b8c2a);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
.ps-accordion__icon::before { width: 12px; height: 2px; }
.ps-accordion__icon::after  { width: 2px; height: 12px; transition: transform 0.25s ease; }
.ps-accordion__item.is-open .ps-accordion__icon { background: var(--ea-primary, #5b8c2a); }
.ps-accordion__item.is-open .ps-accordion__icon::before { background: #fff; }
.ps-accordion__item.is-open .ps-accordion__icon::after { transform: translate(-50%, -50%) scaleY(0); }

.ps-accordion__panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.ps-accordion__item.is-open .ps-accordion__panel {
    max-height: 4000px;
}
.ps-accordion__body {
    padding: 4px 8px 26px;
    font-family: "Manrope", sans-serif;
    font-size: 14.5px;
    line-height: 1.7;
    color: #2a2a28;
}
.ps-accordion__body ol,
.ps-accordion__body ul {
    padding-left: 22px !important;
    margin: 0 0 12px !important;
}
.ps-accordion__body ol li,
.ps-accordion__body ul li {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    color: #2a2a28 !important;
}
.ps-accordion__body ul li::before { display: none !important; }
.ps-accordion__body ul li::first-letter { color: inherit !important; font-weight: inherit !important; font-size: inherit !important; margin-right: 0 !important; }
.ps-accordion__body p {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    margin: 0 0 10px !important;
}

/* ============ Mobile responsive ============ */
@media (max-width: 900px) {
    .ps-overview { padding: 56px 0; }
    .ps-overview__inner { padding: 0 24px; }
    .ps-overview__title { font-size: 26px !important; }
    .ps-overview__media {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 24px 0;
    }

    .ps-video-section { padding: 56px 0; }

    .ps-timeline-section { padding: 56px 0; }
    .ps-timeline-section__title { font-size: 30px !important; margin-bottom: 36px !important; }
    .ps-timeline::before { left: 20px; transform: none; }
    .ps-timeline__item, .ps-timeline__item--right, .ps-timeline__item--left {
        width: 100%; margin-left: 0;
        padding-left: 50px; padding-right: 0;
        text-align: left;
    }
    .ps-timeline__item--left .ps-timeline__dot,
    .ps-timeline__item--right .ps-timeline__dot { left: 13px; right: auto; }

    .ps-chips-section, .ps-membership-section, .ps-pubs-section { padding: 56px 0; }
    .ps-section-title { font-size: 26px !important; }
    .ps-memberships { grid-template-columns: 1fr; }

    .ps-accordion__head { font-size: 15px; padding: 18px 4px; }
}

/* ============================================================================
   /kitap SAYFASI — kitap landing redesign (.kp-* selectors)
   profdrsibel-cakir paterniyle aynı: ea-label + section title sistemi paylaşılır
   ============================================================================ */

/* Sayfa-özel sub-category gizleme (Videolar vb. alt-kategori varsa) */
body.page-kitap .sub-category-grid,
body.page-kitap .sub-category-item { display: none !important; }

/* Admin'in default heading border'larını host içinde temizle */
.kp-redesigned h1,
.kp-redesigned h2,
.kp-redesigned h3,
.kp-redesigned h4 { border: 0 !important; }
.kp-redesigned .ea-label {
    display: inline-block;
    font-family: "Inter", "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ea-primary, #5b8c2a);
    margin-bottom: 12px;
}
.kp-redesigned .kp-section-title {
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: var(--ea-ink, #1c1c1b) !important;
    margin: 0 0 32px !important;
    letter-spacing: -0.01em !important;
}
.category-description .kp-section-title { color: var(--ea-ink, #1c1c1b) !important; }

/* ============ 1. BANNER — koyu mor gradient + 2 sütun ============ */
.kp-banner {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: linear-gradient(135deg, #5b8c2a 0%, #487021 55%, #2c2042 100%);
    color: #fff;
    padding: 88px 0 96px;
    position: relative;
    overflow: hidden;
}
.kp-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 18% 22%, rgba(212, 188, 247, 0.18), transparent 55%),
        radial-gradient(ellipse at 82% 78%, rgba(15, 108, 61, 0.18), transparent 60%);
    pointer-events: none;
}
.kp-banner__inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 64px;
    align-items: center;
}
.kp-banner__copy { color: #fff; }
.kp-eyebrow {
    display: inline-block;
    font-family: "Inter", "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #c3e39a;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(212, 188, 247, 0.35);
    padding: 8px 16px;
    border-radius: 999px;
    margin-bottom: 22px;
}
.kp-banner__title {
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 56px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    color: #fff !important;
    margin: 0 0 14px !important;
    letter-spacing: -0.02em !important;
}
.kp-banner__subtitle {
    font-family: "Manrope", sans-serif !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    color: #e8dffb !important;
    margin: 0 0 24px !important;
}
.kp-banner__author {
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #c3e39a !important;
    margin: 0 0 22px !important;
}
.kp-banner__desc {
    font-family: "Manrope", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.86) !important;
    margin: 0 !important;
    max-width: 540px;
}
.kp-banner__media {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kp-banner__img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 480px;
    display: block;
    border-radius: 6px;
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.35),
        0 12px 24px rgba(0, 0, 0, 0.25);
    transform: rotate(-2deg);
    transition: transform 0.5s ease;
}
.kp-banner__img:hover { transform: rotate(0deg) scale(1.02); }
.kp-banner__media.is-empty { display: none; }

/* ============ 2. AUDIENCE chips ============ */
.kp-audience { background: #fff; padding: 80px 0; }
.kp-audience__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.kp-audience .kp-section-title { margin-bottom: 36px !important; }
.kp-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
.kp-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: var(--ea-surface, #f8fafb);
    border: 1px solid #e6ebee;
    border-radius: 999px;
    font-family: "Manrope", sans-serif;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--ea-ink, #1c1c1b);
    transition: all 0.2s ease;
}
.kp-chip:hover {
    background: var(--ea-primary-soft, #eef5e3);
    border-color: var(--ea-primary, #5b8c2a);
    transform: translateY(-1px);
}
.kp-chip__dot {
    width: 6px; height: 6px;
    background: var(--ea-primary, #5b8c2a);
    border-radius: 50%;
    flex-shrink: 0;
}

/* ============ 3. LEARNINGS cards ============ */
.kp-learnings {
    background: var(--ea-surface, #f8fafb);
    padding: 80px 0;
}
.kp-learnings__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.kp-learnings .kp-section-title { margin-bottom: 40px !important; }
.kp-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    text-align: left;
}
.kp-card {
    background: #fff;
    border: 1px solid #e6ebee;
    border-radius: 14px;
    padding: 28px 24px;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.kp-card:hover {
    border-color: var(--ea-primary, #5b8c2a);
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(91, 140, 42, 0.10);
}
.kp-card__icon {
    width: 48px; height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ea-primary-soft, #eef5e3);
    color: var(--ea-primary, #5b8c2a);
    border-radius: 12px;
}
.kp-card__icon svg { width: 24px; height: 24px; }
.kp-card__text {
    font-family: "Manrope", sans-serif;
    font-size: 15.5px;
    line-height: 1.55;
    color: var(--ea-ink, #1c1c1b);
    font-weight: 500;
}

/* ============ 3.5 VIDEO embed (16:9) ============ */
.kp-video {
    background: var(--ea-surface, #f8fafb);
    padding: 80px 0;
}
.kp-video__inner {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.kp-video .kp-section-title { margin-bottom: 36px !important; }
.kp-video__frame {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 16px 50px rgba(28, 28, 27, 0.18);
    background: #000;
}
.kp-video__iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* ============ 4. QUOTES slider — site mor zemini ============ */
.kp-quotes {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: linear-gradient(135deg, #5b8c2a 0%, #487021 55%, #2c2042 100%);
    color: #fff;
    padding: 84px 0;
    position: relative;
    overflow: hidden;
}
.kp-quotes::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 80%, rgba(212, 188, 247, 0.15), transparent 55%),
        radial-gradient(ellipse at 80% 20%, rgba(255, 255, 255, 0.06), transparent 60%);
    pointer-events: none;
}
.kp-quotes__inner {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.kp-quotes__label {
    color: #c3e39a !important;
}
.kp-quotes__title {
    font-family: "Noto Serif", Georgia, serif;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 36px;
    letter-spacing: -0.01em;
}
.kp-quotes__slider {
    position: relative;
    min-height: 200px;
}
.kp-quote {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #fff;
    position: relative;
    animation: kpFade 0.4s ease;
}
.kp-quote.is-active { display: block; }
@keyframes kpFade {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
.kp-quote__mark {
    font-family: "Noto Serif", Georgia, serif;
    font-size: 56px;
    line-height: 1;
    color: #c3e39a;
    display: block;
}
.kp-quote__mark--open  { margin-bottom: -14px; }
.kp-quote__mark--close { margin-top: -10px; }
.kp-quote__text {
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    font-style: italic !important;
    color: #fff !important;
    margin: 14px auto !important;
    max-width: 760px !important;
}
.kp-quote__author {
    display: block;
    margin-top: 22px;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #ffffff;
    font-style: normal;
    opacity: 1;
}
.kp-quotes__nav {
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-top: 32px;
}
.kp-quotes__btn {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.kp-quotes__btn:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.6);
    transform: scale(1.05);
}
.kp-quotes__btn svg { width: 20px; height: 20px; }

/* ============ 5. AUTHOR + KÜNYE ============ */
.kp-author { background: #fff; padding: 84px 0; }
.kp-author__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 32px;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 56px;
    align-items: start;
}
.kp-author__bio { }
.kp-author__bio .kp-section-title { font-size: 32px !important; }
.kp-author__text {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.78;
    color: #2a2a28;
}
.kp-author__text p {
    font-size: 16px !important;
    line-height: 1.78 !important;
    margin: 0 0 16px !important;
    color: #2a2a28 !important;
}
.kp-kunye {
    background: var(--ea-surface, #f8fafb);
    border: 1px solid #e6ebee;
    border-radius: 14px;
    padding: 28px 30px;
}
.kp-kunye__title {
    font-family: "Inter", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--ea-primary, #5b8c2a) !important;
    margin: 0 0 18px !important;
    border: 0 !important;
}
.kp-kunye__list {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    column-gap: 14px;
    row-gap: 10px;
    font-family: "Manrope", sans-serif;
    font-size: 14.5px;
}
.kp-kunye__list dt {
    font-weight: 600;
    color: #2a2a28;
}
.kp-kunye__list dd {
    margin: 0;
    color: #424240;
}
.kp-kunye__list dd.kp-kunye__plain {
    grid-column: 1 / -1;
    color: #424240;
}

/* ============ 6. BUY logos ============ */
.kp-buy {
    background: var(--ea-surface, #f8fafb);
    padding: 80px 0 100px;
}
.kp-buy__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}
.kp-buy .kp-section-title { margin-bottom: 12px !important; }
.kp-buy__hint {
    font-family: "Manrope", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #424240 !important;
    margin: 0 auto 32px !important;
    max-width: 580px !important;
    text-align: center !important;
}
/* Specificity boost — legacy .category-description p text-align:left ezilmesin */
body.page-kitap .kp-buy .kp-buy__hint,
.category-description.kp-redesigned-host .kp-buy .kp-buy__hint {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}
.kp-buy__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 14px;
    align-items: stretch;
}
.kp-buy__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 130px;
    padding: 18px 16px;
    background: #fff;
    border: 1px solid #e6ebee;
    border-radius: 12px;
    transition: all 0.2s ease;
    text-decoration: none;
}
.kp-buy__card:hover {
    border-color: var(--ea-primary, #5b8c2a);
    box-shadow: 0 12px 28px rgba(91, 140, 42, 0.10);
    transform: translateY(-2px);
}
.kp-buy__card .kp-buy__logo {
    max-width: 100%;
    max-height: 56px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(0.15);
    transition: filter 0.2s ease;
}
.kp-buy__card:hover .kp-buy__logo { filter: grayscale(0); }
.kp-buy__name {
    display: block;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--ea-ink, #1c1c1b) !important;
    text-align: center !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* ============ Mobile responsive ============ */
@media (max-width: 900px) {
    .kp-banner { padding: 56px 0 64px; }
    .kp-banner__inner {
        grid-template-columns: 1fr;
        gap: 36px;
        padding: 0 24px;
    }
    .kp-banner__title { font-size: 36px !important; }
    .kp-banner__subtitle { font-size: 17px !important; }
    .kp-banner__img { max-height: 360px; }
    .kp-banner__media { order: -1; }

    .kp-audience, .kp-learnings, .kp-buy, .kp-video { padding: 56px 0; }
    .kp-quotes { padding: 60px 0; }
    .kp-author { padding: 56px 0; }
    .kp-author__inner { grid-template-columns: 1fr; gap: 32px; padding: 0 24px; }

    .kp-section-title { font-size: 26px !important; }
    .kp-quotes__title { font-size: 26px; }
    .kp-quote__text { font-size: 18px !important; }

    .kp-cards { grid-template-columns: 1fr; }
    .kp-buy__grid { grid-template-columns: repeat(2, 1fr); }
    .kp-buy__card { height: 76px; padding: 10px 14px; }
}

/* ============ QUOTES — legacy .category-description blockquote kurallarını yen ============ */
body.page-kitap .kp-quotes blockquote.kp-quote,
.category-description.kp-redesigned-host blockquote.kp-quote {
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 820px !important;
    color: #fff !important;
    text-align: center !important;
    font-style: normal !important;
}
body.page-kitap .kp-quotes blockquote.kp-quote::before,
body.page-kitap .kp-quotes blockquote.kp-quote::after,
.category-description.kp-redesigned-host blockquote.kp-quote::before,
.category-description.kp-redesigned-host blockquote.kp-quote::after {
    content: none !important;
    display: none !important;
}
body.page-kitap .kp-quotes .kp-quote__text,
.category-description.kp-redesigned-host .kp-quote__text {
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    font-style: italic !important;
    color: #fff !important;
    text-align: center !important;
    margin: 14px auto !important;
    padding: 0 !important;
    background: transparent !important;
    max-width: 760px !important;
}
body.page-kitap .kp-quotes .kp-quote__author,
.category-description.kp-redesigned-host .kp-quote__author {
    display: block !important;
    text-align: center !important;
    margin: 22px auto 0 !important;
    padding: 8px 18px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    font-style: normal !important;
    color: var(--ea-primary, #5b8c2a) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border-radius: 999px !important;
    width: fit-content !important;
    max-width: 90% !important;
}
body.page-kitap .kp-quotes .kp-quote__mark,
.category-description.kp-redesigned-host .kp-quote__mark {
    color: #c3e39a !important;
    text-align: center !important;
    background: transparent !important;
}

/* ============ Specificity boost — legacy 4-stylesheet.css h1/h2 kurallarını yen ============ */
.category-description.kp-redesigned-host .kp-banner__title,
body.page-kitap .kp-banner__title {
    font-family: "Noto Serif", Georgia, "Times New Roman", serif !important;
    font-size: 56px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: block !important;
    max-width: 100% !important;
}
.category-description.kp-redesigned-host .kp-banner__subtitle,
body.page-kitap .kp-banner__subtitle {
    font-family: "Manrope", sans-serif !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    color: #e8dffb !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: block !important;
    max-width: 100% !important;
}
.category-description.kp-redesigned-host .kp-banner__author,
body.page-kitap .kp-banner__author {
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #c3e39a !important;
    margin: 0 0 22px !important;
}
.category-description.kp-redesigned-host .kp-banner__desc,
body.page-kitap .kp-banner__desc {
    font-family: "Manrope", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.86) !important;
    margin: 0 !important;
    max-width: 540px;
}
/* Section title (h2) — kp- bölümlerinde legacy h2 stilini ez */
.category-description.kp-redesigned-host .kp-section-title,
body.page-kitap .kp-section-title {
    font-family: "Noto Serif", Georgia, "Times New Roman", serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: var(--ea-ink, #1c1c1b) !important;
    margin: 0 0 32px !important;
    letter-spacing: -0.01em !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: block !important;
    max-width: 100% !important;
}
.category-description.kp-redesigned-host .kp-quotes__title,
body.page-kitap .kp-quotes__title {
    font-family: "Noto Serif", Georgia, "Times New Roman", serif !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    color: #fff !important;
    margin: 0 0 36px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    letter-spacing: -0.01em !important;
    display: block !important;
}
.category-description.kp-redesigned-host .kp-author__bio .kp-section-title,
body.page-kitap .kp-author__bio .kp-section-title {
    color: var(--ea-ink, #1c1c1b) !important;
}
/* Künye başlığı h3'ü, legacy h3 stilini ez */
.category-description.kp-redesigned-host .kp-kunye__title,
body.page-kitap .kp-kunye__title {
    font-family: "Inter", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--ea-primary, #5b8c2a) !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1.4 !important;
}
/* Banner__inner grid'in width:100% tarafından bozulmaması için */
body.page-kitap .kp-banner__inner {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
}
/* Mobil — boost'lar da küçülmeli */
@media (max-width: 900px) {
    .category-description.kp-redesigned-host .kp-banner__title,
    body.page-kitap .kp-banner__title { font-size: 36px !important; }
    .category-description.kp-redesigned-host .kp-banner__subtitle,
    body.page-kitap .kp-banner__subtitle { font-size: 17px !important; }
    .category-description.kp-redesigned-host .kp-section-title,
    body.page-kitap .kp-section-title { font-size: 26px !important; }
    .category-description.kp-redesigned-host .kp-quotes__title,
    body.page-kitap .kp-quotes__title { font-size: 26px !important; }
}

/* ============================================================================
   FOOTER REDESIGN (modern, kompakt) — desktop 3-col grid, mobil 1-col stack
   Dağınık görünen eski layout (1.4fr 1fr) yerine 3 sütun: brand · linkler · iletişim
   ============================================================================ */

body footer,
body footer.site-footer,
html body footer#divFooter {
    background: linear-gradient(180deg, #1c1c1b 0%, #141413 100%) !important;
    color: rgba(255, 255, 255, 0.72) !important;
    padding: 64px 0 0 !important;
    position: relative;
}
body footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 188, 247, 0.4), transparent);
}
body footer .container {
    max-width: 1240px !important;
    padding: 0 24px !important;
}

/* 3-sütun grid — desktop */
body footer > .container > .row {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr 1.1fr !important;
    gap: 56px !important;
    align-items: start !important;
    margin: 0 !important;
}
/* Tablet — 2 sütun, kategoriler altta */
@media (max-width: 991px) {
    body footer > .container > .row {
        grid-template-columns: 1fr 1fr !important;
        gap: 36px !important;
    }
    body footer > .container > .row > .col-lg-4 {
        grid-column: 1 / -1 !important;
    }
}
/* Mobil — 1 sütun stack */
@media (max-width: 600px) {
    body footer { padding-top: 48px !important; }
    body footer > .container > .row {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        text-align: center !important;
    }
    body footer .footer-icon .span-fi {
        justify-content: center !important;
    }
    body footer .footer-icon .fi-caption {
        text-align: center !important;
    }
}

/* Brand kolonu */
body footer .footer-logo img {
    max-width: 200px !important;
    margin: 0 0 18px !important;
}
@media (max-width: 600px) {
    body footer .footer-logo img { margin: 0 auto 18px !important; display: block !important; }
    body footer .footer-disclaimer { margin: 0 auto 24px !important; }
}
body footer .footer-disclaimer {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: rgba(255, 255, 255, 0.5) !important;
    max-width: 480px !important;
    margin: 0 0 28px !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
}

/* Footer headings (Kategoriler vb.) */
body footer h4,
body footer h5,
body footer .widget-title,
body footer .footer-grid-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #c3e39a !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 1 !important;
}

/* Quick-links listesi */
body footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body footer ul li {
    padding: 0 !important;
    margin: 0 0 10px !important;
    border: 0 !important;
}
body footer ul li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    padding: 4px 0 !important;
}
body footer ul li a::before {
    content: '›';
    color: #c3e39a;
    font-weight: 600;
    transition: transform 0.2s ease;
}
body footer ul li a:hover {
    color: #fff !important;
    transform: translateX(2px) !important;
}
body footer ul li a:hover::before {
    color: #fff;
}

/* İletişim ikonları — pill'ler */
body footer .footer-icon .span-fi {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    margin: 0 0 14px !important;
}
body footer .footer-icon .fi-fas {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(212, 188, 247, 0.12) !important;
    border: 1px solid rgba(212, 188, 247, 0.18) !important;
    color: #c3e39a !important;
    font-size: 12px !important;
}
body footer .footer-icon .fi-caption {
    flex: 1 !important;
    min-width: 0 !important;
}
body footer .footer-icon .fi-caption p {
    margin: 0 !important;
    line-height: 1.5 !important;
    font-size: 13.5px !important;
    color: rgba(255, 255, 255, 0.78) !important;
}
body footer .footer-icon .fi-caption a {
    color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none !important;
}
body footer .footer-icon .fi-caption a:hover {
    color: #fff !important;
}

/* Sosyal ikonlar (footer-bottom altında) */
body footer .fb-social {
    display: flex !important;
    gap: 8px !important;
    margin-top: 0 !important;
}
body footer .fb-social .span-fb-social a {
    display: inline-flex !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}
body footer .fb-social .span-fb-social a:hover {
    background: var(--ea-primary, #5b8c2a) !important;
    border-color: var(--ea-primary, #5b8c2a) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* hr.divider — modern */
body footer hr.divider {
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin: 44px 0 0 !important;
}
@media (max-width: 600px) {
    body footer hr.divider { margin: 32px 0 0 !important; }
}

/* Footer-bottom (alt çubuk) */
body footer .footer-bottom {
    margin: 0 !important;
    padding: 22px 0 !important;
    border-top: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}
@media (max-width: 600px) {
    body footer .footer-bottom {
        flex-direction: column !important;
        text-align: center !important;
        gap: 14px !important;
        padding: 22px 0 !important;
    }
}
body footer .footer-bottom .fb-copyright,
body footer .footer-bottom .legal,
body footer .footer-bottom .fb-copyright p {
    margin: 0 !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    line-height: 1.5 !important;
}
body footer .footer-bottom a {
    color: rgba(255, 255, 255, 0.7) !important;
    text-decoration: none !important;
}
body footer .footer-bottom a:hover {
    color: #fff !important;
}

/* Eski legacy footer-bottom paragrafı — boş p tag'leri gizle */
body footer .footer-bottom p:empty { display: none !important; }
body footer .fb-copyright p { display: inline-block !important; }

/* Aşırı boş .span-fi (visible="false" ASP.NET kontrol divleri) — runtime'da gerçekten boş olanı gizle */
body footer .footer-icon .span-fi:not(:has(p:not(:empty))):not(:has(a)) { display: none !important; }
body footer .footer-icon .span-fi .fi-caption p:empty { display: none !important; }

/* Tekrarlanan adres/telefon — aynı text'lerin duplicate'lerini gizleyelim
   (legacy ASP.NET kontrolünde 3 adres + 5 telefon + 3 email div'i renderlenmiş olabilir) */
body footer .footer-icon .span-fi[id*="Address2"],
body footer .footer-icon .span-fi[id*="Address3"],
body footer .footer-icon .span-fi[id*="Phone2"],
body footer .footer-icon .span-fi[id*="Phone3"],
body footer .footer-icon .span-fi[id*="Phone4"],
body footer .footer-icon .span-fi[id*="Phone5"],
body footer .footer-icon .span-fi[id*="Email2"],
body footer .footer-icon .span-fi[id*="Email3"] {
    display: none !important;
}

/* Footer-bottom lotusdis legacy linkleri gizle */
body footer a[href*="lotusdis"],
body footer a[href*="sariyerortodonti"] { display: none !important; }


/* ============================================================================
   MOBILE RESPONSIVE SAFETY NET — site genelinde uygulanan koruyucu kurallar
   Desktop'ta etkisiz; <768px ve <480px'te otomatik aktif olur.
   Amaç: yatay scroll yok, görseller asla taşmaz, grid'ler stack'lanır,
   tap target'lar ≥44px, form alanları full-width, küçük cihazlarda okunabilir.
   ============================================================================ */

/* (1) Yatay scroll'u engelle (sayfanın hiçbir alt elementi pencerenin dışına taşmaz) */
html, body { max-width: 100%; overflow-x: hidden; }

/* (2) Medya elemanları parent'a sığar */
img, video, iframe, embed, object, picture, svg {
    max-width: 100%;
    height: auto;
}
iframe { box-sizing: border-box; }

/* (3) Tablolar mobilde scroll'lanabilir */
@media (max-width: 768px) {
    .category-description table,
    .topic-block table,
    .blog table,
    .blogpost table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }
}

/* (4) Long words / URL'ler taşmasın */
.category-description,
.blogpost,
.blogposts,
.topic-block,
.ea-news__card .body,
.ea-book__copy,
.ea-contact-info {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* (5) ≤768px — Genel sayfa düzeltmeleri */
@media (max-width: 768px) {
    /* Container padding'lerini azalt */
    .container, .container-fluid {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Generic grid'leri stack'le (admin'in kullanmadığı bootstrap col'ları) */
    .ea-cat-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .ea-cat-card { width: 100% !important; max-width: 100% !important; }
    .ea-cat-card__media { aspect-ratio: 16 / 10; }

    /* News grid — 991 ve 767 zaten var; emniyet için tekrar */
    .ea-news__grid { grid-template-columns: 1fr !important; }

    /* Form alanları */
    input[type="text"], input[type="email"], input[type="tel"],
    input[type="password"], input[type="search"], textarea, select {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px !important; /* iOS zoom-on-focus engeli */
    }

    /* Buton min-height (tap target) */
    .btn, button:not(.kp-quotes__btn):not(.ps-accordion__head),
    .ea-btn, .ea-cta, a.btn {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Header — search box mobilde gizli; arama hamburger içinden açılır */
    .top-header .ht-right-search { display: none !important; }

    /* Nav menü açılır penceresi — full width */
    .nav-overlay-panel,
    .mp-menu, .mp-menu .mp-level {
        max-width: 100vw !important;
    }

    /* Breadcrumb satırı taşmasın */
    .ea-breadcrumb,
    .breadcrumb,
    .productBreadcrumb {
        flex-wrap: wrap !important;
        font-size: 11px !important;
    }

    /* Footer */
    footer { text-align: center; }
    footer .row { gap: 24px !important; }
    footer ul { padding: 0 !important; list-style: none !important; }
    footer .footer-logo img { max-width: 220px !important; }

    /* WhatsApp pulse button — köşeye kıvrılsın */
    .pulse-button-w {
        right: 12px !important;
        bottom: 12px !important;
        transform: scale(0.8) !important;
        transform-origin: bottom right !important;
    }

    /* Heading'ler sığsın (admin H1/H2 normal text-flow'a) */
    h1 { font-size: 26px !important; line-height: 1.25 !important; }
    h2 { font-size: 22px !important; line-height: 1.3 !important; }
    h3 { font-size: 18px !important; line-height: 1.35 !important; }
    .section-title, .sec-title { font-size: 24px !important; }

    /* Modal/popup'lar */
    .modal-dialog { max-width: calc(100% - 24px) !important; margin: 12px auto !important; }

    /* Pagination */
    .pager, .pagination { flex-wrap: wrap !important; gap: 6px !important; }

    /* Sub-category grid — generic */
    .sub-category-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

/* (6) ≤480px — küçük telefon agresif düzeltmeleri */
@media (max-width: 480px) {
    .container, .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    body { font-size: 15px; }

    /* Sub-category grid tek sütun */
    .sub-category-grid {
        grid-template-columns: 1fr !important;
    }

    /* Tüm bütün generic 2-3 sütun grid'leri tek sütun */
    .ea-pillars__grid,
    .ea-why__grid,
    .services-grid {
        grid-template-columns: 1fr !important;
    }

    /* Pillar / why / news cards — padding küçült */
    .ea-pillar, .ea-why__cell, .ea-news__card .body, .ea-cat-card__body {
        padding: 18px !important;
    }

    /* Hero credentials — yan yana sığmıyorsa wrap */
    .ea-hero__credentials { flex-wrap: wrap !important; gap: 14px !important; }
    .ea-hero__credential-item { flex: 1 1 45% !important; }

    /* Partners logo strip — daha küçük slide */
    .ea-partners img { max-height: 36px !important; }

    /* Blog list cards — daha kompakt */
    .blog .news-item, .blogposts .news-item { padding: 14px !important; }

    h1 { font-size: 22px !important; }
    h2 { font-size: 19px !important; }
    h3 { font-size: 17px !important; }

    /* Tap targets — daha geniş */
    .btn, .ea-btn, button, a.btn {
        min-height: 46px !important;
    }
}

/* (7) ≤360px — minik cihazlar (iPhone SE 1st gen, vb) */
@media (max-width: 360px) {
    .container, .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    h1 { font-size: 20px !important; }
    h2 { font-size: 18px !important; }
    body { font-size: 14.5px; }

    /* Hero — daha sade */
    .ea-hero { padding: 32px 0 24px !important; }
    .ea-hero__copy h1 { font-size: 22px !important; }

    /* /kitap banner — minik ekranda title biraz daha küçük */
    body.page-kitap .kp-banner__title,
    .category-description.kp-redesigned-host .kp-banner__title { font-size: 28px !important; }
    body.page-kitap .kp-banner__subtitle,
    .category-description.kp-redesigned-host .kp-banner__subtitle { font-size: 15px !important; }
    body.page-kitap .kp-section-title,
    .category-description.kp-redesigned-host .kp-section-title { font-size: 22px !important; }

    /* Buy grid — tek sütun */
    .kp-buy__grid { grid-template-columns: 1fr !important; }
}

/* (8) Print fallback — mobile düzeltmeler print'i etkilemesin */
@media print {
    html, body { overflow: visible !important; max-width: none !important; }
}

/* ============================================================================
   HEADER + MOBILE NAV — top-header taşması + nav submenu kaçağı düzeltmeleri
   Sorun: <600px'te phone+email yatay satırda sığmıyor; ayrıca desktop .nav-menu'nun
   submenu'leri mobilde gizli wrapper'a rağmen position:absolute ile taşıp hero'ya
   bindiriyor. Hem top-header'ı kompakt yap, hem de wrapper içindeki tüm submenu'leri
   zorla gizle.
   ============================================================================ */

/* Tablet ve altı — desktop nav-menu + portrait wrapper'ı zorla gizle (legacy 2-navigation.css'in
   `.navigation-portrait .nav-menus-wrapper{position:fixed;left:-400px;width:320px;bg:#fff}` ve
   `:hover>ul{display:block !important}` kurallarını geçersiz kılmak için maksimum specificity). */
@media (max-width: 1024px) {
    nav.navigation .nav-menus-wrapper,
    nav.navigation .nav-menus-wrapper *,
    .navigation .nav-menu,
    .navigation .nav-menu *,
    .navigation-portrait .nav-menus-wrapper,
    .navigation-portrait.nav-menu,
    .nav-menus-wrapper-open,
    .nav-menu.standartMenu,
    .nav-menu.standartMenu *,
    .nav-menu.standartMenu > li,
    .nav-menu.standartMenu > li > ul,
    .nav-menu.standartMenu > li:hover > ul,
    .nav-menu.standartMenu > li > ul > li > ul,
    .nav-menu.standartMenu > li > ul > li:hover > ul,
    .nav-menu.standartMenu .nav-dropdown,
    .nav-menu.standartMenu .nav-submenu,
    .nav-menu.standartMenu .submenu,
    .nav-menu.standartMenu .dropdown-menu,
    .megamenu-tabs,
    .megamenu-panel {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        max-width: 0 !important;
        max-height: 0 !important;
        position: static !important;
        left: -9999px !important;
    }
    /* Hamburger toggle, logo ve nav container'ın kendisi görünür kalır */
    nav.navigation,
    nav.navigation > .container,
    nav.navigation .navbar-header,
    nav.navigation .navbar-brand,
    nav.navigation .navbar-logo,
    nav.navigation .header-logo {
        display: revert !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        max-width: none !important;
        max-height: none !important;
        position: relative !important;
        left: auto !important;
    }
    nav.navigation .navbar-toggler,
    nav.navigation .mp-menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        max-width: none !important;
        max-height: none !important;
        position: relative !important;
        left: auto !important;
    }
}

/* ≤600px — Top header vertical stack + kompakt */
@media (max-width: 600px) {
    .top-header {
        padding: 4px 0 !important;
        font-size: 11px !important;
    }
    .top-header .container {
        flex-direction: column !important;
        gap: 4px !important;
        padding: 0 12px !important;
    }
    .top-header .header-left,
    .top-header .header-right {
        gap: 10px !important;
        font-size: 11px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        text-align: center !important;
        max-width: 100% !important;
    }
    .top-header .header-left p,
    .top-header .header-right p { font-size: 11px !important; line-height: 1.3 !important; }

    /* E-posta'yı küçük ekranlarda gizle (phone + sosyal kalır) */
    .top-header .header-left p:nth-child(2),
    .top-header .ht-email,
    .top-header a[href^="mailto:"] { display: none !important; }

    /* Sosyal ikonlar kompakt */
    .ht-right-social a { width: 26px !important; height: 26px !important; font-size: 11px !important; }
    .ht-right-social { gap: 6px !important; }

    /* Main nav row kompakt */
    nav.navigation { padding: 8px 0 !important; }
    nav.navigation .container { padding: 0 12px !important; }
    .navbar-logo img,
    .navbar-brand img,
    .header-logo img { max-height: 56px !important; width: auto !important; }
    .navbar-toggler,
    .mp-menu-toggle {
        width: 44px !important; height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
    }
}

/* ≤400px — minik telefon */
@media (max-width: 400px) {
    .top-header {
        font-size: 10.5px !important;
    }
    .top-header .header-left,
    .top-header .header-right { gap: 8px !important; }
    .navbar-logo img,
    .navbar-brand img,
    .header-logo img { max-height: 48px !important; }
}

/* mp-menu açık panel — solid bg + tüm hero üstünde */
.mp-menu {
    z-index: 9999 !important;
    background: #fff !important;
}
.mp-menu-overlay {
    z-index: 9998 !important;
}
.mp-menu ul li a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
}

/* Mp-menu — split pattern: <a> = sayfaya git, .mp-toggle-btn = alt menü aç/kapat */
.mp-menu ul li.has-submenu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    position: relative !important;
}
.mp-menu ul li.has-submenu > a {
    flex: 1 1 auto !important;
    padding-right: 8px !important;
    background-image: none !important;
    transition: background-color 0.2s ease !important;
}
.mp-menu ul li.has-submenu > a::before,
.mp-menu ul li.has-submenu > a::after {
    content: none !important;
    display: none !important;
}
/* Toggle butonu: + / × */
.mp-toggle-btn {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    background: transparent !important;
    color: var(--ea-primary, #5b8c2a) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
    border-left: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    transition: background-color 0.15s ease !important;
}
.mp-toggle-btn:hover {
    background: rgba(91, 140, 42, 0.06) !important;
}
.mp-menu ul li.has-submenu.mp-menu-active > a {
    color: var(--ea-primary, #5b8c2a) !important;
    background-color: var(--ea-primary-soft, #eef5e3) !important;
    background-image: none !important;
}
.mp-menu ul li.has-submenu.mp-menu-active > .mp-toggle-btn {
    background: rgba(91, 140, 42, 0.08) !important;
}
/* Alt menü kapsayıcısı — flex satırın altında tam genişlik */
.mp-menu ul li.has-submenu > ul {
    flex: 0 0 100% !important;
    display: none !important;
    list-style: none !important;
    padding: 0 0 0 12px !important;
    margin: 0 !important;
    background: var(--ea-surface, #f8fafb) !important;
    border-top: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
    border-bottom: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
}
.mp-menu ul li.has-submenu.mp-menu-active > ul {
    display: block !important;
}
.mp-menu ul li.has-submenu > ul li {
    border-bottom: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
}
.mp-menu ul li.has-submenu > ul li:last-child {
    border-bottom: 0 !important;
}
.mp-menu ul li.has-submenu > ul li a {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14.5px !important;
    color: var(--ea-ink-3, #4a454e) !important;
    padding: 12px 8px !important;
}
.mp-menu ul li.has-submenu > ul li a:hover {
    color: var(--ea-primary, #5b8c2a) !important;
    background: rgba(91, 140, 42, 0.04) !important;
}

/* Eski artıkları gizle */
.mp-submenu-toggle { display: none !important; }
.mp-menu li.mp-parent-link { display: none !important; }
.mp-menu ul li a .caret { display: none !important; }

/* ============================================================================
   MOBILE STICKY ACTION BAR — yalnız <=768px (WhatsApp | Randevu Al | Telefon)
   Üst alanı boşaltıp tüm hızlı aksiyonları sayfanın altında modern bir bar'a topla.
   ============================================================================ */
.m-action-bar { display: none; }

@media (max-width: 768px) {
    /* Legacy alt bar (#mobile-contact-bar) — yenisi (.m-action-bar) ile değiştirildi */
    #mobile-contact-bar { display: none !important; }

    /* Top-header'ı görünür tut AMA sadece sosyal medya + hamburger kalsın — telefon/email/randevu pill/search gizli */
    .top-header { display: block !important; padding: 6px 0 !important; }
    .top-header .container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 12px !important;
        flex-direction: row !important;
    }
    /* RANDEVU AL pill, search box, telefon, email, dil seçici — KESİN gizli */
    .top-header .header-left,
    .top-header .ht-right-search,
    .top-header .ht-right-cta,
    .top-header .ht-right-cta *,
    .top-header .btn-topbar,
    .top-header a.btn-topbar,
    .top-header .ht-right-language { display: none !important; visibility: hidden !important; }
    .top-header .header-right {
        display: flex !important;
        gap: 8px !important;
        margin: 0 0 0 auto !important;
        justify-content: flex-end !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        max-width: 100% !important;
    }
    .top-header .ht-right-social {
        display: inline-flex !important;
    }
    .top-header .ht-right-social a {
        width: 30px !important;
        height: 30px !important;
        font-size: 13px !important;
        border-radius: 50% !important;
        border: 1px solid rgba(255, 255, 255, 0.22) !important;
        background: rgba(255, 255, 255, 0.06) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        transition: all 0.2s ease !important;
    }
    .top-header .ht-right-social a:hover,
    .top-header .ht-right-social a:active {
        background: rgba(255, 255, 255, 0.18) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
        transform: scale(1.05);
    }
    .top-header .ht-right-language { display: none !important; }

    /* Main nav'ı sadeleştir — küçük logo + hamburger */
    nav.navigation { padding: 8px 0 !important; }
    nav.navigation .container {
        padding: 0 14px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 12px !important;
    }
    nav.navigation .nav-header {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 12px !important;
    }
    .ht-right-search.ht-right-search-mobile { display: none !important; }
    /* Logo küçült — yan yana hamburger ile düzgün otursun */
    nav.navigation .nav-logo,
    nav.navigation .navbar-brand,
    nav.navigation .navbar-logo,
    nav.navigation .header-logo { display: inline-flex !important; align-items: center !important; }
    nav.navigation .nav-logo img,
    nav.navigation .navbar-brand img,
    nav.navigation .navbar-logo img,
    nav.navigation .header-logo img,
    nav.navigation img.white-logo,
    nav.navigation img[id*="HeaderLogo"] {
        max-height: 44px !important;
        height: 44px !important;
        width: auto !important;
        max-width: 200px !important;
        object-fit: contain !important;
    }
    /* Hamburger üst stripe'tan kaldırıldı (klonlu olan da varsa gizle) */
    .top-header .m-hamburger-top,
    .top-header .mp-menu-toggle { display: none !important; }

    /* Original hamburger nav-header'da, logonun karşısında, sağ köşede */
    nav.navigation .navbar-toggler,
    nav.navigation .mp-menu-toggle {
        display: inline-flex !important;
        order: 99 !important;
        margin-left: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        align-self: center !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
        border-radius: 10px !important;
        background: var(--ea-surface, #f8fafb) !important;
        border: 1px solid var(--ea-line, rgba(0,0,0,0.08)) !important;
        color: var(--ea-ink, #1c1c1b) !important;
        font-size: 15px !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        flex-shrink: 0 !important;
        position: relative !important;
        top: -2px !important;
    }
    nav.navigation .navbar-toggler:hover,
    nav.navigation .mp-menu-toggle:hover,
    nav.navigation .navbar-toggler:active,
    nav.navigation .mp-menu-toggle:active {
        background: var(--ea-primary-soft, #eef5e3) !important;
        border-color: var(--ea-primary, #5b8c2a) !important;
        color: var(--ea-primary, #5b8c2a) !important;
    }

    /* Logo+hamburger nav row — beyaz alanın dikey ortasında, simetrik
       Tüm parent ve sibling padding/margin/min-height sıfırlanıyor ki
       row sadece kendi yüksekliği kadar yer alsın ve align-items:center
       gerçekten ortalasın. */
    .main-nav,
    #navbar,
    .main-nav .container,
    .main-nav .row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }
    nav.navigation {
        padding: 10px 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
    }
    nav.navigation .nav-header {
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        width: 100% !important;
        display: flex !important;
    }
    nav.navigation .nav-logo,
    nav.navigation .navbar-brand,
    nav.navigation .navbar-logo,
    nav.navigation .header-logo {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        line-height: 0 !important;
    }
    nav.navigation .nav-logo img,
    nav.navigation .nav-logo > img,
    nav.navigation .navbar-brand img,
    nav.navigation .navbar-logo img,
    nav.navigation .header-logo img,
    nav.navigation img.white-logo,
    nav.navigation img[id*="HeaderLogo"],
    .navigation-portrait .nav-logo > img,
    .navigation-portrait .nav-logo img {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
        float: none !important;
        height: 44px !important;
        max-height: 44px !important;
        width: auto !important;
    }
    /* nav.navigation kendisi sabit yükseklikli ve ortalı (logo yüksekliği + 8+8 = 60px) */
    nav.navigation {
        min-height: 60px !important;
        height: 60px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: stretch !important;
    }
    nav.navigation .nav-header {
        width: 100% !important;
        height: 100% !important;
        align-items: center !important;
    }
    /* Hero section'ın main-nav'a yapışık başlaması için margin-top zorla 0 */
    .main-nav + main,
    .main-nav + section,
    .main-nav + div,
    main:first-child,
    .ea-hero { margin-top: 0 !important; }

    /* Mobile menü panel — display:none olan eski kuralları ez (hamburger açmaya çalışırken görünmüyordu) */
    .mp-menu {
        display: block !important;
        z-index: 9999 !important;
    }
    .mp-menu.mp-menu-close { transform: translateX(100%) !important; }
    .mp-menu:not(.mp-menu-close) { transform: translateX(0) !important; }
    .mp-menu-overlay { display: block !important; z-index: 9998 !important; }
    .mp-menu-overlay.mp-menu-overlay-off { opacity: 0 !important; pointer-events: none !important; }
    .mp-menu-overlay:not(.mp-menu-overlay-off) { opacity: 1 !important; pointer-events: auto !important; }

    /* Top-header sol Kitap butonu — purple stripe içinde */
    .top-header .m-kitap-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin-right: auto !important;
        padding: 5px 12px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.28) !important;
        color: #fff !important;
        font-family: "Manrope", sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transition: all 0.2s ease !important;
    }
    .top-header .m-kitap-btn:hover,
    .top-header .m-kitap-btn:active {
        background: rgba(255, 255, 255, 0.22) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
        color: #fff !important;
    }
    .top-header .m-kitap-btn i {
        font-size: 11px !important;
        color: #fff !important;
    }
    .top-header .m-kitap-btn__label { letter-spacing: 0.04em !important; }

    /* Sayfa altına bar yüksekliği kadar boşluk bırak */
    body { padding-bottom: 78px !important; }

    /* Bar görünür */
    .m-action-bar {
        display: flex;
        position: fixed;
        bottom: 0; left: 0; right: 0;
        z-index: 9990;
        gap: 8px;
        padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
        background: rgba(255, 255, 255, 0.97);
        -webkit-backdrop-filter: saturate(180%) blur(14px);
        backdrop-filter: saturate(180%) blur(14px);
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06);
    }
    .m-action-bar__btn {
        flex: 1;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 8px 4px !important;
        min-height: 58px !important;
        text-decoration: none !important;
        color: var(--ea-ink, #1c1c1b) !important;
        background: var(--ea-surface, #f8fafb);
        border: 1px solid rgba(0, 0, 0, 0.06);
        border-radius: 12px;
        font-family: "Manrope", sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.01em !important;
        line-height: 1 !important;
        transition: all 0.2s ease;
    }
    .m-action-bar__btn:active { transform: scale(0.97); }
    .m-action-bar__btn:hover {
        background: var(--ea-primary-soft, #eef5e3);
        border-color: var(--ea-primary, #5b8c2a);
        color: var(--ea-primary, #5b8c2a) !important;
    }
    .m-action-bar__btn--primary {
        flex: 1.35;
        background: linear-gradient(135deg, #5b8c2a 0%, #487021 100%) !important;
        color: #fff !important;
        border-color: transparent !important;
        box-shadow: 0 6px 18px rgba(91, 140, 42, 0.32);
    }
    .m-action-bar__btn--primary:hover {
        background: linear-gradient(135deg, #6da632 0%, #5b8c2a 100%) !important;
        color: #fff !important;
    }
    .m-action-bar__icon {
        font-size: 22px !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .m-action-bar__icon i,
    .m-action-bar__icon .material-symbols-outlined {
        font-size: 22px !important;
        line-height: 1 !important;
    }
    .m-action-bar__btn--primary .m-action-bar__icon i,
    .m-action-bar__btn--primary .m-action-bar__icon .material-symbols-outlined {
        color: #fff !important;
    }
    .m-action-bar__label { white-space: nowrap !important; }

    /* WhatsApp pulse butonu mobilde gizli (bar'da var) */
    .pulse-button-w { display: none !important; }
    /* Back-to-top butonu bar'ın üstünde */
    a.cd-top, .cd-top, a.cd-top.cd-is-visible, .cd-top.cd-is-visible { bottom: 90px !important; right: 12px !important; }
}


/* Pillars: 3-card centered layout (after removing Anksiyete card) */
.ea-pillars__grid {
    grid-template-columns: repeat(3, 1fr) !important;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* === a7 (Profeser) — Sibel kalıntısı bölümleri gizle (2026-07-01) ===
   NOT: home-slider gizlemesi kaldırıldı — kullanıcı slider'ı bilerek açtı.
   NOT: ea-references gizlemesi kaldırıldı — bu bölüm ("Birlikte Çalıştığımız
   Firmalar") artık GERÇEK marka logolarını (ref-*.png) dönen carousel; aktif.
   ea-partners: hâlâ eski psikiyatri logoları (0028xxx / ipa-logo.png) → gizli.
   ea-carousel: boş (0px) render ediyor → gizli.
   Yeniden açmak için: DB içeriğini güncelleyip ilgili satırı sil. */
.ea-partners,
.ea-carousel {
    display: none !important;
}

/* Bölüm başlığı süsü (.section-title h2::before): favicon.png artık profeser
   marka işareti; tarayıcı cache'ini kırmak için versiyonlu URL. */
.section-title h2::before {
    background-image: url('/images/favicon.png?v=3') !important;
}

/* === a7 (Profeser) — Slider caption: büyük/kalın/okunaklı (WP hedef stili) (2026-07-01) ===
   Markup: .home-slider .slider-caption > h2.display-4>span + p.lead + a.btn-slider
   Görseller açık renk → sola doğru orta şiddette koyu gradient scrim (abartmadan),
   metin beyaz + hafif gölge. */
.home-slider .carousel-item { position: relative !important; }
.home-slider .carousel-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    background: linear-gradient(90deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.34) 42%, rgba(0,0,0,0.08) 72%, rgba(0,0,0,0) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
.home-slider .carousel-item .container { position: relative !important; z-index: 2 !important; }
.home-slider .slider-caption { position: relative !important; z-index: 2 !important; }
.home-slider .slider-caption .display-4,
.home-slider .slider-caption .display-4 span {
    font-family: 'Sora','Manrope',sans-serif !important;
    font-size: 56px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(0,0,0,0.38) !important;
    margin-bottom: 18px !important;
    text-transform: none !important;
}
.home-slider .slider-caption .lead {
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,0.94) !important;
    text-shadow: 0 1px 10px rgba(0,0,0,0.35) !important;
    max-width: 640px !important;
    margin-bottom: 28px !important;
}
.home-slider .slider-caption .btn-slider,
.home-slider .slider-caption .btn-more .btn {
    background: #5b8c2a !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 14px 36px !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.25) !important;
}
.home-slider .slider-caption .btn-slider:hover,
.home-slider .slider-caption .btn-more .btn:hover {
    background: #487021 !important; color: #ffffff !important;
}
@media (max-width: 992px) {
    .home-slider .slider-caption .display-4,
    .home-slider .slider-caption .display-4 span { font-size: 36px !important; }
    .home-slider .slider-caption .lead { font-size: 16px !important; }
    .home-slider .carousel-item::before {
        background: linear-gradient(90deg, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.42) 55%, rgba(0,0,0,0.18) 100%) !important;
    }
}
@media (max-width: 576px) {
    .home-slider .slider-caption .display-4,
    .home-slider .slider-caption .display-4 span { font-size: 27px !important; line-height: 1.12 !important; }
    .home-slider .slider-caption .lead { font-size: 15px !important; }
}

/* === a7 (Profeser) — Marka carousel (ea-references) logolar: SABİT KUTU (2026-07-02) ===
   Galeri 1017'den JS ile beslenir. Her logo eşit boyutlu beyaz kartta, dikey+yatay
   ortalı, object-fit:contain → asimetri (kimi üste/alta) tamamen biter. */
.ea-references .ea-marquee__track { align-items: center !important; gap: 16px !important; }
.ea-references .ea-marquee__track img,
.ea-references .ea-marquee__track img.ea-ref-logo {
    flex: 0 0 auto !important;
    width: 150px !important;
    height: 80px !important;
    max-width: 150px !important;
    max-height: 80px !important;
    object-fit: contain !important;
    background: #fff !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 10px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    display: block !important;
    vertical-align: middle !important;
    filter: none !important;
    opacity: 1 !important;
}

/* === a7 (Profeser) — Galeri kısa kod grid (.pg-grid) — referanslar sayfası (2026-07-02) ===
   [shortcode gallery id=NNNN] JS ile bu grid'e dönüşür. Her hücre kare, logo ortalı. */
.pg-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: 14px !important;
    margin-top: 22px !important;
}
.pg-grid .pg-cell {
    aspect-ratio: 1 / 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden !important;
    padding: 14px !important;
    box-sizing: border-box !important;
}
.pg-grid .pg-cell img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}
/* logosu olmayan firma: adını ortalı yaz */
.pg-grid .pg-cell--empty {
    color: var(--ea-ink-3, #4a454e) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center !important;
    line-height: 1.3 !important;
    padding: 14px 10px !important;
}
.pg-grid .pg-cell--empty::after { content: attr(data-name); }

/* === a7 (Profeser) — Referanslar sayfası kare logo grid simetri (2026-07-01) ===
   .ref-kare-grid hücrelerinde logo dikey+yatay ortalı, eşit sınırlı boyut. */
.ref-kare-grid > * {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.ref-kare-grid img {
    max-height: 92px !important;
    max-width: 82% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: auto !important;
}

/* === a7 (Profeser) — Footer kategori listesi: tek işaret + uzun adlarda hizalama (2026-07-01) ===
   Dinamik kategoriler (DisplayFooter) uzun ("Endüstriyel Soğutucu Bakım Onarım")
   olunca redundant »/› çift işaret + satır kayması oluyordu. Tek yeşil › + flex hanging-indent. */
footer .popular-links ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
footer .popular-links li {
    display: flex !important;
    align-items: baseline !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    background: none !important;
    list-style: none !important;
}
footer .popular-links li::before,
footer .popular-links li::after,
footer .popular-links li a::after {
    content: none !important;
    display: none !important;
    background: none !important;
}
footer .popular-links li a {
    display: block !important;
    flex: 1 1 auto !important;
    line-height: 1.45 !important;
    padding: 0 !important;
    background: none !important;
}
footer .popular-links li a::before {
    content: '\203A' !important; /* › */
    display: inline !important;
    margin-right: 8px !important;
    color: var(--ea-primary, #5b8c2a) !important;
    font-weight: 700 !important;
}

/* === a7 (Profeser) — Hero görseli: AC illüstrasyonu (yuvarlak köşe) + altında logo (2026-07-02) ===
   ea-hero__media artık tek kompozit değil: üstte klima görseli (oval köşe), altında profeser logo. */
.ea-hero__media {
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
}
.ea-hero__media img.ea-hero__photo {
    width: 100% !important;
    max-width: 520px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 28px !important;            /* oval / yuvarlak köşe */
    box-shadow: 0 22px 55px rgba(28, 40, 20, 0.12) !important;
    background: #eef1f4 !important;
    display: block !important;
}
.ea-hero__media img.ea-hero__brand {
    width: 220px !important;
    max-width: 62% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    display: block !important;
    margin: 0 auto !important;
}
.ea-hero__media:hover img.ea-hero__photo { transform: none !important; }
@media (max-width: 992px) {
    .ea-hero__media { order: -1; max-width: 460px !important; aspect-ratio: auto !important; margin: 0 auto 8px !important; }
    .ea-hero__media img.ea-hero__photo { max-width: 380px !important; }
    .ea-hero__media img.ea-hero__brand { width: 190px !important; }
}

/* === a7 (Profeser) — Mobil üst bar telefon + slider caption taşma fix (2026-07-02) === */
/* Mobil telefon numarası: desktop'ta gizli, mobilde yeşil üst barda (tıkla-ara) */
.top-header__mobile-phone { display: none; }
@media (max-width: 768px) {
    .top-header__mobile-phone {
        display: inline-flex !important;
        align-items: center !important;
        color: #fff !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        letter-spacing: 0.01em !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        line-height: 1 !important;
    }
    .top-header__mobile-phone:hover,
    .top-header__mobile-phone:active { color: #fff !important; opacity: 0.92 !important; }
    /* telefon sol + whatsapp sağ, dengeli/simetrik */
    .top-header .container { justify-content: space-between !important; align-items: center !important; }
    .top-header .header-right { margin-left: 0 !important; }

    /* === MOBİL SLIDER — deterministik (2026-07-03) ===
       KÖK SORUN: tema .home-slider/.carousel-inner'a max-height:280px koyuyordu →
       caption'ın alt açıklama+butonu 280px'de KIRPILIP altındaki hero bölümüyle
       örtüşüyordu ("açıklama hiç yok"). Çözüm: tüm slider zincirini tek yüksekliğe
       (420px) sabitle, 280 kapağını ez, caption'ı dikeyde ortala, alt açıklamayı
       3 satıra kırp, dikey scrim ile beyaz yazıyı okunur yap. */
    .home-slider.d-lg-none,
    .home-slider.d-lg-none .carousel,
    .home-slider.d-lg-none .carousel-inner {
        height: 420px !important;
        min-height: 420px !important;
        max-height: 420px !important;
        overflow: hidden !important;
    }
    .home-slider .carousel-item.active { display: block !important; }
    .home-slider .carousel-item {
        height: 420px !important;
        min-height: 420px !important;
        max-height: 420px !important;
        padding: 0 !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative !important;
    }
    /* mobil scrim: DİKEY — ortada koyu (yazı okunur), üst/alt açık (görsel görünür) */
    .home-slider .carousel-item::before {
        background: linear-gradient(180deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.56) 42%, rgba(0,0,0,0.56) 68%, rgba(0,0,0,0.30) 100%) !important;
    }
    /* container = tam yükseklik; caption dikeyde ortada */
    .home-slider .carousel-item .container {
        max-width: 100% !important;
        width: 100% !important;
        height: 420px !important;
        min-height: 0 !important;
        padding: 0 22px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .home-slider .slider-caption {
        position: relative !important;
        top: 0 !important; left: 0 !important; right: 0 !important; bottom: auto !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
    .home-slider .slider-caption .display-4,
    .home-slider .slider-caption .display-4 span {
        font-size: 23px !important;
        line-height: 1.16 !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
    }
    /* alt açıklama: GÖRÜNÜR, 3 satıra kırp (taşma/kesilme yok) */
    .home-slider .slider-caption .lead {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        font-size: 13.5px !important;
        line-height: 1.5 !important;
        color: #ffffff !important;
        max-width: 100% !important;
        overflow-wrap: break-word !important;
        margin-bottom: 16px !important;
    }
    .home-slider .slider-caption .btn-more { margin-top: 0 !important; }
    .home-slider .carousel-item .carousel-control-prev,
    .home-slider .carousel-item .carousel-control-next { align-items: center !important; }
}

/* === a7 (Profeser) — Footer logo: beyaz+şeffaf versiyon (koyu footer'da görünür, kutu yok) (2026-07-02) ===
   Panelden yüklenen logo (pic 28319) beyaz zeminli → koyu footer'da beyaz kutu.
   Figure'a beyaz+yeşil check şeffaf logoyu background yap + beyaz-kutu img'i gizle. */
footer .footer-logo {
    display: block !important;
    width: 220px !important;
    max-width: 72% !important;
    height: 52px !important;
    background-image: url('/images/profeser/footer-logo.png?v=2') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    margin: 0 0 16px 0 !important;
}
footer .footer-logo img {
    opacity: 0 !important;
    width: 220px !important;
    height: 52px !important;
    display: block !important;
}

/* === a7 (Profeser) — Üst bar hizası + tel ikon/numara + desktop slider caption (2026-07-03) === */

/* 1) Üst bar içeriği logo ile aynı hizada başlasın: container'ı nav ile birebir
   (max-width 1280, padding 0, margin auto). Önceki max-width:none/pad:32 kuralını ezer. */
.top-header .container {
    max-width: 1280px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2) Telefon ikonu (p::before, FA phone) numaraya yakın dursun; email numaradan ayrık.
   p flex gap'ini sıfırla → ikonu ::before margin ile 6px, email'i margin-left ile 22px ayır. */
.top-header .header-left p { gap: 0 !important; }
.top-header .header-left p::before { margin-right: 6px !important; }
.top-header .header-left a[href^="mailto"] { margin-left: 22px !important; }

/* 3) Desktop slider caption dikey konum: kullanıcı "PC'de yazılar çok yukarıda" dedi.
   Yalnız ≥769px (mobil slider ayrı, etkilenmez). Caption'ı alt-ortaya indir. */
@media (min-width: 769px) {
    .home-slider .slider-caption { top: 46% !important; }
}

/* Mobil slider — tablet aralığı (769-991px): tema max-height:280 kırpması burada da
   olmasın (telefon fix'i ≤768'de). Slider'ı 460px'e sabitle, caption dikey ortala,
   alt açıklamayı 3 satıra kırp. Font boyutları ≤992 media kuralından gelir. */
@media (min-width: 769px) and (max-width: 991.98px) {
    .home-slider.d-lg-none,
    .home-slider.d-lg-none .carousel,
    .home-slider.d-lg-none .carousel-inner,
    .home-slider.d-lg-none .carousel-item {
        height: 460px !important;
        min-height: 460px !important;
        max-height: 460px !important;
        overflow: hidden !important;
    }
    .home-slider.d-lg-none .carousel-item .container {
        height: 460px !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .home-slider.d-lg-none .slider-caption .lead {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* === a7 (Profeser) — Arıza Kodları accordion (markaya göre) (2026-07-03) ===
   /klima-ariza-kodlari + /kombi-ariza-kodlari: ariza-accordion.js, .profeser-icerik
   içeriğini h2 (marka) bazlı accordion'a çevirir. Aşağısı görsel stil. */
.profeser-icerik .pf-acc-intro { margin-bottom: 20px; }
.profeser-icerik .pf-acc-intro img { border-radius: 10px; max-width: 100%; height: auto; }
.profeser-icerik .pf-acc-intro > p { line-height: 1.6; color: #3a3f45; }

.profeser-icerik .pf-acc-tools {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    margin: 0 0 18px;
}
.profeser-icerik .pf-acc-search {
    flex: 1 1 260px; min-width: 200px;
    padding: 12px 16px;
    border: 1px solid #d9dee2; border-radius: 10px;
    font-family: 'Inter', sans-serif; font-size: 15px; color: #22262a;
    background: #fff; outline: none;
    transition: border-color .2s, box-shadow .2s;
}
.profeser-icerik .pf-acc-search::placeholder { color: #9aa0a6; }
.profeser-icerik .pf-acc-search:focus {
    border-color: #5b8c2a; box-shadow: 0 0 0 3px rgba(91,140,42,0.15);
}
.profeser-icerik .pf-acc-count { font-size: 13px; color: #7a8087; font-weight: 600; white-space: nowrap; }

.profeser-icerik .pf-acc-list { display: flex; flex-direction: column; gap: 10px; }
.profeser-icerik .pf-acc-item {
    border: 1px solid #e6e9ec; border-radius: 12px; overflow: hidden;
    background: #fff; transition: border-color .2s, box-shadow .2s;
}
.profeser-icerik .pf-acc-item.pf-open {
    border-color: #cfe0bd; box-shadow: 0 6px 20px rgba(91,140,42,0.10);
}
.profeser-icerik .pf-acc-head {
    width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px;
    padding: 15px 18px; margin: 0;
    background: #f6f8f4; border: none; cursor: pointer; text-align: left;
    font-family: 'Sora','Inter',sans-serif; font-size: 16.5px; font-weight: 700;
    color: #2a2f26; transition: background .2s, color .2s;
}
.profeser-icerik .pf-acc-head:hover { background: #eef3e8; }
.profeser-icerik .pf-open .pf-acc-head { background: #5b8c2a; color: #fff; }
.profeser-icerik .pf-acc-title { flex: 1 1 auto; }
.profeser-icerik .pf-acc-ico {
    flex: 0 0 auto; width: 12px; height: 12px; position: relative; display: inline-block;
}
.profeser-icerik .pf-acc-ico::before,
.profeser-icerik .pf-acc-ico::after {
    content: ''; position: absolute; background: currentColor; border-radius: 2px;
}
.profeser-icerik .pf-acc-ico::before { top: 5px; left: 0; width: 12px; height: 2px; }
.profeser-icerik .pf-acc-ico::after { left: 5px; top: 0; width: 2px; height: 12px; transition: opacity .25s ease; }
.profeser-icerik .pf-open .pf-acc-ico::after { opacity: 0; }

.profeser-icerik .pf-acc-panel {
    max-height: 0; overflow: hidden; background: #fff;
    transition: max-height .3s ease;
}
.profeser-icerik .pf-acc-inner { padding: 8px 20px 18px; }
.profeser-icerik .pf-acc-inner h3 {
    font-family: 'Sora','Inter',sans-serif; font-size: 15px; font-weight: 700;
    color: #5b8c2a; margin: 14px 0 8px;
}
.profeser-icerik .pf-acc-inner ul { margin: 0 0 6px; padding-left: 20px; list-style: disc; }
.profeser-icerik .pf-acc-inner li { margin: 0 0 7px; line-height: 1.55; color: #3a3f45; }
.profeser-icerik .pf-acc-inner strong { color: #1d2126; }

.profeser-icerik .pf-acc-foot {
    margin-top: 20px; padding: 16px 18px;
    background: #f6f8f4; border-left: 3px solid #5b8c2a; border-radius: 8px;
    font-size: 14px; color: #4a5056;
}
.profeser-icerik .pf-acc-foot p { margin: 0; }
@media (max-width: 576px) {
    .profeser-icerik .pf-acc-head { padding: 13px 14px; font-size: 15px; }
    .profeser-icerik .pf-acc-inner { padding: 6px 14px 14px; }
}

/* END */