/* ==========================================================================
   Pergel — index5 sitesinin ic sayfalari (hizmetlerimiz, yaklasim, surec, yazilar, yazi-*, bize-ulasin)
   Temel tokenlar ve ust bar / alt bilgi: index3.css ; sayfa basi fotografi: index5-banner.css (.k-hero__gorsel)
   ========================================================================== */

/* ---------- menu: bulunulan sayfa ---------- */
.k-menu a[aria-current] { background: var(--k-zemin-2); color: var(--k-vurgu-yazi); }
@media (max-width: 900px) { .k-menu a[aria-current] { background: none; color: var(--k-altin); } }
@media (min-width: 901px) and (max-width: 1240px) { .k-menu a { padding: 10px 10px; font-size: 15px; } .k-ust__ic { gap: 14px; } }
.i5-tum { grid-column: 1 / -1; justify-self: start; font-weight: 500; color: var(--k-vurgu-yazi); text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.k-isler__bas .i5-tum { grid-column: auto; justify-self: end; }

/* ---------- sayfa basi ---------- */
.i5-bas { position: relative; overflow: hidden; padding: calc(84px + clamp(50px, 8vw, 110px)) 0 clamp(60px, 8vw, 110px); }
.i5-bas__ic { position: relative; z-index: 2; }
.i5-bas__gorsel { z-index: 0; }
.i5-yol { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 26px; font: 500 14px/1.4 var(--k-f-etiket); letter-spacing: .12em; text-transform: uppercase; color: var(--k-soluk); }
.i5-yol a { text-decoration: none; }
.i5-yol a:hover { color: var(--k-vurgu-yazi); }
.i5-yol [aria-current] { color: var(--k-yazi); }
.i5-bas__baslik { font: 800 clamp(52px, min(9vw, 15vh), 150px)/.9 var(--k-f-govde); letter-spacing: -.055em; margin: 0; }
.i5-bas__baslik em { font: italic 400 1.08em/1 var(--k-f-serif); letter-spacing: -.015em; color: var(--k-vurgu-yazi); }
.i5-bas__acik { max-width: 620px; margin: 28px 0 0; font-size: clamp(17px, 1.35vw, 20px); color: var(--k-soluk); }
.i5-bas--yazi .i5-bas__baslik { font-size: clamp(36px, 5.2vw, 78px); line-height: 1; letter-spacing: -.045em; max-width: 18ch; }
.i5-bas--yazi .k-etiket { text-transform: none; letter-spacing: .06em; font-size: 15px; }

/* ---------- ortak bolum ---------- */
.i5-bolum { padding: clamp(80px, 10vw, 140px) 0; }
.i5-bolum--koyu { background: var(--k-zemin-2); }
.i5-bolum__bas { margin-bottom: clamp(40px, 6vw, 70px); }
.i5-bolum__acik { max-width: 560px; color: var(--k-soluk); font-size: 18px; margin: 20px 0 0; }

/* ---------- kapanis bandi ---------- */
.i5-cta { background: var(--k-ana); color: var(--k-fildisi); padding: clamp(80px, 9vw, 130px) 0; }
.i5-cta__ic { display: grid; grid-template-columns: 1.3fr 1fr auto; gap: 40px; align-items: center; }
.i5-cta h2 { margin: 0; font: 800 clamp(42px, 5.6vw, 88px)/.92 var(--k-f-govde); letter-spacing: -.05em; }
.i5-cta h2 em { font: italic 400 1.08em/1 var(--k-f-serif); color: var(--k-altin); letter-spacing: -.015em; }
.i5-cta p { margin: 0; color: rgba(245, 242, 236, .8); font-size: 17px; }

/* ---------- hizmetlerimiz ---------- */
.i5-cipler { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--k-zemin) 92%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-block: 1px solid var(--k-cizgi); }
.k-ust:not(.is-gizli) ~ main .i5-cipler { top: 84px; }
.i5-cipler .k-kap { display: flex; gap: 8px; overflow-x: auto; padding-top: 12px; padding-bottom: 12px; scrollbar-width: none; }
.i5-cipler .k-kap::-webkit-scrollbar { display: none; }
.i5-cipler a { flex: none; text-decoration: none; font: 500 15px/1 var(--k-f-govde); padding: 10px 16px; border-radius: 999px; border: 1px solid var(--k-cizgi-guclu); transition: background-color .3s, color .3s, border-color .3s; }
.i5-cipler a:hover, .i5-cipler a.is-aktif { background: var(--k-ana); color: var(--k-fildisi); border-color: var(--k-ana); }
.i5-hzler { padding: clamp(40px, 5vw, 70px) 0 clamp(60px, 8vw, 110px); }
.i5-hz { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 6vw, 90px); align-items: center; padding: clamp(50px, 7vw, 100px) 0; border-bottom: 1px solid var(--k-cizgi); scroll-margin-top: 150px; }
.i5-hz:last-child { border-bottom: 0; }
.i5-hz--ters .i5-hz__gorsel { order: 2; }
.i5-hz__kapak { width: 100%; }
.i5-hz__no { font: 600 14px/1 var(--k-f-etiket); letter-spacing: .14em; color: var(--k-altin); }
.i5-hz h2 { margin: 14px 0 16px; font: 800 clamp(34px, 3.8vw, 58px)/.98 var(--k-f-govde); letter-spacing: -.045em; }
.i5-hz__acik { margin: 0; color: var(--k-soluk); font-size: 18px; max-width: 540px; }
.i5-hz h3 { margin: 30px 0 12px; font: 600 14px/1 var(--k-f-etiket); letter-spacing: .14em; text-transform: uppercase; color: var(--k-soluk); }
.i5-tik { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.i5-tik li { position: relative; padding-left: 30px; }
.i5-tik li::before { content: ""; position: absolute; left: 2px; top: .45em; width: 13px; height: 7px; border-left: 2px solid var(--k-ana); border-bottom: 2px solid var(--k-ana); transform: rotate(-45deg); }
[data-theme="dark"] .i5-tik li::before { border-color: var(--k-vurgu-yazi); }
.i5-hz__meta { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; margin: 28px 0 30px; padding: 18px 0; border-block: 1px solid var(--k-cizgi); }
.i5-hz__meta dt { font: 600 13px/1 var(--k-f-etiket); letter-spacing: .14em; text-transform: uppercase; color: var(--k-soluk); margin-bottom: 8px; }
.i5-hz__meta dd { margin: 0; font-weight: 500; }

/* ---------- yaklasim ---------- */
.i5-yk { padding-top: clamp(70px, 9vw, 120px); }
.i5-ilke { margin-top: 0; }
.i5-rol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.i5-rol li { display: grid; gap: 10px; align-content: start; padding: 26px; border-radius: 18px; background: var(--k-zemin); transition: transform .5s var(--k-ease), box-shadow .5s var(--k-ease); }
.i5-rol li:hover { transform: translateY(-5px); box-shadow: var(--k-golge); }
.i5-rol svg { width: 38px; height: 38px; fill: none; stroke: var(--k-vurgu-yazi); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 10px; }
.i5-rol strong { font: 700 24px/1.1 var(--k-f-govde); letter-spacing: -.03em; }
.i5-rol span { color: var(--k-soluk); font-size: 16px; }

/* ---------- surec: zaman cizelgesi ---------- */
.i5-zaman { list-style: none; margin: 0 auto; padding: 0; max-width: 980px; position: relative; }
.i5-zaman::before { content: ""; position: absolute; left: 27px; top: 10px; bottom: 10px; width: 2px; background: var(--k-cizgi); }
.i5-zaman::after { content: ""; position: absolute; left: 27px; top: 10px; width: 2px; height: calc(var(--i5-p, 0) * (100% - 20px)); background: var(--k-ana); }
[data-theme="dark"] .i5-zaman::after { background: var(--k-vurgu-yazi); }
.i5-zaman__adim { position: relative; display: grid; grid-template-columns: 56px 1fr; gap: 26px; padding-bottom: 28px; }
.i5-zaman__no { position: relative; z-index: 1; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--k-zemin); border: 2px solid var(--k-ana); font: 600 16px/1 var(--k-f-etiket); letter-spacing: .06em; color: var(--k-vurgu-yazi); }
.i5-zaman__kart { padding: 24px 28px 26px; border-radius: 18px; background: var(--k-zemin-2); }
.i5-zaman__ust { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.i5-zaman__ust h2 { margin: 0; font: 700 clamp(24px, 2.4vw, 32px)/1.1 var(--k-f-govde); letter-spacing: -.035em; }
.i5-zaman__sure { font: 600 13px/1 var(--k-f-etiket); letter-spacing: .12em; text-transform: uppercase; padding: 8px 12px; border-radius: 999px; background: var(--k-ana); color: var(--k-fildisi); }
.i5-zaman__kart p { margin: 0; color: var(--k-soluk); }
.i5-zaman__kart ul { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.i5-zaman__kart li { font: 500 14px/1 var(--k-f-govde); padding: 9px 13px; border-radius: 999px; background: var(--k-zemin); }

/* ---------- sss ---------- */
.i5-sss { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(40px, 6vw, 90px); align-items: start; }
.i5-sss .i5-bolum__bas { position: sticky; top: 120px; }
.i5-sss__liste details { border-top: 1px solid var(--k-cizgi-guclu); }
.i5-sss__liste details:last-child { border-bottom: 1px solid var(--k-cizgi-guclu); }
.i5-sss__liste summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 24px 0; font: 600 clamp(19px, 1.7vw, 24px)/1.3 var(--k-f-govde); letter-spacing: -.02em; }
.i5-sss__liste summary::-webkit-details-marker { display: none; }
.i5-sss__liste summary::after { content: "+"; flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--k-zemin); font: 400 24px/1 var(--k-f-govde); transition: transform .4s var(--k-ease), background-color .3s, color .3s; }
.i5-sss__liste details[open] summary::after { transform: rotate(45deg); background: var(--k-ana); color: var(--k-fildisi); }
.i5-sss__liste details p { margin: 0 0 26px; color: var(--k-soluk); max-width: 640px; }

