/* ==========================================================================
   Probiyotik Ana - sipariş kataloğu (/siparis) ve adımlı sepet (/sepet)
   Tokenlar probiyotik.css :root. Adet seçici, .pa-fiyat--yok, .pa-pdp-yol ve .pa-gorunmez probiyotik-urun.css'ten.
   Boşluk yalnız --pa-s-*, font boyutu yalnız --pa-fs-*; zemin beyaz ya da --pa-coruh-50 (bej yok).
   ========================================================================== */
.pa-sip {
    --pa-sip-header: 90px; /* probiyotik.css header yüksekliği (PDP ile aynı) */
    --pa-sip-hata: #b3261e; /* hata metni ve çerçevesi; beyaz zeminde 6.5:1 */
    --pa-sip-girdi-cizgi: #7d8a84; /* form alanı çerçevesi; beyaz zeminde 3.6:1 */
    padding: calc(var(--pa-sip-header) + var(--pa-s-4)) 0 var(--pa-s-24);
    background: var(--pa-beyaz);
    color: var(--pa-metin);
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-govde);
    line-height: 1.5;
}
.pa-sip [hidden] {
    display: none !important;
}
body.pa-site .pa-sip h1,
body.pa-site .pa-sip h2 {
    font-family: var(--pa-font-baslik);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
    color: var(--pa-yesil);
}
body.pa-site .pa-sip .pa-sip-baslik {
    margin: 0;
    font-size: var(--pa-fs-bolum);
}
.pa-sip-giris {
    max-width: 560px;
    margin: var(--pa-s-2) 0 0;
    color: var(--pa-metin-acik);
}

/* ---------- Ortak düğmeler ---------- */
body.pa-site .pa-sip-dugme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--pa-s-12);
    padding: 0 var(--pa-s-6);
    border: 1px solid var(--pa-coruh-600);
    border-radius: var(--pa-s-2);
    background: var(--pa-coruh-600);
    color: var(--pa-beyaz);
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-govde);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s;
}
body.pa-site .pa-sip-dugme:hover,
body.pa-site .pa-sip-dugme:focus {
    border-color: var(--pa-coruh-700);
    background: var(--pa-coruh-700);
    color: var(--pa-beyaz);
    text-decoration: none;
}
body.pa-site .pa-sip-dugme:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
body.pa-site .pa-sip-dugme--ikincil {
    background: var(--pa-beyaz);
    color: var(--pa-coruh-700);
}
body.pa-site .pa-sip-dugme--ikincil:hover,
body.pa-site .pa-sip-dugme--ikincil:focus {
    border-color: var(--pa-coruh-700);
    background: var(--pa-coruh-50);
    color: var(--pa-coruh-700);
}
.pa-sip-dugme--tam {
    width: 100%;
}
body.pa-site .pa-sip-bag {
    display: inline-flex;
    align-items: center;
    gap: var(--pa-s-1);
    min-height: var(--pa-dokunma);
    padding: 0;
    border: 0;
    background: none;
    color: var(--pa-coruh-700);
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-govde);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
}
body.pa-site .pa-sip-bag:hover {
    color: var(--pa-yesil);
}
body.pa-site .pa-sip-bag:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}

/* ---------- Form öğeleri ---------- */
body.pa-site .pa-sip .pa-sip-etiket {
    display: block;
    margin: 0 0 var(--pa-s-1);
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
    font-weight: 600;
    line-height: 1.5;
    color: var(--pa-metin);
}
body.pa-site .pa-sip .pa-sip-secim,
body.pa-site .pa-sip .pa-sip-girdi {
    display: block;
    width: 100%;
    min-height: var(--pa-dokunma);
    margin: 0;
    padding: 0 var(--pa-s-3);
    border: 1px solid var(--pa-sip-girdi-cizgi);
    border-radius: var(--pa-s-2);
    background-color: var(--pa-beyaz);
    color: var(--pa-metin);
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-govde);
    line-height: 1.4;
    box-shadow: none;
}
body.pa-site .pa-sip .pa-sip-girdi--uzun {
    min-height: 96px;
    padding: var(--pa-s-3);
    resize: vertical;
}
body.pa-site .pa-sip .pa-sip-secim:focus-visible,
body.pa-site .pa-sip .pa-sip-girdi:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 1px;
}
body.pa-site .pa-sip .pa-sip-girdi[aria-invalid="true"] {
    border-color: var(--pa-sip-hata);
    box-shadow: inset 0 0 0 1px var(--pa-sip-hata);
}

