/* =============================================================================
   design-polish-2026.css — tasarım ince işçilik katmanı
   -----------------------------------------------------------------------------
   PRENSİP:
     • modern-2026.css + style.css + responsive.css'in ÜSTÜNE biner, kırmaz.
     • markup DEĞİŞMEZ, yeni class bile eklenmez.
     • !important sadece selection ve focus-visible için.
     • tokens modern-2026.css'ten miras (--brand, --ink-*, --r-*, --sh-*, --ease).
     • prefers-reduced-motion tamamen onurlandırılır.
   ============================================================================= */


/* ════════════════════════════════════════════
   0. TYPOGRAPHY — Plus Jakarta Sans, weight floor 500
   -----------------------------------------------------------------------------
   • Tüm body/input/button elementlere font-family zorunu.
   • Hiçbir yerde <500 weight kalmaz (thin/light/extralight override edilir).
   • Revolution slider caption'ları ve body font varsayılanları korunur.
   ════════════════════════════════════════════ */
html,
body {
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-weight: 500;
    letter-spacing: -0.005em;
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* form elementleri sistem font miras almasın */
input,
select,
textarea,
button,
optgroup {
    font-family: inherit;
    font-weight: 500;
}

/* weight floor — paragraf, liste, link, buton, nav, label: min 500 (medium) */
p,
ul,
ol,
li,
dl,
dt,
dd,
td,
th,
tr,
span,
a,
small,
label,
cite,
em,
figcaption,
blockquote,
blockquote p,
address,
.copyrights,
.mad-text-small,
.mad-text-medium,
.mad-text-large,
.mad-pre-title,
.mad-widget-title,
.mad-author-name,
.mad-author-info,
.mad-testimonial-info,
.menu-item,
.menu-item > a,
.sub-menu a,
.mad-mega-card,
.mad-mega-card__title,
.mad-mega-card__desc,
.btn,
.btn > span,
.mad-text-link,
.mad-text-link > span,
.mad-entity p,
.mad-entity-content,
.mad-entity-title,
.mad-entity-title a,
.mad-icon-box p,
.mad-icon-box-title {
    font-weight: 500;
}

/* başlıklar bold+ */
h1, h2, h3, h4, h5, h6,
.mad-title,
.mad-entity-title,
.mad-icon-box-title,
.mad-widget-title,
.tp-layer-section-title,
.mad-author-name {
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: -0.015em;
}

/* ana vurgular extra-bold */
h1, h2, .mad-title {
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* inline vurgular */
strong, b {
    font-weight: 700;
}

/* nav (header menu) — biraz daha dolgun hissi */
.mad-navigation > li > a,
.mad-main-nav a,
.menu-item > a {
    font-weight: 600;
    letter-spacing: 0;
}

/* buton — dolgun */
.btn,
button.btn,
a.btn {
    font-weight: 700;
    letter-spacing: .01em;
}

/* inline style ile gelen thin/light/extralight ağırlıkları tamamen kapat */
[style*="font-weight:100"],
[style*="font-weight: 100"],
[style*="font-weight:200"],
[style*="font-weight: 200"],
[style*="font-weight:300"],
[style*="font-weight: 300"],
[style*="font-weight:400"],
[style*="font-weight: 400"] {
    font-weight: 500 !important;
}

/* yardımcı class'larla gelen light varyantlar */
.font-light,
.font-thin,
.font-extralight,
.fw-100,
.fw-200,
.fw-300,
.fw-400,
.thin,
.light,
[class*="text-thin"],
[class*="text-light"] {
    font-weight: 500 !important;
}

/* revolution slider caption'ları (data-fontweight inline attribute ile gelir) */
.rev_slider_wrapper .tp-caption,
.rev_slider_wrapper .tp-layer-section-title,
.rev_slider_wrapper .mad-pre-title,
.rev_slider_wrapper .tp-layer-desc {
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
    font-weight: 600;
}
.rev_slider_wrapper .tp-layer-section-title {
    font-weight: 800;
}


/* ════════════════════════════════════════════
   1. ::selection — marka rengi
   ════════════════════════════════════════════ */
::selection {
    background: var(--brand, #017d25);
    color: #fff;
}
::-moz-selection {
    background: var(--brand, #017d25);
    color: #fff;
}


/* ════════════════════════════════════════════
   2. SCROLL PROGRESS BAR
   En üstte, sayfa scroll'una göre dolan ince çizgi.
   (JS tarafından --scroll-progress CSS var'ı set edilir; yoksa 0.)
   ════════════════════════════════════════════ */
.mad-page-wrapper::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    transform-origin: 0 50%;
    transform: scaleX(var(--scroll-progress, 0));
    background: linear-gradient(
        90deg,
        var(--brand, #017d25) 0%,
        #3ea861 55%,
        var(--accent, #26658c) 100%
    );
    z-index: 9999;
    pointer-events: none;
    transition: transform 80ms linear;
    will-change: transform;
}


/* ════════════════════════════════════════════
   3. SCROLL REVEAL
   JS → [data-reveal] → .is-visible ekler.
   Destek yoksa (no-JS) öğeler görünür kalır.
   ════════════════════════════════════════════ */
[data-reveal] {
    opacity: 0;
    transform: translateY(18px);
    transition:
        opacity 620ms var(--ease-out, cubic-bezier(.16,1,.3,1)),
        transform 620ms var(--ease-out, cubic-bezier(.16,1,.3,1));
    will-change: opacity, transform;
}
[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}
[data-reveal][data-reveal-delay="1"] { transition-delay: 80ms; }
[data-reveal][data-reveal-delay="2"] { transition-delay: 160ms; }
[data-reveal][data-reveal-delay="3"] { transition-delay: 240ms; }
[data-reveal][data-reveal-delay="4"] { transition-delay: 320ms; }


/* ════════════════════════════════════════════
   4. STICKY HEADER — scroll'da ince gölge + blur
   .mad-header-section--sticky-xl zaten mevcut; sadece polish.
   ════════════════════════════════════════════ */
.mad-header {
    transition:
        box-shadow var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1)),
        backdrop-filter var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-page-wrapper.is-scrolled .mad-header {
    box-shadow: 0 10px 32px rgba(15, 23, 42, .08);
    backdrop-filter: saturate(140%) blur(6px);
    -webkit-backdrop-filter: saturate(140%) blur(6px);
}


/* ════════════════════════════════════════════
   5. HEADING DECORATION — pre-title + title
   .mad-pre-title → yanında ince yeşil çizgi
   ════════════════════════════════════════════ */
.mad-pre-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    letter-spacing: .14em;
}
.mad-pre-title::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 2px;
    background: var(--brand, #017d25);
    border-radius: 2px;
    opacity: .85;
}
.align-center > .mad-pre-title,
.mad-title-wrap.align-center .mad-pre-title {
    justify-content: center;
}
.align-center > .mad-pre-title::after,
.mad-title-wrap.align-center .mad-pre-title::after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 2px;
    background: var(--brand, #017d25);
    border-radius: 2px;
    opacity: .85;
}


/* ════════════════════════════════════════════
   6. BUTTON — hover shine + press microbounce
   .btn zaten style.css + modern-2026.css'te stil almış.
   Bunun üstüne yalnızca animasyon ekliyoruz.
   ════════════════════════════════════════════ */
.btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.btn::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        115deg,
        transparent 30%,
        rgba(255, 255, 255, .22) 50%,
        transparent 70%
    );
    transform: translateX(-120%);
    transition: transform 620ms var(--ease-out, cubic-bezier(.16,1,.3,1));
    pointer-events: none;
    z-index: 1;
}
.btn:hover::after {
    transform: translateX(120%);
}
.btn:active {
    transform: translateY(1px) scale(.995);
}
.btn > span,
.btn > i,
.btn > .icon {
    position: relative;
    z-index: 2;
}


/* ════════════════════════════════════════════
   7. LINK — modern underline reveal
   (.mad-text-link hariç — owl/swiper kurulumu karıştırmasın)
   ════════════════════════════════════════════ */
.mad-text-link {
    position: relative;
    font-weight: 600;
}
.mad-text-link > span {
    position: relative;
    display: inline-block;
}
.mad-text-link > span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: currentColor;
    transform: scaleX(.25);
    transform-origin: 0 50%;
    transition: transform var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1));
    opacity: .85;
}
.mad-text-link:hover > span::after {
    transform: scaleX(1);
}


