/* diyetisyen-sofra — özgün tema (kaynak: prototip site.css; dönüştürücü taslağı) */
@property --p1 { syntax: '<percentage>'; inherits: false; initial-value: 0% }
@property --p2 { syntax: '<percentage>'; inherits: false; initial-value: 0% }
@property --p3 { syntax: '<percentage>'; inherits: false; initial-value: 0% }

:root {
  --kagit: var(--dj-bg,var(--kagit)); --beyaz: var(--dj-bg-alt,var(--beyaz)); --keten: color-mix(in srgb, var(--kiremit) 5%, #F3EEE6);
  --murekkep: color-mix(in srgb, var(--dj-text,#4D443A) 60%, #000); --metin: var(--dj-text,#4D443A); --soluk: var(--dj-muted,#7A6E60); --cizgi: var(--dj-border,var(--cizgi)); --cizgi2: color-mix(in srgb, var(--cizgi) 82%, var(--metin));
  --kiremit: var(--dj-primary,#B4472A); --kiremit-k: var(--dj-accent,#933720); --kiremit-a: color-mix(in srgb, var(--kiremit) 16%, #fff);
  --zeytin: #7A8148; --bugday: #D6A24E; --sut: #CDBFAA; --hata: var(--hata);
  --koyu: var(--dj-dark,#27221C); --acik: color-mix(in srgb, var(--dj-dark-ink,#fff) 88%, var(--kiremit)); --acik-soluk: color-mix(in srgb, var(--acik) 62%, var(--koyu));
  --ot-kose-kucuk: 10px; --ot-kose-buyuk: 22px; --ot-genislik: 1240px; --ot-bosluk: 32px;
  --r-s: var(--ot-kose-kucuk); --r-l: var(--ot-kose-buyuk); --pill: 999px;
  --g: 8px; --wrap: var(--ot-genislik); --gut: var(--ot-bosluk);
  --golge: 0 1px 2px color-mix(in srgb, var(--murekkep) 6%, transparent), 0 8px 24px -12px color-mix(in srgb, var(--murekkep) 18%, transparent);
  --serif: var(--dj-font-heading); --sans: var(--dj-font-body);
  --ease: cubic-bezier(.2, .7, .2, 1);
}
*, *::before, *::after { box-sizing: border-box }
[hidden] { display: none !important }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 112px }
body { margin: 0; background: var(--kagit); color: var(--metin); font: 400 17px/1.65 var(--sans); overflow-x: hidden }
img { max-width: 100%; display: block; height: auto }
a { color: inherit; text-decoration: none }
p { margin: 0 0 16px } p:last-child { margin-bottom: 0 }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 500; color: var(--murekkep); margin: 0; letter-spacing: -.015em; line-height: 1.12 }
ul { margin: 0; padding: 0; list-style: none }
button, input, select, textarea { font: inherit; color: inherit }
.ic { width: 20px; height: 20px; stroke-width: 1.6; flex: none }
.wrap { max-width: calc(var(--wrap) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut) }
.sr { position: absolute; left: -9999px; top: 8px; background: var(--murekkep); color: #fff; padding: 8px 16px; border-radius: var(--r-s); z-index: 100 }
.sr:focus { left: 8px }
:focus-visible { outline: 2px solid var(--kiremit); outline-offset: 3px; border-radius: 4px }

/* Tipografi ölçeği */
.ust { display: inline-flex; align-items: center; gap: 10px; font: 600 13px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--kiremit) }
.ust::before { content: ''; width: 24px; height: 1px; background: currentColor }
.h2 { font-size: clamp(34px, 3.6vw, 52px) }
.h3 { font-size: 26px }
.giris { font-size: 19px; color: var(--metin); max-width: 60ch }
.vurgu { color: var(--kiremit); position: relative; white-space: nowrap }
.vurgu svg { position: absolute; left: -2%; bottom: -.12em; width: 104%; height: .32em; overflow: visible }
.vurgu path { stroke: var(--kiremit); stroke-width: 3; fill: none; stroke-linecap: round; stroke-dasharray: 400; stroke-dashoffset: 400; animation: ciz 1.4s .5s var(--ease) forwards }
@keyframes ciz { to { stroke-dashoffset: 0 } }

/* Düğmeler */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: var(--pill); font: 600 16px/1 var(--sans); border: 1.5px solid transparent; cursor: pointer; transition: background .25s, color .25s, border-color .25s, transform .25s var(--ease), box-shadow .25s }
.btn .ic { width: 18px; height: 18px; transition: transform .25s var(--ease) }
.btn--ana { background: var(--kiremit); color: var(--kiremit-a) }
.btn--ana:hover { background: var(--kiremit-k); box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--kiremit-k) 70%, transparent) }
.btn--ana:hover .ic { transform: translateX(3px) }
.btn--ana:active { transform: translateY(1px) }
.btn--cizgi { border-color: var(--cizgi2); color: var(--murekkep); background: transparent }
.btn--cizgi:hover { border-color: var(--murekkep); background: var(--beyaz) }
.btn--acik { background: var(--kagit); color: var(--murekkep) }
.btn--acik:hover { background: #fff }
.btn:disabled, .btn.is-yukleniyor { opacity: .55; cursor: not-allowed; transform: none; box-shadow: none }
.link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--murekkep); border-bottom: 1.5px solid var(--cizgi2); padding-bottom: 3px; transition: border-color .2s, color .2s }
.link:hover { color: var(--kiremit); border-color: var(--kiremit) }
.link .ic { width: 16px; height: 16px }

