/*
 * KART 2 — KALICI 3:4 YAPI SÖZLEŞMESİ
 *
 * Dış kart 3:4'tür. Üstte üye/yayıncı satırı, ortada kart genişliği kadar
 * 3:3 (1:1) içerik alanı, altta işlem düğmeleri bulunur. Orta alanın `auto`,
 * kalan yüksekliğin üst ve alt alana `3:2` dağıtılması kimliğe daha fazla yer verir.
 * Kart genişliği bulunduğu 4, 5 veya 6 sütunlu ızgaradan gelir; sabit piksel
 * genişliği/yüksekliğiyle sütuna kilitlenmez. Kart 1 bu sözleşmeden etkilenmez.
 *
 * Paylaşım/Arayış Kart 2 de aynı sözleşmeye uyar. Orta alanda yalnız ana
 * kriterler bulunur; uzun ifadeler İncele penceresinde açılır. Böylece kart
 * uzamaz, 3:4 çerçeve ve 4/5/6 sütun ölçeklenmesi bozulmaz.
 */

.eyu-kart-olcek,
.eyu-kart2 {
    --eyu-kart-yazi: clamp(12px, calc(9px + 1.9cqi), 15px);
    --eyu-kart-meta: clamp(11px, calc(8.5px + 1.43cqi), 13px);
    --eyu-kart-islem-yazi: clamp(12px, calc(9px + 1.6cqi), 14px);
    --eyu-kart-sayac-yazi: clamp(10px, calc(8px + .95cqi), 11px);
    --eyu-kart-yatay: clamp(6px, calc(3px + 1.6cqi), 8px);
    --eyu-kart-kunye-yatay: clamp(9px, calc(4px + 3.18cqi), 14px);
    --eyu-kart-bosluk: clamp(4px, calc(2px + 1.9cqi), 8px);
    --eyu-kart-avatar: clamp(22px, calc(15px + 4.76cqi), 30px);
    --eyu-kart-simge: clamp(44px, 17.14cqi, 54px);
    --eyu-kart-bot-simge: clamp(52px, 22.85cqi, 72px);
    --eyu-kart-kunye-ust: clamp(36px, 17.14cqi, 54px);
    --eyu-kart-kunye-alt: clamp(8px, 3.81cqi, 12px);
    --eyu-kart-logo-bosluk: clamp(10px, 5.71cqi, 18px);
    /* 3:2 ust/alt payini dar kartlarda da bozmayacak alt satir tabani. */
    --eyu-kart-alt-yukseklik: clamp(26px, 13.33cqi, 40px);
    --eyu-kart-alt-bosluk: clamp(3px, 1.27cqi, 5px);
    --eyu-kart-komut-yukseklik: clamp(24px, 10cqi, 36px);
    container-type: inline-size;
}

