*, *::before, *::after { box-sizing: border-box; }

body {
  --zemin: #ffffff; --yuzey: #f5f7fa; --metin: #18202c; --soluk: #5a6575;
  --cizgi: #e2e6ec; --vurgu: #2456d6; --vurgu-metin: #ffffff;
  --yaricap: 10px; --genislik: 1120px;
  --baslik-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --govde-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  margin: 0; background: var(--zemin); color: var(--metin);
  font: 17px/1.65 var(--govde-font); -webkit-text-size-adjust: 100%;
}
body.tema-yemek {
  --zemin: #fcf7ef; --yuzey: #ffffff; --metin: #2a1e17; --soluk: #77665a;
  --cizgi: #eaddca; --vurgu: #b0432a; --yaricap: 18px;
  --baslik-font: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
}
body.tema-teknoloji {
  --zemin: #ffffff; --yuzey: #f4f6fb; --metin: #131a26; --soluk: #566072;
  --cizgi: #dfe4ee; --vurgu: #2456d6; --yaricap: 8px;
}
@media (prefers-color-scheme: dark) {
  body.tema-yemek {
    --zemin: #1d1612; --yuzey: #29201a; --metin: #f3e9df; --soluk: #b9a898;
    --cizgi: #43352b; --vurgu: #ef8a66; --vurgu-metin: #1d1612;
  }
  body.tema-teknoloji {
    --zemin: #0f141c; --yuzey: #18202c; --metin: #e8edf5; --soluk: #9aa6b8;
    --cizgi: #2a3445; --vurgu: #7ea6ff; --vurgu-metin: #0f141c;
  }
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--vurgu); text-underline-offset: 3px; }
h1, h2, h3 { font-family: var(--baslik-font); line-height: 1.2; text-wrap: balance; margin: 0 0 .5em; }
.sarici { max-width: var(--genislik); margin: 0 auto; padding: 0 20px; }
.atla { position: absolute; left: -9999px; }
.atla:focus { left: 12px; top: 12px; background: var(--vurgu); color: var(--vurgu-metin); padding: 8px 12px; z-index: 50; }
:focus-visible { outline: 3px solid var(--vurgu); outline-offset: 2px; }

.ust { position: sticky; top: 0; z-index: 20; background: var(--zemin); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; }
.logo { display: inline-flex; align-items: center; gap: 8px; font: 700 1.25rem var(--baslik-font); color: var(--metin); text-decoration: none; white-space: nowrap; }
.logo-simge { font-size: 1.4rem; }
.menu { display: flex; gap: 4px; flex-wrap: wrap; }
.menu a { padding: 8px 12px; border-radius: 999px; color: var(--metin); text-decoration: none; font-size: .95rem; font-weight: 500; }
.menu a:hover { background: var(--yuzey); color: var(--vurgu); }
.menu-dugme { display: none; border: 1px solid var(--cizgi); background: var(--yuzey); color: var(--metin); border-radius: 999px; padding: 8px 16px; font: inherit; font-size: .95rem; cursor: pointer; }

.kahraman { padding: 56px 0 40px; text-align: center; }
.kahraman.dar { padding: 32px 0 8px; text-align: left; }
.kahraman h1 { font-size: clamp(1.9rem, 4.5vw, 3rem); max-width: 22ch; margin-inline: auto; }
.kahraman.dar h1 { margin-inline: 0; max-width: none; font-size: clamp(1.7rem, 3.5vw, 2.3rem); }
.kahraman p { color: var(--soluk); max-width: 60ch; margin: 0 auto 1.2em; }
.kahraman.dar p { margin-inline: 0; }
.cipler { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.cip { padding: 8px 16px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--yuzey); color: var(--metin); text-decoration: none; font-size: .95rem; }
.cip:hover { border-color: var(--vurgu); color: var(--vurgu); }
.duzen-liste .kahraman:not(.dar) { text-align: left; background: var(--yuzey); border-bottom: 1px solid var(--cizgi); margin-bottom: 32px; }
.duzen-liste .kahraman:not(.dar) h1, .duzen-liste .kahraman:not(.dar) p { margin-inline: 0; }
.duzen-liste .cipler { justify-content: flex-start; }