/* ---------- İki sütun düzen + yapışkan özet ---------- */
.pa-sip-duzen {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--pa-s-12);
    align-items: start;
    margin-top: var(--pa-s-8);
}
.pa-sip-duzen--tek {
    grid-template-columns: minmax(0, 720px);
}
.pa-siparis-ozet {
    position: sticky;
    top: calc(var(--pa-sip-header) + var(--pa-s-6));
    display: flex;
    flex-direction: column;
    gap: var(--pa-s-4);
    max-height: calc(100vh - var(--pa-sip-header) - var(--pa-s-12));
    padding: var(--pa-s-6);
    border: 1px solid var(--pa-cizgi);
    border-radius: var(--pa-radius);
    background: var(--pa-beyaz);
}
.pa-ozet-ust {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--pa-s-3);
}
body.pa-site .pa-sip .pa-ozet-baslik {
    margin: 0;
    font-size: var(--pa-fs-baslik);
}
.pa-ozet-sayi {
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
    white-space: nowrap;
}
.pa-ozet-bos {
    margin: 0;
    color: var(--pa-metin-acik);
}
.pa-ozet-liste,
.pa-onay-urunler {
    min-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
}
.pa-ozet-satir {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--pa-s-3);
    padding: var(--pa-s-2) 0;
    border-top: 1px solid var(--pa-cizgi);
}
.pa-ozet-satir:first-child {
    border-top: 0;
}
.pa-ozet-satir-bilgi {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.pa-ozet-satir-ad {
    font-weight: 600;
    color: var(--pa-yesil);
}
.pa-ozet-satir-secenek {
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
.pa-ozet-satir-fiyat {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.pa-ozet-toplam {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 0;
    padding-top: var(--pa-s-3);
    border-top: 1px solid var(--pa-cizgi);
}
.pa-ozet-toplam strong {
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-baslik);
    color: var(--pa-yesil);
    font-variant-numeric: tabular-nums;
}
.pa-ozet-devam {
    align-self: center;
}

/* ==========================================================================
   Katalog
   ========================================================================== */
.pa-katalog-liste {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--pa-cizgi);
}
.pa-katalog-urun {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: var(--pa-s-6);
    padding: var(--pa-s-6) 0;
    border-bottom: 1px solid var(--pa-cizgi);
}
.pa-katalog-gorsel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 150px;
    border-radius: var(--pa-s-2);
    background: var(--pa-coruh-50);
    overflow: hidden;
}
.pa-katalog-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pa-katalog-bilgi {
    min-width: 0;
}
.pa-katalog-ust {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--pa-s-4);
}
body.pa-site .pa-sip .pa-katalog-ad {
    margin: 0;
    font-size: var(--pa-fs-baslik);
}
body.pa-site .pa-katalog-ad a {
    color: var(--pa-yesil);
    text-decoration: none;
}
body.pa-site .pa-katalog-ad a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}
body.pa-site .pa-katalog-ad a:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-katalog-fiyat {
    margin: 0;
    font-family: var(--pa-font-baslik);
    font-weight: 700;
    color: var(--pa-yesil);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.pa-katalog-fiyat.pa-fiyat--yok {
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
}
.pa-katalog-alt {
    margin: var(--pa-s-1) 0 0;
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
.pa-katalog-kontrol {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--pa-s-4);
    margin-top: var(--pa-s-4);
}
.pa-katalog-alan:first-child {
    flex: 1 1 200px;
    max-width: 260px;
}
.pa-katalog-ekle {
    display: flex;
    align-items: center;
    gap: var(--pa-s-3);
}
.pa-katalog-durum {
    display: inline-flex;
    align-items: center;
    gap: var(--pa-s-1);
    margin: 0;
    font-size: var(--pa-fs-kucuk);
    font-weight: 600;
    color: var(--pa-coruh-700);
}
.pa-katalog-cubuk {
    display: none;
}

/* ==========================================================================
   Adımlı sepet
   ========================================================================== */
.pa-sip-adimlar ol {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 720px;
    margin: 0 0 var(--pa-s-8);
    padding: 0;
    list-style: none;
}
.pa-sip-adim {
    position: relative;
}
.pa-sip-adim + .pa-sip-adim::before {
    content: '';
    position: absolute;
    top: 19px;
    left: calc(-50% + 24px);
    right: calc(50% + 24px);
    height: 2px;
    background: var(--pa-cizgi);
}
.pa-sip-adim--tamam + .pa-sip-adim::before {
    background: var(--pa-coruh-600);
}
body.pa-site .pa-sip-adim-dugme {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--pa-s-2);
    width: 100%;
    min-height: var(--pa-dokunma);
    padding: var(--pa-s-1) 0;
    border: 0;
    border-radius: var(--pa-s-2);
    background: none;
    color: var(--pa-metin-acik);
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
    line-height: 1.3;
    cursor: default;
}
body.pa-site .pa-sip-adim-dugme:disabled {
    opacity: 1;
}
body.pa-site .pa-sip-adim-dugme:not(:disabled) {
    cursor: pointer;
}
body.pa-site .pa-sip-adim-dugme:not(:disabled):hover .pa-sip-adim-ad {
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.pa-site .pa-sip-adim-dugme:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-sip-adim-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 2px solid var(--pa-cizgi);
    border-radius: 50%;
    background: var(--pa-beyaz);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.pa-sip-adim--tamam .pa-sip-adim-no {
    border-color: var(--pa-coruh-600);
    color: var(--pa-coruh-700);
}
.pa-sip-adim--tamam .pa-sip-adim-dugme {
    color: var(--pa-coruh-700);
}
.pa-sip-adim--aktif .pa-sip-adim-no {
    border-color: var(--pa-coruh-600);
    background: var(--pa-coruh-600);
    color: var(--pa-beyaz);
}
.pa-sip-adim--aktif .pa-sip-adim-dugme {
    color: var(--pa-yesil);
    font-weight: 700;
}
body.pa-site .pa-sip .pa-sepet-baslik {
    font-size: var(--pa-fs-baslik);
}
body.pa-site .pa-sip .pa-sepet-baslik:focus {
    outline-offset: 4px;
}
.pa-sip-duzen[data-sepet-duzen] {
    margin-top: var(--pa-s-6);
}

/* 1. Sepet satırları */
.pa-sepet-satirlar {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--pa-cizgi);
}
.pa-sepet-satir {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) auto;
    gap: var(--pa-s-4) var(--pa-s-6);
    padding: var(--pa-s-6) 0;
    border-bottom: 1px solid var(--pa-cizgi);
}
.pa-sepet-satir-gorsel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 116px;
    border-radius: var(--pa-s-2);
    background: var(--pa-coruh-50);
    overflow: hidden;
}
.pa-sepet-satir-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pa-sepet-satir-bilgi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}
body.pa-site .pa-sepet-satir-ad {
    font-family: var(--pa-font-baslik);
    font-weight: 700;
    color: var(--pa-yesil);
    text-decoration: none;
}
body.pa-site .pa-sepet-satir-ad:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}
body.pa-site .pa-sepet-satir-ad:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-sepet-satir-alt {
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
.pa-sepet-satir-kontrol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pa-s-3);
    margin-top: var(--pa-s-3);
}
body.pa-site .pa-sip .pa-sepet-satir-kontrol .pa-sip-secim {
    width: auto;
    min-width: 200px;
}
.pa-sepet-satir-son {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--pa-s-2);
}
.pa-sepet-satir-fiyat {
    font-family: var(--pa-font-baslik);
    font-weight: 700;
    color: var(--pa-yesil);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.pa-sepet-satir-fiyat.pa-fiyat--yok {
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
}
.pa-geri-al {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0 var(--pa-s-4);
    margin-bottom: var(--pa-s-4);
    padding: var(--pa-s-1) var(--pa-s-4);
    border-radius: var(--pa-s-2);
    background: var(--pa-coruh-50);
}
.pa-geri-al p {
    margin: 0;
}
.pa-sepet-bos-durum {
    padding: var(--pa-s-8) 0;
}
.pa-sepet-bos-durum p {
    margin: 0 0 var(--pa-s-4);
    color: var(--pa-metin-acik);
}
.pa-sepet-bos-durum .pa-sepet-bos-baslik {
    margin-bottom: var(--pa-s-1);
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-baslik);
    font-weight: 700;
    color: var(--pa-yesil);
}