/* Mevsim şeridi + başlık */
.mevsim { background: var(--koyu); color: var(--acik); font-size: 14px }
.mevsim__in { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 40px }
.mevsim__sol { display: flex; align-items: center; gap: 10px; min-width: 0 }
.mevsim__sol b { font-weight: 600; color: #fff; white-space: nowrap }
.mevsim__sol span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.mevsim__sol .ic { width: 16px; height: 16px; color: var(--bugday) }
.mevsim__sag { display: flex; gap: 24px; white-space: nowrap }
.mevsim__sag a:hover { color: #fff }
.hd { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--kagit) 92%, transparent); backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid transparent; transition: border-color .3s, box-shadow .3s }
.hd.is-kaydi { border-color: var(--cizgi); box-shadow: 0 6px 20px -16px color-mix(in srgb, var(--murekkep) 40%, transparent) }
.hd__in { display: flex; align-items: center; gap: 32px; min-height: 80px }
.logo { display: flex; align-items: center; gap: 12px; flex: none }
.logo svg { width: 40px; height: 40px }
.logo b { display: block; font: 600 25px/1 var(--serif); color: var(--murekkep); letter-spacing: -.02em }
.logo small { display: block; font-size: 12.5px; color: var(--soluk); margin-top: 4px; letter-spacing: .02em }
.nav { margin-left: auto }
.nav ul { display: flex; gap: 4px }
.nav a { position: relative; display: block; padding: 10px 14px; font-weight: 500; font-size: 15.5px; color: var(--metin); border-radius: var(--pill); transition: color .2s }
.nav a::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 6'%3E%3Cpath d='M1 4c8-3 14-3 20 0s12 3 18 0 13-3 20 0' fill='none' stroke='%23B4472A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat; opacity: 0; transform: scaleX(.4); transition: opacity .25s, transform .35s var(--ease) }
.nav a:hover, .nav a[aria-current] { color: var(--murekkep) }
.nav a:hover::after, .nav a[aria-current]::after { opacity: 1; transform: none }
.hd__sag { display: flex; align-items: center; gap: 12px }
.hd__tel { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--cizgi2); color: var(--murekkep); transition: border-color .2s, background .2s }
.hd__tel:hover { border-color: var(--murekkep); background: var(--beyaz) }
.hd__btn { min-height: 48px; padding: 0 22px; font-size: 15px }
.mnb { display: none; width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--cizgi2); background: none; place-items: center; cursor: pointer }
.mobil-menu { display: none }

/* Hero */
.hero { padding: 72px 0 0; text-align: center }
.hero__ust { margin-bottom: 28px; color: var(--soluk); font-size: 15px; display: inline-flex; gap: 12px; align-items: center }
.hero__ust i { width: 4px; height: 4px; border-radius: 50%; background: var(--cizgi2) }
.hero h1 { font-size: clamp(46px, 6.4vw, 92px); max-width: 15ch; margin: 0 auto; line-height: 1.02; letter-spacing: -.03em }
.hero__alt { max-width: 56ch; margin: 28px auto 0; font-size: 19px }
.hero__btn { display: flex; justify-content: center; gap: 12px; margin-top: 36px; flex-wrap: wrap }
.masa { position: relative; margin-top: 72px; height: 500px }
.masa__ortu { position: absolute; inset: 120px 0 0; border-radius: var(--r-l) var(--r-l) 0 0; background:
  repeating-linear-gradient(90deg, color-mix(in srgb, var(--kiremit) 7%, transparent) 0 2px, transparent 2px 28px),
  repeating-linear-gradient(0deg, color-mix(in srgb, var(--kiremit) 5%, transparent) 0 2px, transparent 2px 28px), var(--keten) }
.tabak { position: absolute; border-radius: 50%; padding: 14px; background: var(--beyaz); box-shadow: 0 2px 0 var(--cizgi), 0 30px 60px -30px color-mix(in srgb, var(--murekkep) 45%, transparent) }
.tabak img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover }
.tabak--1 { width: 300px; height: 300px; left: 4%; top: 64px }
.tabak--2 { width: 400px; height: 400px; left: 50%; margin-left: -200px; top: 0 }
.tabak--3 { width: 270px; height: 270px; right: 5%; top: 96px }
.not { position: absolute; font-size: 14px; line-height: 1.45; color: var(--metin); text-align: left; max-width: 210px }
.not b { display: block; font: 500 17px/1.2 var(--serif); color: var(--murekkep); margin-bottom: 4px }
.not::before { content: ''; position: absolute; width: 56px; height: 1px; background: var(--murekkep); opacity: .35 }
.not { text-align: center; max-width: 260px; padding-top: 20px }
.not::before { left: 50%; top: 0; width: 1px; height: 12px }
.not--1 { left: calc(4% + 20px); top: 384px } .not--2 { right: calc(5% + 5px); top: 386px }

.ilkeler { background: var(--keten); padding: 8px 0 72px }
.ilkeler ul { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--cizgi2) }
.ilkeler li { padding: 32px 32px 0 0; display: grid; grid-template-columns: auto 1fr; gap: 4px 14px }
.ilkeler li + li { padding-left: 32px; border-left: 1px solid var(--cizgi2) }
.ilkeler .ic { grid-row: span 2; width: 24px; height: 24px; color: var(--kiremit); margin-top: 2px }
.ilkeler b { font: 500 19px/1.3 var(--serif); color: var(--murekkep) }
.ilkeler span { font-size: 15px; color: var(--soluk); line-height: 1.55 }

/* Bölüm */
.bol { padding: 128px 0 }
.bol--keten { background: var(--keten) }
.bol__bas { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0 var(--gut); align-items: end; margin-bottom: 64px }
.bol__bas > div { grid-column: 1 / span 7 }
.bol__bas > p { grid-column: 9 / span 4; color: var(--soluk) }
.bol__bas h2 { margin-top: 20px }

