/* Mobil ve tablet katmanı (m1-mobil, 28.10.2026). Bütün sayfalarda, bütün stillerden SONRA yüklenir (inc/modul-mobil.php).
   Kural: her şey 1099 px ve altında; masaüstü (≥1100 px) görünümü bu dosyadan hiç etkilenmez.
   İlke (Cihat): sakin, kucaklayan, güven veren; tek zemin, uzun yumuşak geçiş, yarım kesik görsel yok (uçlarda solma),
   tek hiza, tek ritim; dokunma hedefi ≥ 44 px, gövde metni ≥ 16 px, form alanı 16 px (iOS yakınlaştırmasın).
   Sıra: 1 genel ritim · 2 dokunma hedefleri · 3 metin · 4 kaydırma şeritleri ve solma · 5 tablolar · 6 formlar ·
         7 başlık/çapa · 8 performans · 9 yüzen gezinme (mobil.js) · 10 sayfa türleri · 11 tablet */

@media (max-width: 1099px) {
	:root {
		--m1-kenar: 16px;
		--m1-solma: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 28px), transparent 100%);
		--m1-solma-sag: linear-gradient(90deg, #000 0, #000 calc(100% - 32px), transparent 100%);
		--m1-alt: 0px; /* çerez şeridi açıkken mobil.js yüksekliğini yazar; yüzen düğmeler onun üstünde durur */
	}
	html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
	body { -webkit-tap-highlight-color: rgba(255, 179, 126, .18); }
}

/* ---------- 1–2. Dokunma hedefleri (≤1080: mobil menü kırılımıyla aynı) ---------- */
@media (max-width: 1080px) {
	/* Ekmek kırıntısı: 23 px → 44 px dokunma alanı, görünüm aynı (dikey dolgu, negatif kenar boşluğu). */
	.ekmek a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 0; margin-block: -10px; }
	.logo { display: inline-flex; align-items: center; min-height: 44px; }
	.menu-ac { min-width: 44px; min-height: 44px; }

	/* Çipler, sekmeler, küçük düğmeler: tek yükseklik 44 px, ortalanmış. */
	.galeri-sekme, .sekme-satir button, .ii-konu, .ii-araclar a, .ii-mama-baglar a, .ii-madde-bag,
	.belirti-cip a, .cipler a, .asi-baglanti a, .blog-cipler .cip, .konu-etiketler a, .konu-sekmeler a, .konu-sekmeler button,
	.hr-cip, .rh-cip, .rh-mini, .rh-sekmeler a, .rh-sekmeler button, .ma-marka-cip, .ma-tur-sekme a, .ma-tur-sekme button,
	.suzgec a, .suzgec button, .harfler a, .ar-sekmeler a, .ar-sekmeler button, .blog-kunye-yazar, .blog-yazar-ad a,
	.blog-bant-git, .fg-aralik button, .ma-sekmeler label, .cz-d, .il-aydinlatma summary, .alt-iletisim {
		min-height: 44px; box-sizing: border-box;
	}
	.galeri-sekme, .ii-konu, .ii-araclar a, .ii-mama-baglar a, .belirti-cip a, .cipler a, .asi-baglanti a, .blog-cipler .cip,
	.konu-etiketler a, .hr-cip, .rh-cip, .rh-mini, .ma-marka-cip, .blog-bant-git, .alt-iletisim, .ii-madde-bag {
		display: inline-flex; align-items: center;
	}
	.fg-aralik button { min-width: 44px; }
	.alt-iletisim { padding-inline: 8px !important; }

	/* İçindekiler çipleri (ırk, konu, blog, grup): 36 → 44 px. */
	.irk-icindekiler a, .grp-ic a, .ts-ic a { min-height: 44px; display: inline-flex; align-items: center; box-sizing: border-box; }

	/* Altbilgi bağlantıları: satır yüksekliği 44 px. */
	.alt-kolon a, .alt-menu a { display: inline-flex; align-items: center; min-height: 44px; }
	.alt-baslik { min-height: 48px; }
	footer.alt li a { display: inline-flex; align-items: center; min-height: 44px; }
	/* Kaynak listeleri ve marka logoları: görünüm aynı, dokunma alanı dikeyde 44 px. */
	main :is([class*="kaynak"]) li { padding-block: 4px; }
	main :is([class*="kaynak"]) li > a, .katalog-kaynak > a { display: inline-block; padding-block: 12px; margin-block: -12px; }
	.mama-markalar a { min-height: 44px; padding-block: 9px; box-sizing: border-box; }
	/* Harita yakınlaştırma düğmeleri 30 → 44 px; il tablosu ve kart başlık bağlantıları. */
	.hr-pin::after { content: ""; position: absolute; inset: -13px; }
	.leaflet-touch .leaflet-bar a, .leaflet-bar a { width: 44px !important; height: 44px !important; line-height: 44px !important; font-size: 22px !important; }
	main th > a, .rh-kart h3 a, .blog-yazar-ad a, .blog-yazar-ad, .il-bilgi a { display: inline-block; padding-block: 10px; margin-block: -10px; }
	.ai-dugme { min-height: 44px; }
	.ma-vt-dugme { min-height: 44px; display: inline-flex; align-items: center; }
	.ma-marka-cip { min-width: 44px; justify-content: center; }
	main li > button { min-height: 44px; }
	main td > a:only-child, main td > a:first-child:last-child { display: inline-block; padding-block: 12px; margin-block: -12px; }

	/* Dipnot numaraları ([1], [4]): görünüm aynı, dokunma alanı görünmez halka ile büyür. */
	.atif-no a { position: relative; } /* hiz2 */
	.atif-no a::after { content: ""; position: absolute; inset: -10px -2px; }

	/* Onay kutuları ve seçimler: etiketin tamamı dokunulur, ≥ 44 px. */
	label:has(> input[type=checkbox]), label:has(> input[type=radio]) { min-height: 44px; display: flex; align-items: center; gap: 10px; }
	input[type=checkbox], input[type=radio] { width: 20px; height: 20px; flex: none; }
	/* Vitrin noktaları bilerek küçük kalır (10 nokta 358 px'e sığmalı; vitrin parmakla kaydırılır, durdur düğmesi var). */
	.ma-vt-kontrol { max-width: calc(100% - 20px); }
}

