/* Poros nedir? (poros-adi, 05.11.2026) — poros-nedir.php + Hakkımızda "Adımız" bölümü. Önek .pa- */

.pa-iz { display: flex; flex-wrap: wrap; gap: 6px; font-size: .88rem; color: var(--soluk); margin-bottom: 14px; }
.pa-iz a { color: var(--soluk); }
.pa-iz a:hover { color: var(--kestane-koyu); }

.pa-kahraman { padding: clamp(28px, 4vw, 56px) 0 clamp(96px, 8vw, 120px); }
.pa-kahraman .kahraman-ic { min-height: 0; align-items: center; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.pa-kahraman .kahraman-metin { padding: 0; }
.pa-kahraman .giris { max-width: 46ch; }
.pa-tablo { margin: 0; position: relative; align-self: center; }
.pa-tablo img { display: block; width: 100%; height: auto; aspect-ratio: 3613 / 1692; object-fit: cover; border-radius: var(--yuvarlak); border: 6px solid var(--kagit); box-shadow: var(--golge); }
.pa-tablo figcaption { margin-top: 10px; font-size: .82rem; line-height: 1.45; color: var(--soluk); }
.pa-tablo figcaption a { margin-left: 4px; color: var(--soluk); white-space: nowrap; }

/* kısa cevap kutusu */
.pa-kisaca { margin-top: clamp(8px, 2vw, 20px); }
.pa-kisaca h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; color: var(--yosun-koyu); margin: 0 0 8px; font-family: var(--govde); font-weight: 800; }
.pa-kisaca { background: var(--kagit); border: 1.5px solid var(--cizgi); border-left: 6px solid var(--yosun); border-radius: var(--yuvarlak-k); padding: clamp(18px, 2.4vw, 28px); box-shadow: var(--golge-k); }
.pa-kisaca p { max-width: 95ch; }
.pa-kisaca p { margin: 0; font-size: 1.08rem; line-height: 1.6; }

/* kelime anlamları */
.pa-anlamlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.pa-anlam { background: var(--kagit); border: 1.5px solid var(--cizgi); border-top: 5px solid var(--aile, var(--yosun)); border-radius: var(--yuvarlak-k); padding: 18px 18px 16px; }
.pa-anlam.aile-istiridye { --aile: var(--istiridye); }
.pa-anlam.aile-yosun { --aile: var(--yosun); }
.pa-anlam.aile-safran { --aile: var(--safran); }
.pa-anlam.aile-kestane { --aile: var(--kestane); }
.pa-anlam h3 { font-size: 1.35rem; margin: 0 0 6px; }
.pa-anlam p { margin: 0; color: var(--soluk); font-size: .96rem; line-height: 1.5; }

/* mit adımları */
.pa-mit { background: var(--spor-doku); }
.pa-adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; counter-reset: pa; }
.pa-adimlar li { position: relative; background: var(--krem); border: 1.5px solid var(--cizgi); border-radius: var(--yuvarlak-k); padding: 20px 18px 18px; }
.pa-no { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--reishi); color: #fff; font: 700 1.1rem/1 var(--baslik); margin-bottom: 10px; }
.pa-adimlar h3 { font-size: 1.2rem; margin: 0 0 6px; }
.pa-adimlar p { margin: 0; font-size: .96rem; line-height: 1.55; }

/* Eros: iki yan */
.pa-zitlik { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: var(--yuvarlak); overflow: hidden; border: 1.5px solid var(--cizgi); box-shadow: var(--golge-k); }
.pa-yan { padding: clamp(20px, 3vw, 36px); }
.pa-yan h3 { font-size: 1.35rem; margin: 0 0 8px; }
.pa-yan p { margin: 0; line-height: 1.6; }
.pa-penia { background: var(--istiridye-acik); }
.pa-penia h3 { color: var(--istiridye-koyu); }
.pa-poros { background: var(--safran-acik); }
.pa-poros h3 { color: var(--safran-koyu); }
.pa-ara { max-width: 70ch; margin: 22px 0 0; font-size: 1.08rem; line-height: 1.65; }

/* Neden Poros */
.pa-neden { background: radial-gradient(900px 500px at 90% 0%, var(--safran-acik), transparent 60%), radial-gradient(800px 500px at 0% 100%, var(--yosun-acik), transparent 60%); }
.pa-neden-ic > * { max-width: 980px; }
.pa-vurgu { font-family: var(--baslik); font-size: clamp(1.3rem, 2.3vw, 1.75rem); line-height: 1.4; font-weight: 500; color: var(--murekkep); margin: 0 0 22px; padding-left: 20px; border-left: 4px solid var(--reishi); }
.pa-mantar p { font-size: 1.06rem; line-height: 1.65; margin: 0 0 14px; max-width: 72ch; }

/* SSS */
.pa-sss { padding: clamp(36px, 5vw, 64px) 0 8px; }
.pa-sss details { max-width: 980px; }
.pa-sss h2 { margin: 0 0 8px; }
.pa-sss details { border-bottom: 1px solid var(--cizgi); }
.pa-sss summary { cursor: pointer; padding: 14px 0; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 12px; min-height: 44px; }
.pa-sss summary::-webkit-details-marker { display: none; }
.pa-sss summary::after { content: "+"; font: 600 1.3rem/1 var(--baslik); color: var(--yosun); }
.pa-sss details[open] summary::after { content: "–"; }
.pa-sss details p { margin: 0 0 16px; line-height: 1.6; }

/* kaynaklar */
.pa-kaynak { padding: clamp(28px, 4vw, 48px) 0 clamp(36px, 5vw, 64px); }
.pa-kaynak ul, .pa-not { max-width: 980px; }
.pa-kaynak h2 { font-size: 1.3rem; margin: 0 0 8px; }
.pa-kaynak ul { margin: 0; padding-left: 1.1em; color: var(--soluk); font-size: .92rem; line-height: 1.55; }
.pa-kaynak li { margin-bottom: 4px; }
.pa-kaynak a { color: var(--soluk); }
.pa-not { font-size: .82rem; color: var(--soluk); margin: 10px 0 0; }

/* Hakkımızda: Adımız bölümü */
.pa-hk { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
.pa-hk-gorsel { margin: 0; }
.pa-hk-gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 3613 / 1692; object-fit: cover; border-radius: var(--yuvarlak); border: 6px solid var(--kagit); box-shadow: var(--golge); }
.pa-hk-metin p { line-height: 1.65; }
.pa-hk .bolum-alt { margin-top: 18px; }

@media (max-width: 1080px) {
	.pa-kahraman .kahraman-ic { grid-template-columns: 1fr; gap: 22px; }
	.pa-anlamlar, .pa-adimlar { grid-template-columns: 1fr 1fr; }
	.pa-hk { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
	.pa-anlamlar, .pa-adimlar { gap: 10px; }
	.pa-anlam, .pa-adimlar li { padding: 14px 12px; }
	.pa-anlam h3, .pa-adimlar h3 { font-size: 1.08rem; }
	.pa-anlam p, .pa-adimlar p { font-size: .9rem; }
	.pa-no { width: 32px; height: 32px; font-size: .95rem; margin-bottom: 6px; }
	.pa-zitlik { grid-template-columns: 1fr; }
	.pa-tablo img, .pa-hk-gorsel img { border-width: 4px; }
}