/* css/mz-cerez.css — cerez seridi (48px, tek satir) + secim paneli. Yalniz .mz-crz kapsaminda. */
.mz-crz {position: fixed; inset-inline: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); z-index: 2147483000; display: flex; align-items: center; gap: 6px; background: #fff; color: var(--mz-ink, #1f2937); border: 1px solid var(--mz-cizgi, #e5e7eb); border-inline-start: 3px solid var(--mz-brand, #f5b301); border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.10); padding: 7px 8px 7px 10px; font-size: 12.5px; line-height: 1.35;}
.mz-crz[hidden] {display: none;}
.mz-crz p {margin: 0; flex: 1; min-width: 0;}
.mz-crz p a {color: inherit; text-decoration: underline;}
.mz-crz-btn {min-width: 56px; padding: 6px 10px; border-radius: 8px; font: inherit; font-weight: 700; cursor: pointer; line-height: 1.2;}
.mz-crz-kabul {background: var(--mz-vurgu, var(--mz-brand, #f5b301)); color: var(--mz-vurgu-yazi, #1f2937); border: 1px solid transparent;}
.mz-crz-red {background: #fff; color: var(--mz-ink, #1f2937); border: 1px solid var(--mz-ink, #1f2937);}
.mz-crz-ay {width: 30px; height: 30px; flex: none; border: 0; border-radius: 8px; background: #f3f4f6; cursor: pointer; font-size: 15px; line-height: 1;}
.mz-crz-btn:focus-visible, .mz-crz-ay:focus-visible {outline: 2px solid var(--mz-brand, #3f475f); outline-offset: 2px;}
@media (min-width: 768px) {.mz-crz {inset-inline: auto 16px; bottom: 16px; width: 520px; max-width: calc(100vw - 32px);}}
/* Telefonda alt sekme cubugu varsa onun ustunde dursun */
@media (max-width: 767px) {body:has(.mz-tabbar) .mz-crz, body.mzie-cubuk-var .mz-crz {bottom: calc(76px + env(safe-area-inset-bottom, 0px));}}
.mz-crz-panel {border: 0; border-radius: 16px; padding: 0; width: min(440px, calc(100vw - 24px)); box-shadow: 0 18px 40px rgba(0,0,0,.25); color: var(--mz-ink, #1f2937);}
.mz-crz-panel::backdrop {background: rgba(17,24,39,.45);}
.mz-crz-panel form {margin: 0; padding: 16px; position: relative;}
.mz-crz-panel h2 {margin: 0 0 8px; font-size: 16px; font-weight: 800; padding-inline-end: 28px;}
.mz-crz-sat {display: flex; gap: 10px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; cursor: pointer; font-weight: 400;}
.mz-crz-sat input {width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--mz-brand, #16a34a);}
.mz-crz-sat span {display: flex; flex-direction: column;}
.mz-crz-sat b {font-size: 13.5px;}
.mz-crz-sat small {color: var(--mz-muted, #6b7280); font-size: 12px;}
.mz-crz-pd {display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px;}
.mz-crz-pd .mz-crz-btn {padding: 9px 10px;}
.mz-crz-x {position: absolute; top: 10px; inset-inline-end: 10px; width: 30px; height: 30px; border: 0; border-radius: 8px; background: #f3f4f6; font-size: 18px; cursor: pointer;}