/* Metastaz Recipes — Metastaz Design 2.5.4 BELİRTEÇLERİ (kenar, boşluk, yazı, tema, Metastaz Sans) + tarife özgü bileşen dili:
   fotoğraflı kart, büyük görsel, rozet, düz malzeme listesi, büyük adım numarası. Ayarlar/liste satırı görünümü yok (sahip 10-11 akşam).
   Sıcak vurgu: domates turuncusu (Recipes'e özgü); Metastaz mavisi ikincil. Satır içi stil yok (CSP). */
:root {
  --rc-vurgu: #C2410C;            /* dolgu: beyaz yazı 5,18:1 (iki temada) */
  --rc-vurgu-yazi: #A8360F;       /* açık zeminde yazı 5,88:1; ton zeminde 5,06:1 */
  --rc-vurgu-ton: rgba(194, 65, 12, .11);
  --rc-sicak: #FBF4EC;            /* açık temada kart altı sıcak zemin */
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --rc-vurgu-yazi: #FF8A5C; --rc-vurgu-ton: rgba(255, 138, 92, .16); --rc-sicak: #1C1C1E; }
}
:root[data-theme="dark"] { --rc-vurgu-yazi: #FF8A5C; --rc-vurgu-ton: rgba(255, 138, 92, .16); --rc-sicak: #1C1C1E; }

.rc-btn { background: var(--rc-vurgu); color: #FFFFFF; }
.rc-btn-ton { background: var(--rc-vurgu-ton); color: var(--rc-vurgu-yazi); }
.rc-btn:focus-visible, .rc-btn-ton:focus-visible { box-shadow: 0 0 0 4px var(--rc-vurgu-ton); }

/* ——— başlık + özet ——— */
.rc-bas > div { flex: 1; min-width: 0; }
.rc-ozet { margin: 6px 0 0; font-size: 17px; line-height: 22px; color: var(--mz-muted); letter-spacing: .002em; }

/* ——— bölümler ——— */
.rc-bolum { margin: 0 0 var(--mz-gap-group); }
.rc-bolum-baslik { margin: 0 0 var(--mz-s4); font-size: 22px; line-height: 28px; font-weight: var(--mz-w-title); letter-spacing: -.012em; color: var(--mz-text); }
.rc-bolum-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--mz-s3); margin: 0 0 var(--mz-s3); }
.rc-bolum-ust .rc-bolum-baslik { margin: 0; }
.rc-alt-baslik { margin: var(--mz-s5) 0 var(--mz-s2); font-size: 15px; line-height: 20px; font-weight: var(--mz-w-section); color: var(--mz-muted); letter-spacing: -.008em; }

/* ——— ana sayfa: fotoğraflı kartlar ——— */
.rc-kartlar { display: grid; grid-template-columns: 1fr; gap: var(--mz-gap-stack); }
@media (min-width: 620px) { .rc-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rc-kart { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--mz-r-card); background: var(--mz-surface); box-shadow: var(--mz-card-shadow);
  color: inherit; text-decoration: none; transition: transform var(--mz-dur-out) var(--mz-ease); }
.rc-kart:active { transform: scale(.985); }
.rc-kart:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--rc-vurgu-ton), var(--mz-card-shadow); }
.rc-kart-gorsel { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: var(--rc-sicak); }
.rc-kart-govde { display: block; padding: var(--mz-pad-top) var(--mz-pad) var(--mz-pad-bottom); }
.rc-kart-ad { display: block; font-size: 20px; line-height: 25px; font-weight: var(--mz-w-title); letter-spacing: -.012em; color: var(--mz-text); }
.rc-kart-meta { display: block; margin-top: var(--mz-gap-card-title); font-size: 15px; line-height: 20px; color: var(--mz-muted); letter-spacing: .002em; }