/* ════════════════════════════════════════════
   8. CARD / ENTITY — image zoom + overlay polish
   .mad-entity zaten hover-lift alıyor; biz görsel kısmı işliyoruz.
   ════════════════════════════════════════════ */
.mad-entity .mad-entity-media,
.mad-entity[class*="mad-change-bg"] {
    overflow: hidden;
    position: relative;
}
.mad-entity .mad-entity-media img,
.mad-entity .mad-entity-media picture,
.mad-entity .mad-entity-media > a {
    display: block;
    transition: transform 700ms var(--ease-out, cubic-bezier(.16,1,.3,1));
    will-change: transform;
}
.mad-entity:hover .mad-entity-media img,
.mad-entity:hover .mad-entity-media picture {
    transform: scale(1.045);
}
.mad-entity.mad-change-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(11, 18, 32, 0) 35%,
        rgba(11, 18, 32, .55) 85%,
        rgba(11, 18, 32, .72) 100%
    );
    opacity: .9;
    transition: opacity var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1));
    pointer-events: none;
    z-index: 0;
}
.mad-entity.mad-change-bg:hover::after {
    opacity: 1;
}
.mad-entity.mad-change-bg .mad-entity-content {
    position: relative;
    z-index: 1;
}


/* ════════════════════════════════════════════
   9. ICON BOX — rise + icon halo
   ════════════════════════════════════════════ */