/* 2. Teslimat formu */
.pa-form-izgara {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--pa-s-6);
}
.pa-alan {
    min-width: 0;
}
.pa-alan--genis {
    grid-column: 1 / -1;
}
.pa-alan-istege {
    font-weight: 400;
    color: var(--pa-metin-acik);
}
.pa-alan-ipucu {
    margin: var(--pa-s-1) 0 0;
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
.pa-alan-hata {
    margin: var(--pa-s-1) 0 0;
    font-size: var(--pa-fs-kucuk);
    font-weight: 600;
    color: var(--pa-sip-hata);
}
.pa-hata-ozet {
    margin-bottom: var(--pa-s-6);
    padding: var(--pa-s-4);
    border: 1px solid var(--pa-sip-hata);
    border-radius: var(--pa-s-2);
    background: var(--pa-beyaz);
}
.pa-hata-ozet:focus-visible {
    outline: 2px solid var(--pa-sip-hata);
    outline-offset: 2px;
}
.pa-hata-ozet-baslik {
    margin: 0 0 var(--pa-s-1);
    font-weight: 700;
    color: var(--pa-sip-hata);
}
.pa-hata-ozet ul {
    margin: 0;
    padding: 0 0 0 var(--pa-s-6);
}
body.pa-site .pa-hata-ozet a {
    display: inline-flex;
    align-items: center;
    min-height: var(--pa-dokunma);
    color: var(--pa-sip-hata);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.pa-sip-adim-eylem {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--pa-s-3);
    margin-top: var(--pa-s-8);
}

/* 3. Onay ve 4. Tamamlandı */
.pa-onay-blok {
    margin-bottom: var(--pa-s-6);
    padding: var(--pa-s-6);
    border: 1px solid var(--pa-cizgi);
    border-radius: var(--pa-radius);
}
.pa-onay-blok-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pa-s-4);
}
body.pa-site .pa-sip .pa-onay-baslik {
    margin: 0 0 var(--pa-s-2);
    font-size: var(--pa-fs-govde);
}
body.pa-site .pa-sip .pa-onay-blok-ust .pa-onay-baslik {
    margin: 0;
}
.pa-onay-urunler {
    overflow: visible;
}
.pa-onay-teslimat {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: var(--pa-s-2) var(--pa-s-4);
    margin: var(--pa-s-2) 0 0;
}
.pa-onay-teslimat dt {
    font-weight: 400;
    color: var(--pa-metin-acik);
}
.pa-onay-teslimat dd {
    margin: 0;
    overflow-wrap: anywhere;
}
/* Onay kutusu: yerel input 44x44 tıklama alanı (görünmez), 24px görsel kutu label::before */
.pa-onay-kutu {
    position: relative;
}
.pa-onay-kutu input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: var(--pa-dokunma);
    height: var(--pa-dokunma);
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
body.pa-site .pa-onay-kutu label {
    position: relative;
    display: block;
    min-height: var(--pa-dokunma);
    margin: 0;
    padding: var(--pa-s-3) 0 var(--pa-s-3) calc(var(--pa-dokunma) + var(--pa-s-2));
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
}
.pa-onay-kutu label::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 2px solid var(--pa-sip-girdi-cizgi);
    border-radius: 4px;
    background: var(--pa-beyaz);
}
.pa-onay-kutu input:checked + label::before {
    border-color: var(--pa-coruh-600);
    background: var(--pa-coruh-600);
}
.pa-onay-kutu input:checked + label::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 19px;
    width: 7px;
    height: 13px;
    border: solid var(--pa-beyaz);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.pa-onay-kutu input:focus-visible + label::before {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-onay-kutu input[aria-invalid="true"] + label::before {
    border-color: var(--pa-sip-hata);
}
body.pa-site .pa-onay-kutu a,
body.pa-site .pa-tamam-metin a {
    display: inline-block;
    margin: calc(-1 * var(--pa-s-3)) 0;
    padding: var(--pa-s-3) 0;
    color: var(--pa-coruh-700);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.pa-onay-wa {
    text-align: right;
}
.pa-tamam-no {
    display: flex;
    flex-direction: column;
    margin: 0 0 var(--pa-s-4);
}
.pa-tamam-no span {
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
.pa-tamam-no strong {
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-baslik);
    color: var(--pa-yesil);
    font-variant-numeric: tabular-nums;
}
.pa-tamam-metin {
    margin: 0 0 var(--pa-s-6);
}

/* ---------- 44px dokunma alanı: başlık bağlantıları, sayfa yolu, Sil ---------- */
body.pa-site .pa-sip .pa-pdp-yol a {
    justify-content: center;
    min-width: var(--pa-dokunma);
}
body.pa-site .pa-katalog-ad a,
body.pa-site .pa-sepet-satir-ad {
    display: inline-flex;
    align-items: center;
    min-height: var(--pa-dokunma);
}
body.pa-site .pa-sip .pa-sepet-satir-sil {
    justify-content: center;
    min-width: var(--pa-dokunma);
}

/* ---------- Çekmece eklentileri (header.php) ---------- */
.pa-sepet-sayi {
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
    font-weight: 400;
    color: var(--pa-metin-acik);
}
body.pa-site .pa-sepet-bag.pa-sepet-devam {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--pa-dokunma);
    margin-top: var(--pa-s-2);
}

/* ==========================================================================
   Tablet ve mobil
   ========================================================================== */
@media (max-width: 991px) {
    .pa-sip-duzen {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--pa-s-8);
    }
    .pa-siparis-ozet {
        position: static;
        max-height: none;
    }
    .pa-katalog .pa-katalog-ozet {
        display: none;
    }
    /* Katalog alt çubuğu: sayfa içeriği bitince footer'ın üstüne binmez (main içinde yapışkan) */
    .pa-katalog-cubuk {
        position: sticky;
        bottom: 0;
        z-index: 8;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--pa-s-3);
        margin-top: var(--pa-s-8);
        padding: var(--pa-s-2) var(--pa-s-4) calc(var(--pa-s-2) + env(safe-area-inset-bottom));
        border-top: 1px solid var(--pa-cizgi);
        background: var(--pa-beyaz);
        box-shadow: 0 -8px 24px rgba(12, 42, 33, .08);
    }
    .pa-katalog.pa-sip {
        padding-bottom: 0;
    }
    .pa-katalog .pa-katalog-liste {
        margin-bottom: var(--pa-s-16);
    }
    .pa-katalog-cubuk-bilgi {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }
    .pa-katalog-cubuk-sayi {
        font-weight: 700;
        color: var(--pa-yesil);
    }
    .pa-katalog-cubuk-toplam {
        font-size: var(--pa-fs-kucuk);
        color: var(--pa-metin-acik);
    }
}
@media only screen and (max-width: 767px) {
    .pa-sip {
        --pa-sip-header: 72px;
        padding-bottom: var(--pa-s-16);
    }
    .pa-katalog-urun {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: var(--pa-s-4);
        padding: var(--pa-s-4) 0;
    }
    .pa-katalog-gorsel {
        width: 72px;
        height: 96px;
    }
    .pa-katalog-ust {
        flex-direction: column;
        gap: 0;
    }
    .pa-katalog-kontrol {
        grid-column: 1 / -1;
        gap: var(--pa-s-3);
    }
    .pa-katalog-alan:first-child {
        flex: 1 1 100%;
        max-width: none;
    }
    .pa-katalog-ekle {
        flex: 1 1 auto;
        flex-wrap: wrap;
    }
    .pa-katalog-ekle .pa-sip-dugme {
        flex: 1 1 auto;
    }
    .pa-sip-adimlar ol {
        margin-bottom: var(--pa-s-6);
    }
    .pa-sepet-satir {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: var(--pa-s-3) var(--pa-s-4);
        padding: var(--pa-s-4) 0;
    }
    .pa-sepet-satir-gorsel {
        width: 72px;
        height: 96px;
    }
    body.pa-site .pa-sip .pa-sepet-satir-kontrol .pa-sip-secim {
        width: 100%;
        min-width: 0;
    }
    .pa-sepet-satir-son {
        grid-column: 2;
        flex-direction: row;
        align-items: center;
    }
    .pa-form-izgara {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--pa-s-4);
    }
    .pa-sip-adim-eylem {
        flex-direction: column-reverse;
    }
    .pa-sip-adim-eylem .pa-sip-dugme {
        width: 100%;
    }
    .pa-onay-blok {
        padding: var(--pa-s-4);
    }
    .pa-onay-teslimat {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }
    .pa-onay-teslimat dd {
        margin-bottom: var(--pa-s-2);
    }
    .pa-onay-wa {
        text-align: center;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.pa-site .pa-sip-dugme {
        transition: none;
    }
}