/* ——— tarif sayfası ——— */
.mz-page.rc-tarif > .rc-ust + .rc-hero { margin-top: var(--mz-s2); }
.rc-hero { margin: 0; overflow: hidden; border-radius: var(--mz-r-card); background: var(--rc-sicak); }
.rc-hero img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; max-height: 56vh; object-fit: cover; }
@media (min-width: 731px) { .rc-hero img { aspect-ratio: 3 / 2; } }
@media (min-width: 731px) {
  .mz-page.rc-tarif > .rc-ust + .rc-hero { margin: var(--mz-s2) 0 0; border-radius: var(--mz-r-card); }
}
.rc-tarif-bas { padding: var(--mz-s6) 0 0; }
.rc-kategori { margin: 0 0 var(--mz-s1); font-size: 15px; line-height: 20px; font-weight: var(--mz-w-section); color: var(--rc-vurgu-yazi); letter-spacing: -.008em; }
.rc-tarif-bas .mz-large-title { margin: 0; }
.rc-rozetler { display: flex; flex-wrap: wrap; gap: var(--mz-s2); margin: var(--mz-s5) 0 0 1px; padding: 0; list-style: none; }
.rc-rozetler li { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px 0 12px; border-radius: var(--mz-r-full);
  background: var(--mz-surface); font-size: 15px; line-height: 20px; font-weight: var(--mz-w-emph); color: var(--mz-text); letter-spacing: -.008em; }
.rc-rozetler svg { width: 18px; height: 18px; color: var(--rc-vurgu-yazi); }
.rc-sure-detay { margin: var(--mz-s3) 0 0; font-size: 13px; line-height: 18px; color: var(--mz-muted); letter-spacing: 0; }
.rc-durum { display: flex; align-items: center; gap: 8px; margin: var(--mz-s2) 0 0; font-size: 13px; line-height: 18px; color: var(--mz-body); letter-spacing: 0; }
.rc-nokta { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--mz-off); }
.rc-durum--ok .rc-nokta { background: var(--mz-ok); }
.rc-durum--wait .rc-nokta { background: var(--mz-wait); }
.rc-basla { margin: var(--mz-s6) 0 var(--mz-gap-group); }
.rc-basla--alt { margin: var(--mz-s7) 0 0; }

/* malzemeler: düz liste, yuvarlak işaret kutusu */
.rc-malz { list-style: none; margin: 0; padding: 0; }
.rc-malz li + li { margin-top: 2px; }
.rc-malz-oge { display: flex; align-items: flex-start; gap: var(--mz-gap-icon); padding: 10px 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.rc-cb { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.rc-kutu { width: 24px; height: 24px; box-shadow: none; background: var(--mz-ctl-track); transition: background var(--mz-dur-out) linear; }
.rc-kutu svg { width: 14px; height: 14px; visibility: hidden; }
.rc-cb:checked + .rc-kutu { background: var(--rc-vurgu); box-shadow: none; }
.rc-cb:checked + .rc-kutu svg { visibility: visible; }
.rc-cb:focus-visible + .rc-kutu { background: var(--rc-vurgu-ton); }
.rc-malz-metin { flex: 1; min-width: 0; }
.rc-malz-ad { display: block; font-size: 17px; line-height: 22px; color: var(--mz-text); }
.rc-olcu { font-weight: var(--mz-w-card); }
.rc-ml { color: var(--mz-muted); white-space: nowrap; }
.rc-not { display: block; margin-top: 2px; font-size: 15px; line-height: 20px; color: var(--mz-muted); letter-spacing: .002em; }
.rc-cb:checked ~ .rc-malz-metin .rc-malz-ad { color: var(--mz-muted); text-decoration: line-through; text-decoration-color: var(--mz-off); text-decoration-thickness: 1px; }
.rc-adimla { flex: none; display: inline-flex; align-items: center; gap: 2px; padding: 0; border-radius: var(--mz-r-full); }
.rc-adimla output { min-width: 78px; text-align: center; font-size: 15px; line-height: 20px; font-weight: var(--mz-w-emph); font-variant-numeric: tabular-nums; letter-spacing: -.008em; }
.rc-adimla-d { position: relative; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--rc-vurgu-yazi); cursor: pointer; }
.rc-adimla-d svg { width: 20px; height: 20px; }
.rc-adimla-d:disabled { color: var(--mz-off); cursor: default; }
.rc-adimla-d:active:not(:disabled) { background: var(--mz-press); }

/* yapılış: büyük adım numarası */
.rc-adimlar { list-style: none; margin: 0; padding: 0; }
.rc-adimlar li { display: flex; gap: var(--mz-s4); margin: 0; scroll-margin-top: 72px; }
.rc-adimlar li + li { margin-top: var(--mz-s6); }
.rc-no { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--rc-vurgu-ton); color: var(--rc-vurgu-yazi);
  font-size: 17px; line-height: 22px; font-weight: var(--mz-w-title); letter-spacing: -.012em; font-variant-numeric: tabular-nums; }
