/* Color Colucci — «Mağaza ve Firma» sayfası (CCC_Firma, 12 Eki 2026). Telefon önce. Kapsam: .ccc-fm
   Bileşenlerin çoğu kendi stiliyle gelir: ana sayfa (.ccc-an → anasayfa.css) ve iletişim sayfası (.ccc-il → iletisim.css).
   Burada yalnız bu sayfaya özgü parçalar (kapak, kimlik kutuları, fabrika notu) ve iki bileşen dilinin ARASINDAKİ ölçü birliği var.
   Kural: kutular hizalı ızgarada ve EŞİT ölçüde (`grid-auto-rows:1fr`). Dolgulu kutu = bilgi; çerçeveli beyaz kutu = dokunulur
   (istisna: iletişim sayfasından gelen adres ve çalışma saatleri kartları çerçevelidir ama dokunulmaz — orada da öyle). */
body.ccc-fm-sayfa #primary{margin-top:22px!important;margin-bottom:52px!important}
body.ccc-fm-sayfa .entry-content>p:empty{display:none}
/* temanın «yukarı çık» düğmesi sabit WhatsApp düğmesiyle üst üste biniyor ve o çekildiğinde saat satırını örtüyor (iletişim sayfasında da gizli) */
body.ccc-fm-sayfa #ast-scroll-top{display:none!important}
/* künyenin TAMAMI bu sayfada → altbilgideki tek satırlık tekrarı gizli (iletişim sayfasındaki kuralın aynısı) */
body.ccc-fm-sayfa .ccc-kunye-satir{display:none!important}
.ccc-fm{--an-navy:var(--cc-primary,#090b35);--an-bakir:#a4551d;--an-yuzey:#f4f5f9;--an-cizgi:#e1e1ea;--an-ikincil:#5f607c;font-family:var(--cc-font,'Murecho',sans-serif)}

/* ---------- 1 · kapak + kimlik (ilk ekran) ---------- */
.ccc-fm .ccc-fm-bas{margin:0}
.ccc-fm .ccc-fm-ust{margin:0 0 8px;font-size:12px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--an-bakir)}
[dir=rtl] .ccc-fm .ccc-fm-ust{letter-spacing:0}
.ccc-fm .ccc-fm-h1{margin:0 0 10px;font-size:clamp(28px,7.8vw,40px);line-height:1.1;letter-spacing:-.01em;font-weight:700;color:var(--an-navy);text-wrap:balance;overflow-wrap:break-word}
.ccc-fm .ccc-fm-giris{margin:0;max-width:62ch;font-size:15.5px;line-height:1.55;color:var(--an-navy)}
.ccc-fm .ccc-fm-kimlik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;margin:16px 0 0}
.ccc-fm .ccc-fm-kimlik>div{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:64px;padding:10px 12px;border-radius:14px;background:var(--an-yuzey)}
.ccc-fm .ccc-fm-kimlik dt{min-width:0;font-size:12px;line-height:1.3;font-weight:500;color:var(--an-ikincil);overflow-wrap:break-word}
.ccc-fm .ccc-fm-kimlik dd{min-width:0;font-size:14.5px;line-height:1.25;font-weight:700;color:var(--an-navy);overflow-wrap:break-word}
.ccc-fm .ccc-fm-kimlik[data-n="3"]>div:last-child{grid-column:1 / -1}
/* 390 px'ten dar telefon: kutuda en uzun tek kelimeye pay kalsın (ölçüm, 360 px: metne 132 px kalıyordu; «Κωνσταντινούπολη» 135 px →
   son harfi alt satıra düşüyordu, «Handelsregisternummer» 131 px = 0,7 px pay). Yan boşluk 12 → 9 px; ≤ 374 px'te değer 14 px. */
@media(max-width:389px){.ccc-fm .ccc-fm-kimlik>div{padding-inline:9px}}
@media(max-width:374px){.ccc-fm .ccc-fm-kimlik dd{font-size:14px}}
/* dar telefon (≤ 359 px): iki sütunda kutuya 116–128 px kalıyor, uzun tek kelime («Handelsregisternummer», «Kaupparekisterinumero»)
   ortasından bölünüyordu → kutular alt alta (yine eşit). `hyphens:auto` KULLANILMAZ: sığan kısa kelimeleri de tireliyor («kom-men»). */
@media(max-width:359px){
	.ccc-fm .ccc-fm-kimlik{grid-template-columns:minmax(0,1fr)}
	.ccc-fm .ccc-fm-kimlik>div{min-height:56px}
	.ccc-fm .ccc-fm-kimlik[data-n="3"]>div:last-child{grid-column:auto}
}

/* ---------- iki bileşen dilinin ölçü birliği: iletişim bölümleri bu sayfada ana sayfa aralığı ve başlık boyuyla ---------- */
/* Bölüm aralığı İÇ boşluk: başka sayfadan çapayla gelindiğinde (ör. ana sayfadaki «Toptan mağaza» hücresi → #ccc-il-konum) tema hedefi
   ekranın üst kenarına 0 px'le indiriyor; boşluk kutunun içinde olunca başlık kenara yapışmaz. */
