/* Color Colucci — YENİ ANA SAYFA (Kavram B «Üreticiden doğrudan», 11 Eki 2026). Telefon önce. Kapsam: .ccc-an
   Marka laciverti #090b35 + beyaz zemin; bakır vurgu #a4551d; yüzey #f4f5f9; çizgi #e1e1ea; ikincil metin #5f607c; köşe 14–16 px.
   Kural: kutular HİZALI ızgarada ve EŞİT ölçüde → ızgaralarda `grid-auto-rows:1fr` (uzun çeviri bir kutuyu büyütürse hepsi büyür).
   Görsel dil: DOLGULU kutu = bilgi (dokunulmaz) · ÇERÇEVELİ beyaz kutu = dokunulur (bağlantı). */
.ccc-an{--an-navy:var(--cc-primary,#090b35);--an-bakir:#a4551d;--an-yuzey:#f4f5f9;--an-cizgi:#e1e1ea;--an-ikincil:#5f607c;--an-r:16px;color:var(--an-navy);font-family:var(--cc-font,'Murecho',sans-serif)}
.ccc-an *,.ccc-an *::before,.ccc-an *::after{box-sizing:border-box}
body.ccc-an-sayfa .entry-content>p:empty{display:none}
body .ccc-an ul,body .ccc-an ol,body .ccc-an dl,body .ccc-an dd,body .ccc-an dt,body .ccc-an p,body .ccc-an h1,body .ccc-an h2,body .ccc-an h3{margin:0;padding:0}
body .ccc-an ul,body .ccc-an ol{list-style:none}
body .ccc-an a,body .ccc-an a:hover,body .ccc-an a:focus,body .ccc-an a *{text-decoration:none!important}
.ccc-an .ccc-an-ik{flex:0 0 auto;display:block}
[dir=rtl] .ccc-an .ccc-an-ik-ok{transform:scaleX(-1)}
.ccc-an a:focus-visible{outline:2px solid var(--an-bakir);outline-offset:3px;border-radius:10px}

/* ---------- kapak (telefonda içerik kadar: ürünler ilk ekrana girsin) ---------- */
.ccc-an .ccc-an-kapak{position:relative;overflow:hidden;display:flex;align-items:flex-end;border-radius:var(--an-r);background:var(--an-navy);isolation:isolate}
.ccc-an .ccc-an-kg{position:absolute;inset:0;z-index:0;display:block}
.ccc-an .ccc-an-kg picture{display:block;width:100%;height:100%}
.ccc-an .ccc-an-kg img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 30%;display:block}
.ccc-an .ccc-an-kp{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,11,53,.52) 0%,rgba(9,11,53,.76) 45%,rgba(9,11,53,.93) 100%)}
.ccc-an .ccc-an-ki{position:relative;z-index:2;width:100%;padding:22px 18px 16px;color:#fff;text-align:start}
.ccc-an .ccc-an-ku{margin:0 0 10px;font-size:12px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#fff}
[dir=rtl] .ccc-an .ccc-an-ku{letter-spacing:0}
.ccc-an .ccc-an-kh{margin:0 0 14px;font-size:clamp(26px,7.3vw,32px);line-height:1.12;letter-spacing:-.01em;font-weight:700;color:#fff;text-wrap:balance;overflow-wrap:break-word}
.ccc-an .ccc-an-nb{white-space:nowrap}
.ccc-an .ccc-an-kr{display:flex;width:fit-content;max-width:100%;align-items:center;gap:8px;margin:0 0 14px;padding:7px 13px;border:1px solid rgba(255,255,255,.55);border-radius:14px;font-size:13px;line-height:1.35;color:#fff;background:rgba(255,255,255,.12)}
.ccc-an .ccc-an-kr .ccc-an-ik{width:16px;height:16px}
.ccc-an .ccc-an-kd,.ccc-an .ccc-an-kd:visited{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:14px;background:#fff;color:var(--an-navy);font-size:16px;line-height:1.2;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.22)}
.ccc-an .ccc-an-kd:hover,.ccc-an .ccc-an-kd:focus{background:#eef0f6;color:var(--an-navy)}
/* ---------- kapak: DÖNEN GALERİ (karar №63, 18 Eki 2026; ayar ccc_hero_galeri) — yazısız mankenli kareler, her çiftte normal + büyük beden.
   DOM'da önce yazı, sonra kareler (ekran okuyucu / sekme sırası); telefonda ızgara alanıyla kareler ÜSTTE; geniş ekranda (≥ 900 px) yazı solda,
   kareler sağda. Kareler KIRPILMAZ (dosya da kutu da 4:5). Çiftler üst üste durur: gelen çift ÜSTTE solarak belirir, giden altında tam opak kalır
   ve geçiş bitince gizlenir (ikisi birlikte solunca ortada görüntü %23 kararıyordu). Gösterge + durdur betik açınca görünür (galeride `is-doner`). ---------- */
.ccc-an .ccc-an-kapak.is-galeri{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"gal" "ki";min-height:0;padding:12px}
.ccc-an .ccc-an-kgal{position:relative;display:grid}
.ccc-an .is-galeri .ccc-an-kgal{grid-area:gal;justify-self:center;width:fit-content;max-width:100%}
.ccc-an .ccc-an-kcf{grid-area:1 / 1;display:grid;grid-template-columns:repeat(2,minmax(0,calc(var(--an-kcap,9999px) * .8)));justify-content:center;gap:8px;opacity:0;visibility:hidden;transition:opacity 0s linear 1s,visibility 0s linear 1s}
.ccc-an .ccc-an-kcf.is-on{z-index:1;opacity:1;visibility:visible;transition:opacity 1s ease,visibility 0s}
.ccc-an .ccc-an-kfo{margin:0;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;background:#151845}
.ccc-an .ccc-an-kfo picture{display:block;width:100%;height:100%}
.ccc-an .ccc-an-kfo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.ccc-an .ccc-an-kgal.is-doner .ccc-an-kcf{cursor:pointer}   /* kareye dokununca / tıklayınca sonraki çift */
.ccc-an .ccc-an-kn{position:absolute;z-index:3;bottom:8px;left:10px;right:10px;inset-inline:10px;display:flex;align-items:center;gap:6px;margin:0}
/* gösterge karelerin ALT kenarında (üstte modelin başının üstünden geçiyordu); altında koyu geçiş: açık renkli pantolonda da çubuk ≥ 3:1 */
.ccc-an .ccc-an-kgal.is-doner::after{content:"";position:absolute;z-index:2;left:0;right:0;inset-inline:0;bottom:0;height:52px;border-radius:0 0 14px 14px;background:linear-gradient(180deg,rgba(9,11,53,0),rgba(9,11,53,.7));pointer-events:none}
.ccc-an .ccc-an-kn[hidden]{display:none}
.ccc-an .ccc-an-kbar{flex:1 1 0;height:3px;border-radius:2px;background:rgba(255,255,255,.42);box-shadow:0 0 0 .5px rgba(9,11,53,.45)}
.ccc-an .ccc-an-kbar.is-on{background:#fff}
body .ccc-an .ccc-an-kdur{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0;margin:0;margin-inline-start:4px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:10px;line-height:1;letter-spacing:0;text-transform:none;box-shadow:none!important;cursor:pointer;opacity:.9}
body .ccc-an .ccc-an-kdur::before{content:"";position:absolute;inset:-8px}   /* dokunma alanı 44 × 44 (görünüş bantlardakiyle aynı, 28 px) */
body .ccc-an .ccc-an-kdur:hover{opacity:1;background:rgba(255,255,255,.26)!important}
.ccc-an .ccc-an-kdur:focus-visible{outline:2px solid #fff;outline-offset:2px;opacity:1}
.ccc-an .is-galeri .ccc-an-ki{grid-area:ki;padding:16px 6px 6px}

/* ---------- dört bilgi karosu (2 × 2 EŞİT; dolgulu = bilgi). Telefonda simge yok: metne tam genişlik (uzun sözcük bölünmesin) ---------- */
.ccc-an .ccc-an-karo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;margin:10px 0 0}
.ccc-an .ccc-an-karo li{display:flex;align-items:center;gap:9px;min-width:0;min-height:54px;padding:8px 12px;border-radius:14px;background:var(--an-yuzey);font-size:13px;line-height:1.3;font-weight:500;color:var(--an-navy)}
.ccc-an .ccc-an-karo li span{min-width:0;overflow-wrap:break-word}
.ccc-an .ccc-an-karo li b{font-weight:700;font-size:15.5px}
.ccc-an .ccc-an-karo li small{display:block;margin-top:1px;font-size:12px;font-weight:500;color:var(--an-ikincil)}
.ccc-an .ccc-an-karo .ccc-an-ik{display:none;width:20px;height:20px;color:var(--an-bakir)}
.ccc-an .ccc-an-karo[data-n="3"] li:last-child{grid-column:1 / -1}

/* ---------- bölüm başlıkları ---------- */
.ccc-an .ccc-an-grup,.ccc-an .ccc-an-bant,.ccc-an .ccc-an-beden,.ccc-an .ccc-an-adim,.ccc-an .ccc-an-ilet{margin:32px 0 0}
/* cetvelli «Beden rehberi» şeridi (içerik + stil CCC_Size_Guide::teaser_html) */
.ccc-an .ccc-an-cetvel{margin:32px 0 0}
.ccc-an .ccc-an-cetvel .ccc-sgt{margin:0}
.ccc-an .ccc-an-karo+.ccc-an-grup{margin-top:20px}
.ccc-an .ccc-an-gb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:14px;row-gap:0;margin:0 0 10px}
.ccc-an .ccc-an-h{font-size:21px;line-height:1.22;font-weight:700;letter-spacing:-.005em;color:var(--an-navy)}
.ccc-an .ccc-an-gt,.ccc-an .ccc-an-gt:visited{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-inline-start:auto;font-size:14px;line-height:1.2;font-weight:600;color:var(--an-navy);white-space:nowrap}
.ccc-an .ccc-an-gt small{display:none;font-size:12.5px;font-weight:500;color:var(--an-ikincil)}   /* telefonda sayı son karoda ve erişilebilir adda; başlık satırı her dilde aynı dizilsin */
.ccc-an .ccc-an-gt .ccc-an-ik{width:18px;height:18px;color:var(--an-bakir)}
.ccc-an .ccc-an-gn{margin:-4px 0 10px;font-size:12.5px;line-height:1.4;color:var(--an-ikincil)}

/* ---------- ürün şeridi: 2,3 kart görünür (üçüncüsü yarım → devamı olduğu belli) ---------- */
.ccc-an .ccc-an-serit{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px) / 2.3);gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;padding:0 0 12px;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9a9db8 transparent}
.ccc-an .ccc-an-k{scroll-snap-align:start;min-width:0}
.ccc-an .ccc-an-k>a,.ccc-an .ccc-an-k>a:visited{display:flex;flex-direction:column;height:100%;color:var(--an-navy)}
.ccc-an .ccc-an-k>a:focus-visible{outline-offset:-2px;border-radius:14px}
.ccc-an .ccc-an-kf{position:relative;display:block;aspect-ratio:450 / 563;border-radius:14px;overflow:hidden;background:var(--an-yuzey)}
.ccc-an .ccc-an-kimg{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
/* «önce kapak»: kapak görseli inene kadar ilk ekranda olmayan kart görselleri istenmez (sınıfı kapaktaki küçük betik koyar ve kaldırır;
   kutu ölçüsünü `.ccc-an-kf` oranı tuttuğu için düzen kaymaz) */
.ccc-an-bekle .ccc-an .ccc-an-kimg.is-sonra{display:none}
.ccc-an .ccc-an-kb{position:absolute;inset-inline-start:8px;bottom:8px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.95);font-size:12px;line-height:1.3;font-weight:700;color:var(--an-navy)}
.ccc-an .ccc-an-ka{display:flex;flex-direction:column;gap:2px;margin:9px 0 0;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:0;color:inherit}
.ccc-an .ccc-an-kpl{font-size:14px;font-weight:700;overflow-wrap:anywhere}
.ccc-an .ccc-an-kc{font-size:12.5px;font-weight:400;color:var(--an-ikincil)}
.ccc-an .ccc-an-kfy{margin-top:auto;padding-top:6px;font-size:13px;line-height:1.3;color:var(--an-ikincil)}   /* fiyat kartın DİBİNDE: ad iki satıra inse de fiyatlar aynı hizada */
.ccc-an .ccc-an-kfy b{font-size:15.5px;font-weight:700;color:var(--an-navy)}
/* ABD ziyaretçisi + şardonlu: «Not shipped to the US yet» şeridi (karar №49) — yüzey + bakır çizgi; kartta ve şerit başlığının altında */
.ccc-an .ccc-us-serit{display:inline-flex;align-items:center;max-width:100%;padding:3px 8px;border-radius:0 8px 8px 0;background:var(--an-yuzey);border-inline-start:3px solid var(--an-bakir);color:var(--an-navy);font-size:11.5px;font-weight:600;line-height:1.35}
.ccc-an .ccc-an-kabd{margin-top:6px;align-self:flex-start}
.ccc-an .ccc-an-k.is-tum>a{align-items:center;justify-content:center;gap:8px;padding:16px 10px;border:1px solid var(--an-cizgi);border-radius:14px;background:#fff;text-align:center}
.ccc-an .ccc-an-tk{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--an-navy);color:#fff}
.ccc-an .ccc-an-k.is-tum b{font-size:15px;font-weight:700;line-height:1.25}
.ccc-an .ccc-an-k.is-tum small{font-size:12.5px;color:var(--an-ikincil)}

/* ---------- koşul satırı (ilk fiyatların hemen altında): iki EŞİT bilgi hücresi ---------- */
.ccc-an .ccc-an-kosul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;margin:4px 0 0}
.ccc-an .ccc-an-kosul[data-n="1"]{grid-template-columns:1fr}
.ccc-an .ccc-an-kosul li{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 12px;border-radius:12px;background:var(--an-yuzey);font-size:12.5px;line-height:1.35;font-weight:500;color:var(--an-navy)}
.ccc-an .ccc-an-kosul li span{min-width:0;overflow-wrap:break-word}
.ccc-an .ccc-an-kosul .ccc-an-ik{width:18px;height:18px;color:var(--an-bakir)}

/* ---------- «Üreticiden doğrudan» bandı: etiket üstte, değer altta (sabit WhatsApp düğmesi değeri örtmesin) ---------- */
.ccc-an .ccc-an-bant{padding:22px 18px 18px;border-radius:var(--an-r);background:var(--an-yuzey)}
.ccc-an .ccc-an-bc{margin:8px 0 16px;max-width:60ch;font-size:15px;line-height:1.55;color:var(--an-navy)}
.ccc-an .ccc-an-bh{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:8px}
/* 14–15 Eki 2026 — gerçek fotoğraflar KIRPILMADAN (Can) + dokununca oynayan video. Her fotoğraf kendi oranında (--r = genişlik / yükseklik).
   Telefon / tablet: aynı yükseklikte (--an-fh) yana kaydırılan şerit (ürün şeritleri gibi). ≥ 1200 px: üçerli iki sıra — her öğe oranı kadar
   büyür, sıranın genişliği tam dolar, sıradakiler aynı yükseklikte kalır (ayraç `li.ccc-an-kir`) — video sağ sütunda. */
.ccc-an .ccc-an-ur{margin:0 0 16px}
.ccc-an .ccc-an-foto{--an-fh:300px;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9a9db8 transparent;margin:0 0 14px!important;padding:0 0 10px!important;list-style:none!important}
.ccc-an .ccc-an-foto:focus-visible{outline:2px solid var(--an-bakir);outline-offset:3px;border-radius:12px}
.ccc-an .ccc-an-foto li{flex:0 0 auto;width:calc(var(--r,1) * var(--an-fh));min-width:0;margin:0!important;padding:0;scroll-snap-align:start}
.ccc-an .ccc-an-foto li.ccc-an-kir{display:none}
.ccc-an .ccc-an-foto figure,.ccc-an .ccc-an-video{margin:0}
.ccc-an .ccc-an-foto img{display:block;width:100%;height:auto;aspect-ratio:var(--r,auto);object-fit:cover;contain-intrinsic-size:calc(var(--r,1) * 300px) 300px;min-height:0;border-radius:12px;background:#e6e7ee}
/* ↑ yer tutucu: WordPress tembel görsele «sizes=auto» + `contain-intrinsic-size:3000px 1500px` basıyor; Chrome yüklenene kadar kutuyu o ölçüde
   tutuyordu (15 Eki: canlıda telefonda 1500 px yüksek boş kutu) → yer tutucu fotoğrafın kendi oranında */   /* kutu özgün oranda: dosya genişliğinin piksele yuvarlanması (≤ %0,4) sıradakileri 1–2 px oynatmasın */
.ccc-an .ccc-an-foto figcaption{margin-top:6px;min-width:0;font-size:13.5px;line-height:1.35;overflow-wrap:break-word}
.ccc-an .ccc-an-foto figcaption b{font-weight:700;color:var(--an-navy)}
.ccc-an .ccc-an-video{margin:0}
.ccc-an .ccc-an-vid,.ccc-an .ccc-an-vid-v{position:relative;display:block;width:100%;max-width:300px;margin:0 auto;border-radius:12px;overflow:hidden;background:#0d0e2a}
.ccc-an .ccc-an-uretim .ccc-an-h{margin-bottom:14px}
.ccc-an .ccc-an-vid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.ccc-an .ccc-an-vid-v{height:auto;aspect-ratio:4/5}
.ccc-an .ccc-an-vid-oynat{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(9,11,53,.82);color:#fff}
.ccc-an .ccc-an-vid-oynat .ccc-an-ik{width:28px;height:28px;margin-left:3px}
.ccc-an .ccc-an-vid-sure{position:absolute;right:10px;bottom:10px;padding:2px 9px;border-radius:999px;background:rgba(9,11,53,.82);color:#fff;font-size:12.5px;font-weight:700;line-height:1.6}
.ccc-an .ccc-an-video figcaption{max-width:300px;margin:6px auto 0;font-size:12.5px;line-height:1.4;color:var(--an-ikincil);text-align:center}
.ccc-an .ccc-an-vid:focus-visible{outline:3px solid var(--an-bakir);outline-offset:2px}
@media(min-width:700px){.ccc-an .ccc-an-foto{--an-fh:340px}.ccc-an .ccc-an-vid,.ccc-an .ccc-an-vid-v,.ccc-an .ccc-an-video figcaption{max-width:340px}}
@media(min-width:1024px){   /* masaüstünde yatay kaydırma yok (ürün şeritleriyle aynı eşik): iki sıra, video altta */
	.ccc-an .ccc-an-foto{flex-wrap:wrap;gap:8px 10px;overflow:visible;scroll-snap-type:none;margin:0 0 16px!important;padding:0!important}
	.ccc-an .ccc-an-foto li{flex:var(--r,1) 1 0;width:auto}
	.ccc-an .ccc-an-foto li.ccc-an-kir{display:block;flex:0 0 100%;height:0}
}
@media(min-width:1200px){   /* video fotoğrafların yanında (dar sütunda 9:16 kareler altyazıya dar kalırdı) */
	.ccc-an .ccc-an-ur{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
	.ccc-an .ccc-an-foto{margin:0!important}
}
.ccc-an .ccc-an-bh>div{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:58px;padding:10px 14px;border-radius:12px;background:#fff}
.ccc-an .ccc-an-bh>div:has(a){border:1px solid var(--an-cizgi)}
.ccc-an .ccc-an-bh dt{min-width:0;font-size:12.5px;line-height:1.35;font-weight:500;color:var(--an-ikincil);overflow-wrap:break-word}
.ccc-an .ccc-an-bh dd{min-width:0;font-size:15px;line-height:1.3;font-weight:700;color:var(--an-navy);overflow-wrap:break-word}
.ccc-an .ccc-an-bh dd a,.ccc-an .ccc-an-bh dd a:visited{display:inline-flex;align-items:center;gap:6px;min-height:24px;color:var(--an-navy)}
.ccc-an .ccc-an-bh dd a .ccc-an-ik{width:16px;height:16px;color:var(--an-bakir)}
.ccc-an .ccc-an-bh dd a::after{content:"";position:absolute;inset:0;border-radius:12px}   /* hücrenin tamamı dokunma alanı */

/* ---------- beden serileri: kutu = o serinin ürünleri (aralık · grup adı · sayı) ---------- */
.ccc-an .ccc-an-bl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
.ccc-an .ccc-an-bl[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ccc-an .ccc-an-bl li{min-width:0}
.ccc-an .ccc-an-bl a,.ccc-an .ccc-an-bl a:visited{display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:100%;min-height:96px;padding:13px 13px 12px;border:1px solid var(--an-cizgi);border-radius:14px;background:#fff;color:var(--an-navy);transition:border-color .15s,box-shadow .15s}
.ccc-an .ccc-an-bl a:hover,.ccc-an .ccc-an-bl a:focus{border-color:var(--an-navy);box-shadow:0 0 0 1px var(--an-navy)}
.ccc-an .ccc-an-bl b{font-size:17px;line-height:1.2;font-weight:700;white-space:nowrap}
.ccc-an .ccc-an-ba{font-size:13px;line-height:1.3;font-weight:500;color:var(--an-navy);overflow-wrap:break-word}
.ccc-an .ccc-an-bu{font-size:12px;line-height:1.3;color:var(--an-ikincil)}
.ccc-an .ccc-an-bl small{margin-top:auto;padding-top:4px;font-size:12.5px;line-height:1.3;font-weight:600;color:var(--an-bakir)}

/* ---------- sipariş adımları ---------- */
.ccc-an .ccc-an-adim .ccc-an-h{margin:0 0 12px}
.ccc-an .ccc-an-al{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:10px}   /* alt alta da eşit yükseklik (kutu kuralı) */
.ccc-an .ccc-an-al li{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border-radius:14px;background:var(--an-yuzey)}
.ccc-an .ccc-an-al li>b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--an-navy);color:#fff;font-size:14px;font-weight:700}
.ccc-an .ccc-an-al li>p{min-width:0;font-size:14.5px;line-height:1.5;color:var(--an-navy);overflow-wrap:break-word}
.ccc-an .ccc-an-as{margin:12px 0 0;font-size:14px;line-height:1.4;font-weight:600;color:var(--an-navy)}

/* ---------- iletişim: iki EŞİT düğme (ilki dolu — kanal kuralına göre) ---------- */
.ccc-an .ccc-an-ilet .ccc-an-h{margin:0 0 12px}
.ccc-an .ccc-an-id{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
.ccc-an .ccc-an-id[data-n="1"]{grid-template-columns:1fr}
.ccc-an .ccc-an-ib,.ccc-an .ccc-an-ib:visited{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:54px;padding:10px 12px;border:1px solid var(--an-cizgi);border-radius:14px;background:#fff;color:var(--an-navy);font-size:14.5px;line-height:1.25;font-weight:600;text-align:center}
.ccc-an .ccc-an-ib span{min-width:0;overflow-wrap:break-word}
.ccc-an .ccc-an-ib.is-ilk,.ccc-an .ccc-an-ib.is-ilk:visited{border-color:var(--an-navy);background:var(--an-navy);color:#fff}
.ccc-an .ccc-an-ib:hover,.ccc-an .ccc-an-ib:focus{border-color:var(--an-navy);color:var(--an-navy)}
.ccc-an .ccc-an-ib.is-ilk:hover,.ccc-an .ccc-an-ib.is-ilk:focus{background:#161a52;color:#fff}
.ccc-an .ccc-an-is,.ccc-an .ccc-an-is:visited{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:8px 0 0;font-size:14px;font-weight:600;color:var(--an-navy)}
.ccc-an .ccc-an-is .ccc-an-ik{width:18px;height:18px;color:var(--an-bakir)}

/* ---------- kısa telefon ekranı (Instagram içi tarayıcı ≈ 390 × 664): boşluklar sıkılaşır → ilk ürünler ilk ekrana girer.
   (Akan iki bant + üç satırlık başlık + ABD rozetiyle ölçüldü: sıkılaştırmadan önce ürün fotoğrafının 19 px'i görünüyordu.) ---------- */
@media(max-width:699px) and (max-height:720px){
	.ccc-an .ccc-an-ki{padding:14px 16px 12px}
	.ccc-an .ccc-an-ku{margin-bottom:6px;font-size:11.5px}
	.ccc-an .ccc-an-kh{margin-bottom:10px;font-size:clamp(23px,6.4vw,26px);line-height:1.1}
	.ccc-an .ccc-an-kr{margin-bottom:10px;padding:6px 12px;font-size:12.5px}
	.ccc-an .ccc-an-kd{min-height:44px;padding:10px 22px;font-size:15.5px}
	.ccc-an .is-galeri .ccc-an-ki{padding:12px 6px 4px}
	.ccc-an .ccc-an-karo{gap:6px;margin-top:8px}
	.ccc-an .ccc-an-karo li{min-height:46px;padding:6px 11px}
	.ccc-an .ccc-an-karo+.ccc-an-grup{margin-top:12px}
	.ccc-an .ccc-an-gb{margin-bottom:6px}
}

/* kapak galerisi, < 900 px: kareler kırpılmadan küçülür, çift ortalanır (--an-kcap = kare boyunun üst sınırı). Tablet / yatay telefonda kapak ekranı
   doldurmasın; kısa ekranda ABD'li ziyaretçinin (fazladan «gümrük dahil teslim» satırı) kapak düğmesi sabit WhatsApp düğmesinin üstünde kalsın
   (ölçüm 18 Eki: 390 × 664 · 375 × 667 · 414 × 736 · iPhone SE'nin Instagram içi ≈ 375 × 559). Sıra önemli: kısa ekran kuralı sonra gelir. */
@media(min-width:700px) and (max-width:899px){.ccc-an .is-galeri{--an-kcap:32vh}}
@media(max-width:899px) and (max-height:760px){.ccc-an .is-galeri{--an-kcap:25vh}}
@media(max-width:899px) and (max-height:620px){.ccc-an .is-galeri{--an-kcap:18vh}.ccc-an .is-galeri .ccc-an-ku{display:none}}   /* üst etiket gizli: «üretici» başlıkta da geçiyor */

/* ---------- dar telefon (≤ 359 px): iki sütunluk düğmeler ve koşul kutuları alt alta ----------
   (344 px'te «WhatsApp’tan», «предложение», «Индивидуальное» kutuya sığmayıp ortasından bölünüyordu; 360 px'te sığıyor.
   Gerçek fotoğraflar şeritte en dar 169 px — de «Großhandelsgeschäft» sığıyor) */
@media(max-width:359px){
	.ccc-an .ccc-an-id{grid-template-columns:1fr}
	.ccc-an .ccc-an-kosul{grid-template-columns:1fr}
}

/* ---------- geniş ekran ---------- */
@media(min-width:700px){
	.ccc-an .ccc-an-kapak{min-height:min(var(--an-kh,380px),62vh);align-items:center}
	.ccc-an .ccc-an-kp{background:linear-gradient(100deg,rgba(9,11,53,.90) 0%,rgba(9,11,53,.62) 48%,rgba(9,11,53,.12) 100%)}
	[dir=rtl] .ccc-an .ccc-an-kp{background:linear-gradient(260deg,rgba(9,11,53,.90) 0%,rgba(9,11,53,.62) 48%,rgba(9,11,53,.12) 100%)}
	.ccc-an .ccc-an-ki{max-width:660px;padding:36px 6% 36px 7%}
	.ccc-an .ccc-an-kh{font-size:clamp(34px,4.3vw,50px);line-height:1.07}
	.ccc-an .ccc-an-kd{display:inline-flex}
	.ccc-an .ccc-an-karo .ccc-an-ik{display:block}
	.ccc-an .ccc-an-gt small{display:inline}
	.ccc-an .ccc-an-serit{grid-auto-columns:calc((100% - 48px) / 3.4);gap:16px}
	.ccc-an .ccc-an-kosul li{font-size:14px;padding:10px 16px}
	.ccc-an .ccc-an-h{font-size:24px}
}
@media(min-width:900px){
	.ccc-an .ccc-an-karo{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
	.ccc-an .ccc-an-karo[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ccc-an .ccc-an-karo[data-n="3"] li:last-child{grid-column:auto}
	.ccc-an .ccc-an-karo li{min-height:74px;padding:14px 16px;font-size:15px}
	.ccc-an .ccc-an-karo li b{font-size:19px}
	.ccc-an .ccc-an-grup,.ccc-an .ccc-an-bant,.ccc-an .ccc-an-beden,.ccc-an .ccc-an-adim,.ccc-an .ccc-an-ilet{margin-top:48px}
	.ccc-an .ccc-an-karo+.ccc-an-grup{margin-top:38px}
	.ccc-an .ccc-an-kosul{margin-top:16px;gap:14px}
	.ccc-an .ccc-an-bant{padding:30px 32px 28px}
	.ccc-an .ccc-an-bh{grid-template-columns:repeat(var(--an-hn,3),minmax(0,1fr));gap:14px}
	.ccc-an .ccc-an-bh>div{justify-content:flex-start;gap:5px;padding:16px 18px}
	.ccc-an .ccc-an-bh dd{font-size:17px}
	.ccc-an .ccc-an-bl,.ccc-an .ccc-an-bl[data-n="3"]{grid-template-columns:repeat(var(--an-bn,4),minmax(0,1fr));gap:14px}
	.ccc-an .ccc-an-al{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:14px}
	.ccc-an .ccc-an-al li{flex-direction:column;align-items:flex-start;padding:18px}
	.ccc-an .ccc-an-id{max-width:640px}
}
/* masaüstü (fareyle yatay kaydırma zor): 8 kart 4 × 2 ızgarada, kaydırma yok; «Tümünü Gör» karosu altta tam genişlikte düğme */
@media(min-width:1024px){
	.ccc-an .ccc-an-serit{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;overflow:visible;padding:0;scroll-snap-type:none}
	.ccc-an .ccc-an-k.is-tum{grid-column:1 / -1}
	.ccc-an .ccc-an-k.is-tum>a{flex-direction:row;min-height:56px;padding:10px 20px;gap:12px}
	.ccc-an .ccc-an-tk{width:34px;height:34px}
	.ccc-an .ccc-an-k>a:focus-visible{outline-offset:3px}
}
/* kapak galerisi, geniş ekran: yazı solda, kareler sağda (sağdan sola dillerde ızgara kendiliğinden yer değiştirir); kare yüksekliği ekrana göre;
   gösterge karelerin altında ve yeri baştan ayrılmış (betik geç çalışsa da kayma olmaz; betiksiz / hareketsizde boş kalır) */
@media(min-width:900px){
	.ccc-an .ccc-an-kapak.is-galeri{--an-kfh:clamp(240px,42vh,330px);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ki gal";align-items:center;column-gap:32px;padding-block:20px 14px;padding-inline:0 20px}
	.ccc-an .is-galeri .ccc-an-kgal{width:auto}
	.ccc-an .is-galeri .ccc-an-kn,.ccc-an .is-galeri .ccc-an-kn[hidden]{position:static;display:flex;grid-area:2 / 1;margin:10px 2px 0}
	.ccc-an .is-galeri .ccc-an-kn[hidden]{visibility:hidden}
	.ccc-an .ccc-an-kbar{box-shadow:none}
	.ccc-an .is-galeri .ccc-an-kgal.is-doner::after{display:none}
	.ccc-an .is-galeri .ccc-an-ki{max-width:640px;padding-block:28px;padding-inline:7% 0}
	.ccc-an .is-galeri .ccc-an-kcf{grid-template-columns:auto auto;gap:10px}
	.ccc-an .is-galeri .ccc-an-kfo{height:var(--an-kfh);width:calc(var(--an-kfh) * .8)}
}
/* 900–1199 px: yazı sütunu dar → kareler ve başlık biraz küçük (900 px'te altı dilde başlık 5 satıra çıkıyordu) */
@media(min-width:900px) and (max-width:1199px){
	.ccc-an .ccc-an-kapak.is-galeri{--an-kfh:clamp(220px,36vh,290px);column-gap:24px}
	.ccc-an .is-galeri .ccc-an-kh{font-size:clamp(30px,3.4vw,42px)}
}
@media(prefers-reduced-motion:reduce){.ccc-an .ccc-an-kcf{transition:none}.ccc-an .ccc-an-serit{scroll-behavior:auto}.ccc-an .ccc-an-bl a{transition:none}}