.rc-adim-metin { flex: 1; min-width: 0; padding-top: 4px; }
.rc-adim-metin p { margin: 0; font-size: 17px; line-height: 24px; letter-spacing: .002em; color: var(--mz-text); }
.rc-adim-metin p + p { margin-top: var(--mz-ders-gap-li); }
.rc-ipucu { font-size: 15px !important; line-height: 20px !important; color: var(--mz-muted) !important; letter-spacing: .002em; margin: var(--mz-s2) 0 0; }
.rc-adimlar li:target .rc-no { background: var(--rc-vurgu); color: #FFFFFF; }

/* şefin notu: sıcak alıntı kartı */
.rc-sefnot { margin: 0 0 var(--mz-gap-group); padding: var(--mz-pad-top) var(--mz-pad) var(--mz-pad-bottom); border-radius: var(--mz-r-card); background: var(--rc-vurgu-ton); }
.rc-sefnot p { margin: 0; font-size: 17px; line-height: 24px; color: var(--mz-text); letter-spacing: .002em; }
.rc-sefnot .rc-sefnot-baslik { margin: 0 0 var(--mz-s1); font-size: 15px; line-height: 20px; font-weight: var(--mz-w-section); color: var(--rc-vurgu-yazi); letter-spacing: -.008em; }
.rc-madde { list-style: none; margin: 0; padding: 0; }
.rc-madde li { position: relative; padding-left: 20px; font-size: 17px; line-height: 24px; letter-spacing: .002em; color: var(--mz-text); }
.rc-madde li + li { margin-top: var(--mz-s3); }
.rc-madde li::before { content: ""; position: absolute; left: 3px; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: var(--rc-vurgu); }
.rc-madde b { font-weight: var(--mz-w-emph); }
.rc-madde .rc-ipucu { display: inline; }
.rc-sefyol-not { margin-top: var(--mz-s3) !important; }
.rc-bilgi-kart { padding: var(--mz-pad-top) var(--mz-pad) var(--mz-pad-bottom); border-radius: var(--mz-r-card); background: var(--mz-surface); box-shadow: var(--mz-card-shadow); }
.rc-bilgi-kart .rc-bolum-baslik { font-size: 17px; line-height: 22px; font-weight: var(--mz-w-card); margin-bottom: var(--mz-s3); }
.rc-olculer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mz-s2) var(--mz-s4); margin: 0; }
.rc-olculer div { display: flex; justify-content: space-between; gap: var(--mz-s2); }
.rc-olculer dt { font-size: 15px; line-height: 20px; color: var(--mz-text); letter-spacing: -.008em; }
.rc-olculer dd { margin: 0; font-size: 15px; line-height: 20px; color: var(--mz-muted); font-variant-numeric: tabular-nums; letter-spacing: .002em; white-space: nowrap; }
@media (max-width: 400px) { .rc-olculer { grid-template-columns: 1fr; } }
.rc-surumler { list-style: none; margin: 0; padding: 0; }
.rc-surumler li + li { margin-top: var(--mz-s4); }
.rc-surumler p { margin: 0; font-size: 15px; line-height: 20px; color: var(--mz-body); letter-spacing: .002em; }
.rc-surum-ust { color: var(--mz-muted) !important; }
.rc-surum-ust b { color: var(--mz-text); font-weight: var(--mz-w-emph); }

/* ——— metin sayfaları (hakkında, gizlilik) ——— */
.rc-metin { margin-bottom: var(--mz-gap-group); }
.rc-metin p { margin: 0; font-size: 16px; line-height: 21px; letter-spacing: .002em; color: var(--mz-text); }
.rc-metin p + p { margin-top: var(--mz-ders-gap-li); }
.rc-metin a { color: var(--rc-vurgu-yazi); }
.rc-bag { position: relative; display: inline-block; }
.rc-bag::after { content: ""; position: absolute; inset: -13px -4px; }
.rc-olcum-satir { margin: var(--mz-s3) calc(-1 * var(--mz-pad)) var(--mz-s2); padding: 0 var(--mz-pad); width: auto; min-height: var(--mz-row); box-shadow: inset 0 var(--mz-hairline-w) 0 var(--mz-hairline), inset 0 calc(-1 * var(--mz-hairline-w)) 0 var(--mz-hairline); }