/* ---------- 3. Gövde metni ≥ 16 px (notlar, künyeler, dipnotlar hariç) ---------- */
@media (max-width: 1080px) {
	main :is(p, li, dd, blockquote):not([class*="not"]):not([class*="kucuk"]):not([class*="kaynak"]):not([class*="ipucu"]):not([class*="kunye"]):not(.irk-icindekiler *):not(.grp-ic *):not(.ts-ic *):not(nav *):not(.ekmek *) {
		font-size: max(16px, 1em);
	}
	main :is(.kime2-govde, .bakim2-govde, .bd, .cv, .kontrol-liste, .soru-liste, .konu-acil-liste, .nb-kart-govde, .il-maddeler) :is(p, li) { line-height: 1.6; }
	/* Tablo hücreleri 15 px kalabilir (yoğun veri) ama 14,5'in altına inmez. */
	main table :is(td, th):not(#m1) { font-size: max(15px, 1em); }
	/* Çerez şeridi uzun metni okunur: 12,5 → 14 px. */
	.cz-uzun { font-size: 14px; }
}

/* ---------- 4. Yatay şeritler: kesik görsel/çip yok, uçlarda solma, kaydırma çubuğu gizli, yaslanma ---------- */
@media (max-width: 1080px) {
	.irk-icindekiler > ol, .grp-ic ol, .ts-ic ol, .galeri-sekmeler, .hr-cipler, .ma-marka-serit, .ma-tur-sekme, .ma-suzgec,
	.suzgec, .harfler, .ar-sekmeler, .blog-cipler, .konu-sekmeler, .rh-sekmeler, .rh-ilceler ul, .belirti-cipler {
		scrollbar-width: none; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: 12px;
		-webkit-mask-image: var(--m1-solma-sag); mask-image: var(--m1-solma-sag);
	}
	/* mobil.js: kaydırılınca sol kenar da söner (.m1-sol), sona gelince sağ solma kalkar (.m1-son). İlk öğe hiç solmaz. */
	.m1-serit.m1-sol { -webkit-mask-image: var(--m1-solma); mask-image: var(--m1-solma); }
	.m1-serit.m1-sol.m1-son { -webkit-mask-image: linear-gradient(90deg, transparent, #000 18px); mask-image: linear-gradient(90deg, transparent, #000 18px); }
	.m1-serit.m1-son:not(.m1-sol), .m1-serit:not(.m1-tasar-s) { -webkit-mask-image: none; mask-image: none; }
	:is(.irk-icindekiler > ol, .grp-ic ol, .ts-ic ol, .galeri-sekmeler, .hr-cipler, .ma-marka-serit, .ma-suzgec, .suzgec, .harfler, .blog-cipler, .rh-ilceler ul)::-webkit-scrollbar { display: none; }
	.irk-icindekiler > ol > li, .grp-ic li, .ts-ic li { scroll-snap-align: start; flex: none; }
	/* Şeridin ilk/son öğesi solmada kaybolmasın: iç dolgu. */
	.irk-icindekiler > ol, .grp-ic ol { padding-inline: 6px 28px; }
	/* Kart şeritleri (popüler ırklar, araçlar, grup karoları): yarım kart değil, uçta solma. */
	.serit, .grup-karolar, .araclar .arac-izgara, .rh-govde > .ts, .ma-vt-iz {
		scrollbar-width: none; -webkit-mask-image: var(--m1-solma-sag); mask-image: var(--m1-solma-sag);
	}
	/* Künye kartlarında (köken, FCI grubu…) değer yarıda kesilmesin: dar ekranda satır sınırı yok. */
	.ib-kunye dd { -webkit-line-clamp: unset; line-clamp: unset; display: block; overflow: visible; }
}

/* ---------- 5. Tablolar: yatay kaydırma + gölge/solma ipucu ---------- */
@media (max-width: 1080px) {
	.tablo-kap, .grp-tablo-kap, .rg-tablo-kap, .ts-tablo-kap, .konu-tablo-kap {
		overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; max-width: 100%; position: relative;
	}
	/* mobil.js taşan tabloya .m1-tasar ekler; sağda/solda kalan içerik varsa o kenar söner. */
	.m1-tasar.m1-sag { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 44px), rgba(0, 0, 0, .25)); mask-image: linear-gradient(90deg, #000 calc(100% - 44px), rgba(0, 0, 0, .25)); }
	.m1-tasar.m1-sol { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .25), #000 44px); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .25), #000 44px); }
	.m1-tasar.m1-sag.m1-sol { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .25), #000 44px, #000 calc(100% - 44px), rgba(0, 0, 0, .25)); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .25), #000 44px, #000 calc(100% - 44px), rgba(0, 0, 0, .25)); }
	.m1-tablo-ipucu { display: flex; align-items: center; gap: 6px; margin: 10px 2px -4px; font: 700 13px/1.3 var(--govde); color: var(--soluk); }
	.m1-tablo-ipucu svg { width: 18px; height: 18px; flex: none; }
	/* İlk sütun yapışkan: satır adı kaydırırken kaybolmasın. */
	.m1-tasar table :is(th, td):first-child { position: sticky; left: 0; z-index: 1; background: var(--kagit); box-shadow: 1px 0 0 var(--cizgi); }
}

/* ---------- 6. Formlar: 16 px (iOS odakta yakınlaştırmasın), 48 px alan ---------- */
@media (max-width: 1080px) {
	input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select, textarea { font-size: 16px !important; }
	input:is([type=text], [type=search], [type=email], [type=tel], [type=url], [type=number]), select { min-height: 46px; }
	textarea { min-height: 120px; }
}

/* ---------- 7. Yapışkan başlık altında çapa hedefleri görünür kalsın ---------- */
@media (max-width: 1080px) {
	/* Yalnız başlık ve bölümler: kaydırmalı vitrin slaytlarına (div[id]) scroll-margin verilirse mobil görünüm 2 kat genişliyordu. */
	main :is(h2, h3, section, article)[id]:not(.ma-vt-iz *) { scroll-margin-top: 84px; }
}

/* ---------- 8. Performans: blur'lar ve ağır hareketler mobilde kapalı ---------- */
@media (max-width: 1080px) {
	.fk-hap, .fk-cam { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; --cam: rgba(255, 255, 255, .9); }
	:is(.ma-suzgec, .ma-marka-serit, .ma-vt-bilgi li, .ma-vt-logo, .ma-kart .ma-kart-fiyat, .ma-vt-kontrol, .ma-ozet-kutu) {
		-webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(255, 255, 255, .92) !important;
		contain: layout; /* backdrop-filter kapsayıcı blok kuruyordu; kalkınca içteki konumlu öğeler sayfayı 2 kat genişletiyordu */
	}
	.home .kahraman *, .ana-akis * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
	.gunes-isik { filter: none; animation: none; opacity: .8; }
	.suzul, .kipirda, [class*="emoji-salla"] { animation-duration: 9s !important; }
}
@media (max-width: 1080px) and (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
	html:has(.irk-icindekiler, .grp-ic, .ts-ic) { scroll-behavior: auto; }
}

/* ---------- 9. Yüzen gezinme (mobil.js): "Bölümler" + "Başa dön" ---------- */
.m1-yuzen { display: none; }
@media (max-width: 1080px) {
	.m1-yuzen {
		display: flex; gap: 8px; position: fixed; z-index: 8000; right: 14px; bottom: calc(14px + var(--m1-alt) + env(safe-area-inset-bottom, 0px));
		opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .35s ease, transform .35s ease;
	}
	.m1-yuzen.gorunur { opacity: 1; transform: none; pointer-events: auto; }
	body.menu-acik .m1-yuzen, body.m1-sayfa-acik .m1-yuzen { opacity: 0; pointer-events: none; }
	.m1-d {
		all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
		min-width: 48px; height: 48px; padding: 0 14px; border-radius: 999px; font: 800 15px/1 var(--govde); color: var(--murekkep);
		background: rgba(255, 253, 248, .96); border: 1px solid var(--cizgi); box-shadow: 0 8px 24px -10px rgba(100, 60, 0, .35);
	}
	.m1-d svg { width: 20px; height: 20px; flex: none; }
	.m1-d:focus-visible { outline: 3px solid var(--gok, #7cc4ff); outline-offset: 2px; }
	.m1-d-yukari { padding: 0; width: 48px; }

	/* Bölümler alt sayfası */
	.m1-sayfa { position: fixed; inset: 0; z-index: 9500; display: none; }
	.m1-sayfa.acik { display: block; }
	.m1-sayfa-ort { position: absolute; inset: 0; background: rgba(45, 42, 62, .32); opacity: 0; transition: opacity .3s ease; }
	.m1-sayfa.gorunur .m1-sayfa-ort { opacity: 1; }
	.m1-sayfa-kart {
		position: absolute; left: 0; right: 0; bottom: 0; max-height: min(78vh, 640px); overflow-y: auto; overscroll-behavior: contain;
		background: var(--kagit); border-radius: 26px 26px 0 0; padding: 10px 16px calc(18px + env(safe-area-inset-bottom, 0px));
		box-shadow: 0 -18px 40px -20px rgba(100, 60, 0, .35); transform: translateY(100%); transition: transform .32s cubic-bezier(.3, .9, .3, 1);
	}
	.m1-sayfa.gorunur .m1-sayfa-kart { transform: none; }
	.m1-sayfa-tut { width: 44px; height: 5px; border-radius: 9px; background: var(--cizgi); margin: 2px auto 10px; }
	.m1-sayfa-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 2px 8px; }
	.m1-sayfa-bas h2 { margin: 0; font: 800 19px/1.2 var(--baslik); }
	.m1-sayfa ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; counter-reset: m1; }
	.m1-sayfa li { counter-increment: m1; }
	.m1-sayfa li a {
		display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px 12px; border-radius: 14px;
		font: 700 16px/1.3 var(--govde); color: var(--murekkep); text-decoration: none;
	}
	.m1-sayfa li a::before { content: counter(m1); flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--gunes-acik, #fff1c9); font-size: 13px; color: var(--soluk); }
	.m1-sayfa li a.okunan { background: var(--pembe-acik, #ffe6e6); color: var(--pembe-koyu, #b5475c); }
	body.m1-sayfa-acik { overflow: hidden; }
}
@media (max-width: 1080px) and (prefers-reduced-motion: reduce) {
	.m1-yuzen, .m1-sayfa-kart, .m1-sayfa-ort { transition: none; }
}

/* ---------- 10. Sayfa türleri ---------- */
@media (max-width: 1080px) {
	/* Irk/konu: içindekiler kutusu kenardan kenara şerit gibi, kutu içinde kutu değil. */
	.ib-sayfa .irk-icindekiler, .konu-sayfa .irk-icindekiler { padding: 6px 0; border-radius: 22px; }
	/* Irk kartlarında iç dolgu tek ritim: 20 px; tablo kartın içinde ikinci çerçeve çizmez. */
	.irk-bolum { padding: 22px 18px; border-radius: 24px; }
	.irk-bolum .tablo-kap { margin-inline: -4px; }
	/* Harita (harita.css ≤900: harita üstte, liste altta) — burada yalnız okunurluk ve ekran payı. */
	.hr-not { font-size: 13.5px; }
	/* Irk › Evde bakım: üç küçük kart sola yığılıp sağda ölü alan bırakmasın: iki sütun, tek kalan tam satır. */
	.zorluk-satir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.zorluk { min-width: 0; }
	.zorluk:last-child:nth-child(odd) { grid-column: 1 / -1; }
	/* Kimler için uygun / bakım kartları tek sütun nefes alsın. */
	.kime2-govde, .bakim2-govde { line-height: 1.6; }
}
@media (max-width: 560px) {
	:root { --m1-kenar: 16px; }
	.irk-bolum { padding: 20px 16px; margin-inline: 0; }
	/* Katalog "öne çıkanlar" karoları: ırk adı "Kangal Çob…" diye kesilmesin; en çok iki satıra iner, yazı 11 → 12,5 px. */
	.one-kart span { white-space: normal; text-overflow: clip; border-radius: 12px; font-size: 12.5px !important; line-height: 1.15; padding: 4px 7px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
	/* Galeri küçük resimleri: 4'lü sıra, kare, tam görünür (yarım kesik yok). */
	.galeri-kucukler { gap: 8px; }
	/* İki sütunlu kart ızgaraları dar ekranda dengeli kalsın. */
	.rh-kart-eylem { flex-wrap: wrap; gap: 8px; }
	.rh-kart-eylem .rh-mini { flex: 1 1 auto; justify-content: center; }
}

/* ---------- 11. Tablet (600–1080): iki sütun, geniş kenar, okunur satır uzunluğu ---------- */
@media (min-width: 600px) and (max-width: 1080px) {
	:root { --m1-kenar: 28px; }
	.irk-bolum { padding: 30px 32px; }
	/* Bakım kartları: 3'lü ızgarada 5 kart yarım satır bırakıyordu; tablette 2 sütun, tek kalan tam satır. */
	.bakim2-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bakim2-izgara > .bakim2:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* ---------- 12. En dar telefonlar (≤360: 320 px SE/mini): kart içi dolgu daralır, metin sütunu ≥ 270 px ---------- */
@media (max-width: 360px) {
	.irk-bolum { padding: 18px 14px; border-radius: 20px; }
	.zorluk { padding: 10px 12px; }
	.zorluk strong { font-size: 18px; }
}

/* ---------- 13. Irk gövdesi 4. tur (29.10: AD1 gövde fotoğrafları, AD2 renk kartları, AD3 kime uygun sahnesi) ---------- */
@media (max-width: 1080px) {
	/* AD3 "Ben hangisiyim?" seçici: dokuz çip ortada düzensiz genişlikte alt alta diziliyordu → tek hizada liste
	   (telefonda tek sütun, tablette iki sütun), çip 44 px, metin sola. */
	.iu-secici { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; justify-content: stretch; }
	.iu-cip { min-height: 46px; width: 100%; box-sizing: border-box; justify-content: flex-start; text-align: left; padding: 9px 14px 9px 12px; font-size: 15.5px; line-height: 1.3; }
	.iu-cip .iu-cip-nokta { margin-left: auto; }
	/* "Senin için" notu: etiket üstte, metin tam satır, 16 px. */
	.iu-senin { display: grid; gap: 6px; padding: 12px 14px; }
	.ib-sayfa .iu-senin p { font-size: 16px; }
	/* Ev hayatı panosu: iki sütunda ikon sütunu metni daraltıyordu; ikon küçülür, etiketle aynı satıra çıkar. */
	.iu-gosterge { grid-template-columns: 28px minmax(0, 1fr); column-gap: 8px; padding: 12px 12px 14px; }
	.iu-g-ik { width: 28px; height: 28px; border-radius: 9px; grid-row: 1; }
	.iu-g-ik .ik { width: 16px; height: 16px; }
	.iu-g-ad { align-self: center; line-height: 1.25; }
	.iu-gosterge > :not(.iu-g-ik):not(.iu-g-ad) { grid-column: 1 / -1; }
	.iu-g-deger { font-size: 18px; }
	.iu-g-deger.iu-g-metin { font-size: 15.5px; }

	/* AD2 renk kartları: "Devamı" düğmesi 22 px → 44 px dokunma alanı (görünüm aynı). */
	.rk-devam { position: relative; }
	.rk-devam::after { content: ""; position: absolute; inset: -11px -10px; }

	/* AD1 gövde fotoğrafı künyesi: mobilde cam bulanıklığı yok (performans), okunur zemin. */
	.ig-atif { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(255, 255, 255, .9); }
	.ig-atif a { display: inline-block; padding-block: 8px; margin-block: -8px; }

	/* AD2 tür teması: mobilde doku daha hafif (metin kâğıdın üstünde), kucak bantları 1100 altında zaten yok. */
	body.tur-temali .irk-bolum, body.tur-temali .grp-kisa p { background-size: 100% 100%, 200px 200px; }
	body.tur-temali::before { opacity: .7; }
}
@media (min-width: 600px) and (max-width: 1080px) {
	.iu-secici { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	/* AD2: iki büyük renk kartı da iki sütun (Cihat: renk kartları 2 sütun); tek büyük kart tam satır kalır. */
	.rk-one:not(.rk-one-1) { --b: 2; gap: 10px; }
	.rk-one-3 > .rk-kart:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.rk-buyuk .rk-gorsel { aspect-ratio: 4 / 3; }
	.rk-buyuk .rk-metin { padding: 10px 12px 12px; }
	.rk-one:not(.rk-one-1) .rk-buyuk .rk-ad { font-size: 17px; }
	.rk-buyuk .rk-aciklama { font-size: 15px; }
}
@media (max-width: 360px) {
	.rk-izgara, .rk-one:not(.rk-one-1) { gap: 8px; }
	.rk-metin, .rk-buyuk .rk-metin { padding: 9px 10px 11px; }
	.rk-ad, .rk-one:not(.rk-one-1) .rk-buyuk .rk-ad { font-size: 15.5px; }
	.iu-pano { gap: 8px; }
	.iu-gosterge { padding: 10px 10px 12px; }
	.iu-g-deger { font-size: 16.5px; }
}
@media (max-width: 1080px) {
	/* Künye kartları (köken, boy, kilo…): bütün satırlar en uzun karta eşitlenince kısa kartlarda büyük boşluk kalıyordu;
	   satır yüksekliği kendi içeriğine göre (aynı satırdaki iki kart yine eşit). */
	.ib-kunye, .ib-sayfa .ib .ib-kunye { grid-auto-rows: auto; }
}