/* probiyotik-iletisim: satış noktaları + bize ulaşın (paket D, 2026-09-15). Tokenlar probiyotik.css :root.
   html font-size 10px (Bootstrap 3): rem yok, px/token. */

:root {
    /* Bu dosyanın yerel tokenları (probiyotik.css :root'a eklenmedi; o dosya paket dışı) */
    --pa-il-cizgi: #c9dcd8;       /* kart ve harita çerçevesi */
    --pa-il-cizgi-koyu: #9fb5b0;  /* harita zoom grubu */
    --pa-il-alan: #7c8a84;        /* form alanı çerçevesi, beyazda 3,6:1 */
    --pa-il-hata: #b42318;        /* hata metni, beyazda 6,5:1 */
    --pa-il-hata-koyu: #8a1c12;
    --pa-il-hata-zemin: #fdeceb;
    --pa-il-hata-cizgi: #e3a59f;
    --pa-il-pasif: #d5dedb;       /* pasif düğme zemini */
    --pa-il-golge: rgba(12, 42, 33, .18);
    --pa-il-seffaf-beyaz: rgba(255, 255, 255, .9);
}

/* ---------- Ortak: harita ---------- */
main.page.pa-kurumsal .pa-harita {
    position: relative;
    z-index: 0;
    width: 100%;
    background: var(--pa-coruh-50);
    border: 1px solid var(--pa-il-cizgi);
    border-radius: var(--pa-radius);
    overflow: hidden;
}
main.page.pa-kurumsal .pa-harita[hidden] { display: none; }
main.page.pa-kurumsal .pa-harita .leaflet-control-zoom {
    border: 1px solid var(--pa-il-cizgi-koyu);
    border-radius: var(--pa-s-2);
    box-shadow: none;
}
main.page.pa-kurumsal .pa-harita .leaflet-bar a,
main.page.pa-kurumsal .pa-harita .leaflet-touch .leaflet-bar a {
    width: var(--pa-dokunma);
    height: var(--pa-dokunma);
    line-height: var(--pa-dokunma);
    font-size: 22px;
    color: var(--pa-yesil);
}
main.page.pa-kurumsal .pa-harita .leaflet-bar a:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: -3px;
}
main.page.pa-kurumsal .pa-harita .leaflet-control-attribution {
    padding: 0 var(--pa-s-2);
    font-size: 12px;
    line-height: var(--pa-dokunma);
    color: var(--pa-metin);
    background: var(--pa-il-seffaf-beyaz);
}
main.page.pa-kurumsal .pa-harita .leaflet-control-attribution a {
    display: inline-block;
    min-width: var(--pa-dokunma);
    min-height: var(--pa-dokunma);
    text-align: center;
    color: var(--pa-coruh-700);
}
main.page.pa-kurumsal .pa-harita .leaflet-popup-content-wrapper {
    border-radius: var(--pa-s-2);
    box-shadow: 0 2px 12px var(--pa-il-golge);
}
main.page.pa-kurumsal .pa-harita .leaflet-popup-content {
    margin: var(--pa-s-3) var(--pa-s-12) var(--pa-s-3) var(--pa-s-4);
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
    line-height: 1.5;
    color: var(--pa-metin);
}
main.page.pa-kurumsal .pa-harita .leaflet-popup-content a {
    display: inline-flex;
    align-items: center;
    min-height: var(--pa-dokunma);
    font-weight: 700;
    color: var(--pa-coruh-700);
    text-decoration: underline;
}
main.page.pa-kurumsal .pa-harita a.leaflet-popup-close-button {
    width: var(--pa-dokunma);
    height: var(--pa-dokunma);
    font-size: 22px;
    line-height: var(--pa-dokunma);
    color: var(--pa-metin);
}
/* İşaret: işlev ikonu, 44px dokunma alanı */
main.page.pa-kurumsal .pa-harita .pa-pin {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: none;
    border: 0;
}
main.page.pa-kurumsal .pa-harita .pa-pin svg { display: block; }
main.page.pa-kurumsal .pa-harita .pa-pin--nokta svg path { fill: var(--pa-coruh-600); stroke: var(--pa-beyaz); stroke-width: 1.5; }
main.page.pa-kurumsal .pa-harita .pa-pin--uretim svg path { fill: var(--pa-orman-900); stroke: var(--pa-beyaz); stroke-width: 1.5; }
main.page.pa-kurumsal .pa-harita .pa-pin:focus-visible {
    outline: 2px solid var(--pa-orman-900);
    outline-offset: 2px;
    border-radius: var(--pa-s-1);
}

