/* The Homeward Project — koyu editoryal sahiplendirme platformu.
   koleksiyon.css ile birlikte yüklenir (ust-baslik, kk-cizgi vs.). */

/* ===================== HERO ===================== */
.hw-hero { position: relative; padding: clamp(2rem,1rem+4vw,4.5rem) 0 clamp(2rem,1rem+3vw,3.5rem); overflow: hidden; }
.hw-hero__ic { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
@media (min-width: 900px) { .hw-hero__ic { grid-template-columns: 1.05fr 1fr; gap: 3rem; } }
.hw-hero__baslik { font-family: var(--serif); font-size: clamp(2.6rem,1.4rem+5vw,4.6rem); line-height: 0.98; color: var(--krem); margin: 0.6rem 0 0; }
.hw-hero__alt { font-family: var(--serif); font-size: clamp(1.05rem,1rem+0.5vw,1.35rem); color: var(--metin-soluk); line-height: 1.55; margin: 1.3rem 0 0; max-width: 34ch; }
.hw-hero__ctalar { display: flex; gap: 0.9rem; flex-wrap: wrap; margin-top: 1.8rem; }
.hw-hero__gorsel { border-radius: var(--kenar-yaricap); overflow: hidden; position: relative; }
.hw-hero__gorsel img { width: 100%; height: 100%; max-height: 560px; object-fit: cover; display: block; }

/* ===================== İSTATİSTİK ŞERİDİ ===================== */
.hw-istat-sar { border-top: 1px solid var(--hat); border-bottom: 1px solid var(--hat); }
.hw-istat { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.hw-istat__oge { display: flex; align-items: flex-start; gap: 0.9rem; padding: 1.6rem 1.2rem; border-right: 1px solid var(--hat); }
.hw-istat__oge:last-child { border-right: none; }
.hw-istat__ikon { color: var(--ahsap); flex: none; margin-top: 0.2rem; }
.hw-istat__sayi { font-family: var(--serif); font-size: 1.9rem; color: var(--krem); line-height: 1; }
.hw-istat__etiket { font-size: 0.9rem; color: var(--metin); margin-top: 0.3rem; }
.hw-istat__alt { font-size: 0.75rem; color: var(--metin-soluk); }

/* ===================== BÖLÜM BAŞLIĞI ===================== */
.hw-bolum { padding: clamp(2.5rem,1.5rem+4vw,4.5rem) 0; }
.hw-bolum__bas { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.8rem; }
.hw-bolum__bas h2 { font-family: var(--serif); font-size: clamp(1.5rem,1.2rem+1.4vw,2.1rem); color: var(--krem); margin: 0; letter-spacing: 0.02em; }
.hw-bolum--orta { text-align: center; }
.hw-bolum--orta h2 { justify-content: center; }
.hw-baglanti { font-family: var(--sans); font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ahsap); display: inline-flex; align-items: center; gap: 0.4rem; }
.hw-baglanti:hover { color: var(--ahsap-acik); }

/* ===================== HAYVAN KARTLARI ===================== */
.hw-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.3rem; }
.hw-kart { display: block; border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); overflow: hidden; background: var(--zemin-2); transition: border-color var(--gecis); }
.hw-kart:hover { border-color: var(--ahsap-koyu); }
.hw-kart__gorsel { position: relative; aspect-ratio: 4/5; background-size: cover; background-position: center; background-color: var(--zemin-3); }
.hw-kart__rozet { position: absolute; top: 0.8rem; left: 0.8rem; font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 0.3rem 0.6rem; border-radius: 999px; background: rgba(10,9,8,0.8); color: var(--krem); border: 1px solid var(--hat); }
.hw-kart__rozet--acil { color: var(--uyari); border-color: var(--uyari); }
.hw-kart__rozet--found { background: rgba(122,139,90,0.2); color: var(--onay); border-color: var(--onay); }
.hw-kart__govde { padding: 1.1rem 1.2rem 1.3rem; }
.hw-kart__ad { font-family: var(--serif); font-size: 1.35rem; color: var(--krem); margin: 0 0 0.35rem; }
.hw-kart__satir { font-size: 0.85rem; color: var(--metin-soluk); margin: 0 0 0.15rem; }
.hw-kart__cins { font-size: 0.85rem; color: var(--metin); }
.hw-kart__meet { display: inline-block; margin-top: 0.9rem; font-family: var(--sans); font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ahsap); }
.hw-kart--found .hw-kart__gorsel { filter: grayscale(0.15) brightness(0.9); }

