/* Mogi Rota Oluşturucu: tüm kurallar .mrc kapsamında, tema stilleriyle çakışmasın diye */
.mrc{
  --mrc-bg:var(--mg-bg,#EEF1ED);--mrc-fg:var(--mg-fg,#14302A);--mrc-muted:var(--mg-muted,#55645F);
  --mrc-line:var(--mg-line,#C9D3CD);--mrc-card:var(--mg-card,#FFFFFF);--mrc-field:#EEF1ED;
  --mrc-cta:var(--mg-cta,#F0B24B);--mrc-head:var(--mg-head,"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif);
  --mrc-body:var(--mg-body,"Figtree","Segoe UI",system-ui,sans-serif);
  font-family:var(--mrc-body);color:var(--mrc-fg);line-height:1.55;box-sizing:border-box;
}
.mrc *,.mrc *::before,.mrc *::after{box-sizing:border-box}
.mrc .mrc-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start}
.mrc .mrc-panel{background:var(--mrc-card);border:1px solid var(--mrc-line);padding:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.mrc .mrc-panel h2{font-family:var(--mrc-head);font-size:1.25rem;font-weight:700;margin:0 0 -8px;color:var(--mrc-fg);line-height:1.2;letter-spacing:0}
.mrc label,.mrc .mrc-lab{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px;color:var(--mrc-fg)}
.mrc input[type=text],.mrc input[type=date],.mrc select{width:100%;font:inherit;font-size:1rem;color:var(--mrc-fg);background:var(--mrc-field);border:1px solid var(--mrc-line);border-radius:8px;padding:11px 13px;height:auto;box-shadow:none;margin:0}
.mrc input::placeholder{color:var(--mrc-muted);opacity:.5}
.mrc .mrc-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.mrc .mrc-row2>div,.mrc .mrc-panel>div,.mrc .mrc-panel,.mrc .mrc-stage{min-width:0}
.mrc input[type=date]{min-width:0;-webkit-appearance:none;appearance:none}
.mrc .mrc-drop{border:1.5px dashed var(--mrc-line);border-radius:12px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;background:var(--mrc-field)}
.mrc .mrc-drop>*{min-width:0}
.mrc .mrc-drop p{margin:0;color:var(--mrc-muted);font-size:.92rem}
.mrc .mrc-drop a{color:var(--mrc-fg);text-underline-offset:3px}
.mrc input[type=file]{width:100%;font:inherit;font-size:.9rem;color:var(--mrc-muted);max-width:100%;background:transparent;border:0;padding:0}
.mrc .mrc-btns{display:flex;gap:10px;flex-wrap:wrap}
.mrc button.mrc-btn{font:inherit;font-size:1rem;font-weight:600;line-height:1.2;border-radius:999px;padding:11px 20px;border:1.5px solid var(--mrc-fg);background:transparent;color:var(--mrc-fg);cursor:pointer;text-transform:none;box-shadow:none}
.mrc button.mrc-btn:hover{filter:brightness(1.08);background:transparent;color:var(--mrc-fg)}
.mrc button.mrc-btn.mrc-cta{background:var(--mrc-cta);border-color:var(--mrc-cta);color:#14302A;padding:14px 28px}
.mrc button.mrc-btn.mrc-cta:hover{background:var(--mrc-cta);color:#14302A}
.mrc button.mrc-btn[disabled]{opacity:.6;cursor:progress}
.mrc .mrc-sw{display:flex;gap:10px;flex-wrap:wrap}
.mrc .mrc-sw label{margin:0;font-weight:500;cursor:pointer}
.mrc .mrc-sw input{position:absolute;opacity:0;pointer-events:none}
.mrc .mrc-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--mrc-line);border-radius:999px;padding:7px 13px 7px 8px;background:var(--mrc-field);font-size:.9rem}
.mrc .mrc-dot{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.25);display:inline-block}
.mrc .mrc-sw input:checked+.mrc-chip{border-color:var(--mrc-fg);box-shadow:inset 0 0 0 1px var(--mrc-fg)}
.mrc .mrc-sw input:focus-visible+.mrc-chip,.mrc :focus-visible{outline:3px solid var(--mrc-cta);outline-offset:2px}
.mrc .mrc-msg{font-size:.92rem;min-height:1.3em;color:var(--mrc-muted);margin:0}
.mrc .mrc-msg.err{color:#B3402A}
.mrc .mrc-price{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--mrc-line);padding-top:16px}
.mrc .mrc-price b{font-family:var(--mrc-head);font-size:1.7rem;color:var(--mrc-fg)}
.mrc .mrc-price span{color:var(--mrc-muted);font-size:.95rem}
.mrc .mrc-stage{position:sticky;top:16px;background:radial-gradient(120% 90% at 50% 0%,#24493F 0%,#14302A 62%);padding:36px 28px;display:grid;justify-items:center}
.mrc .mrc-stage svg{max-width:100%;height:auto;filter:drop-shadow(0 28px 30px rgba(0,0,0,.5))}
.mrc .mrc-stage small{margin-top:20px;color:#9DB5AC;font-size:.85rem;text-align:center;display:block}
@media (max-width:900px){
  .mrc .mrc-app{grid-template-columns:minmax(0,1fr);gap:28px}
  .mrc .mrc-stage{position:relative;top:0;order:-1}
}
@media (max-width:480px){.mrc .mrc-panel{padding:20px}}