/* İçerik sayfaları (İletişim, Hakkımızda, Kaynaklar, rehberler).
Tüm seçiciler .fc-sayfa altında. WooCommerce/CF7 çıktısı da bu kapsamda. */
.fc-sayfa{--fc-kap:1480px;--fc-yan:max(20px,calc((100% - var(--fc-kap)) / 2 + 15px));
--kum:#F3EFE8;--lacivert:#0F1428;--bakir:#A9633C;--metin:#1A1F33;--soluk:#5C6377;--cizgi:rgba(15,20,40,.12)}
.fc-sayfa *{box-sizing:border-box;margin:0;padding:0}
.fc-sayfa{font-family:'Onest',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
background:var(--kum);color:var(--metin);-webkit-font-smoothing:antialiased}
.fc-sayfa a{color:inherit;text-decoration:none}
.fc-sayfa img{display:block;max-width:100%}
.fc-sayfa button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;
min-height:0;text-transform:none;letter-spacing:normal;box-shadow:none}
.fc-sayfa picture{display:block;width:100%;height:100%}
/* kırıntı + başlık */
.fc-sayfa .kirinti{padding:14px var(--fc-yan) 0;font-size:13px;color:var(--soluk);
display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fc-sayfa .kirinti a:hover{color:var(--bakir)}
.fc-sayfa .kirinti span{opacity:.5}
/* max-width + margin:auto YOK: --fc-yan zaten grid hizasını veriyor, ikisi
birlikte ikinci bir ortalama ekleyip içeriği 60px sağa kaydırıyordu. */
.fc-sayfa .bas{padding:26px var(--fc-yan) 30px}
.fc-sayfa .bas h1{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:700;letter-spacing:-.03em;
line-height:1.08;color:var(--lacivert)}
.fc-sayfa .bas__a{margin-top:12px;max-width:62ch;font-size:16px;line-height:1.62;color:var(--soluk)}
/* bölümler */
.fc-sayfa .bolum{padding:clamp(38px,4vw,58px) var(--fc-yan)}
.fc-sayfa .bolum--beyaz{background:#fff}
.fc-sayfa .bolum h2{font-size:clamp(1.4rem,2.1vw,1.9rem);font-weight:700;letter-spacing:-.025em;
color:var(--lacivert);line-height:1.14}
.fc-sayfa .bolum__alt{margin-top:10px;max-width:60ch;font-size:15px;line-height:1.6;color:var(--soluk)}
.fc-sayfa .bolum__ust{margin-bottom:26px}
/* kart ızgarası */
.fc-sayfa .kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fc-sayfa .kart2{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:22px;
display:flex;flex-direction:column;gap:11px;transition:border-color .2s,transform .2s}
.fc-sayfa a.kart2:hover{border-color:rgba(15,20,40,.28);transform:translateY(-2px)}
.fc-sayfa .bolum--beyaz .kart2{background:var(--kum)}
.fc-sayfa .kart2__i{width:40px;height:40px;border-radius:11px;background:var(--kum);
border:1px solid var(--cizgi);display:grid;place-items:center;color:var(--bakir)}
.fc-sayfa .bolum--beyaz .kart2__i{background:#fff}
.fc-sayfa .kart2__i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round}
.fc-sayfa .kart2__b{font-size:16px;font-weight:700;color:var(--lacivert);line-height:1.3}
.fc-sayfa .kart2__a{font-size:13.5px;line-height:1.6;color:var(--soluk)}
.fc-sayfa .kart2__l{margin-top:auto;padding-top:4px;font-size:13.5px;font-weight:700;color:var(--bakir)}
/* iki sütun */
.fc-sayfa .ikili{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:34px;align-items:start}
/* form */
.fc-sayfa .form{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:26px}
.fc-sayfa .form h2{font-size:19px;margin-bottom:6px}
.fc-sayfa .form__a{font-size:13.5px;color:var(--soluk);margin-bottom:18px;line-height:1.55}
.fc-sayfa .fc-f{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.fc-sayfa .fc-f label{font-size:12.5px;font-weight:600;color:var(--soluk)}
.fc-sayfa .form input[type=text],.fc-sayfa .form input[type=email],
.fc-sayfa .form input[type=tel],.fc-sayfa .form textarea{
width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--cizgi);border-radius:10px;
font:inherit;font-size:14.5px;background:var(--kum);color:var(--metin);transition:border-color .15s}
.fc-sayfa .form textarea{min-height:118px;resize:vertical}
.fc-sayfa .form input:focus,.fc-sayfa .form textarea:focus{
outline:2px solid var(--lacivert);outline-offset:1px;border-color:var(--lacivert)}
.fc-sayfa .fc-f--onay{flex-direction:row;align-items:flex-start;gap:9px;font-size:12.5px;
line-height:1.55;color:var(--soluk)}
.fc-sayfa .fc-f--onay input[type=checkbox]{width:18px;height:18px;margin-top:1px;accent-color:var(--lacivert)}
.fc-sayfa .form .wpcf7-list-item{margin:0}
.fc-sayfa .form input[type=submit]{width:100%;min-height:52px;border:0;border-radius:999px;
background:var(--lacivert);color:#fff;font:inherit;font-size:15px;font-weight:700;
cursor:pointer;transition:opacity .18s}
.fc-sayfa .form input[type=submit]:hover{opacity:.88}
.fc-sayfa .wpcf7-not-valid-tip{font-size:12px;color:#B4342B;font-weight:600}
.fc-sayfa .wpcf7-response-output{margin:14px 0 0 !important;padding:13px 15px !important;
border-radius:10px !important;border:1px solid var(--cizgi) !important;
font-size:13.5px;background:var(--kum)}
.fc-sayfa .wpcf7 form.sent .wpcf7-response-output{border-color:rgba(30,158,90,.5) !important;color:#1E7A48}
.fc-sayfa .wpcf7 form.invalid .wpcf7-response-output,
.fc-sayfa .wpcf7 form.failed .wpcf7-response-output{border-color:rgba(180,52,43,.45) !important;color:#8E2B23}
.fc-sayfa .wpcf7-spinner{display:block;margin:10px auto 0}
/* iletişim künyesi */
.fc-sayfa .kunye{display:grid;gap:2px;background:var(--cizgi);border:1px solid var(--cizgi);
border-radius:16px;overflow:hidden}
.fc-sayfa .kunye__h{background:#fff;padding:16px 18px;display:flex;gap:13px;align-items:flex-start}
.fc-sayfa .kunye__i{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--kum);
display:grid;place-items:center;color:var(--bakir)}
.fc-sayfa .kunye__i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round}
.fc-sayfa .kunye__b{font-size:15px;font-weight:700;color:var(--lacivert);line-height:1.3}
.fc-sayfa .kunye__a{margin-top:3px;font-size:13px;line-height:1.5;color:var(--soluk)}
.fc-sayfa a.kunye__h:hover .kunye__b{color:var(--bakir)}
/* ulaşım */
.fc-sayfa .ulasim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fc-sayfa .ulasim__h{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:20px}
.fc-sayfa .bolum--beyaz .ulasim__h{background:var(--kum)}
.fc-sayfa .ulasim__b{font-size:15px;font-weight:700;color:var(--lacivert);display:flex;align-items:center;gap:9px}
.fc-sayfa .ulasim__b svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:var(--bakir);
stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fc-sayfa .ulasim__a{margin-top:9px;font-size:13.5px;line-height:1.6;color:var(--soluk)}
/* kapanış bandı */
.fc-sayfa .band{background:var(--lacivert);color:#fff;padding:34px var(--fc-yan);
display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.fc-sayfa .band__b{font-size:20px;font-weight:700}
.fc-sayfa .band__a{margin-top:5px;font-size:14px;opacity:.75;max-width:62ch;line-height:1.55}
.fc-sayfa .band__ctalar{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.fc-sayfa .fc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;
padding:0 26px;border-radius:999px;font-size:14.5px;font-weight:700;border:1.5px solid transparent;
transition:opacity .18s,background .18s,color .18s;white-space:nowrap}
.fc-sayfa .fc-btn--dolu{background:#fff;color:var(--lacivert)}
.fc-sayfa .fc-btn--dolu:hover{opacity:.9}
.fc-sayfa .fc-btn--bos{border-color:rgba(255,255,255,.4);color:#fff}
.fc-sayfa .fc-btn--bos:hover{border-color:#fff}
/* düz metin bloğu */
.fc-sayfa .metin{max-width:74ch;font-size:15.5px;line-height:1.7;color:var(--metin)}
.fc-sayfa .metin h2{margin:30px 0 10px}
.fc-sayfa .metin h3{font-size:17px;font-weight:700;color:var(--lacivert);margin:24px 0 8px}
.fc-sayfa .metin p{margin-bottom:15px}
.fc-sayfa .metin ul,.fc-sayfa .metin ol{margin:0 0 15px 20px}
.fc-sayfa .metin li{margin-bottom:7px}
.fc-sayfa .metin strong{font-weight:700;color:var(--lacivert)}
@media(max-width:1000px){
.fc-sayfa .ikili{grid-template-columns:minmax(0,1fr);gap:24px}
.fc-sayfa .kartlar,.fc-sayfa .ulasim{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
.fc-sayfa .kartlar,.fc-sayfa .ulasim{grid-template-columns:minmax(0,1fr)}
.fc-sayfa .form{padding:20px;border-radius:14px}
.fc-sayfa .band__ctalar{margin-left:0;width:100%}
.fc-sayfa .band__ctalar .fc-btn{flex:1}
.fc-sayfa .kirinti a{display:inline-block;padding-block:8px}
}
@media(prefers-reduced-motion:reduce){ .fc-sayfa *{transition:none !important} }
.fc-sayfa [hidden]{display:none !important}
/* ------------------------------------------------------------
HARİTA
Gömme koordinat tabanlıdır (bkz. page-iletisim.php'deki not).
------------------------------------------------------------ */
.fc-sayfa .harita{margin-top:34px;border:1px solid var(--cizgi);border-radius:16px;
overflow:hidden;background:#fff}
.fc-sayfa .harita__cerceve{display:block;width:100%;height:clamp(280px,32vw,420px);border:0}
.fc-sayfa .harita__alt{display:flex;align-items:center;justify-content:space-between;
gap:18px;flex-wrap:wrap;padding:18px 22px;border-top:1px solid var(--cizgi)}
.fc-sayfa .harita__b{font-weight:650;color:var(--metin);font-size:16px}
.fc-sayfa .harita__a{color:var(--soluk);font-size:14px;margin-top:2px}
.fc-sayfa .harita__yol{display:inline-flex;align-items:center;justify-content:center;
min-height:46px;padding:0 22px;border-radius:999px;background:var(--lacivert);
color:#fff;font-weight:600;font-size:15px;text-decoration:none;
transition:opacity .18s ease}
.fc-sayfa .harita__yol:hover{opacity:.9;color:#fff}
@media (max-width:600px){
.fc-sayfa .harita__alt{flex-direction:column;align-items:stretch;text-align:left}
.fc-sayfa .harita__yol{width:100%}
}
/* CF7 gönder düğmesi ikonu.
İki tuzak birden: (1) kural sayfa.css'te DURMALI, çünkü yukarıdaki
`background:` KISAYOLU alt özellikleri sıfırlıyor ve sayfa.css ikon.css'ten
sonra yükleniyor; (2) selektör `.fc-sayfa .form input[type=submit]` ile AYNI
özgüllükte (0,2,1) olmalı — `.fc-sayfa .wpcf7-submit` (0,2,0) kaybediyordu,
ölçüldü: padding-right uygulandı ama background-image 'none' kaldı.
Buton tam genişlikte olduğu için metin ortada kalsın diye iki yana da
eşit iç boşluk verilir. */
/* ------------------------------------------------------------
Contact Form 7 gönder düğmesi `` olduğu için
::before alamaz — ikon arka plan görseli olarak konur.
------------------------------------------------------------ */
.fc-sayfa .form input[type=submit]{
padding-left:48px;padding-right:48px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 2.5 10.7 13.3'/%3E%3Cpath d='M21.5 2.5 14.6 22l-3.9-8.7L2 9.4Z'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 20px center;
background-size:18px 18px;
}
/* ============================================================
HAKKIMIZDA
Görsel DOM'da metinden ÖNCE gelir; mobilde önce görsel görünür,
masaüstünde solda durur — `order` hilesine gerek kalmaz.
============================================================ */
.fc-hakkimizda .anlat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:clamp(24px,3vw,44px);align-items:center}
.fc-hakkimizda .anlat__gorsel{margin:0;border-radius:18px;overflow:hidden;
border:1px solid var(--cizgi);background:#fff;aspect-ratio:4/3}
.fc-hakkimizda .anlat__gorsel img{display:block;width:100%;height:100%;object-fit:cover}
.fc-hakkimizda .anlat__metin h2{margin:0 0 14px}
.fc-hakkimizda .anlat__metin p{font-size:15.5px;line-height:1.7;color:var(--soluk);margin:0 0 12px}
.fc-hakkimizda .anlat__l{display:inline-flex;align-items:center;margin-top:6px;
font-size:15px;font-weight:700;color:var(--bakir);text-decoration:none}
.fc-hakkimizda .anlat__l:hover{color:var(--lacivert)}
/* Salt-metin bölümü iki sütuna açılır (tek sütunlu metin duvarı olmasın). */
.fc-hakkimizda .metin2{columns:2;column-gap:clamp(28px,3.4vw,52px)}
.fc-hakkimizda .metin2 p{margin:0 0 14px;font-size:15.5px;line-height:1.7;color:var(--soluk);
break-inside:avoid}
.fc-hakkimizda .metin2--dar{max-width:96ch;margin-bottom:28px}
.fc-hakkimizda .taahhut{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fc-hakkimizda .bolum__son{margin-top:26px;max-width:88ch;font-size:15px;line-height:1.7;
color:var(--soluk)}
/* Değerler — sayfada ikinci bir KOYU bant açmadan ayrışsın diye
bakır dikey çizgi + iki sütun. */
.fc-hakkimizda .degerler{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);
gap:clamp(20px,3vw,44px);padding-left:20px;border-left:3px solid var(--bakir)}
.fc-hakkimizda .degerler__b{margin:0;font-size:clamp(1.4rem,2.1vw,1.9rem);font-weight:700;
letter-spacing:-.025em;color:var(--lacivert);line-height:1.2}
.fc-hakkimizda .degerler__m p{margin:0 0 12px;font-size:15.5px;line-height:1.7;color:var(--soluk)}
.fc-hakkimizda .degerler__m p:last-child{margin-bottom:0}
/* Ürün gamı — kategoriden canlı gelen gerçek fotoğraflar. */
.fc-hakkimizda .gam{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fc-hakkimizda .gam__h{display:flex;flex-direction:column;background:#fff;
border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;text-decoration:none;
transition:border-color .2s ease,transform .2s ease}
.fc-hakkimizda .gam__h:hover{border-color:var(--bakir);transform:translateY(-2px)}
.fc-hakkimizda .gam__g{display:block;aspect-ratio:4/3;background:var(--kum)}
.fc-hakkimizda .gam__g img{display:block;width:100%;height:100%;object-fit:cover}
.fc-hakkimizda .gam__b{display:flex;align-items:center;justify-content:space-between;gap:10px;
padding:14px 16px;font-size:14.5px;font-weight:650;color:var(--lacivert);line-height:1.35}
.fc-hakkimizda .gam__h:hover .gam__b{color:var(--bakir)}
@media (max-width:960px){
.fc-hakkimizda .anlat{grid-template-columns:minmax(0,1fr)}
.fc-hakkimizda .degerler{grid-template-columns:minmax(0,1fr)}
.fc-hakkimizda .gam{grid-template-columns:repeat(2,minmax(0,1fr))}
.fc-hakkimizda .taahhut{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.fc-hakkimizda .metin2{columns:1}
.fc-hakkimizda .taahhut{grid-template-columns:minmax(0,1fr)}
/* Metin bağlantısı ama işlevi CTA — dokunmatikte 44px hedef.
Ölçülen: 24px. Negatif margin ile metin hizası korunur. */
.fc-hakkimizda .anlat__l{min-height:44px;padding:10px 4px;margin-left:-4px}
}
@media (prefers-reduced-motion:reduce){
.fc-hakkimizda .gam__h{transition:none}
.fc-hakkimizda .gam__h:hover{transform:none}
}
/* ============================================================
KAYNAKLAR HUB'I
============================================================ */
/* --- Rehber kartları (görselsiz; içerikte gerçek görsel yok, uydurulmadı) */
.fc-sayfa .rehber{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fc-sayfa .rehber__h{display:flex;flex-direction:column;gap:10px;padding:26px;
background:#fff;border:1px solid var(--cizgi);border-radius:16px;text-decoration:none;
transition:border-color .2s ease,transform .2s ease}
.fc-sayfa .rehber__h:hover{border-color:var(--bakir);transform:translateY(-2px)}
.fc-sayfa .rehber__i{display:flex;align-items:center;justify-content:center;
width:42px;height:42px;border-radius:12px;background:var(--kum);color:var(--bakir)}
.fc-sayfa .rehber__i .fc-ikon{width:21px;height:21px}
.fc-sayfa .rehber__b{font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:700;
color:var(--lacivert);line-height:1.3}
.fc-sayfa .rehber__a{font-size:14.5px;line-height:1.65;color:var(--soluk)}
.fc-sayfa .rehber__l{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:8px;
flex-wrap:wrap}
.fc-sayfa .rehber__v{font-size:12.5px;font-weight:650;color:var(--soluk);
padding:5px 10px;border:1px solid var(--cizgi);border-radius:999px}
.fc-sayfa .rehber__o{display:inline-flex;align-items:center;font-size:14.5px;
font-weight:700;color:var(--bakir)}
.fc-sayfa .rehber__h:hover .rehber__o{color:var(--lacivert)}
.fc-sayfa .bolum__tumu{display:inline-flex;align-items:center;margin-top:22px;
font-size:15px;font-weight:700;color:var(--bakir);text-decoration:none}
.fc-sayfa .bolum__tumu:hover{color:var(--lacivert)}
/* --- Kategori kısayolları */
.fc-sayfa .cipler{display:flex;flex-wrap:wrap;gap:10px}
.fc-sayfa .cip{display:inline-flex;align-items:center;gap:9px;min-height:44px;
padding:0 16px;border:1px solid var(--cizgi);border-radius:999px;background:var(--kum);
font-size:14px;font-weight:600;color:var(--lacivert);text-decoration:none;
transition:border-color .2s ease,background-color .2s ease}
.fc-sayfa .bolum--beyaz .cip{background:#fff}
.fc-sayfa .cip:hover{border-color:var(--bakir);color:var(--bakir)}
.fc-sayfa .cip__n{font-size:12.5px;font-weight:700;color:var(--soluk)}
@media (max-width:960px){
.fc-sayfa .rehber{grid-template-columns:minmax(0,1fr)}
.fc-sayfa .yazilar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.fc-sayfa .yazilar{grid-template-columns:minmax(0,1fr)}
/* Metin bağlantısı ama işlevi CTA — dokunmatikte 44px hedef (ölçülen: 24px). */
.fc-sayfa .bolum__tumu{min-height:44px;padding:10px 4px;margin-left:-4px}
}
@media (prefers-reduced-motion:reduce){
.fc-sayfa .rehber__h,
.fc-kaynaklar .yazi{transition:none}
.fc-sayfa .rehber__h:hover,
.fc-kaynaklar .yazi:hover{transform:none}
}
/* ------------------------------------------------------------
EWWW OPTIMIZER SARMALAYICISI
Eklenti her ![]()
'i ile sarıyor. `aspect-ratio` verilen
kutularda picture varsayılan yüksekliğiyle kutuyu içeriden itiyor:
ölçüldü — 16/10 kutu 293px olmalıyken 467px oldu, aynı satırdaki
kartların görselleri 467/450/313px gibi farklı yüksekliklerde çıktı.
`picture{height:100%}` YETMEZ: kutunun yüksekliği içerikten geldiği için
yüzde çözümlemesi `auto`ya düşüyor ve döngü kırılmıyor (ölçüldü, değişmedi).
Tek güvenilir çözüm çocuğu AKIŞTAN çıkarmak; kutunun yüksekliğini artık
yalnız `aspect-ratio` belirler.
------------------------------------------------------------ */
.fc-sayfa :is(.yazi__g,.gam__g,.anlat__gorsel){position:relative;overflow:hidden}
.fc-sayfa :is(.yazi__g,.gam__g,.anlat__gorsel) > *{position:absolute;inset:0;margin:0}
.fc-sayfa :is(.yazi__g,.gam__g,.anlat__gorsel) img{display:block;width:100%;height:100%;
object-fit:cover}
/* ============================================================
REHBER SAYFALARI
============================================================ */
.fc-rehber .rehber__ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);
gap:clamp(24px,3vw,46px);align-items:start}
.fc-rehber .rehber__giris p{margin:0 0 14px;font-size:16px;line-height:1.75;color:var(--soluk)}
.fc-rehber .rehber__giris p:last-child{margin-bottom:0}
/* İçindekiler — uzun rehberde bölüme atlama. */
.fc-sayfa .icindekiler{position:sticky;top:calc(var(--wd-header-h,80px) + 16px);
padding:20px 22px;background:#fff;border:1px solid var(--cizgi);border-radius:16px}
.fc-sayfa .icindekiler__b{font-size:13px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;color:var(--soluk);margin-bottom:12px}
.fc-sayfa .icindekiler ol{margin:0;padding-left:1.15em;display:flex;flex-direction:column;gap:9px}
.fc-sayfa .icindekiler li{font-size:14px;line-height:1.45;color:var(--soluk)}
.fc-sayfa .icindekiler a{color:var(--lacivert);text-decoration:none}
.fc-sayfa .icindekiler a:hover{color:var(--bakir)}
/* Adımlar */
.fc-rehber .adimlar{display:flex;flex-direction:column;gap:clamp(26px,3vw,42px)}
.fc-rehber .adim{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;
scroll-margin-top:calc(var(--wd-header-h,80px) + 20px)}
.fc-rehber .adim__n{display:flex;align-items:center;justify-content:center;
width:44px;height:44px;border-radius:50%;background:var(--lacivert);color:#fff;
font-size:16px;font-weight:700}
.fc-rehber .adim__b{margin:0 0 8px;font-size:clamp(1.05rem,1.6vw,1.28rem);font-weight:700;
color:var(--lacivert);line-height:1.3}
.fc-rehber .adim__a{margin:0 0 16px;font-size:15.5px;line-height:1.7;color:var(--soluk);
max-width:78ch}
/* Video cephesi: JS yüklenene kadar da anlamlı görünür. */
.fc-rehber .oynatici{position:relative;aspect-ratio:16/9;max-width:760px;overflow:hidden;
border-radius:16px;background:var(--lacivert)}
.fc-rehber .oynatici > *{position:absolute;inset:0;width:100%;height:100%}
.fc-rehber .oynatici__k{object-fit:cover;border:0}
.fc-rehber .oynatici__d{display:flex;flex-direction:column;align-items:center;
justify-content:center;gap:12px;border:0;background:rgba(15,20,40,.28);color:#fff;
font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}
.fc-rehber .oynatici__d:hover{background:rgba(15,20,40,.44)}
.fc-rehber .oynatici__ok{width:62px;height:62px;border-radius:50%;background:#fff;
position:relative;flex:0 0 auto}
.fc-rehber .oynatici__ok::after{content:"";position:absolute;top:50%;left:52%;
transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 18px;
border-color:transparent transparent transparent var(--lacivert)}
.fc-rehber .oynatici__c{border:0}
.fc-rehber .gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
white-space:nowrap}
@media (max-width:960px){
.fc-rehber .rehber__ust{grid-template-columns:minmax(0,1fr)}
.fc-sayfa .icindekiler{position:static}
}
@media (max-width:640px){
.fc-rehber .adim{grid-template-columns:minmax(0,1fr);gap:12px}
.fc-rehber .adim__n{width:38px;height:38px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
.fc-rehber .oynatici__d{transition:none}
}
/* ============================================================
BLOG YAZISI
Gövde metni ölçülü genişlikte akar; ölçüldü — eski hâlinde
1450px genişlikte tek sütun metin vardı.
============================================================ */
.fc-yazi .yazi__meta{margin-top:10px;font-size:14px;color:var(--soluk);
display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.fc-yazi .yazi__kapak{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--cizgi);
background:#fff;aspect-ratio:16/9;position:relative}
.fc-yazi .yazi__kapak > *{position:absolute;inset:0;margin:0}
.fc-yazi .yazi__kapak img{display:block;width:100%;height:100%;object-fit:cover}
.fc-yazi .yazi__duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);
gap:clamp(28px,3.4vw,56px);align-items:start}
/* Satır uzunluğu ÖLÇÜLEREK ayarlandı, `ch` ile tahmin edilmedi:
Onest'in "0" glifi geniş olduğu için 74ch = 837px çıkıyor ve satıra
77 karakter düşüyordu (rahat okuma bandı 45-75). Ölçülen ortalama
karakter genişliği 10,85px → 760px ≈ 70 karakter. */
.fc-yazi .yazi__govde{max-width:760px}
/* --- gövde tipografisi (içerik müşteri metnidir, çeşitli öğeler taşır) --- */
.fc-yazi .yazi__govde > *:first-child{margin-top:0}
.fc-yazi .yazi__govde p{margin:0 0 16px;font-size:16px;line-height:1.78;color:var(--metin)}
.fc-yazi .yazi__govde h2{margin:38px 0 14px;font-size:clamp(1.25rem,1.9vw,1.6rem);font-weight:700;
letter-spacing:-.02em;color:var(--lacivert);line-height:1.25;
scroll-margin-top:calc(var(--wd-header-h,80px) + 20px)}
.fc-yazi .yazi__govde h3{margin:28px 0 10px;font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:700;
color:var(--lacivert);line-height:1.3;
scroll-margin-top:calc(var(--wd-header-h,80px) + 20px)}
.fc-yazi .yazi__govde ul,
.fc-yazi .yazi__govde ol{margin:0 0 18px;padding-left:1.35em;display:flex;flex-direction:column;gap:8px}
.fc-yazi .yazi__govde li{font-size:16px;line-height:1.72;color:var(--metin)}
.fc-yazi .yazi__govde strong,
.fc-yazi .yazi__govde b{font-weight:700;color:var(--lacivert)}
.fc-yazi .yazi__govde a{color:var(--bakir);text-decoration:underline;text-underline-offset:3px}
.fc-yazi .yazi__govde a:hover{color:var(--lacivert)}
.fc-yazi .yazi__govde hr{margin:30px 0;border:0;border-top:1px solid var(--cizgi)}
.fc-yazi .yazi__govde img{max-width:100%;height:auto;border-radius:14px;margin:8px 0 18px}
.fc-yazi .yazi__govde figure{margin:0 0 18px}
/* Tablo dar ekranda taşmasın: kendi içinde yatay kayar. */
.fc-yazi .yazi__govde table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.fc-yazi .yazi__govde :is(th,td){padding:10px 12px;border:1px solid var(--cizgi);
text-align:left;vertical-align:top;line-height:1.55}
.fc-yazi .yazi__govde th{background:#fff;font-weight:700;color:var(--lacivert)}
/* --- yan sütun --- */
.fc-yazi .yazi__yan{position:sticky;top:calc(var(--wd-header-h,80px) + 16px);
display:flex;flex-direction:column;gap:16px}
/* Yazıda İçindekiler uzun olabiliyor: kendi içinde kayar ve h3 girintilenir. */
/* Yazıda yapışkanlığı SARMALAYICI (.yazi__yan) sağlıyor; iç içe sticky
gereksiz ve tarayıcıda öngörülemez davranıyor. */
.fc-yazi .icindekiler{position:static;max-height:min(58vh,520px);overflow:auto;
overscroll-behavior:contain}
.fc-yazi .icindekiler li{font-size:13.5px}
.fc-yazi .icindekiler li.ic--3{margin-left:12px;font-size:13px;list-style:circle}
.fc-yazi .yazi__yardim{padding:20px 22px;border-radius:16px;background:var(--lacivert);color:#fff}
.fc-yazi .yazi__yardim-b{font-size:15px;font-weight:700}
.fc-yazi .yazi__yardim-a{margin:8px 0 14px;font-size:13.5px;line-height:1.6;
color:rgba(255,255,255,.78)}
.fc-yazi .yazi__yardim-l{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;
border-radius:999px;background:#fff;color:var(--lacivert);font-size:14px;font-weight:700;
text-decoration:none}
.fc-yazi .yazi__yardim-l:hover{opacity:.9;color:var(--lacivert)}
/* --- geçen modeller + ilgili yazılar --- */
.fc-yazi .yazi__urunler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fc-sayfa .yazilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fc-sayfa .yazi-kart{display:flex;flex-direction:column;background:#fff;
border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;text-decoration:none;
transition:border-color .2s ease,transform .2s ease}
.fc-sayfa .yazi-kart:hover{border-color:var(--bakir);transform:translateY(-2px)}
.fc-sayfa .yazi__g{display:block;aspect-ratio:16/10;background:var(--kum);
position:relative;overflow:hidden}
.fc-sayfa .yazi__g > *{position:absolute;inset:0;margin:0}
.fc-sayfa .yazi__g img{display:block;width:100%;height:100%;object-fit:cover}
.fc-sayfa .yazi__ic{display:flex;flex-direction:column;gap:7px;padding:16px 18px 18px}
.fc-sayfa .yazi__b{font-size:15px;font-weight:650;color:var(--lacivert);line-height:1.35}
.fc-sayfa .yazi__a{font-size:13.5px;line-height:1.6;color:var(--soluk)}
.fc-sayfa .yazi__t{margin-top:auto;padding-top:4px;font-size:12.5px;color:var(--soluk)}
.fc-sayfa .yazi-kart:hover .yazi__b{color:var(--bakir)}
.fc-sayfa .yazi-kart--gorselsiz .yazi__ic{padding-top:22px}
.fc-sayfa .bolum__tumu{display:inline-flex;align-items:center;margin-top:22px;
font-size:15px;font-weight:700;color:var(--bakir);text-decoration:none}
.fc-sayfa .bolum__tumu:hover{color:var(--lacivert)}
@media (max-width:1100px){
.fc-yazi .yazi__urunler{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
.fc-yazi .yazi__duzen{grid-template-columns:minmax(0,1fr)}
.fc-yazi .yazi__govde{max-width:none}
.fc-yazi .yazi__yan{position:static}
.fc-yazi .icindekiler{max-height:none}
.fc-sayfa .yazilar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.fc-sayfa .yazilar{grid-template-columns:minmax(0,1fr)}
.fc-yazi .yazi__urunler{grid-template-columns:minmax(0,1fr)}
.fc-sayfa .bolum__tumu{min-height:44px;padding:10px 4px;margin-left:-4px}
/* Geniş tablo sayfayı taşırmasın. */
.fc-yazi .yazi__govde table{display:block;overflow-x:auto;overflow-y:hidden;
overscroll-behavior-x:contain}
}
@media (prefers-reduced-motion:reduce){
.fc-sayfa .yazi-kart{transition:none}
.fc-sayfa .yazi-kart:hover{transform:none}
}
/* --- blog arşivi sayfalama --- */
.fc-blog .sayfalama{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.fc-blog .sayfalama :is(a,span){display:inline-flex;align-items:center;justify-content:center;
min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;
border:1px solid var(--cizgi);background:#fff;font-size:14px;font-weight:600;
color:var(--lacivert);text-decoration:none;transition:border-color .2s ease}
.fc-blog .sayfalama a:hover{border-color:var(--bakir);color:var(--bakir)}
.fc-blog .sayfalama .current{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.fc-blog .sayfalama .dots{border-color:transparent;background:transparent}