.ccc-fm>.ccc-il-sec{margin-top:0;padding-top:32px;scroll-margin-top:0}
/* ana sayfa bileşenleri belirirken hareket etmiyor → bu sayfada iletişim bileşenleri de etmesin (tek davranış) */
.ccc-fm.ccc-il .il-gir{animation:none!important}
.ccc-fm .ccc-il-head{margin-bottom:12px}
.ccc-fm .ccc-il-head h2{font-size:21px;line-height:1.22;font-weight:700;letter-spacing:-.005em}

/* ---------- 2 · fabrika notu (adres bloğunun hemen altında) ---------- */
.ccc-fm .ccc-fm-fn{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--an-ikincil)}

/* ---------- 3 · seri / en az sipariş kutuları ve koşul satırı beden kutularının altında ---------- */
.ccc-fm .ccc-an-seri{margin-top:8px}
.ccc-fm .ccc-an-kosul{margin-top:8px}
/* alt alta duran üç kutu sırası (beden · seri · koşul) tek blok gibi okunur → telefonda üçünde de aynı boşluk (10 / 8 / 8 px'ti; kısa ekranda 6) */
@media(max-width:699px){.ccc-fm .ccc-an .ccc-an-bl,.ccc-fm .ccc-an .ccc-an-seri,.ccc-fm .ccc-an .ccc-an-kosul{gap:8px}}

/* ---------- kimlik kutularının altındaki katalog düğmesi (çerçeveli = dokunulur) ---------- */
.ccc-fm .ccc-fm-kat{margin:10px 0 0}
.ccc-fm .ccc-fm-kat .ccc-an-ib{width:100%}
.ccc-fm .ccc-fm-kat .ccc-an-ik{flex:0 0 auto;width:18px;height:18px;color:var(--an-bakir)}

/* ---------- başlık bağlantısı ile altındaki kutular arası: öbür bölüm başlıkları gibi 12 px (ana sayfanın kısa ekran sıkıştırması burada geçersiz) ---------- */
.ccc-fm .ccc-an .ccc-an-gb{margin-bottom:12px}

/* ---------- harita yer tutucusu: açılmadan önce içerik kadar, açılınca harita boyu ---------- */
@media(max-width:1100px){
	.ccc-fm .ccc-il-kgrid.has-saat>.ccc-il-harita:not(.is-acik){min-height:200px}
	.ccc-fm .ccc-il-harita:not(.is-acik) .ccc-il-hp{min-height:0;padding:18px 18px 16px;gap:8px}
	.ccc-fm .ccc-il-harita:not(.is-acik) .ccc-il-hi{width:52px;height:52px}
	.ccc-fm .ccc-il-harita:not(.is-acik) .ccc-il-hi svg{width:26px;height:26px}
	.ccc-fm .ccc-il-harita:not(.is-acik) .ccc-il-hi i+i{inset:9px}
	.ccc-fm .ccc-il-kgrid.has-saat>.ccc-il-harita.is-acik{min-height:340px!important}
}

/* ---------- sağdan sola dilde başlıklarda harf aralığı yok (bitişik yazıyı koparır) ---------- */
[dir=rtl] .ccc-fm .ccc-fm-h1,[dir=rtl] .ccc-fm .ccc-il-head h2,[dir=rtl] .ccc-fm .ccc-an-h{letter-spacing:0}

/* ---------- Instagram bağlantısı (iletişim düğmelerinin altında) ---------- */
.ccc-fm .ccc-fm-ig{margin:0}

@media(min-width:700px){
	.ccc-fm .ccc-fm-kimlik{gap:12px;margin-top:22px}
	.ccc-fm .ccc-fm-kimlik>div{min-height:78px;padding:14px 16px}
	.ccc-fm .ccc-fm-kimlik dd{font-size:16px}
	.ccc-fm .ccc-il-head h2{font-size:24px}
	.ccc-fm .ccc-fm-giris{font-size:16.5px}
	.ccc-fm .ccc-an-seri{margin-top:14px}
	.ccc-fm .ccc-an-kosul{margin-top:14px}
	.ccc-fm .ccc-fm-kat{margin-top:14px}
	.ccc-fm .ccc-fm-kat .ccc-an-ib{width:auto;min-width:280px;display:inline-flex}
}
@media(min-width:900px){
	.ccc-fm>.ccc-il-sec{padding-top:48px}
	/* dört kimlik kutusu yan yana ancak burada: 700–899 px'te kutuya 124–150 px kalıyor, uzun tek kelime («Handelsregisternummer») ortasından bölünüyordu */
	.ccc-fm .ccc-fm-kimlik{grid-template-columns:repeat(4,minmax(0,1fr))}
	.ccc-fm .ccc-fm-kimlik[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ccc-fm .ccc-fm-kimlik[data-n="3"]>div:last-child{grid-column:auto}
	/* ana sayfadaki dört karo için yazılmış 4 sütun, buradaki İKİ kutuda yarım satır boş bırakır → iki eşit sütun */
	.ccc-fm .ccc-an-seri[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ccc-fm .ccc-an-seri[data-n="1"]{grid-template-columns:minmax(0,1fr)}
}