/* ---------- Ortak: metin bağlantısı dokunma yüksekliği ---------- */
main.page.pa-kurumsal .sn-bolum .kr-link,
main.page.pa-kurumsal .il-bolum .kr-link {
    display: inline-flex;
    align-items: center;
    min-height: var(--pa-dokunma);
}

/* ==========================================================================
   Satış noktaları
   ========================================================================== */
main.page.pa-kurumsal .sn-duzen {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--pa-s-12);
    align-items: start;
}
main.page.pa-kurumsal .sn-sol h2 { margin-bottom: var(--pa-s-4); }
main.page.pa-kurumsal .sn-bos p { margin-bottom: 0; }
main.page.pa-kurumsal .sn-bos .kr-eylem { margin-top: var(--pa-s-6); }
main.page.pa-kurumsal .sn-sag { position: sticky; top: 96px; }
main.page.pa-kurumsal .sn-harita { height: 560px; }
main.page.pa-kurumsal .sn-harita-not {
    max-width: none;
    margin: var(--pa-s-3) 0 0;
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}

/* Filtre */
main.page.pa-kurumsal .sn-filtre {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: var(--pa-s-3);
    margin: 0 0 var(--pa-s-3);
}
main.page.pa-kurumsal .sn-alan label,
main.page.pa-kurumsal .il-alan > label {
    display: block;
    margin: 0 0 var(--pa-s-1);
    font-size: var(--pa-fs-kucuk);
    font-weight: 700;
    color: var(--pa-metin);
}
main.page.pa-kurumsal .sn-filtre select,
main.page.pa-kurumsal .sn-filtre input,
main.page.pa-kurumsal .il-form input[type="text"],
main.page.pa-kurumsal .il-form input[type="tel"],
main.page.pa-kurumsal .il-form input[type="email"],
main.page.pa-kurumsal .il-form select,
main.page.pa-kurumsal .il-form textarea {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 var(--pa-s-3);
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-govde);
    color: var(--pa-metin);
    background: var(--pa-beyaz);
    border: 1px solid var(--pa-il-alan);
    border-radius: var(--pa-s-2);
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
main.page.pa-kurumsal .sn-filtre select,
main.page.pa-kurumsal .il-form select {
    padding-right: var(--pa-s-8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23113a2d' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
}
main.page.pa-kurumsal .il-form textarea {
    height: auto;
    min-height: 136px;
    padding: var(--pa-s-3);
    line-height: 1.5;
    resize: vertical;
}
main.page.pa-kurumsal .sn-filtre select:focus,
main.page.pa-kurumsal .sn-filtre input:focus,
main.page.pa-kurumsal .il-form input:focus,
main.page.pa-kurumsal .il-form select:focus,
main.page.pa-kurumsal .il-form textarea:focus {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 1px;
    border-color: var(--pa-coruh-600);
}

main.page.pa-kurumsal .sn-sonuc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--pa-s-2) var(--pa-s-4);
    min-height: var(--pa-dokunma);
    margin-bottom: var(--pa-s-2);
}
main.page.pa-kurumsal .sn-sonuc p {
    margin: 0;
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
main.page.pa-kurumsal .sn-temizle,
main.page.pa-kurumsal .sn-goster {
    min-height: var(--pa-dokunma);
    padding: 0 var(--pa-s-4);
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
    font-weight: 700;
    color: var(--pa-coruh-700);
    background: var(--pa-beyaz);
    border: 1px solid var(--pa-coruh-600);
    border-radius: var(--pa-s-2);
}
main.page.pa-kurumsal .sn-temizle:hover,
main.page.pa-kurumsal .sn-goster:hover { background: var(--pa-coruh-50); }
main.page.pa-kurumsal .sn-temizle[hidden] { display: none; }

/* Liste */
main.page.pa-kurumsal .sn-liste {
    max-height: 560px;
    margin: 0;
    padding: 0 var(--pa-s-1) 0 0;
    overflow-y: auto;
    list-style: none;
    overscroll-behavior: contain;
}
main.page.pa-kurumsal .sn-liste[hidden] { display: none; }
main.page.pa-kurumsal .sn-kart {
    margin: 0 0 var(--pa-s-3);
    padding: var(--pa-s-4);
    background: var(--pa-beyaz);
    border: 1px solid var(--pa-il-cizgi);
    border-radius: var(--pa-s-2);
    transition: border-color .2s, background-color .2s;
}
main.page.pa-kurumsal .sn-kart.is-secili {
    background: var(--pa-coruh-50);
    border-color: var(--pa-coruh-600);
    box-shadow: 0 0 0 1px var(--pa-coruh-600);
}
main.page.pa-kurumsal .sn-kart-ust {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--pa-s-3);
}
main.page.pa-kurumsal .sn-kart h3 {
    margin: 0;
    font-size: 18px;
    overflow-wrap: anywhere;
}
main.page.pa-kurumsal .sn-tur {
    flex: 0 0 auto;
    padding: var(--pa-s-1) var(--pa-s-2);
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-orman-800);
    background: var(--pa-coruh-100);
    border-radius: var(--pa-s-1);
}
main.page.pa-kurumsal .sn-kart p {
    margin: var(--pa-s-1) 0 0;
    font-size: var(--pa-fs-kucuk);
    line-height: 1.5;
}
main.page.pa-kurumsal .sn-kart .sn-yer { color: var(--pa-metin-acik); }
main.page.pa-kurumsal .sn-kart-eylem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--pa-s-4);
    margin-top: var(--pa-s-2);
}
main.page.pa-kurumsal .sn-kart-eylem a {
    display: inline-flex;
    align-items: center;
    min-height: var(--pa-dokunma);
    font-size: var(--pa-fs-kucuk);
    font-weight: 700;
    color: var(--pa-coruh-700);
    text-decoration: underline;
    text-underline-offset: 3px;
}
main.page.pa-kurumsal .sn-kart-eylem .sn-goster { margin-left: auto; }
main.page.pa-kurumsal .sn-alt-eylem { margin-top: var(--pa-s-4); }