/* ==========================================================================
   Mağaza (/magaza, /magaza/<kategori>, /magaza/set/<slug>) ve set kalemleri, 2026-09-15
   Davranış: assetsSite/js/probiyotik-magaza.js. Zemin beyaz ya da --pa-coruh-50; bej yok.
   1440: filtre 3/12 + ızgara 9/12 (3 sütun) · 991↓ filtre 220px + 2 sütun · 767↓ filtre çekmecede, 2 sütun kompakt
   ========================================================================== */
.pa-mg-ust {
    margin-top: var(--pa-s-4);
}
.pa-mg-bolum {
    margin-top: var(--pa-s-12);
}
.pa-mg-bolum-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0 var(--pa-s-4);
    margin-bottom: var(--pa-s-4);
}
body.pa-site .pa-sip .pa-mg-h2 {
    margin: 0;
    font-size: var(--pa-fs-baslik);
}
.pa-mg-bolum-ust .pa-mg-h2 + .pa-sip-bag {
    font-size: var(--pa-fs-kucuk);
}
.pa-mg-kategoriler,
.pa-mg-setler,
.pa-mg-izgara,
.pa-mg-sirke-bag,
.pa-mg-kat-nav ul,
.pa-mg-etiketler,
.pa-mg-grup ul,
.pa-mg-secici-liste,
.pa-mg-icerik,
.pa-sepet-icerik {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ---------- Kategori girişleri ---------- */
.pa-mg-kategoriler {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--pa-s-6);
    margin-top: var(--pa-s-8);
}
body.pa-site .pa-mg-kategori {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--pa-cizgi);
    border-radius: var(--pa-radius);
    background: var(--pa-beyaz);
    color: var(--pa-metin);
    text-decoration: none;
    overflow: hidden;
    transition: border-color .15s;
}
body.pa-site .pa-mg-kategori:hover {
    border-color: var(--pa-coruh-600);
    color: var(--pa-metin);
}
body.pa-site .pa-mg-kategori:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-mg-kategori-gorsel {
    display: block;
    aspect-ratio: 3 / 2;
    background: var(--pa-coruh-50);
}
.pa-mg-kategori-gorsel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pa-mg-kategori-bilgi {
    display: flex;
    flex-direction: column;
    gap: var(--pa-s-1);
    padding: var(--pa-s-4) var(--pa-s-6) var(--pa-s-6);
}
.pa-mg-kategori-ad {
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-baslik);
    font-weight: 700;
    line-height: 1.25;
    color: var(--pa-yesil);
}
body.pa-site .pa-mg-kategori:hover .pa-mg-kategori-ad {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.pa-mg-kategori-aciklama {
    color: var(--pa-metin-acik);
}
.pa-mg-kategori-sayi {
    font-size: var(--pa-fs-kucuk);
    font-weight: 600;
    color: var(--pa-coruh-700);
}

/* ---------- Set kartları ---------- */
.pa-mg-setler {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--pa-s-6);
}
.pa-mg-setler--iki {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.pa-site .pa-mg-set-kart-bag {
    display: grid;
    grid-template-columns: 136px minmax(0, 1fr);
    gap: var(--pa-s-4);
    align-items: center;
    height: 100%;
    padding: var(--pa-s-3);
    border: 1px solid var(--pa-cizgi);
    border-radius: var(--pa-radius);
    background: var(--pa-beyaz);
    color: var(--pa-metin);
    text-decoration: none;
}
body.pa-site .pa-mg-set-kart-bag:hover {
    border-color: var(--pa-coruh-600);
    color: var(--pa-metin);
}
body.pa-site .pa-mg-set-kart-bag:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-mg-set-kart-gorsel {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: var(--pa-s-2);
    background: var(--pa-coruh-50);
    overflow: hidden;
}
.pa-mg-set-kart-gorsel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pa-mg-set-kart-bilgi {
    display: flex;
    flex-direction: column;
    gap: var(--pa-s-1);
    min-width: 0;
}
body.pa-site .pa-sip .pa-mg-set-kart-ad {
    margin: 0;
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-govde);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    color: var(--pa-yesil);
}
body.pa-site .pa-mg-set-kart-bag:hover .pa-mg-set-kart-ad {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.pa-mg-set-kart-alt,
.pa-mg-set-kart-aciklama {
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
.pa-mg-set-kart-fiyat,
.pa-mg-kart-fiyat {
    font-family: var(--pa-font-baslik);
    font-weight: 700;
    color: var(--pa-yesil);
    font-variant-numeric: tabular-nums;
}
.pa-mg-set-kart-fiyat.pa-fiyat--yok,
.pa-mg-kart-fiyat.pa-fiyat--yok {
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
    font-weight: 600;
    color: var(--pa-metin-acik);
}

/* ---------- Kategori sayfası gezinmesi ---------- */
.pa-mg-kat-nav {
    margin-top: var(--pa-s-6);
}
.pa-mg-kat-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pa-s-2);
}
body.pa-site .pa-mg-kat-nav a {
    display: inline-flex;
    align-items: center;
    min-height: var(--pa-dokunma);
    padding: 0 var(--pa-s-4);
    border: 1px solid var(--pa-cizgi);
    border-radius: var(--pa-s-2);
    color: var(--pa-coruh-700);
    font-weight: 600;
    text-decoration: none;
}
body.pa-site .pa-mg-kat-nav a:hover {
    border-color: var(--pa-coruh-600);
}
body.pa-site .pa-mg-kat-nav a[aria-current="page"] {
    border-color: var(--pa-coruh-600);
    background: var(--pa-coruh-600);
    color: var(--pa-beyaz);
}

