/* yaylalilarinsaat.com.tr — "Tuğla": kömür + beton zemini + tuğla vurgusu, teknik çizim sahneleri. Sistem yazı tipi (dış istek yok). */
:root {
  --zemin: #f0eee9; --kart: #fff; --murekkep: #16181b; --gri: #5a5e66; --cizgi: #1f2328; --vurgu: #b4441f; --vurgu-acik: #e2683a;
  --kenar: #d9d5cc; --koyu: #16181b; --koyu2: #20242a; --acik-yazi: #eceae4; --golge: 0 14px 34px -18px rgba(22,24,27,.45);
  --sari: #f5b81c; --font: "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 400 1.0625rem/1.65 var(--font); color: var(--murekkep); background: var(--zemin); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3, h4 { margin: 0 0 .5em; line-height: 1.15; font-weight: 800; letter-spacing: -.01em; }
h1 { font-size: clamp(1.9rem, 4.6vw, 3.1rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); }
p { margin: 0 0 1em; }
.kapsa { width: min(1180px, 100% - 32px); margin-inline: auto; }
.dar { max-width: 820px; }
.atla { position: absolute; left: -999px; top: 8px; background: var(--vurgu); color: #fff; padding: 8px 14px; z-index: 99; }
.atla:focus { left: 8px; }
.sag { text-align: right; }

/* düğmeler */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 10px 20px; border-radius: 4px; font-weight: 700; font-size: 1rem; text-decoration: none; border: 2px solid transparent; transition: background .2s, color .2s, border-color .2s, transform .2s; white-space: nowrap; }
.dugme:hover { transform: translateY(-2px); }
.dugme-wa { background: #1f9d55; color: #fff; }
.dugme-wa:hover { background: #17824a; }
.dugme-ana { background: var(--vurgu); color: #fff; }
.dugme-cizgi { border-color: var(--murekkep); color: var(--murekkep); }
.dugme-cizgi:hover { background: var(--murekkep); color: #fff; }
.dugme-acik { border-color: rgba(255,255,255,.55); color: #fff; }
.dugme-acik:hover { background: #fff; color: var(--murekkep); }
.dugme-wa .ikon { fill: currentColor; stroke: none; width: 20px; height: 20px; }
.dugme .ikon { width: 20px; height: 20px; }
.wa-masaustu { display: none; }
@media (min-width: 601px) { .wa-mobil { display: none; } .wa-masaustu { display: inline-flex; } }
.dugme-ust { min-height: 42px; padding: 8px 16px; }
.dugme-tam { width: 100%; }
.dugme-grid { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 8px; }
.baglanti { color: var(--vurgu); font-weight: 700; text-underline-offset: 4px; }
.ikon { flex: none; }

/* başlık */
.tepe { position: sticky; top: 0; z-index: 50; background: linear-gradient(100deg, #16181b 0%, #2b1b14 60%, #3a1f12 100%); color: var(--acik-yazi); border-bottom: 3px solid var(--vurgu); }

.tepe-sahne { position: absolute; top: 0; bottom: 0; right: 0; left: 40%; width: 60%; height: 100%; -webkit-mask-image: linear-gradient(90deg, transparent, #000 25%); mask-image: linear-gradient(90deg, transparent, #000 25%); pointer-events: none; stroke: var(--sari); stroke-width: 1.6; opacity: .38; }
.tepe-ic { position: relative; z-index: 1; }
.tepe-sahne path { vector-effect: non-scaling-stroke; }
.t-zemin { stroke: #fff; opacity: .35; stroke-dasharray: 4 8; }
.t-bina path { stroke-dasharray: 400; stroke-dashoffset: 400; animation: t-ciz 9s ease-in-out infinite; }
.t-b2 path { animation-delay: .9s; } .t-b3 path { animation-delay: 1.8s; } .t-b4 path { animation-delay: 2.7s; } .t-b5 path { animation-delay: 3.6s; }
.t-vinc { stroke: #fff; opacity: .9; }
.t-kanca { animation: t-kanca 4.5s ease-in-out infinite; }
@keyframes t-ciz { 0% { stroke-dashoffset: 400; } 35%, 80% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -400; } }
@keyframes t-kanca { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(26px); } }
@media (max-width: 960px) { .tepe-sahne { display: none; } }
.tepe-ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 108px; padding-block: 12px; }
.marka { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.marka-isaret { width: 84px; height: 84px; border-radius: 50%; }
.marka-yazi { display: flex; flex-direction: column; line-height: 1; }
.marka-yazi b { font-size: 1.75rem; letter-spacing: .12em; font-weight: 800; }
.marka-yazi i { font-style: normal; color: var(--sari) !important; font-size: 1.05rem; letter-spacing: .5em; color: var(--vurgu-acik); margin-top: 6px; font-weight: 700; }
.gez-liste { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; }
.gez { display: flex; align-items: center; gap: 22px; }
.gez-liste a { display: block; padding: 10px 14px; text-decoration: none; font-weight: 600; border-radius: 4px; position: relative; }
.gez-liste a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px; background: var(--vurgu-acik); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.gez-liste a:hover::after, .gez-liste a[aria-current] ::after, .gez-liste a[aria-current]::after { transform: scaleX(1); }
.gez-dugme { display: none; align-items: center; gap: 10px; background: none; border: 2px solid rgba(255,255,255,.35); color: #fff; border-radius: 4px; padding: 8px 12px; font: 700 .95rem var(--font); min-height: 44px; }
.gez-cizgi, .gez-cizgi::before, .gez-cizgi::after { display: block; width: 20px; height: 2px; background: currentColor; position: relative; }
.gez-cizgi::before, .gez-cizgi::after { content: ""; position: absolute; left: 0; }
.gez-cizgi::before { top: -6px; } .gez-cizgi::after { top: 6px; }

/* kahraman */
.kahraman { background-color: #15181d; color: var(--acik-yazi); background-image: radial-gradient(ellipse 60% 70% at 85% 30%, rgba(226,104,58,.38), transparent 70%), radial-gradient(ellipse 50% 60% at 5% 95%, rgba(245,184,28,.20), transparent 70%), radial-gradient(ellipse 40% 50% at 40% 0%, rgba(47,129,196,.22), transparent 70%), repeating-linear-gradient(0deg, transparent 0 39px, rgba(255,255,255,.04) 39px 40px), repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.04) 79px 80px); }
.kahraman-ic { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; padding-block: clamp(36px, 6vw, 72px); }
.etiket-ust { text-transform: uppercase; letter-spacing: .28em; font-size: .8rem; color: var(--sari); font-weight: 700; margin-bottom: 14px; }
.kahraman h1 { color: #fff; }
.kahraman-ozet { color: #cfcdc6; max-width: 56ch; }
.hiz-liste { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 22px 0 0; }
.hiz-liste li { border: 1px solid rgba(245,184,28,.55); background: rgba(245,184,28,.08); padding: 5px 12px; font-size: .88rem; letter-spacing: .04em; border-radius: 2px; color: #dedbd3; }
.manset { position: relative; aspect-ratio: 627 / 335; background: #0e0f11; border-radius: 3px; box-shadow: var(--golge); }
.manset-kare { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .5s ease-in-out; }
.manset-kare.acik { opacity: 1; }
.manset-kare img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; }
.manset-nokta { position: absolute; left: 14px; bottom: 12px; display: flex; gap: 6px; }
.manset-nokta i { width: 22px; height: 3px; background: rgba(255,255,255,.4); transition: background .3s, width .3s; }
.manset-nokta i.acik { background: var(--sari); width: 34px; }
.hud { position: absolute; width: 26px; height: 26px; border: 3px solid var(--sari); pointer-events: none; }
.hud-a { top: -8px; left: -8px; border-right: 0; border-bottom: 0; }
.hud-b { bottom: -8px; right: -8px; border-left: 0; border-top: 0; }

/* bölümler */
.bolum { padding-block: clamp(40px, 6vw, 80px); }
.bolum-koyu { background: var(--koyu2); color: var(--acik-yazi); --cizgi: #e9e6df; --vurgu: var(--vurgu-acik); }
.bolum-bant { background: #e7e4dc; }
.bolum-no { text-transform: uppercase; letter-spacing: .22em; font-size: .78rem; font-weight: 700; color: var(--vurgu); margin-bottom: 8px; }
.bolum-koyu .bolum-no { color: var(--vurgu-acik); }
.iki { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
.iki-esit { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 56px); }
.iki-ters > :first-child { order: 0; }
.iki-sahne { background: #14161a; border: 1px solid rgba(255,255,255,.12); padding: 20px; border-radius: 4px; }
.iki-foto img { border-radius: 4px; box-shadow: var(--golge); width: 100%; }
.foto-sira { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0; }
.foto-sira-a { display: block; overflow: hidden; border-radius: 3px; }
.foto-sira img, .gl-kare img, .pr-foto img { transition: transform .8s ease, filter .6s; }

/* sahne */
.sahne { width: 100%; height: auto; display: block; }
.sahne .kanca { animation: sallan 3.6s ease-in-out infinite; transform-origin: 50% 0; transform-box: fill-box; }
.sahne .isik { animation: nefes 4s ease-in-out infinite; }
@keyframes sallan { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(8px); } }
@keyframes nefes { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }

/* hizmet kartları */
.hz-izgara, .pr-izgara { list-style: none; padding: 0; margin: 28px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.hz-kart a { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 18px; background: var(--kart); border: 1px solid var(--kenar); border-radius: 4px; text-decoration: none; position: relative; transition: transform .25s, box-shadow .25s, border-color .25s; }
.hz-kart a:hover { transform: translateY(-4px); box-shadow: var(--golge); border-color: var(--vurgu); }
.hz-no { position: absolute; top: 12px; right: 16px; font-weight: 800; font-size: .85rem; letter-spacing: .1em; color: var(--vurgu); }
.hz-sahne { background: #f6f4ef; border-radius: 3px; padding: 10px; }
.hz-ad { font-weight: 800; font-size: 1.15rem; margin-top: 4px; }
.hz-ozet { color: var(--gri); font-size: .96rem; flex: 1; }
.hz-devam { display: inline-flex; align-items: center; gap: 6px; color: var(--vurgu); font-weight: 700; font-size: .92rem; }
.hz-devam .ikon { width: 16px; height: 16px; transition: transform .25s; }
a:hover > .hz-devam .ikon { transform: translateX(5px); }

/* projeler */
.pr-izgara { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.pr-kart a, .pr-duz { display: flex; flex-direction: column; gap: 6px; height: 100%; background: var(--kart); border: 1px solid var(--kenar); border-radius: 4px; text-decoration: none; padding: 0 0 14px; overflow: hidden; transition: transform .25s, box-shadow .25s; }
.pr-kart a:hover { transform: translateY(-4px); box-shadow: var(--golge); }
.pr-foto { display: block; aspect-ratio: 4 / 3; background: repeating-linear-gradient(45deg, #e8e5dd 0 10px, #efece5 10px 20px); overflow: hidden; position: relative; }
.pr-foto img { width: 100%; height: 100%; object-fit: cover; }
.pr-kart a:hover .pr-foto img, .gl-kare a:hover img, .foto-sira-a:hover img { transform: scale(1.06); filter: saturate(1.08); }
.pr-foto::after, .gl-kare a::after { content: ""; position: absolute; inset: 10px; border: 2px solid transparent; transition: border-color .3s, inset .3s; pointer-events: none; }
.pr-kart a:hover .pr-foto::after, .gl-kare a:hover::after { border-color: var(--vurgu-acik); inset: 6px; }
.pr-ad { font-weight: 800; font-size: 1.1rem; padding: 6px 16px 0; }
.pr-not { color: var(--gri); font-size: .92rem; padding: 0 16px; flex: 1; }
.pr-kart .hz-devam { padding: 0 16px; }
.pr-grup { margin-top: 34px; }
.pr-grup:first-child { margin-top: 0; }
.gl-izgara { list-style: none; padding: 0; margin: 22px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.gl-kare a { display: block; position: relative; overflow: hidden; border-radius: 3px; }
.gl-kare img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.sosyal-kutu { margin-top: 44px; padding: 26px; background: var(--kart); border: 1px solid var(--kenar); border-left: 5px solid var(--vurgu); border-radius: 4px; }

/* referans / yazı */
.ref-liste { list-style: none; padding: 0; margin: 18px 0; display: grid; gap: 8px; counter-reset: ref; }
.ref-liste li { padding: 10px 14px; background: var(--kart); border: 1px solid var(--kenar); border-left: 4px solid var(--vurgu); font-weight: 600; }
.ref-buyuk { list-style: none; }
.ref-buyuk li { counter-increment: ref; display: flex; gap: 14px; align-items: baseline; font-size: 1.1rem; }
.ref-buyuk li::before { content: counter(ref, decimal-leading-zero); color: var(--vurgu); font-weight: 800; font-size: .9rem; letter-spacing: .08em; }
.yaz-liste { list-style: none; padding: 0; margin: 18px 0; display: grid; gap: 10px; }
.yaz-liste a { display: grid; gap: 4px; padding: 14px 16px; background: var(--kart); border: 1px solid var(--kenar); border-radius: 4px; text-decoration: none; transition: border-color .2s, transform .2s; }
.yaz-liste a:hover { border-color: var(--vurgu); transform: translateX(4px); }
.yaz-liste time { color: var(--vurgu); font-size: .82rem; font-weight: 700; letter-spacing: .06em; }
.yaz-liste span { font-weight: 700; }
.yaz-liste small { color: var(--gri); font-size: .92rem; }
.yazi p { max-width: 70ch; }
.tarih { color: var(--vurgu); font-weight: 700; font-size: .92rem; }
.istatistik { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 0 0 24px; }
.istatistik div { background: var(--kart); border: 1px solid var(--kenar); border-top: 4px solid var(--vurgu); padding: 12px 16px; }
.istatistik dt { color: var(--gri); font-size: .85rem; }
.istatistik dd { margin: 4px 0 0; font-weight: 800; font-size: 1.25rem; }

/* hizmet sayfası */
.hizmet-duzen { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: start; }
.hizmet-metin p { font-size: 1.12rem; max-width: 60ch; }
.sahne-kutu { background: var(--kart); border: 1px solid var(--kenar); border-radius: 4px; padding: 18px; position: relative; }
.eski-foto { margin: 16px 0 0; }
.eski-foto img { border-radius: 4px; width: auto; max-width: 100%; box-shadow: var(--golge); }
.diger-liste { list-style: none; padding: 0; margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.diger-liste a { display: block; padding: 8px 14px; border: 1px solid var(--murekkep); border-radius: 3px; text-decoration: none; font-weight: 600; transition: background .2s, color .2s; }
.diger-liste a:hover { background: var(--murekkep); color: #fff; }
.anahtar { color: #8a8d93; font-size: .82rem; margin: 22px 0 0; letter-spacing: .02em; }
.etiket-kutu { margin-top: 44px; padding-top: 26px; border-top: 1px solid var(--kenar); }
.etiket-liste { list-style: none; padding: 0; margin: 12px 0; display: flex; flex-wrap: wrap; gap: 8px; }
.etiket-liste li { padding: 5px 12px; border: 1px solid var(--kenar); background: var(--kart); font-size: .9rem; border-radius: 2px; }
.bolum-etiket { padding-block: 0 24px; }

/* sayfa başı */
.sayfa-basi { background: var(--koyu); color: #fff; padding-block: clamp(28px, 4.5vw, 52px); background-image: repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.04) 79px 80px); border-bottom: 3px solid var(--vurgu); }
.sayfa-basi h1 { margin: 6px 0 0; }
.sayfa-basi .ozet { color: #cfcdc6; margin: 10px 0 0; }
.kirinti { font-size: .88rem; color: #b9b7b0; }
.kirinti a { color: #e9e6df; text-underline-offset: 3px; }

/* çağrı + form */
.cagri { background: var(--vurgu); color: #fff; padding-block: 36px; }
.cagri-ic { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; }
.cagri h2 { margin-bottom: 6px; }
.cagri p { margin: 0; max-width: 56ch; }
.cagri .dugme-grid { margin: 0; }
.cagri .dugme-wa { box-shadow: 0 0 0 2px #fff; }
.iletisim-duzen { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 48px); align-items: start; }
.bilgi-kutu, .form-kutu { background: var(--kart); border: 1px solid var(--kenar); border-radius: 4px; padding: clamp(18px, 3vw, 30px); }
.harita { width: 100%; height: 280px; border: 0; margin-top: 8px; border-radius: 3px; }
.alt-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.alt-iletisim li { display: flex; gap: 10px; align-items: flex-start; }
.alt-ik { color: var(--vurgu); margin-top: 2px; }
.form label { display: block; margin-bottom: 14px; }
.etiket { display: block; font-weight: 700; font-size: .9rem; margin-bottom: 4px; }
.form input[type=text], .form input[type=email], .form input[type=tel], .form select, .form textarea { width: 100%; padding: 11px 12px; font: inherit; border: 1px solid #b9b5ab; border-radius: 3px; background: #fff; min-height: 46px; }
.form input:focus, .form select:focus, .form textarea:focus { outline: 3px solid rgba(180,68,31,.35); border-color: var(--vurgu); }
.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.kvkk { display: flex !important; gap: 10px; align-items: flex-start; font-size: .92rem; }
.kvkk input { margin-top: 5px; width: 18px; height: 18px; flex: none; }
.form-not { color: var(--gri); font-size: .86rem; display: block; margin-top: 4px; }
.uyari { padding: 12px 14px; border-radius: 3px; margin: 0 0 14px; font-weight: 600; }
.uyari-iyi { background: #e3f3e8; border: 1px solid #8cc9a1; }
.uyari-kotu { background: #fbe6df; border: 1px solid #e3a490; }

/* ışık kutusu */
.isik { border: 0; padding: 0; background: transparent; max-width: 96vw; max-height: 94vh; overflow: visible; }
.isik::backdrop { background: rgba(10,11,13,.88); }
.isik img { max-width: 92vw; max-height: 88vh; width: auto; height: auto; margin: auto; border-radius: 3px; }
.isik-kapat, .isik-ok { position: fixed; background: rgba(255,255,255,.14); color: #fff; border: 0; width: 46px; height: 46px; border-radius: 50%; font-size: 1.8rem; display: grid; place-items: center; cursor: pointer; }
.isik-kapat { top: 16px; right: 16px; }
.isik-geri { left: 14px; top: 50%; } .isik-ileri { right: 14px; top: 50%; }

/* altbilgi */
.altbilgi { background: var(--koyu); color: #cfcdc6; padding-top: 48px; border-top: 3px solid var(--vurgu); }
.alt-duzen { display: grid; grid-template-columns: 1.3fr .8fr 1fr 1.2fr; gap: 32px; }
.altbilgi h4 { color: #fff; font-size: .95rem; letter-spacing: .14em; text-transform: uppercase; }
.altbilgi a { text-underline-offset: 3px; }
.altbilgi .tanit { font-size: .95rem; margin-top: 14px; }
.sosyal { display: flex; gap: 14px; }
.sosyal a { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; border: 1px solid rgba(255,255,255,.25); padding: 6px 12px; border-radius: 3px; font-size: .9rem; }
.sosyal a:hover { background: rgba(255,255,255,.1); }
.alt-wa { margin-top: 16px; }
.kapanis { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; margin-top: 36px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.14); font-size: .9rem; }

/* küçük ekran */
@media (max-width: 1180px) { .gez-liste a { padding: 10px 9px; } .gez { gap: 10px; } .dugme-ust { padding: 8px 12px; } .marka-yazi b { font-size: 1.5rem; } }
@media (max-width: 960px) {
  .kahraman-ic, .iki, .iki-esit, .hizmet-duzen, .iletisim-duzen { grid-template-columns: 1fr; }
  .hz-izgara { grid-template-columns: repeat(2, 1fr); }
  .alt-duzen { grid-template-columns: 1fr 1fr; }
  .gez-dugme { display: inline-flex; }
  .gez { position: absolute; left: 0; right: 0; top: 100%; background: var(--koyu2); flex-direction: column; align-items: stretch; padding: 12px 16px 20px; gap: 14px; display: none; border-bottom: 3px solid var(--vurgu); }
  .gez.acik { display: flex; }
  .gez-liste { flex-direction: column; }
  .gez-liste a { padding: 14px 8px; }
}
@media (max-width: 600px) {
  body { font-size: 1rem; }
  .hz-izgara { grid-template-columns: 1fr; }
  .alt-duzen, .ikili { grid-template-columns: 1fr; }
  .marka-isaret { width: 64px; height: 64px; }
  .marka-yazi b { font-size: 1.3rem; letter-spacing: .08em; }
  .marka-yazi i { letter-spacing: .38em; }
  .dugme-grid .dugme { flex: 1 1 100%; }
  .foto-sira { grid-template-columns: 1fr; }
  .sag { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .manset-kare { transition: none; }
}

/* firma künyesi — ana sayfanın en üstü */
.kunye { background: linear-gradient(90deg, #8f3516, #b4441f 55%, #d1631f); color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); padding-block: 12px; }
.kunye-ad { display: none; margin: 0 0 12px; font-size: 1.05rem; letter-spacing: .06em; color: var(--sari); }
.kunye-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1.4fr 1.1fr 1fr 1.5fr; gap: 20px; }
.kunye-liste li { display: flex; gap: 12px; align-items: center; font-size: .95rem; font-weight: 600; line-height: 1.35; }
.kunye-liste small { display: block; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: #ffe2cf; font-weight: 700; margin-bottom: 1px; font-size: .66rem; }
.kunye-liste a { text-decoration: none; white-space: nowrap; }
.kunye-liste a:hover { color: var(--vurgu-acik); }
.kunye-ik { color: var(--sari); }
.kunye-ik .ikon { width: 20px; height: 20px; }
@media (max-width: 960px) { .kunye-liste { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .kunye-liste { grid-template-columns: 1fr; gap: 10px; } .kunye-liste li { font-size: 1rem; } }