@media (max-width: 991px) {
    main.page.pa-kurumsal .sn-duzen {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--pa-s-8);
    }
    main.page.pa-kurumsal .sn-sag { position: static; order: -1; }
    main.page.pa-kurumsal .sn-harita { height: 420px; }
    main.page.pa-kurumsal .sn-liste { max-height: none; overflow: visible; padding-right: 0; }
}
@media (max-width: 767px) {
    main.page.pa-kurumsal .sn-harita { height: 320px; }
    main.page.pa-kurumsal .sn-filtre { grid-template-columns: minmax(0, 1fr); }
    main.page.pa-kurumsal .sn-bos .kr-eylem { gap: var(--pa-s-2); }
}

/* ==========================================================================
   Bize ulaşın
   ========================================================================== */
main.page.pa-kurumsal .il-duzen {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--pa-s-16);
    align-items: start;
}
main.page.pa-kurumsal .il-bilgi h2 { margin-bottom: var(--pa-s-2); }
main.page.pa-kurumsal .il-bilgi .kr-alt { margin: 0 0 var(--pa-s-6); }

main.page.pa-kurumsal .il-kanallar {
    margin: 0 0 var(--pa-s-8);
    border-top: 1px solid var(--pa-il-cizgi);
}
main.page.pa-kurumsal .il-kanal {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: var(--pa-s-4);
    align-items: center;
    min-height: 56px;
    border-bottom: 1px solid var(--pa-il-cizgi);
}
main.page.pa-kurumsal .il-kanal dt {
    font-size: var(--pa-fs-kucuk);
    font-weight: 700;
    color: var(--pa-metin-acik);
}
main.page.pa-kurumsal .il-kanal dd {
    margin: 0;
    font-size: var(--pa-fs-govde);
    color: var(--pa-metin);
    overflow-wrap: anywhere;
}
main.page.pa-kurumsal .il-kanal dd a {
    display: inline-flex;
    align-items: center;
    min-height: var(--pa-dokunma);
    font-weight: 700;
    color: var(--pa-coruh-700);
}
main.page.pa-kurumsal .il-harita { height: 280px; }
main.page.pa-kurumsal .il-harita-not {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--pa-s-4);
    max-width: none;
    margin: var(--pa-s-2) 0 0;
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}