/* ---------- Filtre + ızgara düzeni ---------- */
.pa-mg-duzen {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
    gap: var(--pa-s-8);
    align-items: start;
}
.pa-mg-urunler > .pa-mg-h2 {
    margin-bottom: var(--pa-s-4);
}
.pa-mg-perde {
    display: none;
}
.pa-mg-filtre {
    position: sticky;
    top: calc(var(--pa-sip-header) + var(--pa-s-4));
    max-height: calc(100vh - var(--pa-sip-header) - var(--pa-s-8));
    overflow-y: auto;
}
.pa-mg-filtre:focus {
    outline: 0;
}
.pa-mg-filtre-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--pa-dokunma);
}
body.pa-site .pa-sip .pa-mg-filtre-baslik {
    margin: 0;
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-govde);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: var(--pa-yesil);
}
body.pa-site .pa-mg-filtre-kapat {
    display: none;
    align-items: center;
    justify-content: center;
    width: var(--pa-dokunma);
    height: var(--pa-dokunma);
    padding: 0;
    border: 0;
    border-radius: var(--pa-s-2);
    background: none;
    color: var(--pa-metin);
}
.pa-mg-filtre-alt {
    display: none;
}
.pa-mg-grup {
    min-width: 0;
    margin: 0;
    padding: var(--pa-s-3) 0;
    border: 0;
    border-top: 1px solid var(--pa-cizgi);
}
body.pa-site .pa-mg-grup legend {
    float: left;
    width: 100%;
    margin: 0 0 var(--pa-s-1);
    padding: 0;
    border: 0;
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-kucuk);
    font-weight: 700;
    line-height: 1.5;
    color: var(--pa-metin);
}
.pa-mg-grup ul {
    clear: both;
}
.pa-mg-secim {
    position: relative;
}
.pa-mg-secim input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
body.pa-site .pa-mg-secim label {
    display: flex;
    align-items: center;
    gap: var(--pa-s-3);
    min-height: var(--pa-dokunma);
    margin: 0;
    font-weight: 400;
    color: var(--pa-metin);
    cursor: pointer;
}
.pa-mg-secim-yuz {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid var(--pa-sip-girdi-cizgi);
    border-radius: 4px;
    background: var(--pa-beyaz);
}
.pa-mg-secim input[type="radio"] + label .pa-mg-secim-yuz {
    border-radius: 50%;
}
.pa-mg-secim input:checked + label .pa-mg-secim-yuz {
    border-color: var(--pa-coruh-600);
    background: var(--pa-coruh-600);
}
.pa-mg-secim input[type="checkbox"]:checked + label .pa-mg-secim-yuz::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 6px;
    height: 11px;
    border: solid var(--pa-beyaz);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.pa-mg-secim input[type="radio"]:checked + label .pa-mg-secim-yuz {
    box-shadow: inset 0 0 0 3px var(--pa-beyaz);
}
.pa-mg-secim input:focus-visible + label .pa-mg-secim-yuz {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-mg-secim:hover .pa-mg-secim-ad {
    color: var(--pa-coruh-700);
}
.pa-mg-secim-ad {
    flex: 1 1 auto;
    min-width: 0;
}
.pa-mg-secim-sayi {
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
    font-variant-numeric: tabular-nums;
}
.pa-mg-form-eylem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pa-s-4);
    padding-top: var(--pa-s-3);
    border-top: 1px solid var(--pa-cizgi);
}

