.mc-lock{overflow:hidden}
.mc-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .25s;z-index:2147483000}
.mc-overlay.is-open{opacity:1}
.mc-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:#fff;z-index:2147483001;transform:translateX(100%);transition:transform .26s ease;box-shadow:-8px 0 30px rgba(0,0,0,.18);display:flex;flex-direction:column}
.mc-drawer.is-open{transform:none}
.mc-drawer [data-mc-body]{display:flex;flex-direction:column;height:100%;min-height:0}
.mc-drawer [data-mc-body].is-busy{opacity:.55;pointer-events:none}
.mc-panel{display:flex;flex-direction:column;height:100%;min-height:0;font-size:14px;color:#1f2937}
.mc-panel__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee}
.mc-panel__title{margin:0;font-size:20px;font-weight:800}
.mc-panel__title span{font-weight:700}
.mc-panel__close{border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:#111;padding:0 4px}
.mc-panel__list{flex:1;overflow-y:auto;padding:6px 18px;-webkit-overflow-scrolling:touch}
.mc-panel__empty{text-align:center;color:#6b7280;margin:40px 0}
.mc-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eee}
.mc-item__img{flex:0 0 76px;width:76px;height:76px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:block}
.mc-item__photo{width:100%;height:100%;object-fit:cover;display:block}
.mc-item__body{flex:1;min-width:0}
.mc-item__top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.mc-item__name{font-weight:600;color:#111;text-decoration:none;line-height:1.3}
.mc-item__del{border:0;background:none;cursor:pointer;color:#374151;font-size:16px;padding:2px}
.mc-item__feat{margin:6px 0 0;font-size:13px}
.mc-item__feat summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.mc-item__feat summary::after{content:"▾";color:#6b7280}
.mc-item__feat[open] summary::after{content:"▴"}
.mc-item__feat ul{margin:6px 0 0;padding:0;list-style:none;color:#4b5563;line-height:1.5}
.mc-item__foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px;gap:8px}
.mc-qty{display:inline-flex;align-items:center;gap:2px}
.mc-qty button{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:16px;cursor:pointer}
.mc-qty button:disabled{opacity:.35;cursor:default}
.mc-qty span{min-width:28px;text-align:center;font-weight:700}
.mc-item__qty-static{font-weight:700}
.mc-item__price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.mc-item__price s{color:#9ca3af;font-size:12px}
.mc-item__edit{font-size:12px;color:#111;text-decoration:underline}
.mc-panel__foot{border-top:1px solid #eee}
.mc-panel__pay{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;font-weight:800;font-size:16px;color:#047857;text-decoration:none;background:#f9fafb}
.mc-panel__pay:hover{color:#065f46;text-decoration:underline}
.mc-panel__pay-arrow{transition:transform .2s}.mc-panel__pay:hover .mc-panel__pay-arrow{transform:translateX(4px)}
.mc-panel__go{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--mc-accent,#1d4ed8);color:#fff;text-decoration:none}
.mc-panel__go small{display:block;font-size:13px;opacity:.9}
.mc-panel__go b{font-size:20px}
/* Mavi zeminde fiyat beyaz (kırmızı fiyat bu zeminde okunmuyordu) */
.mc-panel__go b, .mc-panel__go .price-num, .mc-panel__go .price-currency{color:#fff !important}
.mc-panel__go-txt{font-weight:800;letter-spacing:.03em}
@media(max-width:520px){.mc-drawer{width:100vw}.mc-panel__foot{padding-bottom:env(safe-area-inset-bottom)}}

/* Bloknot: 3 adet tamamlanmadıysa hatırlatma (başlık siyah, açıklama kırmızı) */
.mc-mix3 { margin: 0.75rem 1rem; padding: 0.7rem 0.85rem; border-radius: 12px; background: #fff4ec; border: 2px solid #ff7a18; color: #1f2430; font-size: 0.9rem; line-height: 1.35; }
.mc-mix3 strong { color: #000; display: block; margin-bottom: 0.15rem; }
.mc-mix3 span { color: #b91c1c; }
.mc-mix3 a { display: inline-block; margin-top: 0.45rem; font-weight: 800; color: #be123c; text-decoration: none; }