/* bermekan · stil (23 ekim 2026).. sanat yönetimi "ufuk": açık gök, sakin göl, derinleşen su tonları; logodaki dalga ve üç damla ayraç..
   renk: sis ve açık gök zemin ~%60, yosun yazı ve derin katman ~%25, göl tek vurgu (çizgi, damla, numara) ~%5, çimen ve kum tamamlayıcı..
   yazı: tenor sans (başlık, tek kesim), be vietnam pro (metin 300–500).. düğmeler damla gibi yuvarlak; ikincil bağlantının altı dalgalı.. */
@font-face { font-family: "bm-baslik"; src: url("/f/tenor-sans-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "bm-baslik"; src: url("/f/tenor-sans-latin-ext-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "bm-metin"; src: url("/f/be-vietnam-pro-latin-300-normal.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "bm-metin"; src: url("/f/be-vietnam-pro-latin-ext-300-normal.woff2") format("woff2"); font-weight: 300; font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "bm-metin"; src: url("/f/be-vietnam-pro-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "bm-metin"; src: url("/f/be-vietnam-pro-latin-ext-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "bm-metin"; src: url("/f/be-vietnam-pro-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "bm-metin"; src: url("/f/be-vietnam-pro-latin-ext-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF; }

:root {
  --yosun: #1e3b33; --yosun-derin: #17302a; --gol: #2f8f83; --gol-yazi: #1f6b62; --cimen: #8cbf7a; --su: #bfe3dc; --sis: #eef5f2; --acik: #f7fbf9; --kum: #e8dcc6;
  --soluk: #48625a; --cizgi: #cfe0d8; --beyaz: #ffffff; --vurgu: #2f8f83;
  --baslik: "bm-baslik", serif; --metin: "bm-metin", sans-serif;
  --ic: 1240px; --kenar: clamp(20px, 4vw, 48px);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--acik); color: var(--yosun); font: 300 18px/1.7 var(--metin); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img, svg { display: block; max-width: 100%; }
button { font: inherit; color: inherit; }
strong, b { font-weight: 500; }
.ic { width: min(100% - 2 * var(--kenar), var(--ic)); margin: 0 auto; }
.etiket { font: 400 15px/1.4 var(--metin); letter-spacing: .14em; color: var(--gol-yazi); margin: 0; }
h1, h2, h3 { font-family: var(--baslik); font-weight: 400; margin: 0; letter-spacing: .01em; }
h2 { font-size: clamp(30px, 3.6vw, 50px); line-height: 1.12; }
h3 { font-size: 24px; line-height: 1.25; }
p { margin: 0; }
:focus-visible { outline: 2px solid var(--gol); outline-offset: 3px; }
.atla { position: absolute; left: -999px; }
.atla:focus { left: 16px; top: 16px; z-index: 30; background: var(--beyaz); padding: 8px 14px; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* logodaki dalga ve üç damla (ayraç) */
.dalga { width: min(100%, 360px); aspect-ratio: 640 / 24; height: auto; overflow: visible; }
.dalga-cizgi, .kiyi { fill: none; stroke: var(--gol); stroke-width: 2.6; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.d1 { fill: var(--gol); } .d2 { fill: #4fa597; } .d3 { fill: #7cbdb1; }
.dalga.ters .dalga-cizgi { stroke: #7fd0c4; }
.dalga.ters .d1 { fill: #7fd0c4; } .dalga.ters .d2 { fill: #9cdcd1; } .dalga.ters .d3 { fill: var(--su); }

/* düğmeler: kapı damla gibi yuvarlak (yosun), ikincil bağlantının altı dalgalı */
.kapi { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 28px; border-radius: 999px; background: var(--yosun); color: var(--beyaz); font: 500 16px/1.2 var(--metin); text-decoration: none; letter-spacing: .02em; transition: background .3s; }
.kapi:hover { background: var(--gol-yazi); }
.kapi.acik { background: var(--su); color: var(--yosun); }
.kapi.acik:hover { background: var(--beyaz); }
.ikincil { display: inline-flex; align-items: center; min-height: 44px; font: 400 16px/1.3 var(--metin); color: var(--gol-yazi); text-decoration: underline wavy var(--gol); text-decoration-thickness: 1.5px; text-underline-offset: 7px; }
.ikincil:hover { color: var(--yosun); }
.ikincil.acik { color: var(--su); text-decoration-color: var(--su); }
.ikincil.acik:hover { color: var(--beyaz); }

/* üst bölüm (yapışkan) */
.ust { position: sticky; top: 0; z-index: 20; background: rgba(247, 251, 249, .95); border-bottom: 1px solid var(--cizgi); }
.ust .ic { display: flex; align-items: center; gap: 30px; min-height: 92px; }
.ust .logo { display: block; flex-shrink: 0; padding: 12px 0; }
.ust .logo img { height: 50px; width: auto; }
.menu { display: flex; gap: 30px; margin-left: auto; font: 400 16px/1 var(--metin); }
.menu a { text-decoration: none; padding: 14px 0; }
.menu a:hover { text-decoration: underline wavy var(--gol); text-underline-offset: 8px; text-decoration-thickness: 1.5px; }
.menu .menu-kapat, .menu-ac { display: none; }
.ust-arac { display: flex; align-items: center; gap: 12px; }
.ara-simge { display: inline-grid; place-items: center; width: 40px; height: 44px; color: var(--yosun); }
.ara-simge svg { width: 20px; height: 20px; }
.dil-sec { display: flex; align-items: center; gap: 2px; font: 400 15px/1 var(--metin); letter-spacing: .08em; }
.dil-sec a { display: inline-grid; place-items: center; min-width: 28px; min-height: 44px; text-decoration: none; color: var(--soluk); }
.dil-sec a[aria-current] { color: var(--yosun); font-weight: 500; }
.dil-sec span { color: var(--cizgi); }
.ust-kapi { min-height: 46px; padding: 0 22px; font-size: 15px; }

/* ilk ekran: ufuk */
.ufuk { padding-top: clamp(48px, 7vw, 96px); background: linear-gradient(#f7fbf9, #f2f8f5); }
.ufuk-metin { text-align: center; display: grid; justify-items: center; gap: 22px; padding-bottom: clamp(36px, 4vw, 56px); }
.ufuk h1 { font-size: clamp(40px, 6.2vw, 86px); line-height: 1.06; max-width: 15ch; }
.giris-not { font-size: clamp(18px, 1.5vw, 21px); color: var(--soluk); max-width: 46ch; }
.manzara { margin: 0; height: clamp(240px, 32vw, 460px); }
.manzara-cizim { width: 100%; height: 100%; }
.yansima path { fill: none; stroke: #ffffff; stroke-width: 2.4; stroke-linecap: round; opacity: .7; }
@media (prefers-reduced-motion: no-preference) {
  .yansima { animation: kay 14s ease-in-out infinite alternate; }
  .yansima-kosk { animation: dalgalan 9s ease-in-out infinite alternate; }
}
@keyframes kay { from { transform: translateX(-26px); } to { transform: translateX(26px); } }
@keyframes dalgalan { from { transform: scaleY(1); } to { transform: scaleY(.9); } }

/* bölümler */
.bolum { padding: clamp(52px, 5.4vw, 80px) 0; }
.bas { display: grid; gap: 14px; max-width: 760px; margin-bottom: clamp(32px, 4vw, 52px); }
.bas-not { color: var(--soluk); max-width: 58ch; }

/* 01 · dört katman: suyun yüzeyinden derinine */
.katman-bolum { padding-bottom: 0; }
.katmanlar { list-style: none; margin: 0; padding: 0; }
.katman { padding: clamp(32px, 3.6vw, 52px) 0; }
.katman-ic { display: grid; grid-template-columns: 96px minmax(0, 1fr) minmax(0, 1.5fr); gap: 20px clamp(24px, 4vw, 64px); align-items: start; }
.katman-no { font: 400 44px/1 var(--baslik); color: var(--gol); }
.katman h3 { font-size: clamp(26px, 2.6vw, 36px); padding-top: 4px; }
.katman-govde { display: grid; gap: 14px; }
.katman-govde ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font: 400 16px/1.5 var(--metin); color: var(--gol-yazi); }
.katman-govde li::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--gol); margin-right: 10px; vertical-align: 2px; }
.derin-1 { background: #f2f8f5; }
.derin-2 { background: #e2efea; }
.derin-3 { background: #cde5dd; }
.derin-4 { background: var(--yosun); color: var(--beyaz); }
.derin-4 .katman-no { color: #7fd0c4; }
.derin-4 .katman-govde ul { color: var(--su); }
.derin-4 .katman-govde li::before { background: #7fd0c4; }

/* 02 · yolculuk: akarsuyun beş durağı */
.akarsu { width: 100%; height: 60px; margin: 0 0 10px; overflow: visible; }
.akarsu-yol { fill: none; stroke: var(--gol); stroke-width: 3; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.durak-nokta { fill: var(--acik); stroke: var(--gol); stroke-width: 3; vector-effect: non-scaling-stroke; }
.duraklar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; text-align: center; }
.duraklar li { display: grid; gap: 8px; align-content: start; justify-items: center; }
.durak-no { font: 400 15px/1 var(--metin); letter-spacing: .14em; color: var(--gol-yazi); }
.duraklar h3 { font-size: 22px; }
.duraklar p:not(.durak-no) { font-size: 16px; line-height: 1.6; color: var(--soluk); max-width: 26ch; }

/* 03 · projeler ve yan sütunda yer arayanlar */
.projeler { background: var(--sis); }
.proje-izgara { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.proje-ana h2 { margin: 14px 0 clamp(28px, 3vw, 40px); }
.turler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(24px, 3vw, 44px); }
.turler li { padding: 22px 0 24px; border-top: 1px solid var(--cizgi); display: grid; gap: 6px; }
.turler h3 { font-size: 22px; }
.turler p { font-size: 16px; color: var(--soluk); }
.yer { position: sticky; top: 120px; background: var(--kum); padding: clamp(26px, 3vw, 36px); border-radius: 28px 28px 28px 6px; display: grid; gap: 14px; }
.yer h2 { font-size: 28px; }
.yer p { font-size: 16px; color: #4d4a3c; }
.yer ul { margin: 0; padding: 0 0 0 20px; font-size: 16px; color: #3f3c30; }
.yer .ikincil { color: var(--yosun); text-decoration-color: var(--yosun); }

/* 04 · sık sorulanlar */
.sss { margin: 0; border-bottom: 1px solid var(--cizgi); }
.sss > div { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 14px clamp(24px, 4vw, 64px); padding: 26px 0; border-top: 1px solid var(--cizgi); }
.sss dt { font: 400 22px/1.3 var(--baslik); }
.sss dd { margin: 0; color: var(--soluk); max-width: 62ch; }

/* tavsiye (paylaşma kancası, iskelet/paylas.mjs) */
.bm-paylas { width: min(100% - 2 * var(--kenar), 680px); margin: 0 auto; padding: clamp(24px, 3vw, 40px) 0 clamp(28px, 3vw, 44px); display: grid; justify-items: center; gap: 16px; text-align: center; }
.bm-paylas[hidden] { display: none; }
.paylas-baslik { font: 400 clamp(22px, 2.2vw, 30px)/1.25 var(--baslik); }
.paylas-govde { display: inline-grid; gap: 10px; width: fit-content; max-width: 100%; }
.paylas-dugmeler { display: grid; grid-template-columns: auto auto; gap: 8px; }
.paylas-dugmeler button { min-height: 46px; padding: 8px 22px; border: 1px solid var(--yosun); border-radius: 999px; background: transparent; color: var(--yosun); font: 500 15px var(--metin); cursor: pointer; white-space: nowrap; }
.paylas-dugmeler .paylas-yerel { background: var(--yosun); color: var(--beyaz); }
.paylas-simgeler { display: flex; justify-content: space-between; gap: 12px; list-style: none; margin: 0; padding: 0; }
.paylas-simgeler a { position: relative; display: grid; place-items: center; width: 24px; height: 44px; color: var(--soluk); }
.paylas-simgeler a::after { content: ""; position: absolute; inset: 0 -8px; }
.paylas-simgeler a:hover { color: var(--gol); }
.paylas-not { min-height: 1.4em; font-size: 14px; color: var(--soluk); }

/* kapanış: davet (yosun zemin) */
.kapanis { background: var(--yosun); color: var(--beyaz); padding: clamp(56px, 6vw, 88px) 0; text-align: center; }
.kapanis .ic { display: grid; justify-items: center; gap: 22px; }
.kapanis .dalga { width: min(70%, 260px); }
.kapanis h2 { font-size: clamp(32px, 4vw, 56px); max-width: 18ch; }
.kapanis p { color: #cfe3dc; max-width: 52ch; }
.kapanis-dugme { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px 28px; }

/* alt bilgi (derin yosun) */
.alt { background: var(--yosun-derin); color: #dbe9e3; padding: clamp(48px, 5vw, 72px) 0 32px; font-size: 16px; }
.alt-kimlik { display: grid; gap: 18px; justify-items: start; padding-bottom: 36px; border-bottom: 1px solid #2c4a42; }
.alt-logo img { width: min(360px, 82vw); height: auto; }
.alt-dallar { font: 400 15px/1.4 var(--metin); letter-spacing: .14em; color: var(--su); }
.alt-pano { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px clamp(24px, 4vw, 56px); padding: 32px 0 12px; }
.alt h2 { font: 400 20px/1.3 var(--baslik); color: var(--beyaz); margin: 0 0 12px; }
.alt ul { list-style: none; margin: 0; padding: 0; }
.alt li a, .alt li { display: block; padding: 5px 0; text-decoration: none; line-height: 1.5; }
.alt li a:hover { color: var(--beyaz); text-decoration: underline wavy #7fd0c4; text-underline-offset: 6px; }
.alt .yasal { display: flex; gap: 20px; margin-top: 14px; }
.alt .yasal a { display: inline-flex; align-items: center; min-height: 44px; color: #b9d3ca; text-decoration: none; }
.alt-sosyal { padding: 6px 0 18px; }
.sosyal { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sosyal a, .sosyal .bekliyor { display: inline-grid; place-items: center; width: 40px; height: 40px; color: #dbe9e3; }
.sosyal .bekliyor { opacity: .38; }
.alt .grup-imza { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px 32px; padding-top: 22px; border-top: 1px solid #2c4a42; font-size: 15px; color: #a9c4ba; }
.alt .grup-imza a { color: #e6f1ed; }
.grup-imza-logo { display: inline-flex; align-items: center; gap: 8px; }
.grup-imza-karakter { width: 26px; height: auto; }
.grup-imza-yazi { width: 120px; height: auto; }

/* iç sayfalar */
.sayfa-bas { padding: clamp(48px, 6vw, 80px) 0 clamp(28px, 3vw, 40px); }
.sayfa-bas .ic { display: grid; gap: 18px; }
.sayfa-bas h1 { font-size: clamp(36px, 5vw, 64px); line-height: 1.08; }
.sayfa-bas .iz a { text-decoration: none; }
.sayfa-bas .ozet { color: var(--soluk); max-width: 60ch; }
.yasal { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); padding-bottom: clamp(56px, 6vw, 88px); }
.yasal-nav ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; position: sticky; top: 120px; }
.yasal-nav a { display: block; padding: 8px 0; text-decoration: none; color: var(--soluk); }
.yasal-nav a[aria-current] { color: var(--yosun); text-decoration: underline wavy var(--gol); text-underline-offset: 7px; }
.yasal-govde { max-width: 72ch; display: grid; gap: 16px; }
.yasal-govde h2 { font-size: 26px; margin-top: 12px; }
.yasal-govde ul { margin: 0; padding-left: 20px; display: grid; gap: 10px; }
.kunye-liste { margin: 0; display: grid; }
.kunye-liste > div { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 16px; padding: 16px 0; border-top: 1px solid var(--cizgi); }
.kunye-liste dt { font: 400 19px/1.4 var(--baslik); }
.kunye-liste dd { margin: 0; }
.bos-sayfa { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; padding-bottom: clamp(56px, 6vw, 88px); }

/* arama sonuç sayfası */
.arama-bolum { padding: clamp(40px, 5vw, 72px) 0; }

/* görünme sırası (betik.js; azaltılmış harekette yok) */
.bekle { opacity: 0; transform: translateY(18px); }
.katman, .duraklar li, .turler li { transition: opacity .9s ease, transform .9s ease; }

@media (max-width: 1100px) {
  .menu { gap: 20px; }
  .ust .ic { gap: 20px; }
  .ust-kapi { display: none; }
  .proje-izgara { grid-template-columns: 1fr; }
  .yer { position: static; }
}
@media (max-width: 900px) {
  .menu { display: none; }
  .menu:target { display: flex; position: fixed; inset: 0; z-index: 40; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: var(--acik); font: 400 26px/1.2 var(--baslik); }
  .menu:target a { padding: 12px 20px; }
  .menu:target .menu-kapat { display: block; margin-top: 24px; font: 400 16px var(--metin); color: var(--soluk); }
  .menu-ac { display: inline-flex; align-items: center; min-height: 44px; margin-left: auto; padding: 0 4px; font: 500 16px var(--metin); text-decoration: none; border-bottom: 1.5px solid var(--gol); }
  .ust .ic { min-height: 76px; gap: 12px; }
  .ust .logo img { height: 40px; }
  .katman-ic { grid-template-columns: 64px minmax(0, 1fr); }
  .katman-govde { grid-column: 1 / -1; }
  .katman-no { font-size: 36px; }
  .akarsu { display: none; }
  .duraklar { grid-template-columns: 1fr; gap: 0; text-align: left; border-left: 2px solid var(--gol); margin-left: 8px; }
  .duraklar li { justify-items: start; padding: 0 0 26px 26px; position: relative; }
  .duraklar li::before { content: ""; position: absolute; left: -9px; top: 2px; width: 12px; height: 12px; border-radius: 50%; background: var(--acik); border: 3px solid var(--gol); }
  .duraklar p:not(.durak-no) { max-width: none; }
  .duraklar li:last-child { padding-bottom: 0; }
  .turler { grid-template-columns: 1fr; }
  .sss > div { grid-template-columns: 1fr; gap: 10px; padding: 22px 0; }
  .sss dt { font-size: 20px; }
  .alt-pano { grid-template-columns: 1fr 1fr; }
  .yasal { grid-template-columns: 1fr; }
  .yasal-nav ul { position: static; display: flex; gap: 20px; }
  .kunye-liste > div { grid-template-columns: 1fr; gap: 4px; }
}
@media (max-width: 560px) {
  .ust-arac { gap: 4px; }
  .alt-pano { grid-template-columns: 1fr; }
  .paylas-dugmeler button { padding: 8px 14px; }
  .manzara { height: 220px; }
}
@media (max-width: 360px) {
  .ust .ic { width: calc(100% - 32px); gap: 6px; }
  .ust .logo img { height: 30px; }
  /* dar telefonda dil seçici yalnız öteki dili gösterir (23 ekim 2026: menü düğmesi taşıyordu) */
  .ust .dil-sec a[aria-current], .ust .dil-sec span { display: none; }
}

/* ------------------------------------------------------------------ iskeletin ortak kuralları (aynen; değiştirmeyin) */

/* site içi arama (iskelet: arama.mjs), bütün markalarda aynı yapı */
.ara-simge { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 999px; color: inherit; text-decoration: none; flex: none; }
.ara-simge:hover, .ara-simge:focus-visible, .ara-simge[aria-current] { background: color-mix(in srgb, currentColor 10%, transparent); }
.arama-kutusu { display: flex; align-items: center; gap: .5rem; max-width: 36rem; margin: 1.25rem 0; }
.arama-kutusu label { position: relative; flex: 1; display: block; }
.arama-kutusu label svg { position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); opacity: .6; pointer-events: none; }
.arama-kutusu input { width: 100%; box-sizing: border-box; font: inherit; padding: .8rem 1rem .8rem 2.75rem; border: 1.5px solid currentColor; border-radius: 999px; background: transparent; color: inherit; }
.arama-kutusu input::placeholder { color: inherit; opacity: .55; }
.arama-kutusu .dugme { flex: none; }
.arama-kutusu.genis { max-width: 40rem; }
.arama-kutusu.genis input { font-size: 1.125rem; padding-top: 1rem; padding-bottom: 1rem; }
.gizli-etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.arama-sayi { font-weight: 600; margin: 1.5rem 0 .5rem; }
.arama-liste { list-style: none; padding: 0; margin: 0; max-width: 46rem; }
.arama-liste li { border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
.arama-liste a { display: block; padding: 1rem 0; color: inherit; text-decoration: none; }
.arama-liste h2 { font-size: 1.25rem; margin: 0 0 .15rem; }
.arama-liste a:hover h2, .arama-liste a:focus-visible h2 { text-decoration: underline; }
.arama-yol { font-family: var(--mono, monospace); font-size: .875rem; opacity: .6; }
.arama-liste p { margin: .35rem 0 0; opacity: .8; }

/* tanışma kartı (iskelet: tanisma.mjs), bütün markalarda aynı yapı */
.tanisma { border: 0; border-radius: 20px; padding: 0; width: min(30rem, calc(100% - 2rem)); background: #fff; color: #16171a; box-shadow: 0 24px 60px rgba(0,0,0,.25); }
.tanisma::backdrop { background: rgba(10,12,16,.55); }
.tanisma-form { padding: 1.5rem; display: grid; gap: .75rem; }
.tanisma h2 { margin: 0; font-size: 1.35rem; }
.tanisma p { margin: 0; font-size: .92rem; opacity: .8; }
.tanisma-alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.tanisma-alanlar label { display: grid; gap: .25rem; font-size: .875rem; font-weight: 600; }
.tanisma-alanlar label:nth-child(n+3) { grid-column: 1 / -1; }
.tanisma-alanlar input { font: inherit; font-size: 1rem; font-weight: 400; padding: .65rem .8rem; border: 1.5px solid rgba(0,0,0,.25); border-radius: 10px; background: #fff; color: inherit; box-sizing: border-box; width: 100%; }
.tanisma-alanlar input:focus-visible { outline: 3px solid currentColor; outline-offset: 1px; }
.tanisma-dugmeler { display: flex; flex-wrap: wrap; gap: .5rem; opacity: 1 !important; margin-top: .25rem !important; }
@media (max-width: 30rem) { .tanisma-alanlar { grid-template-columns: 1fr; } }

/* kod deneyimi (iskelet: kodDeneyimi), bütün markalarda aynı kural: telefonda kod ve okutma dili yok, düğme var */
.kd-cihazda { display: none; }
.kd-cihazda .dugme span { margin-inline-start: .4em; }
.kd-kod .kisa-adres { font-size: .9rem; text-align: center; overflow-wrap: anywhere; margin: .75rem 0 0; }
@media (max-width: 51.99rem), (hover: none) and (pointer: coarse) {
  .kod-deneyim .kd-kod, .kod-deneyim .kd-kodla { display: none; }
  .kod-deneyim .kd-cihazda { display: block; }
  .kod-deneyim { grid-template-columns: 1fr !important; }
}