/* ---------- blog listesi ---------- */
.i5-one { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 4vw, 60px); align-items: center; text-decoration: none; margin-bottom: clamp(60px, 7vw, 90px); }
.i5-one:hover .i5-yk-kapak { transform: translateY(-6px); box-shadow: var(--k-golge); }
.i5-one__metin h2 { margin: 0 0 16px; font: 800 clamp(30px, 3.4vw, 50px)/1 var(--k-f-govde); letter-spacing: -.04em; }
.i5-one__metin > p:not(.k-etiket) { margin: 0; color: var(--k-soluk); font-size: 18px; }
.i5-one__metin .k-etiket { text-transform: none; letter-spacing: .06em; font-size: 15px; }
.i5-one__oku { display: inline-block; margin-top: 24px; font-weight: 600; color: var(--k-vurgu-yazi); }
.i5-yk-kapak { position: relative; aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden; display: flex; align-items: flex-end; padding: 22px; transition: transform .6s var(--k-ease), box-shadow .6s var(--k-ease); isolation: isolate; }
.i5-yk-kapak--kum { background: var(--k-kum); } .i5-yk-kapak--sis { background: var(--k-sis); } .i5-yk-kapak--pudra { background: var(--k-pudra); } .i5-yk-kapak--adacayi { background: var(--k-adacayi); }
.i5-yk-kapak::before { content: ""; position: absolute; width: 70%; aspect-ratio: 1; border-radius: 50%; right: -14%; top: -18%; border: 1.5px solid rgba(28, 27, 25, .18); box-shadow: 0 0 0 30px rgba(28, 27, 25, .03), 0 0 0 60px rgba(28, 27, 25, .025); z-index: -1; transition: transform 1.2s var(--k-ease); }
.i5-kart a:hover .i5-yk-kapak::before, .i5-one:hover .i5-yk-kapak::before { transform: scale(1.12) rotate(10deg); }
.i5-yk-kapak__harf { position: absolute; left: 22px; top: 10px; font: italic 400 clamp(90px, 12cqw, 160px)/1 var(--k-f-serif); color: var(--k-ana); }
.i5-yk-kapak { container-type: inline-size; }
.i5-yk-kapak__harf { font-size: 38cqw; line-height: .9; top: 4%; }
.i5-yk-kapak__ad { font: 600 13px/1 var(--k-f-etiket); letter-spacing: .14em; text-transform: uppercase; color: var(--k-komur); background: rgba(245, 242, 236, .9); padding: 8px 12px; border-radius: 999px; }
.i5-filtre { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.i5-filtre button { font: 500 15px/1 var(--k-f-govde); padding: 11px 18px; border-radius: 999px; border: 1px solid var(--k-cizgi-guclu); background: transparent; color: var(--k-yazi); cursor: pointer; transition: background-color .3s, color .3s, border-color .3s; }
.i5-filtre button:hover { border-color: var(--k-ana); }
.i5-filtre button[aria-pressed="true"] { background: var(--k-ana); color: var(--k-fildisi); border-color: var(--k-ana); }
.i5-kartlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(24px, 3vw, 40px); }
.i5-kartlar--3 { grid-template-columns: repeat(3, 1fr); }
.i5-kart[hidden] { display: none; }
.i5-kart a { display: grid; gap: 18px; text-decoration: none; }
.i5-kart a:hover .i5-yk-kapak { transform: translateY(-6px); box-shadow: var(--k-golge); }
.i5-kart__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 8px; font: 500 14px/1 var(--k-f-etiket); letter-spacing: .08em; color: var(--k-soluk); }
.i5-kart__meta span:first-child { color: var(--k-altin); }
.i5-kart h2 { margin: 0 0 8px; font: 700 clamp(21px, 1.9vw, 27px)/1.2 var(--k-f-govde); letter-spacing: -.03em; transition: color .3s; }
.i5-kart a:hover h2 { color: var(--k-vurgu-yazi); }
.i5-kart__metin > p:not(.i5-kart__meta) { margin: 0; color: var(--k-soluk); }
.i5-bos { color: var(--k-soluk); }