/* Araç satırı: sonuç sayısı, filtre düğmesi (mobil), sıralama */
.pa-mg-sonuclar {
    min-width: 0;
}
.pa-mg-arac {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--pa-s-3) var(--pa-s-4);
    min-height: var(--pa-dokunma);
    margin-bottom: var(--pa-s-4);
}
.pa-mg-sonuc {
    margin: 0;
    font-weight: 600;
    color: var(--pa-metin);
}
.pa-mg-sonuc:focus {
    outline: 0;
}
body.pa-site .pa-sip .pa-mg-filtre-ac {
    display: none;
    gap: var(--pa-s-2);
    min-height: var(--pa-dokunma);
    padding: 0 var(--pa-s-4);
}
.pa-mg-filtre-sayi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 var(--pa-s-2);
    border-radius: 11px;
    background: var(--pa-coruh-600);
    color: var(--pa-beyaz);
    font-size: var(--pa-fs-kucuk);
    line-height: 1;
}
.pa-mg-sirala {
    display: flex;
    align-items: center;
    gap: var(--pa-s-2);
}
body.pa-site .pa-sip .pa-mg-sirala .pa-sip-etiket {
    margin: 0;
    white-space: nowrap;
}
body.pa-site .pa-sip .pa-mg-sirala .pa-sip-secim {
    width: auto;
    min-width: 200px;
}
.pa-mg-etiketler {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pa-s-2);
    margin: calc(-1 * var(--pa-s-2)) 0 var(--pa-s-4);
}
body.pa-site .pa-mg-etiket {
    display: inline-flex;
    align-items: center;
    gap: var(--pa-s-2);
    min-height: var(--pa-dokunma);
    padding: 0 var(--pa-s-3) 0 var(--pa-s-4);
    border: 1px solid var(--pa-coruh-100);
    border-radius: var(--pa-s-2);
    background: var(--pa-coruh-50);
    color: var(--pa-coruh-700);
    font-size: var(--pa-fs-kucuk);
    font-weight: 600;
    cursor: pointer;
}
body.pa-site .pa-mg-etiket:hover {
    border-color: var(--pa-coruh-600);
}
body.pa-site .pa-mg-etiket:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-mg-etiket-x {
    font-size: var(--pa-fs-govde);
    line-height: 1;
}