.duzen { padding-bottom: 56px; }
.bolum-baslik { font-size: 1.35rem; margin: 8px 0 20px; }
.izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); overflow: hidden; display: flex; flex-direction: column; }
.kart-gorsel { display: block; }
.kapak { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.kapak-yer { display: grid; place-items: center; background: linear-gradient(135deg, hsl(var(--ton) 62% 86%), hsl(calc(var(--ton) + 40) 58% 72%)); }
.kapak-yer span { font-size: 3.2rem; }
.kart-govde { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.kart h2, .kart h3 { font-size: 1.2rem; margin: 0; }
.kart h2 a, .kart h3 a { color: var(--metin); text-decoration: none; }
.kart h2 a:hover, .kart h3 a:hover { color: var(--vurgu); }
.kart p { margin: 0; color: var(--soluk); font-size: .95rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.etiket { align-self: flex-start; font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; }
.kunye { color: var(--soluk); font-size: .85rem; margin-top: auto; }
.yan { display: none; }

@media (min-width: 760px) {
  .duzen-izgara .kart.manset { grid-column: 1 / -1; flex-direction: row; }
  .duzen-izgara .kart.manset .kart-gorsel { flex: 0 0 55%; }
  .duzen-izgara .kart.manset .kapak { height: 100%; aspect-ratio: auto; min-height: 320px; }
  .duzen-izgara .kart.manset .kart-govde { justify-content: center; padding: 32px; }
  .duzen-izgara .kart.manset h3 { font-size: 1.9rem; }
  .duzen-izgara .kart.manset p { font-size: 1.05rem; }
}

.duzen-liste .izgara { grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 620px) {
  .duzen-liste .kart { flex-direction: row; }
  .duzen-liste .kart-gorsel { flex: 0 0 210px; }
  .duzen-liste .kapak { height: 100%; aspect-ratio: auto; min-height: 150px; }
}
@media (min-width: 960px) {
  .duzen-liste .duzen { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: start; }
  .duzen-liste .yan { display: grid; gap: 20px; position: sticky; top: 88px; }
}
.kutu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 20px; font-size: .95rem; }
.kutu h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: .05em; color: var(--soluk); }
.kutu p { margin: 0 0 .8em; color: var(--soluk); }
.kat-liste { list-style: none; margin: 0; padding: 0; }
.kat-liste a { display: flex; justify-content: space-between; padding: 8px 0; color: var(--metin); text-decoration: none; border-bottom: 1px solid var(--cizgi); }
.kat-liste li:last-child a { border-bottom: 0; }
.kat-liste a:hover { color: var(--vurgu); }
.sayi { color: var(--soluk); font-variant-numeric: tabular-nums; }

.yazi { max-width: 780px; margin: 0 auto; padding: 32px 20px 48px; }
.iz { font-size: .875rem; color: var(--soluk); margin-bottom: 14px; }
.iz a { color: var(--soluk); }
.yazi-bas h1 { font-size: clamp(1.8rem, 4.5vw, 2.6rem); }
.giris { font-size: 1.15rem; color: var(--soluk); margin: 0 0 .8em; }
.yazi-kapak { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--yaricap); margin: 24px 0; }
.yazi-kapak.kapak-yer span { font-size: 5rem; }
.yazi-govde h2 { font-size: 1.5rem; margin-top: 1.8em; scroll-margin-top: 84px; }
.yazi-govde h3 { font-size: 1.2rem; margin-top: 1.5em; scroll-margin-top: 84px; }
.yazi-govde p, .yazi-govde ul, .yazi-govde ol { margin: 0 0 1.1em; }
.yazi-govde li { margin-bottom: .35em; }
.yazi-govde img { border-radius: var(--yaricap); margin: 1.4em 0; }
.yazi-govde code { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 5px; padding: 1px 6px; font-size: .9em; }
.yazi-govde pre { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 16px; overflow-x: auto; }
.yazi-govde pre code { border: 0; padding: 0; background: none; }
.ipucu { margin: 1.4em 0; padding: 14px 18px; background: var(--yuzey); border-left: 4px solid var(--vurgu); border-radius: 0 var(--yaricap) var(--yaricap) 0; }
.icindekiler { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 16px 20px; margin-bottom: 1.6em; font-size: .95rem; }
.icindekiler ol { margin: .5em 0 0; padding-left: 1.3em; }

