/* META REKLAM SİHİRBAZI (Faz 1, 2026-10-31; tasarım §2.3, §2.10). Tek ekran pencere: en çok 92vh; solda adım, sağda yaklaşık görünüm,
   altta yapışkan eylem çubuğu. Telefonda tam ekran, 6 px kenar, önizleme katlanır bant, Geri / İleri altta, sayısal alan ≥ 16 px.
   Gizleme yalnız [hidden] (display:flex tuzağı kapalı). Belirteçler --elev / --radius / --ease; açık ve koyu tema tema değişkenlerinden. */
.mrs-perde [hidden]{display:none !important;}
html.mrs-acik{overflow:hidden;}
.modal-backdrop.mrs-perde{z-index:700; padding:4vh 16px; align-items:flex-start;}
.mrs-pencere{max-width:min(1180px, 100%); max-height:92vh; display:flex; flex-direction:column; overflow:hidden;}
.mrs-bas{flex:none; align-items:center; padding:14px 18px;}
.mrs-bas-sol{display:flex; align-items:center; gap:18px; flex-wrap:wrap; min-width:0;}
.mrs-adimlar{display:flex; gap:6px; margin:0; padding:0; list-style:none; flex-wrap:wrap;}
.mrs-adimlar li{display:inline-flex; align-items:center; gap:7px; padding:4px 11px 4px 5px; border-radius:999px; font-size:12.5px; font-weight:600; color:var(--ink-muted); background:var(--surface-2); border:1px solid var(--line-soft);}
.mrs-adimlar li span{display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; font-size:11px; font-weight:800; background:var(--surface); color:var(--ink-muted); border:1px solid var(--line);}
.mrs-adimlar li.simdi{color:var(--ink); border-color:var(--accent); background:color-mix(in srgb, var(--accent) 10%, var(--surface));}
.mrs-adimlar li.simdi span{background:var(--accent); border-color:var(--accent); color:var(--accent-contrast, #fff);}
.mrs-adimlar li.tamam span{background:color-mix(in srgb, var(--good) 18%, var(--surface)); border-color:color-mix(in srgb, var(--good) 50%, transparent); color:color-mix(in srgb, var(--good) 70%, var(--ink));}
.mrs-govde{flex:1 1 auto; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 336px;}
.mrs-sol{min-height:0; overflow:auto; padding:16px 20px 18px; display:flex; flex-direction:column; gap:12px;}
.mrs-sag{min-height:0; overflow:auto; padding:12px 16px 16px; border-left:1px solid var(--line); background:var(--surface-2);}
.mrs-oz-bas{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; list-style:none; cursor:default;}
.mrs-oz-bas::-webkit-details-marker{display:none;}
.mrs-oz-bas b{font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted);}
.mrs-oz-sekme{display:inline-flex; gap:2px; padding:2px; border:1px solid var(--line); border-radius:8px; background:var(--surface);}
.mrs-oz-sekme button{min-height:28px; padding:3px 10px; border:0; border-radius:6px; background:transparent; color:var(--ink-muted); font:600 12px/1.2 var(--font-body, system-ui, sans-serif); cursor:pointer;}
.mrs-oz-sekme button[aria-pressed="true"]{background:var(--accent); color:var(--accent-contrast, #fff);}
.mrs-sag .mr-onizleme{max-width:304px; margin:0 auto;}
.mrs-ayak{flex:none; align-items:center; padding:12px 18px; background:var(--surface);}
.mrs-ayak-not{flex:1 1 220px; min-width:0; font-size:12.5px; color:var(--ink-muted); line-height:1.4;}
.mrs-ayak-not.hata{color:var(--critical); font-weight:600;}
.mrs-ayak .btn{min-height:42px;}
.mrs-bag{min-height:40px; padding:6px 8px; border:0; background:transparent; color:var(--accent); font:600 13px/1.2 var(--font-body, system-ui, sans-serif); cursor:pointer;}
.mrs-bag:hover{text-decoration:underline;}
.mrs-bag:focus-visible, .mrs-ai:focus-visible, .mrs-cip:focus-visible, .mrs-gorsel:focus-visible, .mrs-ara-oge:focus-visible, .mrs-oneri-urun:focus-visible, .mrs-kirpma-ic button:focus-visible{outline:none; box-shadow:var(--ring, 0 0 0 3px rgba(49,210,198,.3));}

/* ---------- ortak satırlar ---------- */
.mrs-h{margin:0; font-family:var(--font-display, inherit); font-size:14.5px; font-weight:700; color:var(--ink);}
.mrs-not{margin:0; font-size:12.5px; line-height:1.5; color:var(--ink-muted);}
.mrs-et{font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-muted);}
.mrs-satirlar{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.mrs-satir{display:flex; align-items:flex-start; gap:8px; font-size:13px; line-height:1.45; color:var(--ink);}
.mrs-satir > svg{width:16px; height:16px; flex:none; margin-top:1px;}
.mrs-satir.tamam > svg{color:var(--good);} .mrs-satir.uyari > svg{color:var(--warn);} .mrs-satir.hata > svg{color:var(--critical);} .mrs-satir.bilgi > svg{color:#3b82f6;}
.mrs-satir.hata{color:color-mix(in srgb, var(--critical) 72%, var(--ink)); font-weight:600;}
.mrs-mini-btn{margin-left:6px; min-height:28px; padding:2px 10px; border-radius:999px; border:1px solid var(--line); background:var(--surface); color:var(--ink); font:600 12px/1.2 var(--font-body, system-ui, sans-serif); cursor:pointer; vertical-align:baseline;}
.mrs-mini-btn:hover{border-color:var(--accent); color:var(--accent);}
.mrs-neden-ac{display:inline;}
.mrs-neden-ac summary{display:inline; cursor:pointer; color:var(--accent); font-weight:600;}
.mrs-hata-satir{margin:0; font-size:12.5px; color:var(--critical); font-weight:600;}
.mrs-hata-satir:empty{display:none;}
.mrs-btn-kucuk{min-height:32px; padding:5px 12px; font-size:12.5px;}

/* ---------- adım 1 ---------- */
.mrs-ara{position:relative; display:flex; align-items:center;}
.mrs-ara svg{position:absolute; left:12px; width:17px; height:17px; color:var(--ink-muted); pointer-events:none;}
.mrs-ara input{width:100%; min-height:44px; padding:9px 12px 9px 38px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface); color:var(--ink); font:14px/1.4 var(--font-body, system-ui, sans-serif); box-sizing:border-box;}
.mrs-ara input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);}
.mrs-ara-sonuc{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:6px; max-height:240px; overflow:auto; padding:2px;}
.mrs-ara-oge{display:flex; align-items:center; gap:10px; min-height:52px; padding:6px 8px; border-radius:10px; border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); text-align:left; cursor:pointer; font:inherit;}
.mrs-ara-oge:hover{border-color:var(--accent);}
.mrs-ara-oge img, .mrs-ara-bos{width:36px; height:45px; border-radius:6px; object-fit:cover; flex:none; background:var(--surface); display:flex; align-items:center; justify-content:center; color:var(--ink-muted);}
.mrs-ara-bos svg{width:50%; height:50%;}
.mrs-ara-oge b{display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mrs-ara-oge small{display:block; font-size:11.5px; color:var(--ink-muted);}
.mrs-ara-oge > span{min-width:0;}
.mrs-secili{display:flex; align-items:center; gap:12px; padding:10px; border-radius:var(--radius-md, 10px); border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line)); background:color-mix(in srgb, var(--accent) 6%, var(--surface));}
.mrs-secili-gorsel{width:48px; height:60px; border-radius:8px; overflow:hidden; background:var(--surface-2); flex:none; display:flex; align-items:center; justify-content:center; color:var(--ink-muted);}
.mrs-secili-gorsel img{width:100%; height:100%; object-fit:cover;}
.mrs-secili-gorsel svg{width:50%; height:50%;}
.mrs-secili > div{min-width:0; flex:1 1 auto;}
.mrs-secili b{display:block; font-size:14px; color:var(--ink);}
.mrs-secili small{font-size:12px; color:var(--ink-muted);}
.mrs-kaldir{width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:8px; border:1px solid var(--line); background:var(--surface); color:var(--ink-muted); cursor:pointer; flex:none;}
.mrs-kaldir svg{width:15px; height:15px;}
.mrs-onerilen{display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:8px; align-items:stretch; padding-top:4px; border-top:1px dashed var(--line-soft);}
.mrs-onerilen .mrs-et{grid-column:1 / -1;}
.mrs-oneri-urun{display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto auto; column-gap:8px; align-items:center; min-height:52px; padding:6px 8px; border-radius:10px; border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); text-align:left; cursor:pointer; font:inherit;}
.mrs-oneri-urun:hover{border-color:var(--accent);}
.mrs-oneri-urun img, .mrs-oneri-urun > svg{grid-row:1 / 3; width:38px; height:48px; border-radius:6px; object-fit:cover; color:var(--ink-muted);}
.mrs-oneri-urun span{font-size:12.5px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mrs-oneri-urun small{font-size:11px; color:color-mix(in srgb, var(--good) 62%, var(--ink));}

/* ---------- adım 2 ---------- */
.mrs-gorseller{display:flex; gap:8px; flex-wrap:wrap;}
.mrs-gorsel{position:relative; display:flex; flex-direction:column; gap:4px; width:82px; padding:4px; border-radius:10px; border:2px solid var(--line-soft); background:var(--surface-2); cursor:pointer; color:var(--ink-muted); font:600 11px/1.2 var(--font-body, system-ui, sans-serif); text-align:left;}
.mrs-gorsel img{width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:7px; display:block; background:var(--surface);}
.mrs-gorsel span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mrs-gorsel.secili{border-color:var(--accent); color:var(--ink); background:color-mix(in srgb, var(--accent) 10%, var(--surface));}
.mrs-gorsel-bos{display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:4/5; border-radius:7px; background:var(--surface); color:var(--ink-muted);}
.mrs-gorsel-bos svg{width:40%; height:40%;}
.mrs-secim{display:flex; align-items:center; gap:8px; min-height:36px; font-size:13px; color:var(--ink); cursor:pointer;}
.mrs-secim input{width:18px; height:18px; margin:0; accent-color:var(--accent); flex:none;}
.mrs-secim small{color:var(--ink-muted); font-size:11.5px;}
.mrs-kirpma summary{display:inline-flex; align-items:center; min-height:32px; cursor:pointer; color:var(--accent); font-size:12.5px; font-weight:600;}
.mrs-kirpma-ic{display:inline-flex; gap:2px; padding:2px; margin-left:8px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2);}
.mrs-kirpma-ic button{min-height:30px; padding:3px 10px; border:0; border-radius:6px; background:transparent; color:var(--ink-muted); font:600 12px/1.2 var(--font-body, system-ui, sans-serif); cursor:pointer;}
.mrs-kirpma-ic button[aria-checked="true"]{background:var(--surface); color:var(--ink); box-shadow:var(--elev-1);}
.mrs-metin-bas{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:4px;}
.mrs-ai{display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:6px 14px; border-radius:999px; border:1px solid color-mix(in srgb, #8b5cf6 45%, var(--line)); background:color-mix(in srgb, #8b5cf6 9%, var(--surface)); color:color-mix(in srgb, #8b5cf6 60%, var(--ink)); font:700 12.5px/1.2 var(--font-body, system-ui, sans-serif); cursor:pointer;}
.mrs-ai:hover:not(:disabled){border-color:#8b5cf6;}
.mrs-ai:disabled{opacity:.6; cursor:default;}
.mrs-ai-sonuc{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.mrs-ai-kart{display:flex; flex-direction:column; gap:5px; padding:9px 10px; border-radius:10px; border:1px solid var(--line-soft); background:var(--surface-2); min-width:0;}
.mrs-ai-kart p{margin:0; font-size:12px; line-height:1.45; color:var(--ink); overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.mrs-ai-kart b{font-size:12px; color:var(--ink);}
.mrs-ai-kart .btn{align-self:flex-start; margin-top:auto;}
.mrs-aci{align-self:flex-start; font-size:10.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; padding:1px 8px; border-radius:999px; background:color-mix(in srgb, #8b5cf6 13%, transparent); color:color-mix(in srgb, #8b5cf6 62%, var(--ink));}
.mrs-alan{margin:0;}
.mrs-alan label{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.mrs-sayac{font-family:var(--font-mono); font-size:11px; letter-spacing:0; text-transform:none; color:var(--ink-muted); font-variant-numeric:tabular-nums;}
.mrs-sayac.asim{color:color-mix(in srgb, var(--warn) 70%, var(--ink)); font-weight:700;}
.mrs-alan textarea{min-height:66px;}
.mrs-fiyat{display:flex; align-items:baseline; gap:10px; margin:0; font-size:13px;}
.mrs-fiyat span{font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-muted);}
.mrs-fiyat b{color:var(--ink); font-variant-numeric:tabular-nums;}
.mrs-fiyat small{color:var(--ink-muted); font-size:11.5px;}

/* ---------- adım 3 ---------- */
.mrs-cipler{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px;}
.mrs-cip{display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-height:58px; padding:9px 12px; border-radius:var(--radius-md, 10px); border:1.5px solid var(--line); background:var(--surface); color:var(--ink); text-align:left; cursor:pointer; font:inherit; transition:border-color var(--dur, .15s) var(--ease, ease), background var(--dur, .15s) var(--ease, ease);}
.mrs-cip b{font-size:13.5px;}
.mrs-cip span{font-size:12.5px; color:var(--ink-muted); font-variant-numeric:tabular-nums;}
.mrs-cip:hover{border-color:var(--accent);}
.mrs-cip.secili{border-color:var(--accent); background:color-mix(in srgb, var(--accent) 10%, var(--surface)); box-shadow:0 0 0 1px var(--accent) inset;}
.mrs-cip.secili span{color:var(--ink);}
.mrs-ozel{display:grid; grid-template-columns:repeat(2, minmax(0, 180px)) minmax(0,1fr); gap:10px; align-items:end;}
.mrs-ozel .field{margin:0;}
.mrs-ozel input{font-variant-numeric:tabular-nums;}
.mrs-neden, .mrs-takvim{margin:0; font-size:12.5px; line-height:1.5; color:var(--ink-muted);}
.mrs-neden b{color:var(--ink);}
.mrs-takvim:empty{display:none;}
.mrs-kirmizi{color:var(--critical); font-weight:700;}
.mrs-kitle{display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; line-height:1.45;}
.mrs-kitle > span{flex:1 1 300px; min-width:0;}
.mrs-kitle-form{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; padding:10px; border-radius:10px; border:1px solid var(--line-soft); background:var(--surface-2);}
.mrs-kitle-form .field{margin:0;}
.mrs-kitle-form .mrs-not{grid-column:1 / -1;}
.mrs-kontrol{border:1px solid var(--line); border-radius:var(--radius-md, 10px); background:var(--surface);}
.mrs-kontrol > summary{display:flex; align-items:center; gap:8px; min-height:40px; padding:6px 12px; cursor:pointer; font-size:13px; font-weight:700; color:var(--ink);}
.mrs-kontrol > .mrs-satirlar, .mrs-kontrol > .mrs-not{padding:0 12px 10px;}

/* ---------- orta genişlik ---------- */
@media (max-width:1000px){
  .mrs-govde{grid-template-columns:minmax(0,1fr) 280px;}
  .mrs-cipler{grid-template-columns:repeat(2, minmax(0,1fr));}
  .mrs-ai-sonuc{grid-template-columns:1fr;}
  .mrs-kitle-form{grid-template-columns:repeat(2, minmax(0,1fr));}
}

/* ---------- telefon (≤ 640 px) ---------- */
@media (max-width:640px){
  .modal-backdrop.mrs-perde{padding:0;}
  .mrs-pencere{max-width:100%; width:100%; height:100dvh; max-height:none; border-radius:0; border:0;}
  .mrs-bas{padding:10px 6px 10px 10px;}
  .mrs-bas-sol{gap:8px;}
  .mrs-bas .modal-title{font-size:15px;}
  .mrs-adimlar li{padding:3px 9px 3px 4px; font-size:11.5px;}
  .mrs-bas .modal-close{width:44px; height:44px;}
  .mrs-govde{display:flex; flex-direction:column; overflow:auto;}
  .mrs-sag{order:-1; flex:none; overflow:visible; border-left:0; border-bottom:1px solid var(--line); padding:4px 6px;}
  .mrs-oz-bas{margin-bottom:0; min-height:44px; cursor:pointer;}
  .mrs-sag[open] .mrs-oz-bas{margin-bottom:8px;}
  .mrs-oz-sekme button{min-height:44px; padding:3px 14px;}
  /* themes.css'in telefon kuralı (html[data-theme] .modal-foot > :is(button, a, .btn) → 40 px) daha özgül; 44 px dokunma hedefi için aynı özgüllükle */
  html[data-theme] .mrs-ayak > :is(button, a, .btn), html .mrs-ayak > :is(button, a, .btn){min-height:48px;}
  .mrs-sag .mr-onizleme{max-width:260px;}
  .mrs-sol{overflow:visible; padding:12px 6px 16px;}
  .mrs-ayak{position:sticky; bottom:0; padding:8px 6px calc(8px + env(safe-area-inset-bottom, 0px)); gap:6px; border-top:1px solid var(--line); box-shadow:0 -8px 20px -14px rgba(0,0,0,.35);}
  .mrs-ayak-not{flex:1 1 100%; order:-1; font-size:12px;}
  .mrs-ayak .btn{flex:1 1 auto; min-height:48px;}
  .mrs-bag{min-height:44px;}
  .mrs-ara input, .mrs-alan textarea, .mrs-alan input, .mrs-ozel input, .mrs-kitle-form input, .mrs-kitle-form select{font-size:16px; min-height:48px;}
  .mrs-gorsel{width:calc((100% - 24px) / 4); min-width:68px;}
  .mrs-kirpma summary, .mrs-kirpma-ic button{min-height:44px;}
  .mrs-kirpma-ic{margin:6px 0 0; display:flex;}
  .mrs-kirpma-ic button{flex:1 1 0;}
  .mrs-ai{min-height:44px;}
  .mrs-btn-kucuk, .mrs-mini-btn{min-height:44px;}
  .mrs-cip{min-height:64px;}
  .mrs-ozel{grid-template-columns:1fr 1fr;}
  .mrs-ozel .mrs-hata-satir{grid-column:1 / -1;}
  .mrs-kitle-form{grid-template-columns:1fr 1fr;}
  .mrs-kaldir{width:44px; height:44px;}
  .mrs-ara-oge, .mrs-oneri-urun{min-height:56px;}
  .mrs-kontrol > summary{min-height:48px;}
  .mrs-neden-ac summary{display:inline-flex; min-height:44px; align-items:center;}
}

/* =====================================================================================================
   FAZ 2 (2026-10-31): carousel kartları, duyuru (tasarım + bağlantı), hazır şablon, Reklam Kutusu kutusu, az bütçe önerisi, konum.
   ===================================================================================================== */
#mrsAzButce:empty{display:none;}
.mrs-h-satir{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.mrs-kaldir:disabled{opacity:.4; cursor:default;}
.mrs-mini-bag{display:inline-flex; align-items:center; gap:4px; align-self:center; min-height:28px; font-size:11.5px; font-weight:600; color:var(--accent); text-decoration:none;}
.mrs-mini-bag:hover{text-decoration:underline;}
.mrs-mini-bag svg{width:12px; height:12px;}
.mrs-gorsel-not{font-size:10px; color:var(--ink-muted); font-weight:600;}
.mrs-gorsel.mrs-hazir .mrs-gorsel-bos{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, var(--line)); color:color-mix(in srgb, var(--accent) 70%, var(--ink));}
.mrs-don{display:inline-block; width:18px; height:18px; border-radius:50%; border:2px solid var(--line); border-top-color:var(--accent); animation:mrsDon .8s linear infinite;}
@keyframes mrsDon{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){ .mrs-don{animation:none;} }
.mrs-alt-metin{display:block; font-weight:500; color:var(--ink-muted);}
/* carousel: adım 1 seçim listesi */
.mrs-kartlar-bas{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;}
.mrs-kartlar-bas small{font-size:11.5px; color:var(--ink-muted);}
.mrs-kart-liste{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:6px;}
.mrs-kart-oge{display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:10px; border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); background:color-mix(in srgb, var(--accent) 5%, var(--surface));}
.mrs-kart-oge .mrs-secili-gorsel{width:36px; height:45px;}
.mrs-kart-no{display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 5px; border-radius:999px; font-size:11px; font-weight:800; background:var(--accent); color:var(--accent-contrast, #fff); flex:none;}
.mrs-kart-bilgi{min-width:0; flex:1 1 auto; display:flex; flex-direction:column;}
.mrs-kart-bilgi b{font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mrs-kart-bilgi small{font-size:11.5px; color:var(--ink-muted);}
.mrs-kart-dugmeler{display:flex; gap:4px; flex:none; align-items:center;}
.mrs-kart-dugmeler .mrs-kaldir{width:32px; height:32px;}
/* carousel: adım 2 kart şeridi */
.mrs-kart-serit{display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; overscroll-behavior-x:contain;}
.mrs-kart{flex:0 0 132px; display:flex; flex-direction:column; gap:4px; padding:6px; border-radius:10px; border:1px solid var(--line-soft); background:var(--surface-2); min-width:0;}
.mrs-kart-gorsel{position:relative; aspect-ratio:1; border-radius:7px; overflow:hidden; background:var(--surface); display:flex; align-items:center; justify-content:center; color:var(--ink-muted);}
.mrs-kart-gorsel img{width:100%; height:100%; object-fit:contain;}
.mrs-kart-gorsel svg{width:40%; height:40%;}
.mrs-kart-gorsel .mrs-kart-no{position:absolute; top:4px; left:4px;}
.mrs-kart > b{font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mrs-kart > small{font-size:11px; color:var(--ink-muted);}
.mrs-kart .mrs-kart-dugmeler{flex-wrap:wrap;}
.mrs-kart .mrs-mini-btn{margin-left:0; flex:1 1 100%;}
/* duyuru: bağlantı seçimi */
.mrs-baglanti{margin:0; padding:10px; border:1px solid var(--line-soft); border-radius:10px; display:flex; flex-direction:column; gap:8px; min-width:0;}
.mrs-baglanti legend{padding:0 4px;}
.mrs-secenekler{display:inline-flex; flex-wrap:wrap; gap:2px; padding:2px; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); align-self:flex-start;}
.mrs-secenek{min-height:34px; padding:5px 12px; border:0; border-radius:7px; background:transparent; color:var(--ink-muted); font:600 12.5px/1.2 var(--font-body, system-ui, sans-serif); cursor:pointer;}
.mrs-secenek.secili, .mrs-secenek[aria-checked="true"]{background:var(--surface); color:var(--ink); box-shadow:var(--elev-1);}
.mrs-secenek:focus-visible{outline:none; box-shadow:var(--ring, 0 0 0 3px rgba(49,210,198,.3));}
.mrs-adres{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end;}
.mrs-adres .field{margin:0;}
.mrs-adres .btn{min-height:40px;}
/* Reklam Kutusu (adım 3) */
.mrs-kutu-bilgi{display:flex; align-items:flex-start; gap:10px; padding:11px 12px; border-radius:var(--radius-md, 10px); border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line)); background:color-mix(in srgb, var(--accent) 8%, var(--surface));}
.mrs-kutu-bilgi > svg{width:22px; height:22px; flex:none; color:color-mix(in srgb, var(--accent) 75%, var(--ink)); margin-top:1px;}
.mrs-kutu-bilgi > div{flex:1 1 auto; min-width:0;}
.mrs-kutu-bilgi b{display:block; font-size:13.5px; color:var(--ink); font-variant-numeric:tabular-nums;}
.mrs-kutu-bilgi p{margin:3px 0 0; font-size:12.5px; line-height:1.45; color:var(--ink-soft, var(--ink));}
.mrs-kutu-bilgi.yeni{border-style:dashed; background:var(--surface);}
.mrs-oneri-cip{display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:8px 10px; border-radius:10px; background:color-mix(in srgb, var(--warn) 10%, var(--surface)); border:1px solid color-mix(in srgb, var(--warn) 40%, transparent); font-size:12.5px; color:var(--ink);}
.mrs-oneri-cip > svg{width:16px; height:16px; flex:none; color:color-mix(in srgb, var(--warn) 70%, var(--ink));}
.mrs-oneri-cip > span{flex:1 1 220px; min-width:0;}
.mrs-oneri-cip .mrs-mini-btn{margin-left:0;}
/* konum */
.mrs-konum{grid-column:1 / -1; display:flex; flex-direction:column; gap:6px; min-width:0;}
.mrs-konum-sonuc{display:flex; flex-wrap:wrap; gap:6px; max-height:132px; overflow:auto;}
.mrs-konum-oge{display:inline-flex; align-items:baseline; gap:6px; min-height:34px; padding:5px 10px; border-radius:8px; border:1px solid var(--line); background:var(--surface); color:var(--ink); font:500 12.5px/1.2 var(--font-body, system-ui, sans-serif); cursor:pointer;}
.mrs-konum-oge:hover:not(:disabled){border-color:var(--accent);}
.mrs-konum-oge:disabled{opacity:.5; cursor:default;}
.mrs-konum-oge small{font-size:11px; color:var(--ink-muted);}
.mrs-konum-secim{display:flex; flex-wrap:wrap; gap:6px;}
.mrs-konum-cip{display:inline-flex; align-items:center; gap:4px; padding:2px 4px 2px 10px; border-radius:999px; background:color-mix(in srgb, var(--accent) 12%, transparent); color:var(--ink); font-size:12.5px; font-weight:600;}
.mrs-konum-cip button{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border:0; border-radius:50%; background:transparent; color:var(--ink-muted); cursor:pointer;}
.mrs-konum-cip button svg{width:13px; height:13px;}
.mrs-konum-cip button:hover{background:var(--surface);}
@media (max-width:640px){
  .mrs-kart-liste{grid-template-columns:1fr;}
  .mrs-kart-dugmeler .mrs-kaldir{width:44px; height:44px;}
  .mrs-kart{flex-basis:148px;}
  .mrs-secenekler{display:flex; align-self:stretch;}
  .mrs-secenek{flex:1 1 0; min-height:44px;}
  .mrs-adres{grid-template-columns:1fr;}
  .mrs-adres .btn{min-height:48px;}
  .mrs-adres input{font-size:16px; min-height:48px;}
  .mrs-konum input{font-size:16px; min-height:48px;}
  .mrs-konum-oge{min-height:44px;}
  .mrs-konum-cip button{width:44px; height:44px;}
  .mrs-mini-bag{min-height:44px;}
  .mrs-h-satir .mrs-bag{min-height:44px;}
}

/* =====================================================================================================
   FAZ 3 (2026-10-31): görsel çifti (Akış 4:5 / Story 9:16 hedefi, 9:16 ızgarası) ve "2 metni birlikte dene".
   Bayraklar kapalıyken bu sınıflar çizilmez. Gizleme yalnız [hidden].
   ===================================================================================================== */
.mrs-hedefler{display:inline-flex; gap:6px; flex-wrap:wrap;}
.mrs-hedef{display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:4px 12px 4px 4px; border-radius:var(--radius-md, 10px); border:1.5px solid var(--line); background:var(--surface); color:var(--ink); text-align:left; cursor:pointer; font:inherit;}
.mrs-hedef b{display:block; font-size:12.5px;} .mrs-hedef small{display:block; font-size:11px; color:var(--ink-muted);}
.mrs-hedef.secili{border-color:var(--accent); background:color-mix(in srgb, var(--accent) 9%, var(--surface)); box-shadow:0 0 0 1px var(--accent) inset;}
.mrs-hedef:focus-visible{outline:none; box-shadow:var(--ring, 0 0 0 3px rgba(49,210,198,.3));}
.mrs-hedef-gorsel{display:flex; align-items:center; justify-content:center; height:36px; border-radius:6px; overflow:hidden; background:var(--surface-2); color:var(--ink-muted); flex:none;}
.mrs-hedef-gorsel.akis{width:29px;} .mrs-hedef-gorsel.story{width:20px;}
.mrs-hedef-gorsel img{width:100%; height:100%; object-fit:cover;}
.mrs-hedef-gorsel svg{width:60%; height:60%;}
.mrs-gorsel.dikey{width:66px;}
.mrs-gorsel.dikey img, .mrs-gorsel.dikey .mrs-gorsel-bos{aspect-ratio:9/16;}
.mrs-gorseller.dikey-izgara{align-items:flex-start;}
.mrs-gorsel.dikey span{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.2;}
.mrs-metin-cift{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; align-items:start;}
.mrs-metin-cift .mrs-alan label{min-height:30px;}
.mrs-metin-cift .mrs-alan textarea{min-height:58px; height:58px;}
.mrs-ikinci-not{margin-top:-6px; font-size:11.5px;}
.mrs-ayni .mrs-gorsel-bos svg{width:34%; height:34%;}
.mrs-ai-dugmeler{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto;}
.mrs-ikinci-ac{display:flex; align-items:center; gap:4px 10px; flex-wrap:wrap; margin-top:-4px;}
.mrs-ikinci-ac small{font-size:11.5px; color:var(--ink-muted);}
.mrs-ikinci label{flex-wrap:wrap;}
.mrs-ikinci-sag{display:inline-flex; align-items:center; gap:6px;}
.mrs-ikinci-sag .mrs-bag{min-height:30px; padding:2px 6px;}
.mrs-ikinci textarea{min-height:48px;}
.mrs-ikinci > small{display:block; margin-top:4px; font-size:11.5px; line-height:1.4;}
.mrs-oz-metin-sec{display:flex; align-items:center; justify-content:center; gap:4px; margin-top:8px; font-size:11.5px; color:var(--ink-muted);}
.mrs-oz-metin-sec span{margin-right:4px;}
.mrs-oz-metin-sec button{min-height:28px; padding:3px 10px; border-radius:6px; border:1px solid var(--line); background:var(--surface); color:var(--ink-muted); font:600 12px/1.2 var(--font-body, system-ui, sans-serif); cursor:pointer;}
.mrs-oz-metin-sec button[aria-pressed="true"]{background:var(--accent); border-color:var(--accent); color:var(--accent-contrast, #fff);}
@media screen and (max-width:640px){
  .mrs-hedefler{width:100%; display:grid; grid-template-columns:1fr 1fr;}
  .mrs-hedef{min-height:52px;}
  .mrs-gorsel.dikey{width:calc((100% - 24px) / 4);}
  .mrs-metin-cift{grid-template-columns:1fr;}
  .mrs-ai-dugmeler .btn{min-height:44px; flex:1 1 auto;}
  .mrs-ikinci-ac .mrs-bag, .mrs-ikinci-sag .mrs-bag{min-height:44px;}
  .mrs-ikinci textarea{font-size:16px;}
  .mrs-oz-metin-sec button{min-height:44px; padding:6px 14px;}
  .mrs-satirlar .mrs-mini-bag{min-height:44px; display:inline-flex; align-items:center;}
}

/* =====================================================================================================
   FAZ 4 (2026-10-31; sözleşme raporlar/meta-reklam-faz4-api-sapmalar.md): reklam türü seçimi, katalog önayarı, reklam listesi, katalog kart bilgisi.
   Bayrak (ozellikler.katalog) kapalıyken bu sınıflar hiç çizilmez.
   ===================================================================================================== */
.mrs-tur-sec{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.mrs-onayarlar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.mrs-onayar span, .mrs-liste span{line-height:1.4;}
.mrs-listeler{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; max-height:228px; overflow:auto; padding:2px; flex:none;}
.mrs-liste{min-height:58px;}
.mrs-liste small{font-size:11px; color:var(--ink-muted);}
.mrs-liste:disabled{opacity:.55; cursor:not-allowed;}
.mrs-liste:disabled:hover{border-color:var(--line);}
.mrs-katalog-bilgi > svg{color:color-mix(in srgb, var(--accent) 75%, var(--ink));}
#mrsKumeOzet:empty{display:none;}
@media only screen and (max-width:1000px){
  .mrs-listeler{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media only screen and (max-width:640px){
  .mrs-tur-sec .mrs-secenekler{display:flex; align-self:stretch; width:100%;}
  .mrs-onayarlar, .mrs-listeler{grid-template-columns:1fr;}
  .mrs-listeler{max-height:none; overflow:visible;}
  .mrs-onayar, .mrs-liste{min-height:56px;}
}