.eyu-kart2 {
    width: 100%;
    height: auto !important;
    min-width: 0;
    aspect-ratio: 3 / 4 !important;
    display: grid !important;
    grid-template-rows: minmax(0, 15%) minmax(0, 75%) minmax(0, 10%) !important;
    overflow: hidden;
    border: 1px solid #d9dee5;
    border-radius: clamp(6px, 2.54cqi, 8px);
    background: transparent;
    color: #172033;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.eyu-kart2--danisman,
.eyu-kart2--bot {
    --eyu-kart-avatar: clamp(26px, 10.16cqi, 36px);
}

.eyu-kart2,
.eyu-kart2 * {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.eyu-kart2__ust {
    display: flex !important;
    min-width: 0;
    align-items: center !important;
    justify-content: flex-start;
    gap: var(--eyu-kart-bosluk);
    padding: clamp(3px, 1.27cqi, 4px) var(--eyu-kart-yatay);
    background: transparent;
}

.eyu-kart2__avatar {
    display: inline-flex;
    width: var(--eyu-kart-avatar) !important;
    height: var(--eyu-kart-avatar) !important;
    min-width: var(--eyu-kart-avatar);
    min-height: var(--eyu-kart-avatar);
    flex: 0 0 var(--eyu-kart-avatar) !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    background: transparent;
    color: #073663;
    font-size: clamp(9px, 3.18cqi, 10px);
    font-weight: 700;
}

.eyu-kart2__avatar.is-person {
    position: relative !important;
}

.eyu-kart2__avatar.is-person img {
    display: block;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: inherit;
    object-fit: cover !important;
    object-position: center top;
}

.eyu-kart2__avatar.is-brand {
    position: relative !important;
}

.eyu-kart2__avatar.is-brand img {
    display: block;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: clamp(1px, .64cqi, 2px) !important;
    object-fit: contain !important;
}

.eyu-kart2__avatar.is-empty {
    background: #eef3f3;
}

.eyu-kart2__avatar .dashicons {
    width: clamp(16px, 5.71cqi, 20px);
    height: clamp(16px, 5.71cqi, 20px);
    font-size: clamp(16px, 5.71cqi, 20px);
}

.eyu-kart2__kimlik {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
}

.eyu-kart2__ust-ofis,
.eyu-kart2__ust-meta {
    display: block;
    overflow: hidden;
    color: #6b7280;
    font-size: var(--eyu-kart-meta) !important;
    font-weight: 400;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eyu-kart2__uye {
    display: block;
    overflow: hidden;
    color: #172033;
    font-size: var(--eyu-kart-yazi);
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eyu-kart2__baslik-gizli {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.eyu-kart2__gorsel {
    display: flex;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: transparent;
    color: #073663;
    text-decoration: none;
}

.eyu-kart2__gorsel img {
    display: block;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center top;
}

.eyu-kart2__gorsel > span {
    padding: clamp(10px, 5.08cqi, 16px);
    font-size: clamp(14px, calc(10px + 2.54cqi), 18px);
    font-weight: 700;
    text-align: center;
}

.eyu-kart2__gorsel.is-empty {
    background: #f3f5f7;
}

.eyu-kart2__baslik {
    display: block;
    overflow: hidden;
    margin: 0 !important;
    color: #172033;
    font-size: var(--eyu-kart-yazi) !important;
    font-weight: 700;
    line-height: 1.3 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eyu-kart2__baslik a {
    color: inherit;
    font: inherit;
    text-decoration: none;
}

.eyu-kart2__danisman-govde {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

.eyu-kart2.eyu-kart2--danisman > .eyu-kart2__danisman-govde {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.eyu-kart2__danisman-portre {
    display: flex;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #073663;
    text-decoration: none;
}

.eyu-kart2.eyu-kart2--danisman > .eyu-kart2__danisman-govde > .eyu-kart2__danisman-portre {
    display: flex !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.eyu-kart2__danisman-portre img {
    display: block;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center top;
}

.eyu-kart2__danisman-portre.is-empty {
    align-items: center;
    background: #f3f5f7;
}

.eyu-kart2__danisman-portre .dashicons {
    width: var(--eyu-kart-simge);
    height: var(--eyu-kart-simge);
    font-size: var(--eyu-kart-simge);
}

.eyu-kart2__danisman-kunye {
    display: flex !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    min-width: 0;
    flex-direction: column;
    gap: clamp(2px, .95cqi, 3px);
    padding: var(--eyu-kart-kunye-ust) var(--eyu-kart-kunye-yatay) var(--eyu-kart-kunye-alt);
    background: linear-gradient(to bottom, transparent, rgba(7, 27, 50, .9));
    color: #fff;
    pointer-events: none;
}

.eyu-kart2.eyu-kart2--danisman > .eyu-kart2__danisman-govde > .eyu-kart2__danisman-kunye {
    display: flex !important;
    position: absolute !important;
    z-index: 2 !important;
    inset: auto 0 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: var(--eyu-kart-kunye-ust) var(--eyu-kart-kunye-yatay) var(--eyu-kart-kunye-alt) !important;
}

.eyu-kart2__danisman-kunye strong,
.eyu-kart2__danisman-kunye span {
    display: block !important;
    overflow: hidden;
    margin: 0 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eyu-kart2__danisman-kunye strong {
    color: #fff !important;
    font-size: var(--eyu-kart-yazi) !important;
    font-weight: 700;
}

.eyu-kart2__danisman-kunye span {
    color: rgba(255, 255, 255, .88) !important;
    font-size: var(--eyu-kart-meta) !important;
    font-weight: 400;
}

.eyu-kart2__bot-govde {
    display: flex;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #eef3f3;
    color: #8aa09d;
}

.eyu-kart2__bot-govde > .dashicons {
    width: var(--eyu-kart-bot-simge);
    height: var(--eyu-kart-bot-simge);
    font-size: var(--eyu-kart-bot-simge);
}

.eyu-kart2__bot-kunye {
    display: flex !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    min-width: 0;
    flex-direction: column;
    gap: clamp(2px, .95cqi, 3px);
    padding: clamp(28px, 11.43cqi, 36px) var(--eyu-kart-kunye-yatay) var(--eyu-kart-kunye-alt);
    background: linear-gradient(to bottom, transparent, rgba(7, 27, 50, .88));
    color: #fff;
}

.eyu-kart2__bot-kunye strong,
.eyu-kart2__bot-kunye span {
    display: block !important;
    overflow: hidden;
    margin: 0 !important;
    line-height: 1.35;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eyu-kart2__bot-kunye strong {
    color: #fff !important;
    font-size: var(--eyu-kart-yazi);
    font-weight: 700;
}

.eyu-kart2__bot-kunye span {
    color: rgba(255, 255, 255, .88) !important;
    font-size: var(--eyu-kart-meta);
}

.eyu-kart2__alt--tek {
    padding: 0 var(--eyu-kart-kunye-yatay);
}

.eyu-kart2__incele {
    display: inline-flex;
    min-width: clamp(32px, 12.7cqi, 40px);
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #e83036;
    font-size: var(--eyu-kart-islem-yazi) !important;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.eyu-kart2__incele svg,
.eyu-kart2--paylasim .kpt-arayis-devami svg {
    display: block;
    width: clamp(16px, 6.35cqi, 20px);
    height: clamp(16px, 6.35cqi, 20px);
    flex: 0 0 auto;
}

.eyu-kart2__incele:hover,
.eyu-kart2__incele:focus-visible {
    color: #b9001b;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.eyu-kart2__ofis-govde {
    display: grid !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    grid-template-rows: minmax(0, 3fr) minmax(0, 2fr);
    overflow: hidden !important;
}

.eyu-kart2__ofis-logo {
    display: flex;
    position: relative;
    min-height: 0;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    padding: var(--eyu-kart-logo-bosluk);
    color: #073663;
    text-decoration: none;
}

.eyu-kart2__ofis-logo img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center top;
}

.eyu-kart2__ofis-logo.is-empty {
    background: #f3f5f7;
}

.eyu-kart2__ofis-logo > span {
    font-size: clamp(14px, calc(10px + 2.54cqi), 18px);
    font-weight: 700;
}

.eyu-kart2__ofis-konum {
    display: -webkit-box;
    align-self: start;
    overflow: hidden;
    margin: 0;
    padding: clamp(8px, 3.81cqi, 12px) var(--eyu-kart-logo-bosluk);
    color: #596273;
    font-size: var(--eyu-kart-yazi);
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.eyu-kart2__alt {
    display: flex;
    min-height: var(--eyu-kart-alt-yukseklik);
    align-items: flex-start;
    padding-top: var(--eyu-kart-alt-bosluk);
    overflow: hidden;
    background: transparent;
}

.eyu-kart2__alt .eyu-kvv1-komutlar {
    width: 100%;
    height: var(--eyu-kart-komut-yukseklik);
    min-height: 0;
    margin: 0 !important;
    grid-template-columns: minmax(clamp(58px, 23.5cqi, 74px), auto) 1fr 1fr;
    gap: clamp(3px, 1.9cqi, 6px);
    padding: 0 var(--eyu-kart-yatay);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.eyu-kart2__alt .eyu-kvv1-dugme {
    height: 100%;
    align-items: center;
    padding: 0 clamp(4px, 2.22cqi, 7px);
    background: transparent;
    color: #e83036 !important;
    font-size: 0 !important;
    font-weight: 700;
    text-decoration: none;
}

.eyu-kart2__alt .eyu-kvv1-dugme::before {
    width: clamp(16px, 6.35cqi, 20px);
    height: clamp(16px, 6.35cqi, 20px);
    flex: 0 0 auto;
    background: currentColor;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.eyu-kart2__alt .eyu-kvv1-komutlar button {
    height: 100%;
    min-height: 0;
    gap: clamp(3px, 1.59cqi, 5px);
    padding: 0 clamp(4px, 2.22cqi, 7px);
}

.eyu-kart2__alt .eyu-kvv1-komutlar button span,
.eyu-kart2__alt .eyu-kvv1-komutlar button[aria-pressed="true"] span::after {
    font-size: clamp(15px, 5.71cqi, 18px);
}

.eyu-kart2__alt .eyu-kvv1-komutlar button strong {
    font-size: var(--eyu-kart-sayac-yazi);
}

.eyu-kart2__alt .eyu-kvv1-dugme:hover,
.eyu-kart2__alt .eyu-kvv1-dugme:focus-visible {
    background: transparent;
    color: #b9001b !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.eyu-kart2:focus-within {
    outline: 3px solid rgba(20, 116, 189, .3);
    outline-offset: 2px;
}

.eyu-kart2__uye:hover,
.eyu-kart2__uye:focus-visible {
    color: #ce011f;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 520px) {
    .eyu-kart2__alt {
        min-height: 40px;
    }
}

/* PAYLAŞIM / ARAYIŞ — Kart 1 ve Kart 2 aynı ortak dosyadan yönetilir. */
.kpt-paylasim-akisi {
    display: grid;
    width: 100%;
    max-width: 1200px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
    margin: 0 auto;
}

.kpt-paylasim-akisi > code,
.kpt-paylasim-karti > code { display: contents; }

.kpt-paylasim-karti,
.kpt-paylasim-karti * { box-sizing: border-box; }

.kpt-paylasim-karti {
    --kpt-paylasim-metin: #202a27;
    --kpt-paylasim-ikincil: #68736e;
    --kpt-paylasim-cizgi: #dfe5e2;
    --kpt-paylasim-vurgu: #278149;
    display: flex;
    width: 100%;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    padding: 16px;
    border: 1px solid var(--kpt-paylasim-cizgi);
    border-radius: 6px;
    background: #fff;
    color: var(--kpt-paylasim-metin);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

.kpt-paylasim-kimlik {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    padding: 0 0 11px;
    border-bottom: 1px solid var(--kpt-paylasim-cizgi);
    color: var(--kpt-paylasim-metin) !important;
    text-decoration: none !important;
}

.kpt-paylasim-avatar {
    position: relative;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #d5e2d9;
    border-radius: 50%;
    background: #eef6f0;
    color: #246b35;
    font-size: 15px;
    font-weight: 700;
}

.kpt-paylasim-avatar-harf { position: absolute; inset: 0; display: grid; place-items: center; }
.kpt-paylasim-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #eef6f0; }
.kpt-paylasim-kisi { display: block; min-width: 0; }
.kpt-paylasim-kisi strong { display: block; overflow: hidden; font-size: 15px; font-weight: 600; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.kpt-paylasim-kisi small,
.kpt-paylasim-kimlik time { display: block; margin-top: 1px; color: var(--kpt-paylasim-ikincil); font-size: 13px; line-height: 1.4; }
.kpt-paylasim-kimlik time { margin: 0; white-space: nowrap; }
.kpt-paylasim-dogrulandi { color: var(--kpt-paylasim-vurgu); }
.kpt-paylasim-baslik { margin: 0 0 9px; }
.kpt-paylasim-baslik h3 { display: flex; flex-direction: column; gap: 3px; margin: 0 !important; line-height: 1.3; }
.kpt-paylasim-baslik-etiket { color: var(--kpt-paylasim-vurgu); font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: .06em; }
.kpt-paylasim-baslik-ana { color: var(--kpt-paylasim-metin); font-size: 18px; font-weight: 700; line-height: 1.3; }
.kpt-paylasim-baslik > span { display: none; }
.kpt-paylasim-bilgiler { display: grid; gap: 5px; }
.kpt-paylasim-bilgiler > div { display: flex; min-width: 0; align-items: flex-start; gap: 7px; color: var(--kpt-paylasim-metin); font-size: 15px; line-height: 1.5; }
.kpt-paylasim-ikon { display: inline-flex; width: 18px; flex: 0 0 18px; align-items: center; justify-content: center; }
.kpt-paylasim-ikon svg { display: none; }
.kpt-paylasim-ikon::before { font-size: 14px; line-height: 1.5; }
.kpt-paylasim-ikon--konum::before { content: "📍"; }
.kpt-paylasim-ikon--butce::before { content: "💰"; }
.kpt-paylasim-ikon--kredi::before { content: "🏦"; }
.kpt-paylasim-ikon--alan::before { content: "📐"; }
.kpt-paylasim-ikon--oda::before { content: "🏠"; }
.kpt-paylasim-mesaj { margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--kpt-paylasim-cizgi); }
.kpt-paylasim-mesaj > .kpt-paylasim-ikon { display: none; }
.kpt-paylasim-mesajlar { display: grid; gap: 3px; }
.kpt-paylasim-mesaj p { margin: 0 !important; color: #3b4641; font-size: 15px !important; line-height: 1.5 !important; }
.kpt-etkilesim { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--kpt-paylasim-cizgi); }
.paylasim-komutlari-eyu-1 { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; }
.paylasim-komutlari-eyu-1 button {
    display: inline-flex !important;
    min-width: 0 !important;
    min-height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 4px 3px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--kpt-paylasim-ikincil) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    white-space: nowrap;
    cursor: pointer;
}
.paylasim-komutlari-eyu-1 button span,
.paylasim-komutlari-eyu-1 button strong { font-size: 13px; line-height: 1; }
.paylasim-komutlari-eyu-1 button:hover,
.paylasim-komutlari-eyu-1 button:focus-visible,
.paylasim-komutlari-eyu-1 button[aria-pressed="true"] { background: #f1f6f3 !important; color: var(--kpt-paylasim-vurgu) !important; }
.paylasim-komutlari-eyu-1 button:focus-visible { outline: 3px solid rgba(39, 129, 73, .18); outline-offset: 2px; }
.paylasim-komutlari-eyu-1 .paylasim-begeni-eyu-1[aria-pressed="true"] span { font-size: 0; }
.paylasim-komutlari-eyu-1 .paylasim-begeni-eyu-1[aria-pressed="true"] span::after { content: "♥"; font-size: 13px; }

/* Kart 2 Paylaşım: 3:4 dış çerçeve + 3:3 orta alan + 3:2 üst/alt dağılımı. */
.eyu-kart2.eyu-kart2--paylasim {
    display: grid;
    height: auto;
    padding: 0;
    grid-template-rows: minmax(0, 3fr) auto minmax(0, 2fr);
    align-self: start;
    overflow: hidden;
}
.eyu-kart2--paylasim .kpt-paylasim-kimlik {
    display: flex !important;
    align-items: center !important;
    gap: var(--eyu-kart-bosluk);
    margin: 0 !important;
    padding: clamp(3px, 1.27cqi, 4px) var(--eyu-kart-yatay);
    border-bottom: 0;
}
.eyu-kart2--paylasim .kpt-paylasim-avatar { position: relative !important; width: var(--eyu-kart-avatar) !important; height: var(--eyu-kart-avatar) !important; min-width: var(--eyu-kart-avatar); min-height: var(--eyu-kart-avatar); flex: 0 0 var(--eyu-kart-avatar) !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; aspect-ratio: 1 / 1 !important; font-size: var(--eyu-kart-meta); }
.eyu-kart2--paylasim .kpt-paylasim-avatar img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; }
.eyu-kart2--paylasim .kpt-paylasim-kisi { min-width: 0; flex: 1 1 auto; }
.eyu-kart2--paylasim .kpt-paylasim-kimlik time { flex: 0 0 auto; margin: 0 0 0 auto !important; }
.eyu-kart2--paylasim .kpt-paylasim-kisi strong { font-size: var(--eyu-kart-yazi); }
.eyu-kart2--paylasim .kpt-paylasim-kisi small,
.eyu-kart2--paylasim .kpt-paylasim-kimlik time { font-size: var(--eyu-kart-meta); }
.eyu-kart2__paylasim-govde {
    display: grid !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-content: stretch;
    overflow: hidden !important;
    padding: clamp(8px, 3.81cqi, 12px) var(--eyu-kart-kunye-yatay);
    border-top: 1px solid var(--kpt-paylasim-cizgi);
    border-bottom: 1px solid var(--kpt-paylasim-cizgi);
}
.eyu-kart2--paylasim .kpt-paylasim-baslik { margin-bottom: clamp(5px, 2.54cqi, 8px); }
.eyu-kart2--paylasim .kpt-paylasim-baslik-etiket { font-size: var(--eyu-kart-meta); }
.eyu-kart2--paylasim .kpt-paylasim-baslik-ana { font-size: clamp(14px, calc(10px + 2.54cqi), 18px); }
.eyu-kart2--paylasim .kpt-paylasim-bilgiler { min-height: 0; align-content: start; gap: clamp(2px, 1.27cqi, 4px); overflow: hidden; }
.eyu-kart2--paylasim .kpt-paylasim-bilgiler > div { gap: clamp(4px, 1.9cqi, 6px); font-size: var(--eyu-kart-yazi); line-height: 1.4; }
.eyu-kart2--paylasim .kpt-paylasim-ikon { width: clamp(14px, 5.71cqi, 18px); flex-basis: clamp(14px, 5.71cqi, 18px); }
.eyu-kart2--paylasim .kpt-paylasim-ikon::before { font-size: var(--eyu-kart-yazi); }
.eyu-kart2--paylasim .kpt-arayis-devami { display: inline-flex !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; grid-column: 1; align-items: center; justify-content: center; margin: 0 !important; padding: 0 clamp(4px, 2.22cqi, 7px) !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #e83036 !important; font: inherit !important; line-height: 1 !important; text-decoration: none; cursor: pointer; }
.eyu-kart2--paylasim .kpt-arayis-devami:hover,
.eyu-kart2--paylasim .kpt-arayis-devami:focus-visible { color: #b9001b !important; text-decoration: underline; text-underline-offset: 3px; }
.eyu-kart2--paylasim .kpt-etkilesim { min-height: var(--eyu-kart-alt-yukseklik); margin: 0 !important; padding: var(--eyu-kart-alt-bosluk) var(--eyu-kart-yatay) 0; border-top: 0; }
.eyu-kart2--paylasim .paylasim-komutlari-eyu-1 { display: grid; height: var(--eyu-kart-komut-yukseklik); grid-template-columns: minmax(clamp(58px, 23.5cqi, 74px), auto) 1fr 1fr; align-items: center; gap: clamp(3px, 1.9cqi, 6px); }
.eyu-kart2--paylasim .paylasim-begeni-eyu-1 { grid-column: 2; }
.eyu-kart2--paylasim .paylasim-whatsapp-eyu-1 { grid-column: 3; }
.eyu-kart2--paylasim .paylasim-komutlari-eyu-1 button { height: 100%; min-height: 0 !important; color: #e83036 !important; font-size: var(--eyu-kart-islem-yazi) !important; font-weight: 700 !important; }
.eyu-kart2--paylasim .paylasim-komutlari-eyu-1 button:hover,
.eyu-kart2--paylasim .paylasim-komutlari-eyu-1 button:focus-visible,
.eyu-kart2--paylasim .paylasim-komutlari-eyu-1 button[aria-pressed="true"] { background: transparent !important; color: #b9001b !important; }

.td-fix-index:has(.kpt-paylasim-karti) > p:has(code:only-child),
.td-fix-index:has(.kpt-paylasim-karti) > .kpt-paylasim-karti + code,
.td-fix-index:has(.kpt-paylasim-karti) > code:empty { display: none !important; }
.td-fix-index:has(.kpt-paylasim-karti) code,
.td-fix-index:has(.kpt-paylasim-karti) p { background: transparent !important; box-shadow: none !important; }

/* Sayfada bir kez üretilen ortak Arayış detay penceresi. */
.kpt-arayis-detay-modal {
    width: min(620px, calc(100vw - 28px));
    max-height: min(760px, calc(100vh - 28px));
    overflow: auto;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .25);
    color: #202a27;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.kpt-arayis-detay-modal::backdrop { background: rgba(18, 25, 21, .62); }
.kpt-arayis-detay-kapat { position: sticky; z-index: 2; top: 12px; float: right; width: 36px; height: 36px; margin: 12px 12px -48px 0; border: 0; border-radius: 50%; background: #eef1ef; color: #27312c; font-size: 25px; line-height: 1; cursor: pointer; }
.kpt-arayis-detay { padding: 24px; }
.kpt-arayis-detay > small { color: #278149; font-size: 12px; font-weight: 800; letter-spacing: .06em; }
.kpt-arayis-detay h2 { margin: 4px 48px 18px 0; color: #202a27; font-size: 24px; line-height: 1.25; }
.kpt-arayis-detay section { margin-top: 18px; padding-top: 18px; border-top: 1px solid #dfe5e2; }
.kpt-arayis-detay section h3 { margin: 0 0 10px; color: #202a27; font-size: 16px; }
.kpt-arayis-detay dl { display: grid; gap: 0; margin: 0; }
.kpt-arayis-detay dl > div { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(0, 1.3fr); gap: 14px; padding: 8px 0; border-bottom: 1px solid #edf0ee; }
.kpt-arayis-detay dt { color: #68736e; font-weight: 600; }
.kpt-arayis-detay dd { margin: 0; color: #202a27; font-weight: 700; overflow-wrap: anywhere; }
.kpt-arayis-detay ul { display: grid; gap: 7px; margin: 0; padding-left: 20px; }
.kpt-arayis-detay p { color: #3b4641; line-height: 1.55; }
.kpt-arayis-detay-tarih { margin: 20px 0 0 !important; color: #68736e !important; font-size: 13px; }

@media (max-width: 899px) {
    .kpt-paylasim-akisi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .kpt-paylasim-akisi { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .kpt-paylasim-karti--kart-1 { padding: 14px; }
    .kpt-paylasim-baslik-ana { font-size: 17px; }
    .kpt-arayis-detay-modal { width: 100vw; max-width: none; max-height: 100dvh; margin: auto 0 0; border-radius: 14px 14px 0 0; }
    .kpt-arayis-detay { padding: 20px 18px; }
    .kpt-arayis-detay h2 { font-size: 21px; }
    .kpt-arayis-detay dl > div { grid-template-columns: 1fr; gap: 2px; }
}