.tarif { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 24px; margin-bottom: 2em; }
.tarif-bilgi { display: flex; flex-wrap: wrap; gap: 12px 32px; margin: 0 0 20px; padding-bottom: 18px; border-bottom: 1px solid var(--cizgi); }
.tarif-bilgi:empty { display: none; }
.tarif-bilgi dt { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); }
.tarif-bilgi dd { margin: 0; font-weight: 700; }
.tarif-ic { display: grid; gap: 24px; }
@media (min-width: 680px) { .tarif-ic { grid-template-columns: 2fr 3fr; gap: 32px; } }
.tarif h2 { font-size: 1.25rem; margin-top: 0; }
.malzeme ul { list-style: none; padding: 0; }
.malzeme li { padding: 7px 0; border-bottom: 1px dashed var(--cizgi); }
.adim ol { padding-left: 1.3em; }
.adim li { padding-left: 4px; margin-bottom: .7em; }
.adim li::marker { color: var(--vurgu); font-weight: 700; }
.benzer { padding-bottom: 56px; }

.alt { border-top: 1px solid var(--cizgi); background: var(--yuzey); padding: 40px 0 20px; font-size: .95rem; }
.alt-ic { display: grid; gap: 24px; }
@media (min-width: 720px) { .alt-ic { grid-template-columns: 2fr 1fr; } }
.alt p { color: var(--soluk); max-width: 52ch; margin: .6em 0 0; }
.alt-menu { display: grid; gap: 8px; align-content: start; }
.alt-menu a { color: var(--metin); text-decoration: none; }
.alt-menu a:hover { color: var(--vurgu); }
.telif { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--cizgi); color: var(--soluk); font-size: .85rem; }

.dugme { display: inline-block; background: var(--vurgu); color: var(--vurgu-metin); border: 1px solid var(--vurgu); border-radius: 999px; padding: 9px 20px; font: inherit; font-size: .95rem; font-weight: 600; text-decoration: none; cursor: pointer; }
.dugme.ikincil { background: transparent; color: var(--metin); border-color: var(--cizgi); }
.cerez { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 40; max-width: 720px; margin: 0 auto; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); box-shadow: 0 10px 30px rgb(0 0 0 / .18); padding: 16px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; font-size: .9rem; }
.cerez[hidden] { display: none; }
.cerez p { margin: 0; flex: 1 1 280px; }
.cerez div { display: flex; gap: 8px; }

@media (max-width: 820px) {
  .menu-dugme { display: block; }
  .menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--zemin); border-bottom: 1px solid var(--cizgi); padding: 8px 16px 14px; flex-direction: column; }
  .menu.acik { display: flex; }
  .kahraman { padding: 36px 0 28px; }
}