/* ===================== NASIL ÇALIŞIR ===================== */
.hw-adimlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.2rem; }
.hw-adim { position: relative; border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); padding: 1.5rem 1.4rem; background: var(--zemin-2); overflow: hidden; }
.hw-adim__no { position: absolute; top: 0.6rem; right: 1rem; font-family: var(--serif); font-size: 3rem; color: var(--hat); line-height: 1; }
.hw-adim__ikon { color: var(--ahsap); margin-bottom: 0.9rem; }
.hw-adim h3 { font-family: var(--sans); font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--krem); margin: 0 0 0.5rem; }
.hw-adim p { font-size: 0.9rem; color: var(--metin-soluk); margin: 0; line-height: 1.55; }

/* ===================== MANİFESTO / PROMISE ===================== */
.hw-promise { border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); padding: clamp(2rem,1rem+4vw,3.5rem); text-align: center; background: var(--zemin-2); }
.hw-promise h2 { font-family: var(--serif); font-size: clamp(1.6rem,1.2rem+1.6vw,2.3rem); color: var(--krem); margin: 0 0 1.2rem; }
.hw-promise p { max-width: 62ch; margin: 0 auto 1rem; color: var(--metin-soluk); line-height: 1.7; }
.hw-promise__cumle { font-family: var(--serif); font-size: 1.3rem; color: var(--ahsap-acik); font-style: italic; margin-top: 1.4rem; }
.hw-ilkeler { list-style: none; margin: 1.8rem auto 0; padding: 0; max-width: 640px; display: grid; gap: 0.7rem; text-align: left; }
.hw-ilkeler li { display: flex; gap: 0.7rem; align-items: flex-start; font-size: 0.92rem; color: var(--metin); }
.hw-ilkeler svg { color: var(--ahsap); flex: none; margin-top: 0.15rem; }

/* ===================== KATIL (4 kart) ===================== */
.hw-katil { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.2rem; }
.hw-katil__kart { border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); padding: 1.8rem 1.4rem; text-align: center; background: var(--zemin-2); transition: border-color var(--gecis); }
.hw-katil__kart:hover { border-color: var(--ahsap-koyu); }
.hw-katil__ikon { color: var(--ahsap); margin-bottom: 1rem; }
.hw-katil__kart h3 { font-family: var(--sans); font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--krem); margin: 0 0 0.5rem; }
.hw-katil__kart p { font-size: 0.88rem; color: var(--metin-soluk); margin: 0 0 1rem; line-height: 1.5; }

/* ===================== FİLTRELER (ilanlar) ===================== */
.hw-filtre { display: flex; gap: 0.7rem; flex-wrap: wrap; align-items: center; padding: 1.2rem 0; border-bottom: 1px solid var(--hat); margin-bottom: 1.8rem; }
.hw-filtre .girdi { max-width: 190px; }
.hw-filtre__acil { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; color: var(--metin-soluk); }

/* ===================== DETAY ===================== */
.hw-detay { padding-top: clamp(1.2rem,1rem+1.5vw,2.2rem); }
.hw-detay__ust { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 900px) { .hw-detay__ust { grid-template-columns: 1.1fr 1fr; align-items: start; } }
.hw-detay__galeri { display: flex; flex-direction: column; gap: 0.8rem; }
.hw-detay__ana-foto { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--kenar-yaricap); background: var(--zemin-3); }
.hw-detay__kucukler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.6rem; }
.hw-detay__kucukler img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--kenar-yaricap); border: 1px solid var(--hat); }
.hw-detay__ad { font-family: var(--serif); font-size: clamp(2rem,1.5rem+2vw,2.8rem); color: var(--krem); margin: 0.3rem 0 0.4rem; }
.hw-detay__ozet { color: var(--metin-soluk); font-size: 1.05rem; }
.hw-detay__karakter { font-family: var(--serif); font-size: 1.2rem; color: var(--ahsap-acik); line-height: 1.5; margin: 1rem 0; }
.hw-detay__cta { margin: 1.4rem 0; }
.hw-detay__mahremiyet { font-size: 0.8rem; color: var(--metin-soluk); border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); padding: 0.9rem 1rem; margin-top: 1rem; line-height: 1.5; }