.mad-icon-box {
    position: relative;
    transition:
        transform var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1)),
        box-shadow var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-icon-box:hover {
    transform: translateY(-4px);
}
.mad-icon-box-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mad-icon-box-icon::before {
    content: "";
    position: absolute;
    inset: -14px;
    border-radius: 999px;
    background: radial-gradient(
        circle at 50% 50%,
        var(--brand-soft, #017d2512) 0%,
        transparent 70%
    );
    opacity: 0;
    transform: scale(.6);
    transition:
        opacity var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1)),
        transform var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1));
    z-index: -1;
}
.mad-icon-box:hover .mad-icon-box-icon::before {
    opacity: 1;
    transform: scale(1);
}
.mad-icon-box-icon img.svg {
    transition: transform 520ms var(--ease-spring, cubic-bezier(.34,1.56,.64,1));
}
.mad-icon-box:hover .mad-icon-box-icon img.svg {
    transform: rotate(-4deg) scale(1.06);
}


/* ════════════════════════════════════════════
   10. FORM INPUT — focus ring + float hint polish
   ════════════════════════════════════════════ */
.mad-form-item {
    position: relative;
    transition: transform var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-form-item label {
    transition: color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-form-item:focus-within label {
    color: var(--brand, #017d25);
}
.mad-form-item input:not([type="checkbox"]):not([type="radio"]),
.mad-form-item select,
.mad-form-item textarea,
.mad-custom-select {
    transition:
        border-color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1)),
        box-shadow var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1)),
        background-color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-form-item input:focus,