/* ---------- yazi sayfasi ---------- */
.i5-yazi { padding-top: clamp(50px, 6vw, 80px); }
.i5-yazi__ic { display: grid; grid-template-columns: 250px minmax(0, 720px); gap: clamp(40px, 6vw, 100px); }
.i5-toc { position: sticky; top: 110px; align-self: start; }
.i5-toc p { font: 600 13px/1 var(--k-f-etiket); letter-spacing: .16em; text-transform: uppercase; color: var(--k-soluk); margin: 0 0 14px; }
.i5-toc ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--k-cizgi); }
.i5-toc a { display: block; padding: 8px 0 8px 16px; margin-left: -1px; border-left: 2px solid transparent; text-decoration: none; font-size: 15px; line-height: 1.4; color: var(--k-soluk); transition: color .3s, border-color .3s; }
.i5-toc a:hover { color: var(--k-yazi); }
.i5-toc a.is-aktif { color: var(--k-yazi); border-left-color: var(--k-ana); font-weight: 600; }
[data-theme="dark"] .i5-toc a.is-aktif { border-left-color: var(--k-vurgu-yazi); }
.i5-yazi__govde { font-size: 18px; line-height: 1.75; }
.i5-yazi__govde h2 { font: 700 clamp(26px, 2.4vw, 34px)/1.15 var(--k-f-govde); letter-spacing: -.035em; margin: 54px 0 14px; scroll-margin-top: 110px; }
.i5-yazi__govde p { margin: 0 0 18px; }
.i5-yazi__govde i { font-style: italic; }
.i5-yazi__govde code { font: 500 .86em ui-monospace, Menlo, monospace; background: var(--k-zemin-2); border-radius: 6px; padding: 2px 7px; }
.i5-kutu { border-radius: 18px; padding: 24px 26px; background: var(--k-zemin-2); border-left: 4px solid var(--k-ana); }
.i5-kutu strong { font: 600 13px/1 var(--k-f-etiket); letter-spacing: .16em; text-transform: uppercase; color: var(--k-vurgu-yazi); }
.i5-kutu p { margin: 10px 0 0; }
.i5-liste { margin: 0 0 22px; padding: 0; list-style: none; display: grid; gap: 10px; }
.i5-liste li { position: relative; padding-left: 26px; }
.i5-liste li::before { content: ""; position: absolute; left: 4px; top: .7em; width: 8px; height: 8px; border-radius: 50%; background: var(--k-altin); }
.i5-yazi__son { margin-top: 56px; padding: 30px; border-radius: 20px; background: var(--k-ana); color: var(--k-fildisi); display: grid; gap: 18px; justify-items: start; }
.i5-yazi__son p { margin: 0; }
.i5-yazi__son .k-btn--ana { background: var(--k-fildisi); color: var(--k-komur); box-shadow: none; }