/* ——— rozetler: şef notu + belirsiz ölçü [v2 10-19 #3] ——— */
.rc-rozet { display: inline-block; vertical-align: 1px; padding: 2px 8px; border-radius: var(--mz-r-full); white-space: nowrap;
  background: var(--rc-vurgu-ton); color: var(--rc-vurgu-yazi);
  font-size: 12px; line-height: 16px; font-weight: var(--mz-w-emph); letter-spacing: 0; text-decoration: none; }
/* belirsiz ölçü rozeti: sarı ton (mz-wait: #FFCC00 lite) — "henüz net değil" sinyali */
.rc-rozet--belirsiz { background: rgba(255, 190, 0, .14); color: #7A5200; }
@media (prefers-color-scheme: dark) { :not([data-theme="light"]) .rc-rozet--belirsiz { background: rgba(255, 190, 0, .18); color: #FFD060; } }
[data-theme="dark"] .rc-rozet--belirsiz { background: rgba(255, 190, 0, .18); color: #FFD060; }

/* ——— alt bilgi ——— */
.rc-alt { display: flex; flex-direction: column; align-items: center; gap: 2px; margin: var(--mz-s10) 0 0; text-align: center; }
.rc-alt-satir { margin: 0; }
.rc-alt-bag { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 var(--mz-s4); margin-top: var(--mz-s1); }
.rc-alt-bag a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; color: var(--rc-vurgu-yazi); text-decoration: none; font-size: 15px; line-height: 20px; letter-spacing: .002em; }
.rc-onizleme { margin-top: var(--mz-s4); }

/* ================================================================ pişirme kipi */
.rc-pisir { overflow-x: hidden; }
.rc-p { display: flex; flex-direction: column; min-height: 100vh; min-height: calc(100dvh / var(--mz-tv-olcek, 1)); max-width: 720px; margin: 0 auto; }
.rc-p-ust { position: sticky; top: 0; z-index: 20; background: var(--mz-bg); padding: var(--mz-ust) var(--mz-edge) var(--mz-s3); }
.rc-p-cubuk { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: var(--mz-bar); margin-bottom: var(--mz-s2); }
.rc-p-cubuk > :first-child { justify-self: start; margin-left: -8px; }
.rc-p-cubuk > :last-child { justify-self: end; margin-right: -8px; }
.rc-p-sayi { font-size: 17px; line-height: 22px; font-weight: var(--mz-w-emph); color: var(--mz-text); font-variant-numeric: tabular-nums; }
.rc-p-uyanik { display: flex; align-items: center; justify-content: center; gap: 6px; margin: var(--mz-s2) 0 0; font-size: 13px; line-height: 18px; color: var(--mz-muted); letter-spacing: 0; }
.rc-p-uyanik::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mz-ok); }
.rc-p-uyanik.is-yok::before { background: var(--mz-off); }
.rc-p-govde { flex: 1; padding: var(--mz-s6) var(--mz-edge) var(--mz-s6); }
.rc-p-adim { animation: rc-gir var(--mz-dur) var(--mz-ease); }
.rc-p-adim.is-geri { animation-name: rc-gir-geri; }
@keyframes rc-gir { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
@keyframes rc-gir-geri { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rc-p-adim { animation: none; } }
.rc-p-no { margin: 0 0 var(--mz-s2); font-size: 44px; line-height: 48px; font-weight: var(--mz-w-large); color: var(--rc-vurgu-yazi); letter-spacing: -.022em; font-variant-numeric: tabular-nums; }
.rc-p-metin { margin: 0; font-size: 28px; line-height: 34px; font-weight: var(--mz-w-body); letter-spacing: -.02em; color: var(--mz-text); text-wrap: pretty; }
.rc-p-adim > .rc-rozet { margin-top: var(--mz-s3); font-size: 15px; line-height: 26px; padding: 0 12px; }
.rc-p-ipucu { margin: var(--mz-s4) 0 0; font-size: 20px; line-height: 25px; color: var(--mz-muted); letter-spacing: .002em; text-wrap: pretty; }
.rc-p-sure { margin-top: var(--mz-s7); }
.rc-p-sure-not { margin: var(--mz-s2) var(--mz-pad) 0; text-align: center; }
.rc-p-son .rc-p-metin { font-size: 44px; line-height: 48px; font-weight: var(--mz-w-large); letter-spacing: -.022em; }
.rc-p-alt { position: sticky; bottom: 0; z-index: 20; display: grid; grid-template-columns: 1fr 2fr; gap: var(--mz-gap-btn);
  padding: var(--mz-s3) var(--mz-edge) calc(var(--mz-safe-b) + var(--mz-s4)); background: var(--mz-bg); box-shadow: 0 calc(-1 * var(--mz-hairline-w)) 0 var(--mz-hairline); }
.rc-p-zaman { display: grid; gap: var(--mz-s2); padding: 0 var(--mz-edge) var(--mz-s3); }
.rc-p-zaman:empty { display: none; }
.rc-sayac { display: flex; align-items: center; gap: var(--mz-s3); min-height: var(--mz-control); padding: 0 6px 0 var(--mz-pad); border-radius: var(--mz-r-ctl);
  background: var(--mz-surface); box-shadow: var(--mz-card-shadow); }
.rc-sayac-sure { font-size: 28px; line-height: 34px; font-weight: var(--mz-w-title); font-variant-numeric: tabular-nums; letter-spacing: -.02em; color: var(--mz-text); }
.rc-sayac-ad { flex: 1; min-width: 0; font-size: 15px; line-height: 20px; color: var(--mz-muted); }
.rc-sayac.is-bitti { background: var(--mz-wait); box-shadow: none; }
.rc-sayac.is-bitti .rc-sayac-sure, .rc-sayac.is-bitti .rc-sayac-ad { color: #000000; }
.rc-sayac .mz-textbtn { flex: none; }
.rc-sayac.is-bitti .mz-textbtn { color: #000000; font-weight: var(--mz-w-button); }
.rc-pisir .mz-pagesheet .rc-malz { margin: var(--mz-s2) 0 var(--mz-s5); }
.rc-p-ust .mz-progress > i { background: var(--rc-vurgu); }
.rc-pisir .mz-pagesheet .rc-alt-baslik { margin-top: 0; }

/* ilerleme izi her yüzeyde görünür (ctl-track ≥ 1,2:1) */
.rc-p-ust .mz-progress { background: var(--mz-ctl-track); }
/* alt sayfa açıkken çubuklar akışa döner: sayfa perdenin altında kalır, çubuk sayfanın üstüne binmez */
.rc-sheet-acik .mz-nav, .rc-sheet-acik .rc-p-ust, .rc-sheet-acik .rc-p-alt, .rc-sheet-acik .rc-y-kaydet { position: relative; }

/* ——— yönetim ——— */
.rc-yonetim .mz-input { font-size: 17px; }
.rc-yonetim textarea.mz-input { min-height: 140px; line-height: 22px; font-variant-numeric: tabular-nums; }
.rc-y-iki { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mz-s3); }
.rc-y-iki .mz-field-label { margin-left: var(--mz-s2); margin-right: 0; }
.rc-y-kaydet { position: sticky; bottom: 0; z-index: 10; margin: var(--mz-s6) calc(-1 * var(--mz-edge)) 0; padding: var(--mz-s3) var(--mz-edge) calc(var(--mz-safe-b) + var(--mz-s3)); background: var(--mz-bg); box-shadow: 0 calc(-1 * var(--mz-hairline-w)) 0 var(--mz-hairline); }
.rc-y-yardim { margin: 6px var(--mz-row-pad) 0; font-size: 13px; line-height: 18px; color: var(--mz-muted); letter-spacing: 0; }
.rc-y-yardim code { font: 13px/18px ui-monospace, Menlo, Consolas, monospace; padding: 0 4px; border-radius: 4px; background: var(--mz-fill); color: var(--mz-text); }
.rc-y-ozel { margin: 0 0 var(--mz-gap-field); }
.rc-y-durumlar { margin: 0; }
.rc-y-onay { flex: none; width: 20px; height: 20px; color: var(--rc-vurgu-yazi); visibility: hidden; }
[aria-checked="true"] > .rc-y-onay { visibility: visible; }
.rc-y-durumlar .mz-row { cursor: pointer; }
.rc-y-cikis { margin: 0; display: inline-flex; }
.rc-y-foto img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--mz-r-card); margin: 0 0 var(--mz-s3); background: var(--rc-sicak); }
select.mz-input { padding-right: 40px; }
.rc-yukleniyor { min-height: 60vh; justify-content: center; }
.rc-y-sorular { margin-bottom: var(--mz-gap-group); }

@media print {
  .mz-bar, .rc-basla, .rc-adimla, .rc-alt, .rc-bilgi-kart, .rc-surumler, .rc-kutu, .rc-hero { display: none !important; }
  .mz, .mz-card, .mz-list { background: #FFFFFF !important; box-shadow: none !important; color: #000000; }
  .mz-head { padding-top: 0; }
}

/* yetim satır yok (Lens S21): kısa bloklar dengeli, uzun okuma metni "pretty" */
.rc .mz-large-title, .rc .mz-durum-metin, .rc .mz-group-foot, .rc-ozet, .rc .mz-row-sub, .rc .mz-row-title--wrap, .rc-adim-metin p, .rc-madde li,
.rc-p-metin, .rc-p-ipucu, .rc-p-sure-not, .rc-y-yardim, .rc-durum, .rc-not, .rc-malz-ad, .rc-sefnot p, .rc-surumler p, .rc-kart-ad, .rc-metin p { text-wrap: balance; }

/* ——— v2 (ekosistem 10-18) ——— */
/* İşaret = "Elimde var": üstü çizilmez (çizgi "kullanıldı/atıldı" gibi okunuyordu), yalnız onay işareti; eksikler özeti üstte. */
.rc-cb:checked ~ .rc-malz-metin .rc-malz-ad { color: var(--mz-text); text-decoration: none; }
.rc-malz-ipucu { margin: 0 0 var(--mz-s3); font-size: 15px; line-height: 20px; color: var(--mz-muted); letter-spacing: .002em; }
.rc-eksik { margin: 0 0 var(--mz-s3); padding: 12px 16px; border-radius: var(--mz-r-m); background: var(--mz-surface); font-size: 15px; line-height: 20px; color: var(--mz-text); letter-spacing: .002em; }
.rc-eksik.is-tamam { color: var(--mz-text); }
/* ölçüye dokunulabilir: noktalı alt çizgi (bağlantı rengi değil; yazı okunur kalsın) */
.rc-olcu--bilgi { cursor: pointer; text-decoration: underline dotted; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: var(--rc-vurgu, var(--mz-link)); border-radius: 4px; }
.rc-olcu--bilgi:focus-visible { outline: 2px solid var(--mz-link); outline-offset: 2px; }
.rc-ob-perde { position: fixed; inset: 0; z-index: 100; display: flex; align-items: flex-end; justify-content: center; padding: 0; }
.rc-ob-perde[hidden] { display: none; }
.rc-ob { width: 100%; max-width: 560px; padding: 8px 24px calc(24px + env(safe-area-inset-bottom)); outline: none; background: var(--mz-sheet-bg); border-radius: var(--mz-r-sheet) var(--mz-r-sheet) 0 0; box-shadow: 0 -8px 32px rgba(0, 0, 0, .18); }
.rc-ob .mz-sheet-handle { display: block; margin: 0 auto; }
.rc-ob-ust { display: flex; align-items: center; gap: 16px; margin: 12px 0 16px; }
.rc-ob-cizim { flex: none; width: 96px; height: 96px; color: var(--rc-vurgu, var(--mz-link)); }
.rc-ob-cizim svg { display: block; width: 100%; height: 100%; }
.rc-ob-baslik { margin: 0; font-size: 22px; line-height: 28px; font-weight: var(--mz-w-title, 730); letter-spacing: -.012em; color: var(--mz-text); }
.rc-ob-ml { margin: 4px 0 0; font-size: 28px; line-height: 34px; font-weight: var(--mz-w-title, 730); color: var(--mz-text); font-variant-numeric: tabular-nums; }
.rc-ob-metin { margin: 0 0 12px; font-size: 17px; line-height: 24px; color: var(--mz-text); letter-spacing: .002em; }
.rc-ob-satir { color: var(--mz-muted); }
.rc-ob .mz-btn { margin-top: 8px; }
/* pişirme kipi: bu adımda kullanılan malzemeler, ölçüleriyle */
.rc-p-malz { margin: 24px 0 0; padding: 16px 20px; border-radius: var(--mz-r-card, 16px); }
.rc-p-malz-baslik { margin: 0 0 8px; font-size: 15px; line-height: 20px; font-weight: var(--mz-w-button, 600); color: var(--mz-muted); }
.rc-p-malz ul { margin: 0; padding: 0; list-style: none; }
.rc-p-malz li { font-size: 20px; line-height: 28px; color: var(--mz-text); letter-spacing: .002em; }
.rc-p-malz li + li { margin-top: 8px; }
.rc-ob:focus, .rc-ob:focus-visible { outline: none; box-shadow: 0 -8px 32px rgba(0, 0, 0, .18); }

/* ——— v2 ana sayfa (ekosistem 10-18): arama + telefonda iki sütun ——— */
.rc-ara { margin: 0 0 var(--mz-s4); }
.rc-ara-sonuc { margin: calc(-1 * var(--mz-s2)) 0 var(--mz-s4); font-size: 15px; line-height: 20px; color: var(--mz-muted); }
.rc-kart[hidden], .rc-bolum[hidden] { display: none; }
@media (min-width: 340px) and (max-width: 619px) {
  .rc-ana .rc-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rc-ana .rc-kart-gorsel { aspect-ratio: 1 / 1; }
  .rc-ana .rc-kart-govde { padding: 12px 14px 14px; }
  .rc-ana .rc-kart-ad { font-size: 17px; line-height: 22px; }
  .rc-ana .rc-kart-meta { font-size: 13px; line-height: 18px; }
}

/* ——— v2 2. tur (10-18): terazi kipi, Specials, sesli okuma ——— */
.rc-terazi { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 var(--mz-s3); }
.rc-gram { color: var(--mz-muted); font-weight: var(--mz-w-body); }
.rc-gram[hidden], .rc-ml[hidden] { display: none; }
.rc-sp-alt { margin: calc(-1 * var(--mz-s2)) 0 var(--mz-s3); }
.rc-sp-rozet { display: inline-block; margin: 0 0 4px; padding: 0 8px; border-radius: var(--mz-r-full); background: var(--rc-vurgu-ton, rgba(194, 65, 12, .14)); color: var(--rc-vurgu-yazi, #A8360F);
  font-size: 12px; line-height: 20px; font-weight: var(--mz-w-button, 600); letter-spacing: .02em; }
@media (prefers-color-scheme: dark) { .rc-sp-rozet { color: #FF8A5C; } }
.rc-p-ses { display: flex; justify-content: center; margin-top: 4px; }
.rc-p-ses .mz-textbtn { min-height: 44px; }

/* Metastaz "İşine yaradı mı?" (mz-geri.js). Design belirteçleri; satır içi stil yok. */
.mz-geri { margin: 0; }
.mz-geri-soru { display: block; margin: 0 0 12px; font-size: 17px; line-height: 22px; font-weight: var(--mz-w-card, 740); color: var(--mz-text); letter-spacing: -.012em; }
.mz-geri-dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mz-geri-dugmeler:has(> :only-child) { grid-template-columns: 1fr; }
.mz-geri-oy svg { width: 20px; height: 20px; margin-right: 8px; flex: none; }
.mz-geri-hayir svg { transform: rotate(180deg); }
.mz-geri-not { width: 100%; min-height: 88px; padding: 12px 16px; resize: vertical; }
.mz-geri-dip { margin: 8px 0 12px; font-size: 13px; line-height: 18px; color: var(--mz-muted); }
.mz-geri-tesekkur { margin: 0; font-size: 15px; line-height: 20px; color: var(--mz-muted); }
.rc-p-geri { margin-top: 32px; }
.rc .mz-geri-gonder { background: var(--rc-vurgu); color: #FFFFFF; } .rc .mz-geri-oy { color: var(--rc-vurgu-yazi); }

/* v2 3. tur: hızlı süzgeç */
.rc-suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin: calc(-1 * var(--mz-s2)) 0 var(--mz-s4); }
.rc-suzgec .mz-chip { min-height: 36px; }
.rc-suzgec .mz-chip[aria-pressed="true"] { background: var(--rc-vurgu); color: #FFFFFF; }
.rc-specials[hidden] { display: none; }

/* 4. tur (10-18): favori düğmesi, favori notu */
.rc-fav { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0 0 var(--mz-s3); padding: 0 16px; color: var(--rc-vurgu-yazi); }
.rc-fav svg { width: 20px; height: 20px; }
.rc-fav[aria-pressed="true"] svg path { fill: currentColor; }
.rc-fav-not { margin: var(--mz-s3) 0 0; font-size: 15px; line-height: 20px; color: var(--mz-muted); }
#favBolum[hidden], #mevsim[hidden] { display: none; }
.mz-btn.rc-fav { width: auto; margin: var(--mz-s3) 0 var(--mz-s4); }
.rc-fav-not a { color: var(--rc-vurgu-yazi); font-weight: 600; text-decoration: none; }
.rc-fav-not a:hover, .rc-fav-not a:focus-visible { text-decoration: underline; }