.mad-form-item select:focus,
.mad-form-item textarea:focus {
    box-shadow: 0 0 0 4px var(--brand-ring, #017d2540);
    border-color: var(--brand, #017d25);
}


/* ════════════════════════════════════════════
   11. TESTIMONIAL — büyük, sanatsal tırnak
   ════════════════════════════════════════════ */
.mad-testimonial {
    position: relative;
}
.mad-testimonial blockquote {
    position: relative;
    padding-top: 8px;
}
.mad-testimonial blockquote::before {
    content: "\201C";
    position: absolute;
    top: -42px;
    left: 50%;
    transform: translateX(-50%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120px;
    line-height: 1;
    color: var(--brand, #017d25);
    opacity: .12;
    pointer-events: none;
    user-select: none;
}
.mad-testimonials.align-center .mad-testimonial blockquote::before {
    left: 50%;
}


/* ════════════════════════════════════════════
   12. NEWS — meta pill + read-more arrow slide
   ════════════════════════════════════════════ */
.mad-entity-title a {
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: background-size 420ms var(--ease-out, cubic-bezier(.16,1,.3,1));
}
.mad-entity-title a:hover {
    background-size: 100% 2px;
}


/* ════════════════════════════════════════════
   13. GALLERY — caption fade + soft zoom
   ════════════════════════════════════════════ */
.mad-grid-item figure,
.mad-grid-item .mad-entity {
    overflow: hidden;
    border-radius: var(--r-lg, 18px);
}
.mad-grid-item img {
    transition: transform 700ms var(--ease-out, cubic-bezier(.16,1,.3,1));
    will-change: transform;
}
.mad-grid-item:hover img {
    transform: scale(1.06);
}
.mad-grid-item figcaption {
    transition: transform var(--dur, 240ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}


/* ════════════════════════════════════════════
   14. BREADCRUMB / PAGE HEADER — üst dekoratif arka plan
   ════════════════════════════════════════════ */
.mad-section.mad-page-title,
.mad-section--title,
.mad-page-header {
    position: relative;
}
.mad-section.mad-page-title::after,
.mad-section--title::after,
.mad-page-header::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            1200px 320px at 15% 0%,
            rgba(1, 125, 37, .10),
            transparent 60%
        ),
        radial-gradient(
            900px 240px at 90% 100%,
            rgba(38, 101, 140, .08),
            transparent 60%
        );
    pointer-events: none;
    z-index: 0;
}
.mad-section.mad-page-title > *,
.mad-section--title > *,
.mad-page-header > * {
    position: relative;
    z-index: 1;
}


/* ════════════════════════════════════════════
   15. FOOTER — üst accent + link underline reveal
   ════════════════════════════════════════════ */
#mad-footer {
    position: relative;
}
#mad-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--brand, #017d25) 30%,
        var(--accent, #26658c) 70%,
        transparent 100%
    );
    opacity: .5;
}
.mad-footer .mad-vr-list a {
    position: relative;
    display: inline-block;
    transition: color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1)), padding-left var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-footer .mad-vr-list a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 2px;
    background: currentColor;
    transform: translateY(-50%);
    transition: width var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
    opacity: .7;
}
.mad-footer .mad-vr-list a:hover {
    padding-left: 14px;
}
.mad-footer .mad-vr-list a:hover::before {
    width: 10px;
}
.mad-widget-title {
    position: relative;
}


/* ════════════════════════════════════════════
   16. BACK-TO-TOP — pulse halo (sadece hover)
   ════════════════════════════════════════════ */