/* ---------- iletisim ---------- */
.i5-il { padding-top: clamp(40px, 5vw, 70px); }
.i5-il__ic { display: grid; grid-template-columns: 1.35fr .65fr; gap: clamp(30px, 4vw, 60px); align-items: start; }
.i5-form { display: grid; gap: 22px; padding: clamp(26px, 3vw, 44px); border-radius: 24px; background: var(--k-zemin-2); }
.i5-form h2 { margin: 0; font: 800 clamp(28px, 2.6vw, 38px)/1 var(--k-f-govde); letter-spacing: -.04em; }
.i5-form__iki { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.i5-form label { display: grid; gap: 8px; }
.i5-form label > span, .i5-form legend { font: 600 13px/1 var(--k-f-etiket); letter-spacing: .12em; text-transform: uppercase; color: var(--k-soluk); }
.i5-form input:not([type="checkbox"]), .i5-form select, .i5-form textarea { font: 400 16px/1.4 var(--k-f-govde); color: var(--k-yazi); background: var(--k-zemin); border: 1px solid transparent; border-radius: 12px; padding: 14px 16px; transition: border-color .3s, box-shadow .3s; }
.i5-form input:focus, .i5-form select:focus, .i5-form textarea:focus { outline: none; border-color: var(--k-ana); box-shadow: 0 0 0 3px color-mix(in srgb, var(--k-ana) 18%, transparent); }
.i5-form [aria-invalid="true"] { border-color: #B4493E; }
.i5-form textarea { resize: vertical; }
.i5-form fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: 12px; }
.i5-cipler-form { display: flex; flex-wrap: wrap; gap: 8px; }
.i5-cip { display: inline-flex !important; cursor: pointer; }
.i5-cip input { position: absolute; opacity: 0; pointer-events: none; }
.i5-cip span { font: 500 15px/1 var(--k-f-govde) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--k-yazi) !important; padding: 11px 16px; border-radius: 999px; background: var(--k-zemin); border: 1px solid var(--k-cizgi); transition: background-color .3s, color .3s, border-color .3s; }
.i5-cip input:checked + span { background: var(--k-ana); color: var(--k-fildisi) !important; border-color: var(--k-ana); }
.i5-cip input:focus-visible + span { outline: 2px solid var(--k-altin); outline-offset: 2px; }
.i5-onay { grid-template-columns: auto 1fr; align-items: start; gap: 12px !important; }
.i5-onay input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--k-ana); }
.i5-onay span { font: 400 14px/1.5 var(--k-f-govde) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--k-soluk) !important; }
.i5-form .k-btn { justify-self: start; }
.i5-form__sonuc { margin: 0; min-height: 1.4em; color: var(--k-vurgu-yazi); font-weight: 500; }
.i5-il__bilgi { display: grid; gap: 14px; }
.i5-il__kart { display: grid; gap: 6px; padding: 22px 24px; border-radius: 18px; background: var(--k-zemin-2); text-decoration: none; transition: transform .5s var(--k-ease), box-shadow .5s var(--k-ease), background-color .3s; }
a.i5-il__kart:hover { transform: translateY(-4px); box-shadow: var(--k-golge); }
.i5-il__kart span { font: 600 13px/1 var(--k-f-etiket); letter-spacing: .14em; text-transform: uppercase; color: var(--k-altin); }
.i5-il__kart strong { font: 600 20px/1.25 var(--k-f-govde); letter-spacing: -.02em; word-break: break-word; }
.i5-il__kart em { font-style: normal; color: var(--k-soluk); font-size: 15px; }