/* Yaklaşım */
.yak { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gut); align-items: center }
.yak__metin { grid-column: 1 / span 6 }
.yak__metin blockquote { margin: 28px 0 32px; font: 500 clamp(26px, 2.5vw, 36px)/1.3 var(--serif); color: var(--murekkep); letter-spacing: -.015em }
.yak__metin p { max-width: 58ch }
.yak__foto { grid-column: 8 / span 5; position: relative }
.yak__foto img { border-radius: 200px 200px var(--r-l) var(--r-l); aspect-ratio: 4 / 5; object-fit: cover; width: 100%; filter: saturate(.92) sepia(.08) }
.yak__etiket { position: absolute; left: -40px; bottom: 40px; background: var(--beyaz); border-radius: var(--r-s); padding: 16px 20px; box-shadow: var(--golge); font-size: 14px; max-width: 240px }
.yak__etiket b { display: block; font: 500 17px/1.3 var(--serif); color: var(--murekkep) }

/* İmza: Tabak dengeleyici */
.td { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-l); display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; box-shadow: var(--golge) }
.td__sol { padding: 48px; border-right: 1px solid var(--cizgi) }
.td__adim { display: flex; align-items: baseline; gap: 12px; font: 500 20px/1.3 var(--serif); color: var(--murekkep); margin-bottom: 20px }
.td__adim span { font: 600 12px/1 var(--sans); letter-spacing: .12em; color: var(--kiremit); text-transform: uppercase }
.sekme { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px }
.sekme button { border: 1px solid var(--cizgi2); background: none; border-radius: var(--pill); padding: 8px 13px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all .2s }
.sekme button:hover { border-color: var(--murekkep) }
.sekme button[aria-selected=true] { background: var(--murekkep); border-color: var(--murekkep); color: var(--kagit) }
.yemekler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; min-height: 236px; align-content: start }
.td__sol .yorum { margin-top: 24px; background: var(--keten); border: 0 }
.yemek { display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; padding: 14px 16px; border: 1px solid var(--cizgi); background: var(--kagit); border-radius: var(--r-s); cursor: pointer; font-size: 15.5px; font-weight: 500; color: var(--murekkep); transition: border-color .2s, background .2s }
.yemek:hover { border-color: var(--cizgi2); background: #fff }
.yemek .ic { width: 18px; height: 18px; color: var(--soluk); transition: transform .25s var(--ease) }
.yemek[aria-pressed=true] { border-color: var(--kiremit); background: var(--kiremit-a) }
.yemek[aria-pressed=true] .ic { color: var(--kiremit); transform: rotate(45deg) }
.secim { margin-top: 28px; padding-top: 24px; border-top: 1px dashed var(--cizgi2) }
.secim__bas { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--soluk); margin-bottom: 12px }
.secim__bas button { background: none; border: 0; color: var(--murekkep); font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 3px }
.secim ul { display: flex; flex-wrap: wrap; gap: 8px; min-height: 40px }
.secim li button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px 8px 14px; background: var(--keten); border: 0; border-radius: var(--pill); font-size: 14px; cursor: pointer }
.secim li button:hover { background: var(--kiremit-a) }
.secim li .ic { width: 14px; height: 14px }
.secim__bos { font-size: 14px; color: var(--soluk); font-style: normal }
.td__sag { padding: 48px 56px; background: var(--keten); display: flex; flex-direction: column; justify-content: center; gap: 40px }
.plaka { position: relative; width: min(100%, 380px); aspect-ratio: 1; margin: 0 auto }
.plaka__cerceve { position: absolute; inset: 0; border-radius: 50%; background: var(--beyaz); box-shadow: 0 2px 0 var(--cizgi), 0 30px 50px -30px color-mix(in srgb, var(--murekkep) 50%, transparent) }
.plaka__ic { position: absolute; inset: 9%; border-radius: 50%; background: conic-gradient(from -90deg, var(--zeytin) 0 var(--p1), var(--kiremit) var(--p1) var(--p2), var(--bugday) var(--p2) var(--p3), #EFE7DA var(--p3) 100%); transition: --p1 .8s var(--ease), --p2 .8s var(--ease), --p3 .8s var(--ease); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--murekkep) 6%, transparent) }
.plaka__ic::after { content: ''; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, #fff 28%, transparent), transparent 55%) }
.plaka__ref { position: absolute; inset: 0; width: 100%; height: 100% }
.plaka__bos { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 30%; font: 500 16px/1.35 var(--serif); color: var(--soluk) }
.kase { position: absolute; right: -10%; top: -4%; width: 24%; aspect-ratio: 1; border-radius: 50%; background: var(--beyaz); box-shadow: 0 2px 0 var(--cizgi), 0 16px 30px -18px color-mix(in srgb, var(--murekkep) 50%, transparent); display: grid; place-items: center }
.kase i { width: 72%; aspect-ratio: 1; border-radius: 50%; background: #F1EADF; transition: background .5s }
.kase.is-dolu i { background: var(--sut) }
.kase span { position: absolute; bottom: -24px; font-size: 12px; color: var(--soluk); white-space: nowrap }
.olcu li { display: grid; grid-template-columns: 14px 1fr auto; align-items: center; gap: 4px 12px; font-size: 15px; padding: 8px 0; border-bottom: 1px solid var(--cizgi2) }
.olcu li i { width: 12px; height: 12px; border-radius: 50% }
.olcu li b { font-weight: 600; color: var(--murekkep); font-size: 14px }
.olcu__bar { grid-column: 2 / 4; height: 4px; background: color-mix(in srgb, var(--murekkep) 8%, transparent); border-radius: 4px; position: relative; overflow: visible }
.olcu__bar span { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; transition: width .8s var(--ease) }
.olcu__bar em { position: absolute; top: -4px; width: 2px; height: 12px; background: var(--murekkep); opacity: .5 }
.yorum { background: var(--beyaz); border-radius: var(--r-s); padding: 20px 22px; border: 1px solid var(--cizgi) }
.yorum h4 { font-size: 19px; margin-bottom: 8px }
.yorum ul li { position: relative; padding-left: 18px; font-size: 15px; margin-top: 6px }
.yorum ul li::before { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 1.5px; background: var(--kiremit) }
.td__alt { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 48px; border-top: 1px solid var(--cizgi); background: var(--kagit); grid-column: 1 / -1; font-size: 14px; color: var(--soluk) }
.td__alt p { display: flex; gap: 10px; align-items: flex-start; max-width: 70ch }
.td__alt .ic { width: 18px; height: 18px; margin-top: 2px }

/* Danışmanlık listesi */
.alanlar { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gut) }
.alanlar__bas { grid-column: 1 / span 4; position: sticky; top: 140px; align-self: start }
.alanlar__bas h2 { margin: 20px 0 20px }
.alanlar__bas p { color: var(--soluk); margin-bottom: 28px }
.alanlar ol { grid-column: 6 / span 7; list-style: none; margin: 0; padding: 0; counter-reset: a }
.alan-s { display: grid; grid-template-columns: 56px 96px 1fr 24px; gap: 24px; align-items: center; padding: 24px 0; border-top: 1px solid var(--cizgi2); transition: padding .35s var(--ease) }
.alanlar ol li:last-child .alan-s { border-bottom: 1px solid var(--cizgi2) }
.alan-s__no { font: 500 18px/1 var(--serif); color: var(--soluk) }
.alan-s img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; filter: saturate(.9) sepia(.06); transition: transform .5s var(--ease) }
.alan-s h3 { font-size: 23px; margin-bottom: 6px; transition: color .2s }
.alan-s p { font-size: 15.5px; color: var(--soluk); margin: 0 }
.alan-s .ic { color: var(--murekkep); transition: transform .3s var(--ease) }
.alan-s:hover h3 { color: var(--kiremit) }
.alan-s:hover img { transform: scale(1.06) rotate(-4deg) }
.alan-s:hover .ic { transform: translate(3px, -3px) }

/* Görüşme türleri menüsü */
.gor { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gut); align-items: start }
.menu-kart { grid-column: 1 / span 7; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-l); padding: 48px 56px; box-shadow: var(--golge) }
.menu-kart h3 { font-size: 30px; text-align: center }
.menu-kart > p { text-align: center; color: var(--soluk); font-size: 15px; margin: 8px 0 32px }
.menu-kart li { display: flex; align-items: baseline; gap: 12px; padding: 14px 0; font-size: 17px; color: var(--murekkep) }
.menu-kart li + li { border-top: 1px solid var(--cizgi) }
.menu-kart li i { flex: 1; border-bottom: 2px dotted var(--cizgi2); transform: translateY(-5px) }
.menu-kart li b { font: 500 18px/1 var(--serif); white-space: nowrap }
.gor__yan { grid-column: 9 / span 4; display: grid; gap: 24px; padding-top: 16px }
.gor__yan h2 { margin: 20px 0 8px }
.bilgi { display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding-top: 24px; border-top: 1px solid var(--cizgi2) }
.bilgi .ic { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: var(--kiremit-a); color: var(--kiremit) }
.bilgi b { display: block; font: 500 19px/1.3 var(--serif); color: var(--murekkep); margin-bottom: 4px }
.bilgi p { font-size: 15.5px; color: var(--metin) }