.mad-back-to-top,
#back-top,
.mad-scroll-top {
    position: relative;
}
.mad-back-to-top::after,
#back-top::after,
.mad-scroll-top::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: inherit;
    box-shadow: 0 0 0 0 var(--brand-ring, #017d2540);
    pointer-events: none;
    transition: box-shadow 620ms var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-back-to-top:hover::after,
#back-top:hover::after,
.mad-scroll-top:hover::after {
    box-shadow: 0 0 0 10px rgba(1, 125, 37, 0);
}


/* ════════════════════════════════════════════
   17. LANGUAGE SWITCHER — hover lift
   ════════════════════════════════════════════ */
.custom-switcher .selected {
    transition: background-color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.custom-switcher .options a {
    transition:
        background-color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1)),
        color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1)),
        padding-left var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.custom-switcher .options a:hover {
    padding-left: 16px;
    background-color: var(--brand-soft, #017d2512);
    color: var(--brand, #017d25);
}


/* ════════════════════════════════════════════
   18. MAP / IFRAME — soft edge
   ════════════════════════════════════════════ */
.map iframe,
iframe[src*="google.com/maps"] {
    border-radius: var(--r-lg, 18px);
    box-shadow: var(--sh-md, 0 10px 28px rgba(15,23,42,.10));
    border: 1px solid var(--ink-100, #e2e8f0);
}


/* ════════════════════════════════════════════
   19. BURS FORM — step indicator polish
   Sadece form1/2/3 üstündeki step wrapper'a uygulanır.
   ════════════════════════════════════════════ */
.burs-form fieldset legend,
.burs-form h2,
.burs-form h3 {
    position: relative;
    padding-bottom: 14px;
}
.burs-form fieldset legend::after,
.burs-form h2::after,
.burs-form h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--brand, #017d25), var(--accent, #26658c));
}
.burs-form .mad-col:has(input:focus) label,
.burs-form .mad-col:has(select:focus) label,
.burs-form .mad-col:has(textarea:focus) label {
    color: var(--brand, #017d25);
}


/* ════════════════════════════════════════════
   20. CONTACT — iletişim kartları hover
   ════════════════════════════════════════════ */
.mad-map-info li,
.contact-info-item {
    transition: transform var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-map-info li:hover {
    transform: translateX(3px);
}


/* ════════════════════════════════════════════
   21. SOCIAL ICONS — hover bounce + color pop
   ════════════════════════════════════════════ */
.mad-socials a,
.mad-social-links a,
.social-area a {
    position: relative;
    transition:
        transform var(--dur-fast, 160ms) var(--ease-spring, cubic-bezier(.34,1.56,.64,1)),
        color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1)),
        background-color var(--dur-fast, 160ms) var(--ease, cubic-bezier(.22,.61,.36,1));
}
.mad-socials a:hover,
.mad-social-links a:hover,
.social-area a:hover {
    transform: translateY(-3px) scale(1.05);
}


/* ════════════════════════════════════════════
   22. IMAGE — lazy-fade (src set edilir edilmez)
   ════════════════════════════════════════════ */
img[loading="lazy"] {
    transition: opacity 420ms var(--ease-out, cubic-bezier(.16,1,.3,1)), filter 420ms var(--ease-out, cubic-bezier(.16,1,.3,1));
}
img[loading="lazy"]:not([src]) {
    opacity: 0;
    filter: blur(6px);
}


/* ════════════════════════════════════════════
   23. SECTION — ince alternatif arkaplan texture
   with-texture* class'ları zaten var; çok hafif bir ambient gradient.
   ════════════════════════════════════════════ */
.mad-section.with-texture5,
.mad-section.with-texture3,
.mad-section.with-texture7 {
    position: relative;
}
.mad-section.with-texture5::after,
.mad-section.with-texture3::after,
.mad-section.with-texture7::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(
            600px 200px at 10% 0%,
            rgba(1, 125, 37, .04),
            transparent 60%
        ),
        radial-gradient(
            400px 160px at 100% 100%,
            rgba(38, 101, 140, .03),
            transparent 60%
        );
    z-index: 0;
}
.mad-section.with-texture5 > *,
.mad-section.with-texture3 > *,
.mad-section.with-texture7 > * {
    position: relative;
    z-index: 1;
}


/* ════════════════════════════════════════════
   24. DROPCAP — ilk paragraf için artistik harf
   Yalnızca .mad-dropcap altında çalışır (about page vs).
   ════════════════════════════════════════════ */
.mad-dropcap > p:first-child::first-letter,
.mad-dropcap p.content-element-4:first-child::first-letter {
    font-size: 3.4em;
    font-weight: 800;
    line-height: 1;
    float: left;
    margin: .05em .12em 0 0;
    color: var(--brand, #017d25);
    font-family: "Inter", system-ui, sans-serif;
}


/* ════════════════════════════════════════════
   25. SLIDER — layer gradient safety
   ════════════════════════════════════════════ */
.rev_slider_wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(11, 18, 32, 0) 55%,
        rgba(11, 18, 32, .35) 100%
    );
    pointer-events: none;
    z-index: 1;
}
.rev_slider_wrapper {
    position: relative;
}
.rev_slider_wrapper .tp-caption {
    z-index: 2 !important; /* gradient'in üstünde */
}


/* ════════════════════════════════════════════
   26. FOCUS VISIBLE (global a11y)
   ════════════════════════════════════════════ */
:focus-visible {
    outline: 3px solid var(--brand-ring, #017d2540) !important;
    outline-offset: 2px !important;
    border-radius: var(--r-sm, 6px);
}


/* ════════════════════════════════════════════
   27. PRINT — dekoratif gölgeleri kaldır
   ════════════════════════════════════════════ */
@media print {
    .mad-page-wrapper::before,
    #mad-footer::before,
    .btn::after,
    .mad-entity.mad-change-bg::after,
    .rev_slider_wrapper::after {
        display: none !important;
    }
}


/* ════════════════════════════════════════════
   28. REDUCED MOTION
   Tüm hareket/animasyon/transform devre dışı.
   ════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    [data-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .mad-page-wrapper::before {
        transition: none;
    }
    .btn::after,
    .mad-entity .mad-entity-media img,
    .mad-grid-item img,
    .mad-icon-box,
    .mad-icon-box-icon img.svg {
        transition: none;
        transform: none !important;
    }
}


/* ════════════════════════════════════════════
   29. RESPONSIVE POLISH — küçük ekran ince ayarları
   ════════════════════════════════════════════ */
@media (max-width: 767px) {
    .mad-pre-title::before,
    .mad-title-wrap.align-center .mad-pre-title::after {
        width: 20px;
    }
    .mad-testimonial blockquote::before {
        font-size: 80px;
        top: -28px;
    }
    .mad-footer .mad-vr-list a:hover {
        padding-left: 10px;
    }
}