/* ---------- duyarli ---------- */
@media (max-width: 1000px) {
  .i5-rol { grid-template-columns: 1fr 1fr; }
  .i5-cta__ic { grid-template-columns: 1fr; gap: 22px; }
  .i5-il__ic { grid-template-columns: 1fr; }
  .i5-il__bilgi { grid-template-columns: 1fr 1fr; }
  .i5-kartlar--3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .k-ust:not(.is-gizli) ~ main .i5-cipler { top: 70px; }
  .i5-hz { grid-template-columns: 1fr; }
  .i5-hz--ters .i5-hz__gorsel { order: 0; }
  .i5-hz__gorsel { max-width: 520px; }   /* tablette cizim tum genisligi kaplamasin */
  .i5-sss { grid-template-columns: 1fr; }
  .i5-sss .i5-bolum__bas { position: static; }
  .i5-one { grid-template-columns: 1fr; }
  .i5-yazi__ic { grid-template-columns: 1fr; }
  .i5-toc { position: static; padding: 20px; border-radius: 16px; background: var(--k-zemin-2); }
  .k-isler__bas .i5-tum { justify-self: start; }
}
@media (max-width: 600px) {
  .i5-bas__baslik { font-size: clamp(46px, 14vw, 72px); }
  .i5-rol, .i5-kartlar, .i5-kartlar--3, .i5-il__bilgi, .i5-form__iki { grid-template-columns: 1fr; }
  .i5-hz__meta { grid-template-columns: 1fr; }
  .i5-zaman::before, .i5-zaman::after { left: 21px; }
  .i5-zaman__adim { grid-template-columns: 44px 1fr; gap: 16px; }
  .i5-zaman__no { width: 44px; height: 44px; font-size: 14px; }
  .i5-zaman__kart { padding: 20px; }
  .i5-yazi__govde { font-size: 17px; }
}

/* ---------- logo (27.09.2026: tipografik yazi yerine gercek pergel logosu, ../logo/) ---------- */
.k-logo img { display: block; height: 48px; width: auto; }
.k-logo__koyu { display: none !important; }
[data-theme="dark"] .k-logo__acik { display: none !important; }
[data-theme="dark"] .k-logo__koyu { display: block !important; }
@media (max-width: 900px) {   /* mobil menu acikken (yesil zemin) acik renkli logo */
  .k-ust:has(.k-menu.is-acik) .k-logo__acik { display: none !important; }
  .k-ust:has(.k-menu.is-acik) .k-logo__koyu { display: block !important; }
}
@media (max-width: 600px) { .k-logo img { height: 40px; } }
.k-logo--alt img { height: 56px; }

/* ---------- anasayfa hizmet kartlari: fotograf ---------- */
.k-is__kapak--foto { background: var(--k-zemin-2); }
.k-is__kapak--foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--k-ease); }
.k-is:hover .k-is__kapak--foto img { transform: scale(1.05); }
[data-theme="dark"] .k-is__kapak--foto img { filter: brightness(.9); }

/* ---------- anasayfa "Bir fikriniz mi var?": saydam arka plan fotografi ----------
   Unsplash, UX Indonesia (qC2n6RQU4Vw) — img/iletisim-fikir.jpg. Yesil zeminle luminosity harmanlanir:
   rengi zeminden, isik/doku fotograftan gelir; metin tarafinda koyu gecis okunurlugu korur. */
.k-iletisim--gorselli { position: relative; overflow: hidden; isolation: isolate; }
.k-iletisim--gorselli .k-kap { position: relative; z-index: 1; }
.k-iletisim__gorsel { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.k-iletisim__gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; opacity: .22; mix-blend-mode: luminosity; }
.k-iletisim__gorsel::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg, rgba(39, 79, 67, .92) 0%, rgba(39, 79, 67, .55) 45%, rgba(39, 79, 67, .15) 100%); }
@media (max-width: 700px) { .k-iletisim__gorsel img { opacity: .18; } }

/* ---------- hero: donen kelimede en uzun ifade ("özel yazılımlar") dar telefona sigsin ---------- */
@media (max-width: 600px) {
  .k-slot { height: 1.26em; }
  .k-slot__iz i { font-size: 1em; }
}
/* 600–700 px'te de etiketler alt bantta dizildigi icin (index3.js: dar < 700) yildiz ve donen yazi gizli */
@media (max-width: 700px) { .k-ck--daire, .k-ck--yildiz { display: none; } }

/* ---------- sabit hizli iletisim (sol alt) ---------- */
.k-yuzen { position: fixed; left: 20px; bottom: 20px; z-index: 150; display: flex; flex-direction: column; gap: 10px; }
.k-yuzen__btn { position: relative; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; text-decoration: none;
  box-shadow: 0 10px 26px -12px rgba(28, 27, 25, .55); transition: transform .4s var(--k-ease), box-shadow .4s var(--k-ease); }