/* Süreç */
.surec { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gut); position: relative }
.surec::before { content: ''; position: absolute; left: 36px; right: 12%; top: 36px; height: 1px; background: repeating-linear-gradient(90deg, var(--cizgi2) 0 6px, transparent 6px 12px) }
.surec li { position: relative }
.surec__no { width: 72px; height: 72px; border-radius: 50%; background: var(--beyaz); border: 1px solid var(--cizgi2); display: grid; place-items: center; font: 500 26px/1 var(--serif); color: var(--kiremit); margin-bottom: 28px; box-shadow: 0 0 0 10px var(--kagit) }
.surec h3 { font-size: 22px; margin-bottom: 10px }
.surec p { font-size: 15.5px; color: var(--soluk); max-width: 30ch }

/* Ekip */
.ekip { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gut) }
.kisi { padding: 32px 28px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-l); transition: transform .35s var(--ease), box-shadow .35s }
.kisi:hover { transform: translateY(-4px); box-shadow: var(--golge) }
.kisi__mono { width: 88px; height: 88px; border-radius: 50%; display: grid; place-items: center; font: 500 30px/1 var(--serif); color: var(--kiremit); background: var(--keten); box-shadow: inset 0 0 0 1px var(--cizgi2), 0 0 0 6px var(--beyaz), 0 0 0 7px var(--cizgi); margin-bottom: 24px }
.kisi h3 { font-size: 21px }
.kisi__rol { font-size: 13.5px; font-weight: 600; color: var(--kiremit); margin: 6px 0 12px; letter-spacing: .01em }
.kisi p { font-size: 15px; color: var(--soluk) }
.not-demo { margin-top: 24px; font-size: 13px; color: var(--soluk); display: flex; gap: 8px; align-items: center }
.not-demo .ic { width: 16px; height: 16px }

