/* Magnesia Katalog — arşiv ve tekil ürün parçaları (mgk-*). Tasarım değişkenleri alt temadan (ortak.css :root) gelir;
   burada yalnız yedek değerleriyle kullanılır. Düzen (mg-urun*, .sayfa-bas, .vitrin, .kat8, .seri5, .urun8) alt temada. */

/* marka vurgusu: gövdede mgk-marka-<slug> (marka arşivi, ürün sayfası, ürün kategorisi) */
.mgk-marka-dsppa{--vurgu:#009794;--vurgu-koyu:#007a78}
.mgk-marka-magvia{--vurgu:#1a5c9e;--vurgu-koyu:#0c3f6e}

/* ana sayfa vitrini: sekmeler <button> (tasarımda <span>; aynı görünüm) */
.vitrin .sekme button,.mgk-vitrin .sekme button{font:inherit;font-size:13px;font-weight:600;padding:9px 18px;border-radius:999px;border:1.5px solid var(--cizgi,#e2e5e8);background:#fff;color:var(--metin,#16181a);cursor:pointer;line-height:1.2}
.vitrin .sekme button.on,.mgk-vitrin .sekme button.on{background:#111;color:#fff;border-color:#111}
.vitrin .sekme button:focus-visible,.mgk-vitrin .sekme button:focus-visible{outline:2px solid var(--kirmizi,#c00000);outline-offset:2px}
.mgk-vitrin .ur[hidden]{display:none!important}

/* ürün kartı ızgarası (arşiv, benzer ürünler) */
.mgk-izgara.urunler,.mgk-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;min-width:0}
.mgk-izgara .ur{border-radius:14px;overflow:hidden;background:var(--sis,#f3f4f5);display:flex;flex-direction:column;color:var(--metin,#16181a);text-decoration:none;min-width:0;transition:transform .2s,box-shadow .2s}
.mgk-izgara .ur:hover{transform:translateY(-3px);box-shadow:0 16px 36px -22px rgba(0,0,0,.35)}
.mgk-izgara .ur .g{height:190px;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#eceef0 70%)}
.mgk-izgara .ur.mv .g{background:#eaeef4;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.mgk-izgara .ur .g img{max-height:150px;width:auto;max-width:100%;object-fit:contain}
.mgk-izgara .ur.mv .g img{filter:contrast(1.08) brightness(.97)}
.mgk-izgara .ur .b{padding:16px 18px 20px;display:flex;flex-direction:column}
.mgk-izgara .ur em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--vurgu-koyu,var(--ikincil,#555c63))}
.mgk-izgara .ur.mv em{color:var(--magvia,#1a5c9e)}.mgk-izgara .ur.ds em{color:var(--dsppa-koyu,#007a78)}
.mgk-izgara .ur b{display:block;font-size:16px;margin:6px 0 4px;overflow-wrap:anywhere}
.mgk-izgara .ur small{font-size:13px;color:var(--ikincil,#555c63);line-height:1.4}

/* arşiv */
.mgk-arsiv{display:flex;flex-direction:column;gap:18px;min-width:0}
.mgk-alt{display:flex;flex-wrap:wrap;gap:8px}
.mgk-cip{font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:999px;border:1.5px solid var(--cizgi,#e2e5e8);color:var(--metin,#16181a);text-decoration:none;background:#fff}
.mgk-cip:hover,.mgk-cip.on{border-color:var(--vurgu,var(--kirmizi,#c00000));color:var(--vurgu-koyu,var(--kirmizi,#c00000))}
.mgk-ara{display:flex;gap:8px;max-width:520px;width:100%}
.mgk-ara input{flex:1;min-width:0;padding:12px 16px;border:1.5px solid var(--cizgi,#e2e5e8);border-radius:999px;font:inherit;font-size:15px}
.mgk-ara button{padding:12px 22px;border-radius:999px;border:0;background:var(--kirmizi,#c00000);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.mgk-say{font-size:14px;color:var(--ikincil,#555c63);margin:0}
.mgk-bos{color:var(--ikincil,#555c63);font-size:16px}
.mgk-sayfalama{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}
.mgk-sayfalama .page-numbers{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid var(--cizgi,#e2e5e8);color:var(--metin,#16181a);text-decoration:none;font-weight:600;font-size:14px}
.mgk-sayfalama .page-numbers.current{background:#111;color:#fff;border-color:#111}
.mgk-sayfalama .page-numbers.dots{border:0}

/* sayfa yolu (açık zemin) */
.mgk-yol{font-size:13px;color:var(--celik,#6c737a)}
.mgk-yol-ic{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.mgk-yol a{color:var(--ikincil,#555c63);text-decoration:none}.mgk-yol a:hover{color:var(--vurgu-koyu,var(--kirmizi,#c00000))}
.mgk-yol span{opacity:.6}

/* tekil ürün parçaları */
.mgk-galeri{margin:0;border-radius:18px;background:radial-gradient(ellipse 80% 70% at 50% 42%,#fff 0%,#eceef0 60%,#dfe2e5 100%);display:flex;align-items:center;justify-content:center;padding:32px;aspect-ratio:4/3;overflow:hidden}
.mgk-marka-magvia .mgk-galeri{background:#eaeef4}
.mgk-galeri img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.mgk-baslik h1{font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.12;margin:10px 0 0;overflow-wrap:anywhere}
.mgk-ust-not{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--vurgu-koyu,var(--kirmizi,#c00000));text-decoration:none}
.mgk-ust-not:before{content:"";width:30px;height:3px;background:var(--vurgu,var(--kirmizi,#c00000))}
.mgk-model{margin:10px 0 0;font-size:15px;color:var(--ikincil,#555c63)}.mgk-model b{color:var(--metin,#16181a)}
.mgk-kisa{font-size:18px;line-height:1.6;color:var(--ikincil,#555c63);margin:0}
.mgk-icerik{font-size:16px;line-height:1.7;color:var(--metin,#16181a)}
.mgk-ozellikler{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mgk-ozellikler li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.5}
.mgk-ozellikler li:before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:50%;background:var(--vurgu,var(--kirmizi,#c00000))}
.mgk-butonlar{display:flex;flex-wrap:wrap;gap:12px}
.mgk-dugme{text-decoration:none}
.mgk-dugme-ikincil{color:var(--vurgu-koyu,#111)}
.mgk-teknik h2,.mgk-belgeler h2,.mgk-benzer h2{font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.2;margin:0 0 20px}
.mgk-tablo{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--cizgi,#e2e5e8);border-radius:14px;overflow:hidden;table-layout:fixed}
.mgk-tablo th,.mgk-tablo td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--cizgi,#e2e5e8);vertical-align:top;overflow-wrap:anywhere}
.mgk-tablo tr:last-child th,.mgk-tablo tr:last-child td{border-bottom:0}
.mgk-tablo th{width:36%;font-weight:600;color:var(--ikincil,#555c63);background:var(--sis,#f3f4f5)}
.mgk-not{font-size:12.5px;color:var(--celik,#6c737a);margin:12px 0 0}
.mgk-belge-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.mgk-belge{border:1px solid var(--cizgi,#e2e5e8);border-radius:14px;padding:24px;background:#fff;color:var(--metin,#16181a);text-decoration:none;display:block;min-width:0}
.mgk-belge:hover{border-color:var(--vurgu,var(--kirmizi,#c00000))}
.mgk-belge i{display:block;width:34px;height:4px;background:var(--vurgu,var(--kirmizi,#c00000));margin-bottom:16px;border-radius:2px}
.mgk-belge b{display:block;font-size:17px;margin-bottom:6px;overflow-wrap:anywhere}
.mgk-belge span{font-size:14px;color:var(--ikincil,#555c63)}

/* bayiler */
.mgk-bayiler{display:flex;flex-direction:column;gap:36px}
.mgk-bayi-il h3{font-size:22px;font-weight:700;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--kirmizi,#c00000)}
.mgk-bayi-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.mgk-bayi{border:1px solid var(--cizgi,#e2e5e8);border-radius:14px;padding:22px;background:#fff;min-width:0}
.mgk-bayi h4{font-size:18px;font-weight:700;margin:0 0 6px}
.mgk-bayi p,.mgk-bayi address{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--ikincil,#555c63);font-style:normal;overflow-wrap:anywhere}
.mgk-bayi a{color:var(--metin,#16181a)}
.mgk-bayi-marka{display:flex;flex-wrap:wrap;gap:6px}
.mgk-bayi-marka span{font-size:11.5px;font-weight:700;letter-spacing:.06em;border:1px solid var(--cizgi,#e2e5e8);border-radius:999px;padding:4px 10px;color:var(--metin,#16181a)}

/* mobil: tek sütun, yatay taşma yok */
@media (max-width:600px){
  .mgk-izgara.urunler,.mgk-izgara,.mgk-belge-liste,.mgk-bayi-liste{grid-template-columns:1fr}
  .mgk-izgara .ur{flex-direction:row}
  .mgk-izgara .ur .g{width:38%;height:auto;min-height:130px;padding:12px;flex:none}
  .mgk-izgara .ur .g img{max-height:110px}
  .mgk-izgara .ur .b{padding:14px;min-width:0}
  .mgk-galeri{padding:18px}
  .mgk-tablo{font-size:14px}.mgk-tablo th,.mgk-tablo td{padding:10px 12px}.mgk-tablo th{width:42%}
  .mgk-ara button{padding:12px 16px}
  .mgk-butonlar .pill{width:100%;justify-content:center}
  .vitrin .sekme,.mgk-vitrin .sekme{flex-wrap:wrap}
}