.hw-blok { padding: clamp(1.8rem,1rem+2vw,2.6rem) 0; border-top: 1px solid var(--hat); }
.hw-blok h2 { font-family: var(--serif); font-size: 1.5rem; color: var(--krem); margin: 0 0 1.2rem; }
.hw-hikaye { max-width: 70ch; color: var(--metin); line-height: 1.8; white-space: pre-line; }
.hw-ozellik-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.8rem 1.6rem; }
.hw-ozellik { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px solid var(--hat); font-size: 0.9rem; }
.hw-ozellik__ad { color: var(--metin-soluk); }
.hw-ozellik__deger { color: var(--krem); text-align: right; }
.hw-uyum-rozet { font-size: 0.72rem; letter-spacing: 0.05em; padding: 0.2rem 0.6rem; border-radius: 999px; border: 1px solid var(--hat); }
.hw-uyum-uygun { color: var(--onay); border-color: var(--onay); }
.hw-uyum-kontrollu { color: var(--ahsap); border-color: var(--ahsap-koyu); }
.hw-uyum-uygun_degil { color: var(--uyari); border-color: var(--uyari); }
.hw-uyum-bilinmiyor { color: var(--metin-soluk); }

.hw-uyari-serit { background: var(--zemin-2); border: 1px solid var(--hat); border-left: 3px solid var(--ahsap); border-radius: var(--kenar-yaricap); padding: 1rem 1.2rem; font-size: 0.86rem; color: var(--metin-soluk); line-height: 1.6; }
.hw-onizleme-serit { background: rgba(200,85,61,0.12); border: 1px solid var(--uyari); border-radius: var(--kenar-yaricap); padding: 0.8rem 1rem; color: var(--krem); margin-bottom: 1.5rem; }

.hw-found-serit { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--onay); border: 1px solid var(--onay); border-radius: 999px; padding: 0.35rem 0.9rem; }

.hw-bos { text-align: center; padding: 3rem 1rem; border: 1px dashed var(--hat); border-radius: var(--kenar-yaricap); color: var(--metin-soluk); }

/* Doğrulanmış kurum rozeti */
.hw-kurum-rozet { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.72rem; letter-spacing: 0.08em; color: var(--ahsap); border: 1px solid var(--ahsap-koyu); border-radius: 999px; padding: 0.25rem 0.7rem; }

/* Homeward Story bağı */
.hw-story-serit { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); padding: 1rem 1.2rem; background: var(--zemin-2); margin-top: 1rem; }

/* ===================== HOME FOUND SERTİFİKASI ===================== */
.hw-sertifika-sar { display: flex; justify-content: center; padding: clamp(1.5rem,1rem+3vw,3rem) 1rem; }
.hw-sertifika { width: 100%; max-width: 720px; border: 1px solid var(--ahsap-koyu); border-radius: var(--kenar-yaricap); padding: clamp(2rem,1rem+4vw,3.5rem); text-align: center; background: var(--zemin-2); position: relative; }
.hw-sertifika::before { content: ""; position: absolute; inset: 12px; border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); pointer-events: none; }
.hw-sertifika__mark { width: 56px; height: 56px; margin: 0 auto 1.2rem; border: 1px solid var(--ahsap-koyu); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 1.9rem; color: var(--ahsap); }
.hw-sertifika__ust { font-family: var(--sans); font-size: 0.72rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--ahsap); }
.hw-sertifika__baslik { font-family: var(--serif); font-size: clamp(2rem,1.5rem+2vw,2.8rem); color: var(--krem); margin: 0.6rem 0; letter-spacing: 0.04em; }
.hw-sertifika__ad { font-family: var(--serif); font-size: 2.2rem; color: var(--ahsap-acik); margin: 1.4rem 0 0.4rem; }
.hw-sertifika__metin { color: var(--metin-soluk); line-height: 1.7; max-width: 46ch; margin: 0.8rem auto; }
.hw-sertifika__cizgi { width: 60px; height: 1px; background: var(--ahsap-koyu); margin: 1.6rem auto; }
.hw-sertifika__cumle { font-family: var(--serif); font-style: italic; color: var(--ahsap); font-size: 1.2rem; }
.hw-sertifika__alt { font-size: 0.78rem; color: var(--metin-soluk); margin-top: 1.6rem; }
.hw-sertifika-arac { text-align: center; margin-top: 1.4rem; }

@media print {
  .site-basi, .site-alti, .cerez-banner, .sepet-drawer, .drawer-arkaplan, .hw-sertifika-arac, .atla { display: none !important; }
  body { background: #fff !important; }
  .hw-sertifika { border-color: #8A7358; background: #fff !important; }
  .hw-sertifika__baslik, .hw-sertifika__ad, .hw-sertifika__mark { color: #4A3524 !important; }
  .hw-sertifika__metin, .hw-sertifika__alt { color: #555 !important; }
}