/* Rehber */
.rehber { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gut) }
.yazi { display: flex; flex-direction: column }
.yazi__foto { overflow: hidden; border-radius: var(--r-l); aspect-ratio: 4 / 3; margin-bottom: 24px }
.yazi__foto img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) sepia(.06); transition: transform .8s var(--ease) }
.yazi:hover img { transform: scale(1.04) }
.yazi__meta { font-size: 13.5px; color: var(--soluk); display: flex; gap: 12px; margin-bottom: 10px }
.yazi__meta b { color: var(--kiremit); font-weight: 600 }
.yazi h3 { font-size: 23px; line-height: 1.25; margin-bottom: 10px; transition: color .2s }
.yazi:hover h3 { color: var(--kiremit) }
.yazi p { font-size: 15.5px; color: var(--soluk) }

/* SSS */
.sss { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gut) }
.sss__bas { grid-column: 1 / span 4 }
.sss__bas h2 { margin: 20px 0 20px }
.sss__bas p { color: var(--soluk); margin-bottom: 24px }
.sss__liste { grid-column: 6 / span 7 }
.sss details { border-top: 1px solid var(--cizgi2) }
.sss details:last-child { border-bottom: 1px solid var(--cizgi2) }
.sss summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 24px; padding: 24px 0; font: 500 20px/1.35 var(--serif); color: var(--murekkep) }
.sss summary::-webkit-details-marker { display: none }
.sss summary .ic { margin-top: 4px; transition: transform .3s var(--ease); color: var(--kiremit) }
.sss details[open] summary .ic { transform: rotate(45deg) }
.sss details p { padding: 0 48px 24px 0; color: var(--metin); max-width: 64ch }

/* Kapanış */
.kapanis { background: var(--koyu); color: var(--acik-soluk); padding: 112px 0; position: relative; overflow: hidden }
.kapanis::after { content: ''; position: absolute; right: -330px; top: 50%; width: 520px; height: 520px; margin-top: -260px; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--acik) 14%, transparent); box-shadow: 0 0 0 48px color-mix(in srgb, var(--acik) 3%, transparent), 0 0 0 49px color-mix(in srgb, var(--acik) 10%, transparent) }
.kapanis__in { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gut); align-items: end; position: relative; z-index: 1 }
.kapanis h2 { grid-column: 1 / span 7; color: var(--acik); font-size: clamp(40px, 4.6vw, 68px); line-height: 1.04 }
.kapanis__sag { grid-column: 9 / span 4 }
.kapanis__sag p { margin-bottom: 28px }
.kapanis__btn { display: flex; flex-wrap: wrap; gap: 12px }
.kapanis .btn--cizgi { color: var(--acik); border-color: color-mix(in srgb, var(--acik) 30%, transparent) }
.kapanis .btn--cizgi:hover { border-color: var(--acik); background: transparent }

/* Footer */
.ft { background: color-mix(in srgb, var(--koyu) 82%, #000); color: var(--acik-soluk); padding: 88px 0 32px; font-size: 15px }
.ft__ust { display: grid; grid-template-columns: 4fr 2.4fr 3fr 2.6fr; gap: 48px; padding-bottom: 56px; border-bottom: 1px solid color-mix(in srgb, var(--acik) 12%, transparent) }
.ft .logo b { color: var(--acik) } .ft .logo small { color: var(--acik-soluk) }
.ft__tan { margin: 24px 0; max-width: 36ch }
.ft h4 { font: 600 13px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--acik); margin-bottom: 20px }
.ft li + li { margin-top: 10px }
.ft a:hover { color: var(--acik) }
.ft__ilet li { display: flex; gap: 12px; align-items: flex-start }
.ft__ilet .ic { width: 18px; height: 18px; margin-top: 3px; color: var(--bugday) }
.ft__saat li { display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px dashed color-mix(in srgb, var(--acik) 14%, transparent); padding-bottom: 10px }
.ft__saat b { color: var(--acik); font-weight: 500 }
.sosyal { display: flex; gap: 8px }
.sosyal a { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--acik) 20%, transparent); transition: border-color .2s, color .2s }
.sosyal a:hover { border-color: var(--acik) }
.sosyal .ic { width: 18px; height: 18px }
.ft__alt { display: flex; justify-content: space-between; gap: 32px; padding-top: 28px; font-size: 13.5px; color: #8F8271; flex-wrap: wrap }
.ft__alt ul { display: flex; gap: 24px; flex-wrap: wrap }
.ft__yasal { margin-top: 20px; font-size: 13px; color: #85796A; max-width: 100ch; line-height: 1.6 }

/* Alt sayfa başlığı */
.sb { padding: 56px 0 72px; background: var(--keten); border-bottom: 1px solid var(--cizgi) }
.kirinti { display: flex; gap: 10px; align-items: center; font-size: 14px; color: var(--soluk); margin-bottom: 40px }
.kirinti a:hover { color: var(--kiremit) }
.kirinti .ic { width: 14px; height: 14px }
.sb__in { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gut); align-items: end }
.sb h1 { grid-column: 1 / span 7; font-size: clamp(42px, 5vw, 72px); line-height: 1.04; letter-spacing: -.03em }
.sb__in > p { grid-column: 9 / span 4; font-size: 17.5px }

/* Danışmanlık sayfası */
.dz { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gut); padding: 96px 0 }
.dz__nav { grid-column: 1 / span 3; position: sticky; top: 128px; align-self: start }
.dz__nav p { font: 600 12.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); margin-bottom: 16px }
.dz__nav a { display: flex; gap: 12px; padding: 10px 0; font-size: 15px; color: var(--soluk); border-bottom: 1px solid var(--cizgi); transition: color .2s }
.dz__nav a span { font: 500 14px/1.6 var(--serif); color: var(--cizgi2); transition: color .2s }
.dz__nav a:hover, .dz__nav a.is-aktif { color: var(--murekkep) }
.dz__nav a.is-aktif span { color: var(--kiremit) }
.dz__nav .btn { margin-top: 28px; width: 100% }
.dz__icerik { grid-column: 5 / span 8 }
.hz { padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid var(--cizgi2) }
.hz:last-child { border: 0; margin: 0; padding: 0 }
.hz__bas { display: grid; grid-template-columns: 1fr 176px; gap: 40px; align-items: center; margin-bottom: 32px }
.hz__bas img { width: 176px; height: 176px; border-radius: 50%; object-fit: cover; padding: 8px; background: var(--beyaz); box-shadow: 0 2px 0 var(--cizgi), 0 20px 40px -24px color-mix(in srgb, var(--murekkep) 50%, transparent); filter: saturate(.92) sepia(.06) }
.hz__no { font: 600 12.5px/1 var(--sans); letter-spacing: .14em; color: var(--kiremit); text-transform: uppercase }
.hz h2 { font-size: clamp(30px, 3vw, 42px); margin: 14px 0 14px }
.hz__kisa { font-size: 19px; color: var(--murekkep); max-width: 52ch }
.hz__govde { display: grid; grid-template-columns: 1.5fr 1fr; gap: 48px }
.hz__govde > div p { max-width: 62ch }
.hz__kutu { background: var(--keten); border-radius: var(--r-l); padding: 28px; align-self: start }
.hz__kutu h3 { font-size: 19px; margin-bottom: 14px }
.tik li { display: flex; gap: 12px; font-size: 15.5px; padding: 8px 0; color: var(--murekkep) }
.tik li + li { border-top: 1px solid var(--cizgi2) }
.tik .ic { width: 18px; height: 18px; color: var(--kiremit); margin-top: 4px }
.hz__sure { display: flex; align-items: center; gap: 10px; margin-top: 20px; padding-top: 16px; border-top: 1px dashed var(--cizgi2); font-size: 14.5px; color: var(--soluk) }
.hz__sure b { color: var(--murekkep) }
.hz__sure .ic { width: 18px; height: 18px }
.hz__cta { margin-top: 28px }