main.page.pa-kurumsal .il-form-kap h2 { margin-bottom: var(--pa-s-3); }
main.page.pa-kurumsal .il-form { margin-top: var(--pa-s-6); }
main.page.pa-kurumsal .il-alan { margin-bottom: var(--pa-s-4); }
/* Odak alana gelince yapışkan header'ın altında kalmasın */
main.page.pa-kurumsal .il-form input,
main.page.pa-kurumsal .il-form select,
main.page.pa-kurumsal .il-form textarea,
main.page.pa-kurumsal .il-ozet,
main.page.pa-kurumsal .pa-harita { scroll-margin-top: 120px; }
main.page.pa-kurumsal .il-cift {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 var(--pa-s-4);
}
main.page.pa-kurumsal .il-cift .il-alan { margin-bottom: 0; }
main.page.pa-kurumsal .il-ipucu {
    margin: var(--pa-s-1) 0 var(--pa-s-4);
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
main.page.pa-kurumsal .il-form input[aria-invalid="true"],
main.page.pa-kurumsal .il-form select[aria-invalid="true"],
main.page.pa-kurumsal .il-form textarea[aria-invalid="true"] {
    border-color: var(--pa-il-hata);
    box-shadow: 0 0 0 1px var(--pa-il-hata);
}
main.page.pa-kurumsal .il-hata {
    margin: var(--pa-s-1) 0 0;
    font-size: var(--pa-fs-kucuk);
    font-weight: 700;
    color: var(--pa-il-hata);
}
main.page.pa-kurumsal .il-hata[hidden],
main.page.pa-kurumsal .il-ozet[hidden] { display: none; }
main.page.pa-kurumsal .il-ozet {
    max-width: none;
    margin: 0 0 var(--pa-s-4);
    padding: var(--pa-s-3) var(--pa-s-4);
    font-weight: 700;
    color: var(--pa-il-hata-koyu);
    background: var(--pa-il-hata-zemin);
    border: 1px solid var(--pa-il-hata-cizgi);
    border-radius: var(--pa-s-2);
}

main.page.pa-kurumsal .il-onay > label {
    display: flex;
    align-items: flex-start;
    gap: var(--pa-s-3);
    min-height: var(--pa-dokunma);
    margin: 0;
    padding: var(--pa-s-2) 0;
    font-size: var(--pa-fs-govde);
    font-weight: 400;
    line-height: 1.5;
    color: var(--pa-metin);
    cursor: pointer;
}
main.page.pa-kurumsal .il-onay input[type="checkbox"] {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin: 0;
    accent-color: var(--pa-coruh-600);
}
main.page.pa-kurumsal .il-onay .kr-link { margin-left: 34px; }

main.page.pa-kurumsal .il-gonder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pa-s-3) var(--pa-s-6);
    margin-top: var(--pa-s-6);
}
main.page.pa-kurumsal .il-gonder .button.kr-btn[disabled] {
    cursor: not-allowed;
    color: var(--pa-metin);
    background: var(--pa-il-pasif);
    opacity: 1;
}
main.page.pa-kurumsal .il-durum {
    flex: 1 1 240px;
    margin: 0;
    font-size: var(--pa-fs-kucuk);
    line-height: 1.5;
    color: var(--pa-metin);
}
main.page.pa-kurumsal .il-durum:empty { display: none; }

@media (max-width: 991px) {
    main.page.pa-kurumsal .il-duzen {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--pa-s-12);
    }
}
@media (max-width: 767px) {
    main.page.pa-kurumsal .il-cift { grid-template-columns: minmax(0, 1fr); }
    main.page.pa-kurumsal .il-cift .il-alan + .il-alan { margin-top: var(--pa-s-4); }
    main.page.pa-kurumsal .il-kanal { grid-template-columns: 80px minmax(0, 1fr); }
    main.page.pa-kurumsal .il-gonder .button.kr-btn { width: 100%; }
}