.k-yuzen__btn:hover { transform: translateY(-3px); box-shadow: 0 16px 32px -12px rgba(28, 27, 25, .6); }
.k-yuzen__btn svg { width: 24px; height: 24px; }
.k-yuzen__btn--tel { background: var(--k-ana); color: var(--k-fildisi); }
.k-yuzen__btn--tel svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.k-yuzen__btn--wa { background: #25D366; color: #fff; }
.k-yuzen__btn--wa svg { width: 27px; height: 27px; fill: currentColor; }
.k-yuzen__etiket { position: absolute; left: calc(100% + 12px); top: 50%; white-space: nowrap; font: 500 14px/1 var(--k-f-govde); color: var(--k-yazi);
  background: var(--k-zemin); padding: 10px 14px; border-radius: 999px; box-shadow: var(--k-golge-hafif); pointer-events: none;
  opacity: 0; transform: translate(-6px, -50%); transition: opacity .3s, transform .4s var(--k-ease); }
.k-yuzen__btn:hover .k-yuzen__etiket, .k-yuzen__btn:focus-visible .k-yuzen__etiket { opacity: 1; transform: translate(0, -50%); }
@media (hover: none) { .k-yuzen__etiket { display: none; } }

/* ---------- basa don (sag alt): kaydirinca belirir, halka okunan kismi gosterir ---------- */
.k-basa { position: fixed; right: 20px; bottom: 20px; z-index: 150; width: 52px; height: 52px; padding: 0; border: 0; border-radius: 50%; cursor: pointer;
  background: var(--k-zemin); color: var(--k-yazi); box-shadow: 0 10px 26px -12px rgba(28, 27, 25, .5); display: grid; place-items: center;
  opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .35s, visibility .35s, transform .45s var(--k-ease), background-color .3s, color .3s; }
.k-basa.is-gorunur { opacity: 1; visibility: visible; transform: none; }
.k-basa:hover { background: var(--k-ana); color: var(--k-fildisi); }
.k-basa__halka { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); fill: none; }
.k-basa__halka circle { stroke: var(--k-cizgi); stroke-width: 2; }
.k-basa__halka .dolu { stroke: var(--k-altin); stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--oku, 0)); stroke-linecap: round; }
.k-basa__ok { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 600px) {
  .k-yuzen { left: 14px; bottom: 14px; gap: 8px; }
  .k-yuzen__btn, .k-basa { width: 46px; height: 46px; }
  .k-basa { right: 14px; bottom: 14px; }
}
/* mobil menu acikken sabit butonlar gizlenir */
body:has(.k-menu.is-acik) .k-yuzen, body:has(.k-menu.is-acik) .k-basa { opacity: 0; visibility: hidden; }

/* ---------- mobil menu: basliklar daha kucuk ---------- */
@media (max-width: 900px) {
  .k-menu { gap: 2px; }
  .k-menu a { font: 700 clamp(26px, 7vw, 38px)/1.2 var(--k-f-govde); letter-spacing: -.03em; padding: 8px 0; }
}
#icerik:focus { outline: none; }   /* basa don sonrasi odak ana icerige tasinir, cerceve gerekmez */
.k-alt__serit { padding-bottom: 150px; }   /* en altta sabit butonlar (sol: 2 buton ust uste = 20+52+10+52 px, sag: basa don) yazilarin ustune binmesin */
@media (max-width: 600px) { .k-alt__serit { padding-bottom: 128px; } }