/* İletişim / randevu */
.ilt { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gut); padding: 96px 0 128px }
.form-kart { grid-column: 1 / span 7; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-l); padding: 48px; box-shadow: var(--golge) }
.form-kart h2 { font-size: 32px; margin-bottom: 8px }
.form-kart > p { color: var(--soluk); font-size: 15.5px; margin-bottom: 32px }
.form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 20px }
.alan { display: flex; flex-direction: column; gap: 8px; min-width: 0 }
.alan--tam { grid-column: 1 / -1 }
.alan > label, .alan legend { font-size: 14.5px; font-weight: 600; color: var(--murekkep); padding: 0 }
.alan label small, .alan legend small { font-weight: 400; color: var(--soluk) }
fieldset.alan { border: 0; margin: 0; padding: 0 }
.alan input:not([type=radio]):not([type=checkbox]), .alan select, .alan textarea { width: 100%; min-height: 52px; padding: 13px 16px; border: 1.5px solid var(--cizgi2); border-radius: var(--r-s); background: var(--kagit); transition: border-color .2s, box-shadow .2s, background .2s; font-size: 16px }
.alan textarea { min-height: 112px; resize: vertical }
.alan select { appearance: none; background: var(--kagit) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A241D' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/18px no-repeat; padding-right: 44px }
.alan input:hover, .alan select:hover, .alan textarea:hover { border-color: var(--soluk) }
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: 0; border-color: var(--kiremit); background: #fff; box-shadow: 0 0 0 4px color-mix(in srgb, var(--kiremit) 12%, transparent) }
.alan.is-hata input, .alan.is-hata select, .alan.is-hata textarea { border-color: var(--hata); background: var(--kiremit-a) }
.alan__hata { font-size: 13.5px; color: var(--hata); margin: 0; display: flex; gap: 6px }
.alan__hata:empty { display: none }
.alan__yardim { font-size: 13.5px; color: var(--soluk); margin: 0 }
.secenek { display: flex; flex-wrap: wrap; gap: 8px }
.secenek label { position: relative; cursor: pointer }
.secenek input { position: absolute; opacity: 0; inset: 0; cursor: pointer }
.secenek span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1.5px solid var(--cizgi2); border-radius: var(--pill); font-size: 15px; font-weight: 500; background: var(--kagit); transition: all .2s }
.secenek label:hover span { border-color: var(--soluk) }
.secenek input:checked + span { background: var(--murekkep); border-color: var(--murekkep); color: var(--kagit) }
.secenek input:focus-visible + span { outline: 2px solid var(--kiremit); outline-offset: 2px }
.alan.is-hata .secenek span { border-color: var(--hata) }
.uyari { display: flex; gap: 10px; padding: 12px 14px; border-radius: var(--r-s); background: #FBF0D9; color: #6B4B12; font-size: 14px }
.uyari .ic { width: 18px; height: 18px; margin-top: 2px }
.onay { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; cursor: pointer }
.onay input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--kiremit); flex: none }
.onay a { text-decoration: underline; text-underline-offset: 3px }
.form__alt { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-top: 8px }
.form__alt small { color: var(--soluk); font-size: 13.5px; max-width: 40ch }
.basari { text-align: center; padding: 48px 16px }
.basari .ic { width: 64px; height: 64px; padding: 16px; border-radius: 50%; background: var(--kiremit-a); color: var(--kiremit); margin: 0 auto 20px }
.basari h3 { font-size: 28px; margin-bottom: 12px }
.ilt__yan { grid-column: 9 / span 4; display: grid; gap: 24px; align-content: start }
.yan-kart { border: 1px solid var(--cizgi); border-radius: var(--r-l); padding: 28px; background: var(--beyaz) }
.yan-kart h3 { font-size: 21px; margin-bottom: 16px }
.yan-kart li { display: grid; grid-template-columns: 20px 1fr; gap: 14px; padding: 10px 0; font-size: 15.5px }
.yan-kart li + li { border-top: 1px solid var(--cizgi) }
.yan-kart li .ic { width: 20px; height: 20px; color: var(--kiremit); margin-top: 3px }
.yan-kart li small { display: block; color: var(--soluk); font-size: 13px }
.yan-kart a:hover { color: var(--kiremit) }
.saat li { display: flex !important; justify-content: space-between }
.saat b { font-weight: 600; color: var(--murekkep) }
.yan-kart--koyu { background: var(--koyu); color: var(--acik-soluk); border: 0 }
.yan-kart--koyu h3 { color: var(--acik) }