/* ---------- Ürün kartı ---------- */
.pa-mg-izgara {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--pa-s-8) var(--pa-s-6);
}
.pa-mg-kart {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
body.pa-site .pa-mg-kart-bag {
    display: flex;
    flex-direction: column;
    gap: var(--pa-s-3);
    color: var(--pa-yesil);
    text-decoration: none;
}
body.pa-site .pa-mg-kart-bag:focus-visible {
    outline: 2px solid var(--pa-coruh-600);
    outline-offset: 2px;
}
.pa-mg-kart-gorsel {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: var(--pa-s-2);
    background: var(--pa-coruh-50);
    overflow: hidden;
}
.pa-mg-kart-gorsel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .3s;
}
body.pa-site .pa-mg-kart-bag:hover .pa-mg-kart-gorsel img {
    transform: scale(1.03);
}
.pa-mg-kart-ad {
    font-family: var(--pa-font-baslik);
    font-weight: 700;
    line-height: 1.3;
}
body.pa-site .pa-mg-kart-bag:hover .pa-mg-kart-ad {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.pa-mg-kart-alt {
    margin: var(--pa-s-1) 0 0;
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
}
.pa-mg-kart-fiyat {
    margin: var(--pa-s-1) 0 0;
}
.pa-mg-kart-eylem {
    margin-top: auto;
    padding-top: var(--pa-s-3);
}
body.pa-site .pa-sip .pa-mg-kart-dugme {
    width: 100%;
    padding: 0 var(--pa-s-3);
}
body.pa-site .pa-sip .pa-mg-kart-dugme.pa-mg-eklendi {
    border-color: var(--pa-coruh-600);
    background: var(--pa-coruh-600);
    color: var(--pa-beyaz);
}
.pa-mg-bos {
    padding: var(--pa-s-8) 0;
}
.pa-mg-bos p {
    margin: 0 0 var(--pa-s-4);
    color: var(--pa-metin-acik);
}

/* Hızlı ekleme sonrası alt çubuk */
.pa-mg-cubuk {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 900;
    padding: var(--pa-s-2) 0 calc(var(--pa-s-2) + env(safe-area-inset-bottom));
    border-top: 1px solid var(--pa-cizgi);
    background: var(--pa-beyaz);
    box-shadow: 0 -8px 24px rgba(12, 42, 33, .08);
}
.pa-mg-cubuk-ic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pa-s-4);
}
.pa-mg-cubuk-metin {
    min-width: 0;
    font-weight: 600;
    color: var(--pa-yesil);
}