/* ---------- yasal sayfalar (kvkk.html, cerez-politikasi.html) ---------- */
.i5-yasal .i5-yazi__govde { font-size: 17px; }
.i5-yasal__tarih { font: 500 14px/1 var(--k-f-etiket); letter-spacing: .08em; color: var(--k-soluk); margin-bottom: 26px !important; }
.i5-yasal__kunye { list-style: none; margin: 18px 0 22px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.i5-yasal__kunye li { display: grid; gap: 6px; padding: 16px 18px; border-radius: 14px; background: var(--k-zemin-2); }
.i5-yasal__kunye span { font: 600 12px/1 var(--k-f-etiket); letter-spacing: .14em; text-transform: uppercase; color: var(--k-soluk); }
.i5-yasal__kunye strong { font-weight: 600; word-break: break-word; }
.i5-yasal__kunye a { color: inherit !important; text-decoration: none; }
.i5-tablo { overflow-x: auto; margin: 0 0 22px; border-radius: 14px; border: 1px solid var(--k-cizgi); }
.i5-tablo table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.i5-tablo th, .i5-tablo td { text-align: left; vertical-align: top; padding: 14px 16px; border-bottom: 1px solid var(--k-cizgi); }
.i5-tablo th { font: 600 12px/1.2 var(--k-f-etiket); letter-spacing: .12em; text-transform: uppercase; color: var(--k-soluk); background: var(--k-zemin-2); }
.i5-tablo tr:last-child td { border-bottom: 0; }
.i5-tablo small { color: var(--k-soluk); font-size: 13px; }
@media (max-width: 600px) { .i5-yasal__kunye { grid-template-columns: 1fr; } }

/* ---------- teklif-al.html: surec adimlari ---------- */
.i5-adimlar ol { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 16px; counter-reset: adim; }
.i5-adimlar li { counter-increment: adim; display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; }
.i5-adimlar li::before { content: counter(adim); grid-row: span 2; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font: 700 15px/1 var(--k-f-govde); color: var(--k-fildisi); background: var(--k-ana); }
.i5-adimlar li strong { font-size: 17px; }
.i5-bas__acik a { color: inherit; text-underline-offset: 3px; }

/* ---------- ust menu: Kurumsal acilir menusu ---------- */
.k-acilir { position: relative; }
.k-acilir__dugme { display: inline-flex; align-items: center; gap: 7px; font: 500 16px/1 var(--k-f-govde); color: inherit; background: none; border: 0; padding: 11px 16px; border-radius: 999px; cursor: pointer; transition: background-color .3s, color .3s; }
.k-acilir__dugme::after { content: ""; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translateY(-2px) rotate(45deg); transition: transform .3s var(--k-ease); }
.k-acilir__dugme:hover, .k-acilir.is-acik .k-acilir__dugme { background: var(--k-zemin-2); }
.k-acilir__dugme.is-aktif { background: var(--k-zemin-2); color: var(--k-vurgu-yazi); }
.k-acilir__liste { position: absolute; top: calc(100% + 10px); left: 0; min-width: 220px; display: grid; gap: 2px; padding: 8px; border-radius: 18px; background: var(--k-zemin); border: 1px solid var(--k-cizgi); box-shadow: var(--k-golge-hafif);
  opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .25s, transform .3s var(--k-ease), visibility .25s; }
.k-acilir__liste::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.k-menu .k-acilir__liste a { padding: 13px 14px; border-radius: 12px; }
.k-acilir.is-acik .k-acilir__liste { opacity: 1; visibility: visible; transform: none; }
.k-acilir.is-acik .k-acilir__dugme::after { transform: translateY(1px) rotate(-135deg); }
@media (hover: hover) and (min-width: 901px) {
  .k-acilir:hover .k-acilir__liste { opacity: 1; visibility: visible; transform: none; }
  .k-acilir:hover .k-acilir__dugme::after { transform: translateY(1px) rotate(-135deg); }
}
@media (min-width: 901px) and (max-width: 1240px) { .k-acilir__dugme { padding: 10px 10px; font-size: 15px; } }
@media (max-width: 900px) {
  .k-acilir__dugme { font: 700 clamp(26px, 7vw, 38px)/1.2 var(--k-f-govde); letter-spacing: -.03em; color: var(--k-fildisi); padding: 8px 0; gap: 12px; border-radius: 0; }
  .k-acilir__dugme:hover, .k-acilir.is-acik .k-acilir__dugme, .k-acilir__dugme.is-aktif { background: none; color: var(--k-altin); }
  .k-acilir__dugme::after { width: 10px; height: 10px; border-width: 0 2.5px 2.5px 0; }
  .k-acilir__liste { position: static; display: none; min-width: 0; padding: 2px 0 8px 18px; gap: 0; border: 0; border-left: 1.5px solid rgba(245, 242, 236, .25); border-radius: 0; background: none; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .k-acilir__liste::before { display: none; }
  .k-acilir.is-acik .k-acilir__liste { display: grid; }
  .k-menu .k-acilir__liste a { font: 500 clamp(18px, 5vw, 22px)/1.2 var(--k-f-govde); letter-spacing: 0; padding: 8px 0; border-radius: 0; color: rgba(245, 242, 236, .85); }
}

/* ---------- kurumsal sayfalar ---------- */
.i5-kurumsal { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.i5-kurumsal a { font: 500 15px/1 var(--k-f-govde); text-decoration: none; padding: 12px 18px; border-radius: 999px; border: 1px solid var(--k-cizgi-guclu); background: color-mix(in srgb, var(--k-zemin) 70%, transparent); transition: background-color .3s, color .3s, border-color .3s; }
.i5-kurumsal a:hover { border-color: var(--k-ana); }
.i5-kurumsal a[aria-current] { background: var(--k-ana); border-color: var(--k-ana); color: var(--k-fildisi); }
.i5-hizmet-listesi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.i5-hizmet-listesi a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 64px; padding: 16px 20px; border-radius: 16px; border: 1px solid var(--k-cizgi-guclu); background: var(--k-zemin); color: inherit; text-decoration: none; font: 500 17px/1.25 var(--k-f-govde); transition: background-color .3s, color .3s, border-color .3s; }
.i5-hizmet-listesi a::after { content: "→"; color: var(--k-altin); transition: transform .3s var(--k-ease); }
.i5-hizmet-listesi a:hover { background: var(--k-ana); color: var(--k-fildisi); border-color: var(--k-ana); }
.i5-hizmet-listesi a:hover::after { color: var(--k-fildisi); }
.i5-hizmet-listesi a:hover::after { transform: translateX(4px); }
@media (max-width: 1000px) { .i5-hizmet-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .i5-hizmet-listesi { grid-template-columns: 1fr; } }

/* ---------- cerez onay bandi ---------- */
.k-cerez { position: fixed; left: 50%; bottom: 20px; z-index: 160; width: min(760px, calc(100% - 40px)); transform: translateX(-50%);
  display: flex; align-items: center; gap: 22px; padding: 20px 22px; border-radius: 20px; background: var(--k-komur); color: var(--k-fildisi);
  box-shadow: 0 24px 60px -24px rgba(28, 27, 25, .55); border: 1px solid rgba(245, 242, 236, .12); }
.k-cerez[hidden] { display: none; }
.k-cerez p { margin: 0; font-size: 15px; line-height: 1.5; color: rgba(245, 242, 236, .82); }
.k-cerez p strong { display: block; margin-bottom: 4px; font-size: 16px; color: var(--k-fildisi); }
.k-cerez a { color: var(--k-fildisi); text-underline-offset: 3px; }
.k-cerez__btn { display: flex; gap: 8px; flex-shrink: 0; }
.k-cerez__btn button { min-height: 46px; padding: 0 20px; border-radius: 999px; font: 500 15px/1 var(--k-f-govde); cursor: pointer; border: 1.5px solid rgba(245, 242, 236, .45); background: none; color: var(--k-fildisi); transition: background-color .3s, color .3s, border-color .3s; }
.k-cerez__btn button:hover { border-color: var(--k-fildisi); }
.k-cerez__btn button[data-cerez="kabul"] { background: var(--k-fildisi); color: var(--k-komur); border-color: var(--k-fildisi); }
.k-cerez__btn button[data-cerez="kabul"]:hover { background: var(--k-altin); border-color: var(--k-altin); }
.k-cerez__btn button:focus-visible { outline: 2px solid var(--k-altin); outline-offset: 2px; }
[data-theme="dark"] .k-cerez { background: #1f2320; }
@media (prefers-reduced-motion: no-preference) { .k-cerez { animation: k-cerez-gir .6s var(--k-ease) both .4s; } }
@keyframes k-cerez-gir { from { opacity: 0; transform: translate(-50%, 24px); } }
body:has(.k-menu.is-acik) .k-cerez { visibility: hidden; }
@media (max-width: 900px) {
  html.cerez-acik .k-yuzen, html.cerez-acik .k-basa { opacity: 0; visibility: hidden; }
}
@media (max-width: 700px) {
  .k-cerez { flex-direction: column; align-items: stretch; gap: 14px; bottom: 12px; width: calc(100% - 24px); padding: 18px; }
  .k-cerez__btn button { flex: 1; padding: 0 12px; white-space: nowrap; }
}
.i5-cerez-degistir { margin-top: 4px; }
/* menude Kurumsal eklenince 901-1080px araligi sikisiyor */
.k-ust__cta { white-space: nowrap; }
.k-tema, .k-logo { flex-shrink: 0; }
@media (min-width: 901px) and (max-width: 1080px) {
  .k-menu { gap: 0; }
  .k-menu a, .k-acilir__dugme { padding: 9px 7px; font-size: 14.5px; }
  .k-menu .k-acilir__liste a { padding: 12px 12px; }
  .k-ust__ic { gap: 10px; }
  .k-ust__cta { padding: 0 18px; min-height: 46px; }
}

/* ---------- blog kapak fotograflari (img/blog-*.jpg) ---------- */
.i5-yk-kapak--foto { background: var(--k-zemin-2); }
.i5-yk-kapak--foto::before { display: none; }
.i5-yk-kapak--foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: transform 1s var(--k-ease); }
.i5-kart a:hover .i5-yk-kapak--foto img, .i5-one:hover .i5-yk-kapak--foto img { transform: scale(1.05); }
.i5-yazi__gorsel { margin: 0 0 34px; border-radius: 20px; overflow: hidden; aspect-ratio: 3 / 2; background: var(--k-zemin-2); }
.i5-yazi__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------- SEO: anahtar kelime sayfalari + anasayfa yerel bolum ---------- */
.i5-lp-btn { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.i5-hz__ek { font-weight: 600; color: var(--k-vurgu-yazi); text-underline-offset: 4px; }
.i5-sss__liste details a { color: inherit; text-underline-offset: 3px; }
.i5-yerel { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.i5-yerel a { height: 100%; display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px; padding: clamp(24px, 2.6vw, 34px); border-radius: 22px; background: var(--k-zemin-2); color: inherit; text-decoration: none; transition: background-color .4s, color .4s, transform .5s var(--k-ease); }
.i5-yerel span { font: 600 13px/1 var(--k-f-etiket); letter-spacing: .14em; color: var(--k-altin); }
.i5-yerel strong { font: 800 clamp(24px, 2.2vw, 32px)/1.05 var(--k-f-govde); letter-spacing: -.035em; }
.i5-yerel em { font-style: normal; color: var(--k-soluk); line-height: 1.55; transition: color .4s; }
.i5-yerel b { font-weight: 600; color: var(--k-vurgu-yazi); transition: color .4s; }
.i5-yerel b::after { content: " →"; }
.i5-yerel a:hover { background: var(--k-ana); color: var(--k-fildisi); transform: translateY(-4px); }
.i5-yerel a:hover em, .i5-yerel a:hover b { color: var(--k-fildisi); }
.k-alt__marka p a { color: inherit; text-underline-offset: 3px; }
@media (max-width: 900px) { .i5-yerel { grid-template-columns: 1fr; } }

/* ---------- formlar: bot tuzagi + hata mesaji ---------- */
.i5-bal { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.i5-form__sonuc--hata { color: #B4493E; }
[data-theme="dark"] .i5-form__sonuc--hata { color: #E58A7F; }
.i5-form { scroll-margin-top: 110px; }