@layer base {
    html {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: clip;
        overflow-y: visible;
        font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
        font-feature-settings: "tnum" on, "lnum" on;
    }

    img, video, iframe {
        max-width: 100%;
    }

    h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, li, span, td, th {
        font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
    }

    .material-symbols-outlined {
        font-family: "Material Symbols Outlined" !important;
        user-select: none;
        -webkit-user-select: none;
    }

    [class*="material-symbols"] {
        user-select: none;
        -webkit-user-select: none;
    }

    [aria-hidden="true"],
    [inert],
    [data-kopya-atla],
    [data-slayt][aria-hidden="true"],
    [data-mobile-menu][aria-hidden="true"] {
        user-select: none;
        -webkit-user-select: none;
    }

    /* Sabit tipografi: baslik 24px, govde 14px, aciklama 12px */
    h1, h2 {
        font-size: 1.5rem;
        line-height: 1.3;
        letter-spacing: -0.01em;
        font-weight: 700;
    }

    h3, h4 {
        font-size: 1.125rem;
        line-height: 1.4;
        letter-spacing: -0.01em;
        font-weight: 700;
    }

    p, li, label, input, select, textarea, button {
        font-size: 0.875rem;
        line-height: 1.5;
    }

    main > :first-child {
        margin-top: 0 !important;
    }

    main > :last-child {
        margin-bottom: 0 !important;
    }
}