/* ---------- Set detay ---------- */
.pa-mg-set-ust {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--pa-s-12);
    align-items: start;
    margin-top: var(--pa-s-4);
}
.pa-mg-set-gorsel {
    position: sticky;
    top: calc(var(--pa-sip-header) + var(--pa-s-4));
    margin: 0;
    aspect-ratio: 1 / 1;
    border-radius: var(--pa-radius);
    background: var(--pa-coruh-50);
    overflow: hidden;
}
.pa-mg-set-gorsel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pa-mg-set-marka {
    margin: 0 0 var(--pa-s-1);
    font-size: var(--pa-fs-kucuk);
    font-weight: 600;
    color: var(--pa-coruh-700);
}
.pa-mg-set-alt {
    margin: var(--pa-s-1) 0 0;
    color: var(--pa-metin-acik);
}
.pa-mg-set-fiyat {
    margin: var(--pa-s-4) 0 0;
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-baslik);
    font-weight: 700;
    color: var(--pa-yesil);
}
.pa-mg-set-fiyat.pa-fiyat--yok {
    font-family: var(--pa-font-govde);
    font-size: var(--pa-fs-govde);
    font-weight: 600;
    color: var(--pa-metin-acik);
}
.pa-mg-set-aciklama {
    margin: var(--pa-s-3) 0 var(--pa-s-6);
}
body.pa-site .pa-sip .pa-mg-set-h2 {
    width: auto;
    margin: 0 0 var(--pa-s-2);
    padding: 0;
    border: 0;
    font-family: var(--pa-font-baslik);
    font-size: var(--pa-fs-govde);
    font-weight: 700;
    line-height: 1.4;
    color: var(--pa-yesil);
}
.pa-mg-secici {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
.pa-mg-secici-durum {
    margin: 0 0 var(--pa-s-2);
    font-weight: 600;
    color: var(--pa-coruh-700);
    font-variant-numeric: tabular-nums;
}
.pa-mg-secici-liste,
.pa-mg-icerik {
    border-top: 1px solid var(--pa-cizgi);
}
.pa-mg-secici-satir,
.pa-mg-icerik li {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: var(--pa-s-4);
    align-items: center;
    padding: var(--pa-s-2) var(--pa-s-2);
    border-bottom: 1px solid var(--pa-cizgi);
}
.pa-mg-secici-satir.pa-mg-secili {
    background: var(--pa-coruh-50);
}
.pa-mg-secici-gorsel,
.pa-mg-icerik-gorsel {
    display: block;
    width: 48px;
    height: 64px;
}
.pa-mg-secici-gorsel img,
.pa-mg-icerik-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pa-mg-secici-ad {
    font-weight: 600;
    color: var(--pa-yesil);
}
.pa-adet-giris.pa-mg-secim-sayi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
body.pa-site .pa-mg-icerik a {
    display: inline-flex;
    align-items: center;
    min-height: var(--pa-dokunma);
    font-weight: 600;
    color: var(--pa-yesil);
}
.pa-mg-icerik-adet {
    font-size: var(--pa-fs-kucuk);
    color: var(--pa-metin-acik);
    white-space: nowrap;
}
.pa-mg-set-satin {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--pa-s-4);
    margin-top: var(--pa-s-6);
}
body.pa-site .pa-sip .pa-mg-set-ekle {
    flex: 1 1 220px;
}
body.pa-site .pa-sip .pa-mg-set-ekle[aria-disabled="true"],
body.pa-site .pa-sip .pa-mg-set-ekle[aria-disabled="true"]:hover {
    border-color: var(--pa-coruh-100);
    background: var(--pa-coruh-100);
    color: var(--pa-metin-acik);
    cursor: not-allowed;
}
.pa-mg-set-ipucu {
    margin-top: var(--pa-s-2);
}
.pa-mg-set-ipucu.pa-mg-uyari {
    font-weight: 600;
    color: var(--pa-sip-hata);
}
.pa-mg-set-git {
    margin-top: var(--pa-s-3);
}
.pa-mg-sirke-bag {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: var(--pa-s-4);
}
body.pa-site .pa-mg-sirke-bag a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--pa-s-2);
    font-size: var(--pa-fs-kucuk);
    font-weight: 600;
    text-align: center;
    color: var(--pa-yesil);
    text-decoration: none;
}
body.pa-site .pa-mg-sirke-bag a:hover span:last-child {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.pa-mg-sirke-bag-gorsel {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: var(--pa-s-2);
    background: var(--pa-coruh-50);
}
.pa-mg-sirke-bag-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* PDP "Bu sirkenin olduğu setler": .pa-sip tipografisini kullanır, header boşluğunu almaz */
.pa-sip.pa-mg-pdp-setler {
    padding: var(--pa-s-12) 0 var(--pa-s-8);
}

/* ---------- Set kalemleri: çekmece, sepet satırı, özetler ---------- */
.pa-sepet-kalem-icerik,
.pa-ozet-satir-icerik {
    font-size: var(--pa-fs-kucuk);
    line-height: 1.4;
    color: var(--pa-metin-acik);
}
.pa-sepet-icerik {
    width: 100%;
    max-width: 360px;
    margin-top: var(--pa-s-2);
    border-top: 1px solid var(--pa-cizgi);
}
.pa-sepet-icerik li {
    display: flex;
    justify-content: space-between;
    gap: var(--pa-s-3);
    padding: var(--pa-s-1) 0;
    border-bottom: 1px solid var(--pa-cizgi);
    font-size: var(--pa-fs-kucuk);
}
.pa-sepet-icerik-adet {
    color: var(--pa-metin-acik);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 991px) {
    .pa-mg-duzen {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: var(--pa-s-6);
    }
    .pa-mg-izgara {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pa-mg-setler {
        grid-template-columns: minmax(0, 1fr);
    }
    .pa-mg-set-ust {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--pa-s-6);
    }
    .pa-mg-set-gorsel {
        position: static;
        max-width: 480px;
    }
    .pa-mg-sirke-bag {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .pa-mg-kategoriler {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--pa-s-3);
        margin-top: var(--pa-s-6);
    }
    body.pa-site .pa-mg-kategori {
        flex-direction: row;
        align-items: stretch;
    }
    .pa-mg-kategori-gorsel {
        flex: 0 0 120px;
        aspect-ratio: auto;
    }
    .pa-mg-kategori-bilgi {
        padding: var(--pa-s-3) var(--pa-s-4);
    }
    .pa-mg-bolum {
        margin-top: var(--pa-s-8);
    }
    .pa-mg-setler--iki {
        grid-template-columns: minmax(0, 1fr);
    }
    body.pa-site .pa-mg-set-kart-bag {
        grid-template-columns: 96px minmax(0, 1fr);
    }
    .pa-mg-set-kart-aciklama {
        display: none;
    }
    .pa-mg-duzen {
        display: block;
    }
    body.pa-site .pa-sip .pa-mg-filtre-ac {
        display: inline-flex;
    }
    .pa-mg-arac {
        gap: var(--pa-s-2) var(--pa-s-3);
    }
    .pa-mg-sonuc {
        flex: 1 1 100%;
    }
    .pa-mg-sirala {
        flex: 1 1 auto;
        justify-content: flex-end;
    }
    body.pa-site .pa-sip .pa-mg-sirala .pa-sip-secim {
        min-width: 0;
        max-width: 190px;
    }
    /* Filtre çekmecesi */
    .pa-mg-perde {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10040;
        display: block;
        background: rgba(12, 42, 33, .45);
    }
    .pa-mg-filtre {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 10050;
        display: flex;
        flex-direction: column;
        width: 88vw;
        max-width: 360px;
        max-height: none;
        padding: 0 var(--pa-s-4);
        background: var(--pa-beyaz);
        overflow-y: auto;
        visibility: hidden;
        transform: translateX(-100%);
        transition: transform .25s ease, visibility 0s linear .25s;
    }
    .pa-mg-filtre.acik {
        visibility: visible;
        transform: none;
        transition: transform .25s ease;
    }
    .pa-mg-filtre-ust {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: var(--pa-s-2) 0;
        background: var(--pa-beyaz);
    }
    body.pa-site .pa-mg-filtre-kapat {
        display: inline-flex;
    }
    .pa-mg-form {
        flex: 1 0 auto;
    }
    .pa-mg-filtre-alt {
        position: sticky;
        bottom: 0;
        display: block;
        margin: 0 calc(-1 * var(--pa-s-4));
        padding: var(--pa-s-3) var(--pa-s-4) calc(var(--pa-s-3) + env(safe-area-inset-bottom));
        border-top: 1px solid var(--pa-cizgi);
        background: var(--pa-beyaz);
    }
    .pa-mg-izgara {
        gap: var(--pa-s-6) var(--pa-s-3);
    }
    .pa-mg-kart-ad {
        font-size: var(--pa-fs-kucuk);
    }
    .pa-mg-kart-alt {
        display: none;
    }
    body.pa-site .pa-sip .pa-mg-kart-dugme {
        padding: 0 var(--pa-s-2);
        font-size: var(--pa-fs-kucuk);
    }
    .pa-mg-cubuk-metin {
        font-size: var(--pa-fs-kucuk);
    }
    .pa-mg-sirke-bag {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--pa-s-3);
    }
    .pa-mg-set-satin {
        flex-direction: column;
        align-items: stretch;
    }
    body.pa-site .pa-sip .pa-mg-set-ekle {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .pa-mg-filtre,
    .pa-mg-filtre.acik,
    .pa-mg-kart-gorsel img,
    body.pa-site .pa-mg-kategori {
        transition: none;
    }
}