body.tema-zeytin { --zemin: #f6f7f0; --yuzey: #ffffff; --metin: #1f2a1c; --soluk: #5f6b58; --cizgi: #dfe4d3; --vurgu: #4d7a2c; --yaricap: 14px; --baslik-font: Georgia, "Iowan Old Style", "Palatino Linotype", serif; }
body.tema-nar { --zemin: #ffffff; --yuzey: #fdf3f5; --metin: #2a1218; --soluk: #7a5a62; --cizgi: #f1d9df; --vurgu: #c2185b; --yaricap: 22px; }
body.tema-kahve { --zemin: #f3ebe1; --yuzey: #fbf6ef; --metin: #2e2118; --soluk: #7b6858; --cizgi: #e0d2c0; --vurgu: #7a4a21; --yaricap: 6px; --baslik-font: Georgia, "Iowan Old Style", "Palatino Linotype", serif; }
body.tema-limon { --zemin: #fffdf2; --yuzey: #ffffff; --metin: #1d2a2a; --soluk: #5c6b6b; --cizgi: #ece7c8; --vurgu: #0f7b6c; --yaricap: 24px; }
body.tema-gece { --zemin: #0b1020; --yuzey: #141b31; --metin: #e6ebff; --soluk: #96a0c2; --cizgi: #252e4d; --vurgu: #4fd1ff; --vurgu-metin: #0b1020; --yaricap: 12px; }
body.tema-terminal { --zemin: #0d1110; --yuzey: #151b19; --metin: #d7e4dc; --soluk: #86988e; --cizgi: #25302b; --vurgu: #3ddc84; --vurgu-metin: #0d1110; --yaricap: 2px; --baslik-font: ui-monospace, "Cascadia Code", "DejaVu Sans Mono", Menlo, Consolas, monospace; }
body.tema-mor { --zemin: #faf8ff; --yuzey: #ffffff; --metin: #1e1633; --soluk: #655c80; --cizgi: #e6e0f5; --vurgu: #6d3fe0; --yaricap: 16px; }
body.tema-sade { --zemin: #ffffff; --yuzey: #ffffff; --metin: #111111; --soluk: #666666; --cizgi: #d9d9d9; --vurgu: #111111; --yaricap: 0px; }
@media (prefers-color-scheme: dark) {
  body.tema-zeytin { --zemin: #151a12; --yuzey: #1f261b; --metin: #e9efe2; --soluk: #a3b097; --cizgi: #33402c; --vurgu: #a5d27a; --vurgu-metin: #151a12; }
  body.tema-nar { --zemin: #1c1014; --yuzey: #2a171d; --metin: #f7e6ea; --soluk: #c7a3ad; --cizgi: #472832; --vurgu: #ff7aa8; --vurgu-metin: #1c1014; }
  body.tema-kahve { --zemin: #1a1410; --yuzey: #251d17; --metin: #f0e6da; --soluk: #b8a593; --cizgi: #40332a; --vurgu: #e0a56b; --vurgu-metin: #1a1410; }
  body.tema-limon { --zemin: #121a19; --yuzey: #1b2625; --metin: #ecf4f2; --soluk: #9fb3b0; --cizgi: #2d3e3c; --vurgu: #5fd6c2; --vurgu-metin: #121a19; }
  body.tema-mor { --zemin: #130f1f; --yuzey: #1d1730; --metin: #ece7fb; --soluk: #a79fc4; --cizgi: #322a4d; --vurgu: #b197ff; --vurgu-metin: #130f1f; }
  body.tema-sade { --zemin: #0e0e0e; --yuzey: #0e0e0e; --metin: #f2f2f2; --soluk: #9a9a9a; --cizgi: #333333; --vurgu: #f2f2f2; --vurgu-metin: #0e0e0e; }
}
.tema-sade .kart, .tema-sade .kutu, .tema-sade .tarif { border-color: var(--metin); }
.tema-sade .etiket, .tema-terminal .etiket { text-decoration: underline; }
.tema-terminal .logo, .tema-terminal .menu a { font-family: var(--baslik-font); }
.tema-sade .kapak-yer { background: var(--cizgi); }
.tema-sade .kapak-yer span { font-family: Georgia, serif; color: var(--soluk); }
.kr{position:relative}
.kr-alt{display:flex;flex-direction:column;padding-left:14px}
@media(min-width:821px){.kr-alt{display:none;position:absolute;top:100%;right:0;z-index:30;min-width:200px;padding:7px 14px;text-align:left;background:var(--z,var(--zemin,#fff));color:var(--m,var(--metin,#111));border:1px solid var(--c,var(--cizgi,#ccc))}.kr:hover .kr-alt,.kr:focus-within .kr-alt{display:flex}.kr-alt a{padding:5px 0}}

body.tema-sofra {
  --zemin: #fff6e3; --yuzey: #ffffff; --metin: #25170f; --soluk: #6b584a;
  --cizgi: #25170f; --vurgu: #d5341c; --vurgu-metin: #ffffff; --yaricap: 3px;
  --baslik-font: "Bree Serif", Georgia, serif;
  --govde-font: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r: #d5341c; --rm: #ffffff;
}
.tema-sofra .r0 { --r: #d5341c; --rm: #ffffff; }
.tema-sofra .r1 { --r: #f4b41a; --rm: #25170f; }
.tema-sofra .r2 { --r: #4f7a28; --rm: #ffffff; }
.tema-sofra .r3 { --r: #7a2d5c; --rm: #ffffff; }
.tema-sofra .r4 { --r: #0f807b; --rm: #ffffff; }
.tema-sofra .r5 { --r: #ef7a1a; --rm: #25170f; }
.tema-sofra h1, .tema-sofra h2, .tema-sofra h3 { font-weight: 400; letter-spacing: -.01em; }
.tema-sofra .ust { border-bottom: 3px solid var(--metin); }
.tema-sofra .ust::before { content: ""; display: block; height: 8px; background: repeating-linear-gradient(90deg, #d5341c 0 40px, #f4b41a 40px 80px, #4f7a28 80px 120px, #0f807b 120px 160px, #7a2d5c 160px 200px, #ef7a1a 200px 240px); }
.tema-sofra .logo { font-size: 1.7rem; font-weight: 400; }
.tema-sofra .menu { gap: 2px; }
.tema-sofra .menu a { border-radius: 0; padding: 6px 10px; font-weight: 600; font-size: .9rem; text-transform: uppercase; letter-spacing: .04em; }
.tema-sofra .menu a:hover { background: var(--metin); color: var(--zemin); }
.tema-sofra .menu-dugme { border-radius: 0; border: 2px solid var(--metin); background: #f4b41a; font-weight: 600; }
.tema-sofra .kr-alt a:hover { background: none; color: var(--vurgu); }
.tema-sofra .kahraman:not(.dar) { text-align: left; background: #f4b41a; border-bottom: 3px solid var(--metin); padding: 44px 0 40px; margin-bottom: 36px; }
.tema-sofra .kahraman:not(.dar) h1 { margin-inline: 0; max-width: 16ch; font-size: clamp(2.3rem, 6.4vw, 4.4rem); line-height: 1.02; }
.tema-sofra .kahraman:not(.dar) p { margin-inline: 0; color: var(--metin); font-size: 1.12rem; max-width: 52ch; }
.tema-sofra .cipler { justify-content: flex-start; gap: 10px; }
.tema-sofra .cip { border: 2px solid var(--metin); border-radius: 0; background: var(--r); color: var(--rm); font-weight: 700; padding: 7px 14px; box-shadow: 3px 3px 0 var(--metin); }
.tema-sofra .cip:hover { color: var(--rm); border-color: var(--metin); transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--metin); }
.tema-sofra .kahraman.dar { background: var(--r); color: var(--rm); border-bottom: 3px solid var(--metin); padding: 26px 0 22px; margin-bottom: 32px; }
.tema-sofra .kahraman.dar h1 { font-size: clamp(2rem, 5vw, 3.2rem); }
.tema-sofra .kahraman.dar p, .tema-sofra .kahraman.dar .iz, .tema-sofra .kahraman.dar .iz a { color: var(--rm); }
.tema-sofra .bolum-baslik { font-size: 1.7rem; display: flex; align-items: center; gap: 14px; }
.tema-sofra .bolum-baslik::after { content: ""; flex: 1; height: 3px; background: var(--metin); }
.tema-sofra .izgara { gap: 26px; }
.tema-sofra .kart { border: 2px solid var(--metin); border-radius: 3px; border-top: 10px solid var(--r); }
.tema-sofra .kart:hover { box-shadow: 6px 6px 0 var(--r); }
.tema-sofra .kart h2, .tema-sofra .kart h3 { font-size: 1.32rem; line-height: 1.18; }
.tema-sofra .kart h2 a:hover, .tema-sofra .kart h3 a:hover { color: var(--metin); text-decoration: underline; text-decoration-color: var(--r); text-decoration-thickness: 3px; }
.tema-sofra .etiket { background: var(--r); color: var(--rm); padding: 3px 9px; letter-spacing: .06em; }
.tema-sofra .kapak { border-bottom: 2px solid var(--metin); }
.tema-sofra .kapak-yer { background: var(--r) repeating-linear-gradient(135deg, rgb(0 0 0 / .09) 0 14px, transparent 14px 28px); }
.tema-sofra .kapak-yer span { font: 400 5rem/1 var(--baslik-font); color: var(--rm); }
.tema-sofra .yazi-kapak.kapak-yer span { font-size: 8rem; }
@media (min-width: 760px) {
  .tema-sofra.duzen-izgara .kart.manset { border-top-width: 2px; border-left: 14px solid var(--r); }
  .tema-sofra.duzen-izgara .kart.manset .kapak { border-bottom: 0; border-right: 2px solid var(--metin); }
  .tema-sofra.duzen-izgara .kart.manset h3 { font-size: 2.3rem; line-height: 1.08; }
}
.tema-sofra .kutu { border: 2px solid var(--metin); }
.tema-sofra .yazi-bas h1 { font-size: clamp(2.1rem, 5.4vw, 3.4rem); line-height: 1.06; }
.tema-sofra .yazi-bas .iz a { color: var(--r); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; font-size: .8rem; }
.tema-sofra .yazi.r1 .yazi-bas .iz a, .tema-sofra .yazi.r5 .yazi-bas .iz a { color: var(--metin); }
.tema-sofra .giris { font-size: 1.22rem; color: var(--metin); }
.tema-sofra .yazi-bas .kunye { border-top: 3px solid var(--metin); padding-top: 10px; margin-top: 16px; }
.tema-sofra .yazi-kapak { border: 2px solid var(--metin); }
.tema-sofra .yazi-govde { font-size: 1.1rem; }
.tema-sofra .yazi-govde h2 { font-size: 1.75rem; padding-left: 14px; border-left: 8px solid var(--r); }
.tema-sofra .yazi-govde a { color: var(--metin); text-decoration-color: var(--r); text-decoration-thickness: 2px; }
.tema-sofra .yazi-govde img { border: 2px solid var(--metin); }
.tema-sofra .yazi-govde ul li::marker { color: var(--r); }
.tema-sofra .ipucu { background: #ffe9a8; border: 2px solid var(--metin); border-left: 10px solid #f4b41a; border-radius: 0; color: var(--metin); }
.tema-sofra .icindekiler { border: 2px solid var(--metin); background: var(--yuzey); }
.tema-sofra .tarif { border: 2px solid var(--metin); padding: 0; overflow: hidden; }
.tema-sofra .tarif-bilgi { background: var(--r); color: var(--rm); margin: 0; padding: 14px 24px; border-bottom: 2px solid var(--metin); }
.tema-sofra .tarif-bilgi dt { color: var(--rm); opacity: .85; }
.tema-sofra .tarif-bilgi dd { font: 400 1.3rem var(--baslik-font); }
.tema-sofra .tarif-ic { padding: 24px; }
.tema-sofra .tarif h2 { border: 0; padding: 0; font-size: 1.4rem; }
.tema-sofra .malzeme li { border-bottom: 2px dotted var(--metin); padding-left: 26px; position: relative; }
.tema-sofra .malzeme li::before { content: ""; position: absolute; left: 0; top: .85em; width: 13px; height: 13px; border: 2px solid var(--metin); background: var(--zemin); }
.tema-sofra .adim ol { list-style: none; padding: 0; counter-reset: adim; }
.tema-sofra .adim li { counter-increment: adim; padding-left: 46px; position: relative; margin-bottom: 1em; }
.tema-sofra .adim li::before { content: counter(adim); position: absolute; left: 0; top: -2px; width: 32px; height: 32px; display: grid; place-items: center; background: var(--r); color: var(--rm); border: 2px solid var(--metin); font: 400 1.05rem var(--baslik-font); }
.tema-sofra .alt { background: var(--metin); color: var(--zemin); border-top: 8px solid #f4b41a; }
.tema-sofra .alt .logo { color: var(--zemin); }
.tema-sofra .alt p, .tema-sofra .telif { color: #d9c8b4; }
.tema-sofra .telif { border-top-color: #5a4636; }
.tema-sofra .alt-menu a { color: #ffd66b; }
.tema-sofra .alt-menu a:hover { color: #ffffff; }
.tema-sofra .dugme { border-radius: 0; border: 2px solid var(--metin); }
.tema-sofra .dugme.ikincil { background: var(--yuzey); border-color: var(--metin); }
.tema-sofra .cerez { border: 2px solid var(--metin); box-shadow: 6px 6px 0 var(--metin); }
.tema-sofra :focus-visible { outline-color: var(--metin); }