::-webkit-scrollbar {
    display: none;
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

[data-manset-ticker] {
    mask-image: linear-gradient(90deg, transparent, #000 12px, #000 calc(100% - 12px), transparent);
}

.manset-ticker-track {
    width: max-content;
    animation: manset-ticker-scroll 42s linear infinite;
}

[data-manset-ticker]:hover .manset-ticker-track {
    animation-play-state: paused;
}

@keyframes manset-ticker-track {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@keyframes manset-ticker-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .manset-ticker-track {
        animation: none;
    }
}

/* Sayfa kenar payi: mobil 1px, tablet/masaustu ayni — px-margin-desktop tokeni */
:root {
    --spacing-margin-desktop: 1px;
    --spacing-page-gutter: 1px;
}

@media (min-width: 768px) {
    :root {
        --spacing-margin-desktop: 1.5rem;
        --spacing-page-gutter: 1.5rem;
    }
}

@media (min-width: 1024px) {
    :root {
        --spacing-margin-desktop: 3rem;
        --spacing-page-gutter: 3rem;
    }
}

/* Mobil drawer: klavye/zoom ile genislemesin */
[data-mobile-menu-panel] {
    width: min(100%, 22.5rem);
    max-width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    overscroll-behavior: contain;
}

[data-mobile-menu-panel] [data-mobile-menu-filter] {
    font-size: 16px;
    line-height: 1.25;
}

@supports not (height: 100dvh) {
    [data-mobile-menu-panel] {
        height: 100vh;
        max-height: 100vh;
    }
}

/* (mobil logo kuralı aşağıda genel img.site-marka-logo sonrasında) */

/* Tek panel/on-yuz dugme dili — FormYapisi siniflari bunlari kullanir */
.dugme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 1.75rem;
    padding: 0 0.625rem;
    border: 0;
    border-radius: 0.5rem;
    box-sizing: border-box;
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.dugme .material-symbols-outlined {
    font-size: 16px;
    line-height: 1;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
}

.dugme:disabled,
.dugme[aria-disabled="true"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.dugme-genis {
    width: 100%;
}

.dugme-birincil {
    background: #0f172a;
    color: #fff;
}

.dugme-birincil:hover {
    background: #1e40af;
    color: #fff;
}

.dugme-ikincil {
    background: #f2f4f6;
    color: #191c1e;
}

.dugme-ikincil:hover {
    background: #e6e8ea;
    color: #191c1e;
}

.dugme-yesil {
    background: #059669;
    color: #fff;
}

.dugme-yesil:hover {
    background: #047857;
    color: #fff;
}

.dugme-sari {
    background: #f59e0b;
    color: #191c1e;
}

.dugme-sari:hover {
    background: #d97706;
    color: #191c1e;
}

.dugme-mavi {
    background: #1e40af;
    color: #fff;
}

.dugme-mavi:hover {
    background: #1e3a8a;
    color: #fff;
}

.dugme-kirmizi {
    background: #dc2626;
    color: #fff;
}

.dugme-kirmizi:hover {
    background: #b91c1c;
    color: #fff;
}

/* Panel ozet karti: ikon + baslik + sayi tek satir, dusuk yukseklik */
.ozet-kart {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0 8px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 0.5rem;
}

.ozet-kart .material-symbols-outlined {
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    color: #775a19;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
}

.ozet-kart-etiket {
    flex: 1 1 auto;
    min-width: 0;
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
    font-size: 0.6875rem;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #4e4639;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ozet-kart-deger {
    flex-shrink: 0;
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
    font-size: 0.875rem;
    line-height: 1.2;
    font-weight: 800;
    color: #191c1e;
}

/* Tablo islem: tek acilir dugme, yan yana aksiyon yok */
.tablo-islem-tetik {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 1.75rem;
    padding: 0 0.5rem;
    border: 0;
    border-radius: 0.5rem;
    background: #f2f4f6;
    color: #191c1e;
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.tablo-islem-tetik::-webkit-details-marker {
    display: none;
}

.tablo-islem-tetik .material-symbols-outlined {
    font-size: 16px;
    line-height: 1;
}

.tablo-islem-tetik:hover {
    background: #e6e8ea;
}

.tablo-islem-menu {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 80;
    min-width: 11rem;
    margin-top: 0.25rem;
    padding: 0.25rem 0;
    background: #fff;
    border: 1px solid rgba(209, 197, 180, 0.4);
    border-radius: 0.75rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.tablo-islem-oge {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 6px;
    padding: 0.4rem 0.625rem;
    border: 0;
    background: transparent;
    color: #191c1e;
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.tablo-islem-oge:hover {
    background: #f2f4f6;
}

.tablo-islem-oge .material-symbols-outlined {
    font-size: 16px;
    line-height: 1;
}

.tablo-islem-oge-tehlike {
    color: #b91c1c;
}

.tablo-islem-oge-tehlike:hover {
    background: #ffdad6;
}

/* Vitrin overlay: fotoğrafın sağını açık bırak, yazı bölgesini okunaklı tut */
.vitrin-okunurluk {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(6, 10, 18, 0.78) 0%,
        rgba(6, 10, 18, 0.52) 26%,
        rgba(6, 10, 18, 0.22) 48%,
        rgba(6, 10, 18, 0.04) 68%,
        rgba(6, 10, 18, 0) 82%
    );
}

.vitrin-okunurluk--kucuk {
    background:
        linear-gradient(
            90deg,
            rgba(6, 10, 18, 0.8) 0%,
            rgba(6, 10, 18, 0.42) 48%,
            rgba(6, 10, 18, 0) 90%
        ),
        linear-gradient(
            180deg,
            rgba(6, 10, 18, 0.22) 0%,
            rgba(6, 10, 18, 0) 38%,
            rgba(6, 10, 18, 0.28) 100%
        );
}

/* Sponsor vitrin: açık kreatiflerde beyaz yazıyı okunur tut, görseli tamamen karartma */
.vitrin-okunurluk--sponsor {
    z-index: 5;
    background:
        linear-gradient(
            180deg,
            rgba(6, 10, 18, 0.5) 0%,
            rgba(6, 10, 18, 0.28) 32%,
            rgba(6, 10, 18, 0.55) 68%,
            rgba(6, 10, 18, 0.78) 100%
        ),
        radial-gradient(
            130% 95% at 18% 55%,
            rgba(6, 10, 18, 0.66) 0%,
            rgba(6, 10, 18, 0.36) 42%,
            rgba(6, 10, 18, 0.12) 68%,
            rgba(6, 10, 18, 0) 88%
        );
}

.sponsor-slot {
    --sponsor-oran: 445 / 222;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 0.75rem;
    aspect-ratio: var(--sponsor-oran);
}

/* Yan kolon: manşet yüksekliğine esnediğinde kart kutuyu doldursun (arada beyaz boşluk kalmasın) */
.sponsor-yerlesim-kabuk > .sponsor-slot {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
}

.sponsor-slot--sm {
    --sponsor-oran: 220 / 164;
}

.sponsor-slot--md {
    --sponsor-oran: 16 / 9;
}

.sponsor-slot--lg {
    --sponsor-oran: 445 / 222;
}

.sponsor-slot--xl {
    --sponsor-oran: 445 / 280;
}

.sponsor-slot--bant {
    --sponsor-oran: 786 / 264;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
}

/* Sektör Gündemi özel modül reklam bandı — 176px + %50 = 264px */
[data-sg-modul-bant] {
    height: 264px;
    min-height: 264px;
}

/* Haber kartı: görsel esner, metin altında boşluk kalmaz */
.sektor-gundemi-page article.group > a.relative.flex-1 {
    min-height: 140px;
}

/* Tam genişlik sayfa üst şeridi: çift slot %60/%40, yükseklik önceki değerin %75’i */
.sponsor-ust-bant {
    position: relative;
    display: block;
    width: 100%;
    height: 152px;
    max-height: 152px;
    overflow: hidden;
    border-radius: 0.75rem;
}

.sponsor-ust-bant > .sponsor-slot,
.sponsor-ust-bant .sponsor-slot {
    height: 100%;
    max-height: 100%;
    aspect-ratio: auto;
}

.sponsor-ust-bant--cift {
    display: flex;
    align-items: stretch;
    gap: 5px;
    overflow: visible;
}

.sponsor-ust-bant__sol,
.sponsor-ust-bant__sag {
    position: relative;
    min-width: 0;
    height: 100%;
    border-radius: 0.75rem;
    overflow: hidden;
}

.sponsor-ust-bant--cift .sponsor-ust-bant__sol {
    flex: 0 0 calc(60% - 2.5px);
    width: calc(60% - 2.5px);
}

.sponsor-ust-bant--cift .sponsor-ust-bant__sag {
    flex: 0 0 calc(40% - 2.5px);
    width: calc(40% - 2.5px);
}

.sponsor-ust-bant:not(.sponsor-ust-bant--cift) .sponsor-ust-bant__sol,
.sponsor-ust-bant:not(.sponsor-ust-bant--cift) .sponsor-ust-bant__sag {
    width: 100%;
}

@media (min-width: 768px) {
    .sponsor-ust-bant {
        height: 203px;
        max-height: 203px;
    }
}

.sponsor-kart {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    isolation: isolate;
    clip-path: inset(0 round 0.75rem);
}

.sponsor-kart-gorsel-kabuk {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0);
    pointer-events: none;
}

.sponsor-kart-gorsel {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: fill !important;
    object-position: center center;
    transform: none;
}

.sponsor-kart[data-sponsor-ads] {
    padding: 0;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.sponsor-kart[data-sponsor-ads] iframe,
.sponsor-kart[data-sponsor-ads] img,
.sponsor-kart[data-sponsor-ads] ins,
.sponsor-kart[data-sponsor-ads] > * {
    max-width: none !important;
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%;
    min-height: 100%;
    object-fit: fill !important;
    margin: 0;
    padding: 0;
    border: 0;
}

.vitrin-yazi-kolon {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 36px 20px 0;
}

.vitrin-baslik {
    color: #fff;
    text-shadow:
        0 1px 1px rgba(0, 0, 0, 0.92),
        0 2px 10px rgba(0, 0, 0, 0.62),
        0 0 22px rgba(0, 0, 0, 0.4);
}

.vitrin-spot {
    color: rgba(255, 255, 255, 0.96);
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 2px 12px rgba(0, 0, 0, 0.55);
}

.vitrin-etiket {
    background: rgba(8, 12, 22, 0.55);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.tedarik-pano {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    width: 100%;
    min-width: 0;
    align-items: start;
}

.tedarik-urun-izgara {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    width: 100%;
    min-width: 0;
}

@media (min-width: 640px) {
    .tedarik-urun-izgara {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media (min-width: 1024px) {
    .tedarik-urun-izgara {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media (min-width: 1024px) {
    .tedarik-pano {
        grid-template-columns: minmax(0, 18.75rem) minmax(0, 1fr);
    }
}

.tedarik-urun-sahne {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.tedarik-urun-slayt {
    position: absolute;
    inset: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateX(8%);
    transition: opacity 0.35s ease, transform 0.35s ease;
    pointer-events: none;
}

.tedarik-urun-slayt.is-aktif {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    z-index: 1;
}

.tedarik-urun-slayt.is-cikis {
    opacity: 0;
    transform: translateX(-8%);
}

.tedarik-urun-sahne img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.tedarik-urun-slayt-yon {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, #0f172a 72%, transparent);
    color: #fff;
    cursor: pointer;
}

.tedarik-urun-slayt-yon--once {
    left: 5px;
}

.tedarik-urun-slayt-yon--sonra {
    right: 5px;
}

.tedarik-urun-uretici-liste {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tedarik-urun-uretici-liste > div {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 5px;
    font-size: 12px;
}

.tedarik-urun-uretici-liste dt {
    margin: 0;
    color: var(--color-on-surface-variant, #5d5c5a);
}

.tedarik-urun-uretici-liste dd {
    margin: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.tedarik-urun-minyatür-izgara {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
}

.tedarik-urun-minyatür {
    margin: 0;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--color-outline-variant, #c4c0b5) 40%, transparent);
    border-radius: 0.5rem;
    background: var(--color-surface-container-low, #f4f0e7);
    cursor: pointer;
}

.tedarik-urun-minyatür.is-aktif {
    border-color: var(--color-primary, #006972);
    box-shadow: 0 0 0 1px var(--color-primary, #006972);
}

.tedarik-urun-minyatür-kutu,
.tedarik-urun-ilgili-kutu {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--color-surface-container-low, #f4f0e7);
}

.tedarik-urun-minyatür-kutu {
    aspect-ratio: 1 / 1;
    width: 100%;
}

.tedarik-urun-ilgili-kutu {
    aspect-ratio: 4 / 3;
    width: 100%;
    border-radius: 0.5rem;
}

.tedarik-urun-minyatür-kutu img,
.tedarik-urun-ilgili-kutu img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.tedarik-urun-ozet {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
}

@media (min-width: 640px) {
    .tedarik-urun-ozet {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.tedarik-urun-ozet > div {
    background: var(--color-surface-container-low, #f4f0e7);
    border-radius: 0.5rem;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tedarik-urun-ozet-etiket {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-on-surface-variant, #5d5c5a);
}

.tedarik-urun-tablo-kabuk {
    border: 1px solid color-mix(in srgb, var(--color-outline-variant, #c4c0b5) 35%, transparent);
    border-radius: 0.75rem;
    overflow: hidden;
}

.tedarik-urun-tablo-grup {
    margin: 0;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
    background: var(--color-surface-container-high, #ece8df);
}

.tedarik-urun-tablo {
    width: 100%;
    border-collapse: collapse;
}

.tedarik-urun-tablo th,
.tedarik-urun-tablo td {
    padding: 7px 10px;
    font-size: 13px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid color-mix(in srgb, var(--color-outline-variant, #c4c0b5) 30%, transparent);
}

.tedarik-urun-tablo th {
    width: 42%;
    font-weight: 600;
    color: var(--color-on-surface-variant, #5d5c5a);
}

.auth-alan {
    position: relative;
    display: flex;
    align-items: center;
}

.auth-alan-ikon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.auth-sifre-goster {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

/* Mobil: input focus zoom engeli + sabit overlay kaydirma */
@media (max-width: 1023px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
    select,
    textarea {
        font-size: 16px !important;
    }
}

#auth-modal:not(.hidden) {
    display: block;
    -webkit-overflow-scrolling: touch;
}

#auth-modal [data-auth-backdrop] {
    position: fixed;
    inset: 0;
}

@supports not (height: 100dvh) {
    #auth-modal .min-h-\[100dvh\] {
        min-height: 100vh;
    }
}


.auth-alan-input-sade {
    padding-left: 1rem;
    padding-right: 2.75rem;
}

:root {
    --site-header-height: 8.5rem;
    --site-block-gap: 5px;
}

[data-site-content-offset] {
    padding-top: var(--site-content-offset, calc(var(--site-header-height) + var(--site-block-gap)));
}

img.site-marka-logo {
    display: block;
    width: var(--logo-genislik) !important;
    height: var(--logo-yukseklik) !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: fill !important;
    object-position: left center;
}

/* Mobil/tablet: marka boyutu korunur; yalnızca menü+profil payı düşülür */
@media (max-width: 1023px) {
    img.site-marka-logo {
        width: auto !important;
        height: auto !important;
        max-width: min(var(--logo-genislik, 220px), calc(100vw - 5.5rem)) !important;
        max-height: var(--logo-yukseklik, 56px) !important;
        object-fit: contain !important;
        object-position: left center;
    }

    [data-site-header-shell] {
        border-radius: 0.5rem;
    }

    [data-site-header] [data-header-ana-satir] {
        gap: 8px;
        min-height: calc(var(--logo-yukseklik, 56px) + 12px);
    }

    [data-site-header] [data-header-actions] {
        gap: 4px;
        padding-left: 4px;
        margin-left: auto;
        flex-shrink: 0;
        background: #fff;
    }
}

/* Canlı arama sonuç paneli */
form[data-canli-arama] {
    position: relative;
}

form[data-canli-arama] input[name="q"],
input[data-arama-yazarak] {
    height: 100%;
    min-height: 2.5rem;
    align-self: stretch;
    box-sizing: border-box;
}

form.flex.items-center input[name="q"],
form[data-canli-arama].flex input[name="q"] {
    min-height: 0;
    height: 100%;
}

.site-arama-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 80;
    max-height: min(22rem, 55vh);
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
    -webkit-overflow-scrolling: touch;
}

.site-arama-panel.hidden {
    display: none;
}

.site-arama-panel--slot {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin: 6px 0 4px;
    max-height: min(16rem, 40vh);
}

.site-arama-panel--slot.hidden {
    margin: 0;
}

.site-arama-panel__liste {
    list-style: none;
    margin: 0;
    padding: 4px;
}

.site-arama-panel__satir {
    display: block;
    padding: 10px 12px;
    border-radius: 0.55rem;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.15s ease;
}

.site-arama-panel__satir:hover,
.site-arama-panel__satir.is-aktif {
    background: #f1f5f9;
}

.site-arama-panel__ust {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
}

.site-arama-panel__tur {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #1e40af;
}

.site-arama-panel__etiket {
    font-size: 10px;
    font-weight: 600;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-arama-panel__etiket::before {
    content: "·";
    margin-right: 6px;
    color: #94a3b8;
}

.site-arama-panel__baslik {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: #0f172a;
}

.site-arama-panel__ozet {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.4;
    color: #64748b;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.site-arama-panel__durum {
    padding: 14px 12px;
    font-size: 12px;
    color: #64748b;
    text-align: center;
}

.site-arama-panel__durum--hata {
    color: #b91c1c;
}

.site-arama-panel__durum--bos {
    color: #475569;
}

/* Mobil menü arama: koyu header üstünde beyaz panel */
[data-mobile-menu-search] .site-arama-panel {
    z-index: 90;
}

/* Mobil header arama paneli içinde taşma */
[data-mobile-search-panel] {
    position: relative;
    z-index: 40;
}

[data-mobile-search-panel] .site-arama-panel {
    z-index: 90;
}

/* Profil görselleri: header / sidebar / kart içinde tam sığma */
.profil-avatar-kutu {
    display: inline-flex;
    align-items: stretch;
    justify-content: stretch;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 0;
}

.profil-avatar-kutu > .profil-avatar,
img.profil-avatar,
[data-profil-onizleme-kutu] img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block;
}

/*
 * Platform görsel alanı: kabın boyutuna bakılmaksızın img her zaman doldurur.
 * absolute olan kabuklarda (manset) position ezilmez.
 */
.gorsel-alan:not(.absolute),
[data-gorsel-alan]:not(.absolute) {
    position: relative;
}

.gorsel-alan,
[data-gorsel-alan] {
    display: block;
    overflow: hidden;
    isolation: isolate;
}

.gorsel-alan > img,
[data-gorsel-alan] > img,
.gorsel-alan img,
[data-gorsel-alan] img,
[data-manset-slider] article[data-slayt] > a > img,
[data-manset-slider] [data-slayt-thumb] > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 100%;
    min-height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 1;
}

/* Canlı tasarım: metin başlıklarını height/width ile ezmesin (font-size Tailwind sınıflarına bırakılır) */
[data-duzenle-sutun="baslik"],
[data-duzenle-sutun="alt_baslik"],
[data-duzenle-sutun="spot"],
[data-duzenle-sutun="ozet"],
[data-duzenle-sutun="metin"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: auto !important;
    max-width: 100% !important;
    left: auto !important;
    top: auto !important;
    position: static !important;
    transform: none !important;
}

[data-manset-slider] .vitrin-baslik[data-duzenle-sutun="baslik"],
[data-manset-slider] [data-duzenle-sutun="baslik"].vitrin-baslik {
    font-size: 1.05rem !important;
    line-height: 1.22 !important;
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif !important;
}

@media (min-width: 640px) {
    [data-manset-slider] .vitrin-baslik[data-duzenle-sutun="baslik"],
    [data-manset-slider] [data-duzenle-sutun="baslik"].vitrin-baslik {
        font-size: 1.35rem !important;
    }
}

@media (min-width: 768px) {
    [data-manset-slider] .vitrin-baslik[data-duzenle-sutun="baslik"],
    [data-manset-slider] [data-duzenle-sutun="baslik"].vitrin-baslik {
        font-size: 1.55rem !important;
    }
}

@media (min-width: 1024px) {
    [data-manset-slider] .vitrin-baslik[data-duzenle-sutun="baslik"],
    [data-manset-slider] [data-duzenle-sutun="baslik"].vitrin-baslik {
        font-size: 1.7rem !important;
    }
}

[data-tasarim-sayfa="index"][data-sayfa-alan="haber_manset"] {
    left: auto !important;
    top: auto !important;
    position: relative !important;
    transform: none !important;
}