/* Hareket */
.rv { opacity: 0; transform: translateY(24px); transition: opacity .9s var(--ease), transform .9s var(--ease) }
.rv.is-in { opacity: 1; transform: none }
.rv-d1 { transition-delay: .08s } .rv-d2 { transition-delay: .16s } .rv-d3 { transition-delay: .24s }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important }
  .rv { opacity: 1; transform: none }
}

/* Duyarlı */
@media (max-width: 1180px) {
  .nav a { padding: 10px 10px; font-size: 15px }
  .hd__tel { display: none }
}
@media (max-width: 1080px) {
  :root { --gut: 28px }
  .nav, .hd__btn { display: none }
  .hd__tel { display: grid }
  .mnb { display: grid }
  .mobil-menu { display: block; position: fixed; inset: 0; z-index: 60; background: var(--kagit); padding: 24px var(--gut) 32px; transform: translateY(-100%); transition: transform .45s var(--ease); visibility: hidden; overflow-y: auto }
  .mobil-menu.is-acik { transform: none; visibility: visible }
  .mobil-menu__ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px }
  .mobil-menu nav a { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; font: 500 30px/1.1 var(--serif); color: var(--murekkep); border-bottom: 1px solid var(--cizgi) }
  .mobil-menu nav a .ic { color: var(--kiremit) }
  .mobil-menu__alt { margin-top: 32px; display: grid; gap: 12px }
  .mevsim__sag a:first-child { display: none }
  .masa { height: 360px }
  .tabak--1 { width: 230px; height: 230px; left: 2% } .tabak--2 { width: 320px; height: 320px; margin-left: -160px } .tabak--3 { width: 210px; height: 210px; right: 2% }
  .not { display: none }
  .ilkeler ul { grid-template-columns: 1fr 1fr }
  .ilkeler li:nth-child(3) { padding-left: 0; border-left: 0 }
  .td { grid-template-columns: 1fr }
  .td__sol { border-right: 0; border-bottom: 1px solid var(--cizgi) }
  .td__sag { display: grid; grid-template-columns: 300px 1fr; align-items: center }
  .alanlar__bas, .alanlar ol { grid-column: 1 / -1; position: static }
  .menu-kart, .gor__yan { grid-column: 1 / -1 }
  .surec { grid-template-columns: 1fr 1fr; row-gap: 48px } .surec::before { display: none }
  .ekip { grid-template-columns: 1fr 1fr }
  .sss__bas, .sss__liste { grid-column: 1 / -1 }
  .kapanis h2, .kapanis__sag { grid-column: 1 / -1 }
  .ft__ust { grid-template-columns: 1fr 1fr }
  .dz__nav { display: none } .dz__icerik { grid-column: 1 / -1 }
  .form-kart, .ilt__yan { grid-column: 1 / -1 }
  .ilt__yan { grid-template-columns: 1fr 1fr }
  .yak__metin { grid-column: 1 / span 7 } .yak__foto { grid-column: 8 / span 5 }
  .bol__bas > div, .bol__bas > p { grid-column: 1 / -1 } .bol__bas > p { margin-top: 20px }
  .sb h1, .sb__in > p { grid-column: 1 / -1 }
}
@media (max-width: 720px) {
  :root { --gut: 20px }
  body { font-size: 16px }
  html { scroll-padding-top: 88px }
  .mevsim__sag { display: none }
  .mevsim__sol span { white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
  .hd__in { min-height: 68px; gap: 12px }
  .logo svg { width: 34px; height: 34px } .logo b { font-size: 21px } .logo small { font-size: 11.5px }
  .hd__tel, .mnb { width: 44px; height: 44px }
  .hero { padding-top: 48px }
  .hero h1 { font-size: 46px }
  .hero__alt { font-size: 17px }
  .hero__btn .btn { width: 100% }
  .masa { height: 250px; margin-top: 48px }
  .masa__ortu { inset: 80px -20px 0 }
  .tabak { padding: 8px }
  .tabak--1 { width: 128px; height: 128px; left: -10px; top: 70px } .tabak--2 { width: 210px; height: 210px; margin-left: -105px } .tabak--3 { width: 120px; height: 120px; right: -10px; top: 92px }
  .ilkeler { padding-bottom: 56px }
  .ilkeler ul { grid-template-columns: 1fr }
  .ilkeler li, .ilkeler li + li { padding: 20px 0 0; border-left: 0 }
  .ilkeler li + li { border-top: 1px solid var(--cizgi2); margin-top: 20px }
  .bol { padding: 80px 0 }
  .bol__bas { margin-bottom: 40px }
  .yak__metin, .yak__foto { grid-column: 1 / -1 }
  .yak__etiket { left: 16px; bottom: 16px }
  .td__sol, .td__sag { padding: 28px 20px }
  .td__sag { grid-template-columns: 1fr }
  .yemekler { grid-template-columns: 1fr; min-height: 0 }
  .td__alt { padding: 20px; flex-direction: column; align-items: flex-start }
  .alan-s { grid-template-columns: 64px 1fr 20px; gap: 16px }
  .alan-s__no { display: none }
  .alan-s img { width: 64px; height: 64px }
  .alan-s h3 { font-size: 20px }
  .menu-kart { padding: 32px 20px }
  .menu-kart li { font-size: 15.5px; flex-wrap: wrap }
  .menu-kart li i { min-width: 24px }
  .surec, .ekip, .rehber { grid-template-columns: 1fr }
  .sss summary { font-size: 18px }
  .sss details p { padding-right: 0 }
  .kapanis { padding: 80px 0 }
  .ft__ust { grid-template-columns: 1fr; gap: 40px }
  .ft__alt { flex-direction: column }
  .sb { padding: 32px 0 48px } .kirinti { margin-bottom: 28px }
  .dz { padding: 56px 0 }
  .hz__bas { grid-template-columns: 1fr; gap: 24px } .hz__bas img { width: 128px; height: 128px; order: -1 }
  .hz__govde { grid-template-columns: 1fr; gap: 28px }
  .hz { padding-bottom: 56px; margin-bottom: 56px }
  .ilt { padding: 48px 0 80px }
  .form-kart { padding: 28px 20px }
  .form { grid-template-columns: 1fr }
  .form__alt .btn { width: 100% }
  .ilt__yan { grid-template-columns: 1fr }
}

/* Mobil sıkılaştırma (öz-eleştiri turu 1) */
@media (max-width: 720px) {
  .mevsim__sol { flex: 1 }
  .mevsim__sol [data-mevsim] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0 }
  .mevsim__sol [data-mevsim] span { display: inline; white-space: nowrap; -webkit-line-clamp: unset }
  .hero__ust { flex-wrap: wrap; justify-content: center; gap: 6px 10px; font-size: 13.5px; margin-bottom: 20px }
  .hero__ust span { white-space: nowrap }
  .yemekler { grid-template-columns: 1fr 1fr }
  .yemek { padding: 12px; font-size: 14px }
  .yemek .ic { width: 16px; height: 16px }
  .kase { right: 0; top: -2% }
  .plaka { width: min(100%, 300px) }
  .ekip, .rehber { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; margin: 0 -20px; padding: 0 20px 8px; scrollbar-width: none }
  .ekip > *, .rehber > * { flex: 0 0 82%; scroll-snap-align: start }
  .kisi { padding: 24px 22px }
  .surec { gap: 0 }
  .surec li { display: grid; grid-template-columns: 56px 1fr; gap: 0 16px; padding: 16px 0; border-top: 1px solid var(--cizgi) }
  .surec__no { width: 48px; height: 48px; font-size: 20px; margin: 0; box-shadow: none; grid-row: span 2 }
  .surec h3 { font-size: 20px; margin-bottom: 4px }
  .yak__metin p { font-size: 15.5px }
  .ilkeler li + li { margin-top: 16px }
  .bilgi { grid-template-columns: 40px 1fr } .bilgi .ic { width: 40px; height: 40px; padding: 10px }
}
.dz__nav a.btn { color: var(--kiremit-a); justify-content: center; border-bottom: 0; padding: 0 22px; font-size: 15px }
.dz__nav a.btn:hover { color: #fff }

/* --- Üretim teması ekleri (Webtra bağlama) --- */
.logo { color: var(--kiremit) }
.logo img { max-height: 46px; width: auto }
.logo span { color: var(--murekkep) }
.hd__dil { font: 600 13px/1 var(--sans); letter-spacing: .06em; color: var(--soluk); padding: 8px 6px }
.hd__dil:hover { color: var(--kiremit) }
.hd__btn, .nav a { white-space: nowrap }
.plaka__ref { color: var(--murekkep) }
.menu-kart li a:hover { color: var(--kiremit) }
.ft__imza { margin-top: 20px; font-size: 13px; color: var(--acik-soluk) }
.ft__imza a { color: inherit; text-decoration: underline; text-underline-offset: 3px }
.ft__alt li + li { margin-top: 0 }
.ft__ilet a:hover { color: var(--acik) }
span.yemek { cursor: default }
/* Randevu: modülün saat seçimleri hap görünümünde */
.ot-sofra .randevu-slots { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px }
.ot-sofra .randevu-slots legend { width: 100%; margin-bottom: 8px }
.ot-sofra .randevu-slot { position: relative; cursor: pointer }
.ot-sofra .randevu-slot input { position: absolute; opacity: 0; inset: 0 }
.ot-sofra .randevu-slot span { display: block; padding: 10px 16px; border: 1.5px solid var(--cizgi2); border-radius: var(--pill); font-weight: 600; font-size: 14.5px; color: var(--murekkep); background: var(--beyaz) }
.ot-sofra .randevu-slot:hover span { border-color: var(--soluk) }
.ot-sofra .randevu-slot input:checked + span { border-color: var(--kiremit); background: var(--kiremit-a); color: var(--kiremit-k) }
.ot-sofra .randevu-slot input:focus-visible + span { outline: 2px solid var(--kiremit); outline-offset: 2px }
.ot-sofra .randevu-wizard[aria-busy] { opacity: .7 }
.ot-sofra .dj-check { display: flex; gap: 12px; font-size: 14.5px; cursor: pointer; align-items: flex-start }
.ot-sofra .dj-check input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--kiremit); flex: none }
.ot-sofra .dj-check a { text-decoration: underline; text-underline-offset: 3px }
.ot-sofra .dj-error { margin-top: 6px; font-size: 13px; color: var(--hata) }
.basari { margin-bottom: 24px }
.ft .logo { color: var(--kiremit) }