/* MantiExpress v6 — Betheme reset */
#mex{--mex-a:#8B5E3C}

/* Betheme'nin eklediği tüm boşlukları sıfırla */
#mex,#mex div,#mex p,#mex h1,#mex h2,#mex h3,
#mex h4,#mex ul,#mex ol,#mex li,#mex span,
#mex a,#mex input,#mex button,#mex textarea,
#mex label,#mex strong,#mex b{
    margin:0!important;
    padding:0!important;
    line-height:inherit!important;
}
#mex,#mex *,#mex *::before,#mex *::after{
    box-sizing:border-box!important;
}
/* Betheme'nin p etiketine eklediği alt boşluk */
.entry-content #mex p,
.post-content #mex p,
.page-content #mex p{
    margin-bottom:0!important;
    padding-bottom:0!important;
}

#mex{
    max-width:660px!important;
    margin:0 auto!important;
    padding:1.5rem 1rem 2rem!important;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    color:#2C1A0E!important;
    background:transparent!important;
    font-size:15px!important;
    line-height:1.5!important;
}

/* Stepper */
#mex-bar{
    display:flex!important;
    align-items:center!important;
    margin-bottom:2rem!important;
}
#mex .mex-bi{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:5px!important;
    flex-shrink:0!important;
}
#mex .mex-bn{
    width:30px!important;height:30px!important;
    border-radius:50%!important;
    background:#e8e4de!important;
    color:#aaa!important;
    font-size:12px!important;font-weight:700!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
}
#mex .mex-bl{font-size:10px!important;color:#bbb!important;font-weight:500!important;white-space:nowrap!important;}
#mex .mex-line{flex:1!important;height:2px!important;background:#e8e4de!important;margin:0 4px 16px!important;}
#mex .mex-on .mex-bn{background:var(--mex-a)!important;color:#fff!important;}
#mex .mex-on .mex-bl{color:var(--mex-a)!important;font-weight:700!important;}
#mex .mex-done .mex-bn{background:#C8B89A!important;color:#fff!important;}
#mex .mex-done .mex-bl{color:#C8B89A!important;}

/* Panel gizle/göster */
#mex .mex-p{
    display:none!important;visibility:hidden!important;
    height:0!important;overflow:hidden!important;
    opacity:0!important;pointer-events:none!important;
}
#mex .mex-p.mex-show{
    display:block!important;visibility:visible!important;
    height:auto!important;overflow:visible!important;
    opacity:1!important;pointer-events:auto!important;
}

/* Başlık & alt metin */
#mex .mex-h2{
    font-size:20px!important;font-weight:700!important;
    color:#2C1A0E!important;text-align:center!important;
    line-height:1.4!important;margin-bottom:1rem!important;
}
#mex .mex-sub{
    font-size:14px!important;color:#6B5044!important;
    text-align:center!important;line-height:1.7!important;
    margin-bottom:1.25rem!important;
}
#mex .mex-lbl{
    font-size:10px!important;font-weight:700!important;
    color:#aaa!important;text-transform:uppercase!important;
    letter-spacing:.08em!important;margin-bottom:.75rem!important;
    display:block!important;
}

/* Info kutusu */
#mex .mex-ibox{
    background:#FDF8F2!important;border:1px solid #E8DDD0!important;
    border-radius:12px!important;padding:1.1rem 1.25rem!important;
    margin-bottom:.9rem!important;
}
#mex .mex-irow{
    display:flex!important;align-items:flex-start!important;
    gap:.7rem!important;margin-bottom:.6rem!important;
}
#mex .mex-irow:last-child{margin-bottom:0!important;}
#mex .mex-inum{
    min-width:20px!important;height:20px!important;border-radius:50%!important;
    background:var(--mex-a)!important;color:#fff!important;
    font-size:11px!important;font-weight:700!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex-shrink:0!important;margin-top:1px!important;
}
#mex .mex-irow div{font-size:13px!important;color:#5C3D1E!important;line-height:1.6!important;}
#mex .mex-irow b{color:var(--mex-a)!important;}
#mex .mex-tip{
    background:#FFFBF0!important;border:1px solid #F0D97A!important;
    border-radius:8px!important;padding:.6rem .9rem!important;
    font-size:12px!important;color:#7A5F00!important;
    margin-bottom:1.4rem!important;
}

/* Sayaç */
#mex .mex-cnt{
    background:#FDF8F2!important;border:1px solid #E8DDD0!important;
    border-radius:12px!important;padding:.85rem 1.1rem!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    margin-bottom:5px!important;
}
#mex .mex-cc{font-size:14px!important;font-weight:700!important;color:#2C1A0E!important;}
#mex .mex-ci{font-size:11px!important;color:#8B5E3C!important;margin-top:2px!important;}
#mex .mex-cn{font-size:24px!important;font-weight:800!important;color:var(--mex-a)!important;}
#mex .mex-cb{
    height:5px!important;background:#E8DDD0!important;
    border-radius:3px!important;overflow:hidden!important;margin-bottom:1rem!important;
}
#mex .mex-cf{height:100%!important;background:var(--mex-a)!important;border-radius:3px!important;transition:width .3s!important;}

/* Eyalet kartları */
#mex #mex-states{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
    gap:10px!important;margin-bottom:1.4rem!important;
}
#mex .mex-sc{
    background:#fff!important;border:1.5px solid #E8DDD0!important;
    border-radius:12px!important;padding:.85rem 1rem!important;
    cursor:pointer!important;transition:border-color .15s!important;
}
#mex .mex-sc:hover{border-color:var(--mex-a)!important;}
#mex .mex-sc.mex-sel{border:2.5px solid var(--mex-a)!important;background:#FDF8F2!important;}
#mex .mex-sn{font-size:14px!important;font-weight:700!important;color:#2C1A0E!important;margin-bottom:4px!important;}
#mex .mex-sbadge{
    display:inline-block!important;background:#F5F0E8!important;
    color:var(--mex-a)!important;font-size:11px!important;font-weight:700!important;
    padding:2px 8px!important;border-radius:20px!important;
}

/* Arama */
#mex .mex-sw{position:relative!important;margin-bottom:.85rem!important;}
#mex .mex-si{
    position:absolute!important;left:10px!important;top:50%!important;
    transform:translateY(-50%)!important;font-size:13px!important;pointer-events:none!important;
}
#mex .mex-sinp{
    width:100%!important;padding:.6rem 1rem .6rem 2rem!important;
    border:1.5px solid #E8DDD0!important;border-radius:10px!important;
    font-size:14px!important;color:#2C1A0E!important;background:#fff!important;
    outline:none!important;box-shadow:none!important;
}
#mex .mex-sinp:focus{border-color:var(--mex-a)!important;}

/* Chip'ler */
#mex #mex-chips{
    display:flex!important;flex-wrap:wrap!important;
    gap:7px!important;margin-bottom:.9rem!important;
    max-height:250px!important;overflow-y:auto!important;
}
#mex .mex-chip{
    background:#fff!important;border:1.5px solid #E8DDD0!important;
    border-radius:8px!important;padding:.32rem .75rem!important;
    font-size:12px!important;color:#444!important;cursor:pointer!important;
    font-weight:500!important;white-space:nowrap!important;
    transition:border-color .1s!important;
}
#mex .mex-chip:hover{border-color:#C8B89A!important;background:#FDF8F2!important;}
#mex .mex-chip.mex-sel{background:var(--mex-a)!important;border-color:var(--mex-a)!important;color:#fff!important;}
#mex .mex-nores{font-size:13px!important;color:#bbb!important;margin-bottom:.75rem!important;display:none!important;}
#mex .mex-nores.mex-show{display:block!important;}

/* Ürün kartları — görsel destekli */
#mex .mex-prod{
    background:#fff!important;border:1px solid #E8DDD0!important;
    border-radius:12px!important;padding:.85rem 1rem!important;
    margin-bottom:8px!important;display:flex!important;
    align-items:center!important;gap:.85rem!important;
}
#mex .mex-pimg{
    width:70px!important;height:70px!important;
    border-radius:10px!important;object-fit:cover!important;
    flex-shrink:0!important;background:#F5F0E8!important;
}
#mex .mex-pimg-ph{
    width:70px!important;height:70px!important;
    border-radius:10px!important;background:#F5F0E8!important;
    flex-shrink:0!important;display:flex!important;
    align-items:center!important;justify-content:center!important;
    font-size:28px!important;
}
#mex .mex-pi{flex:1!important;}
#mex .mex-pn{font-size:14px!important;font-weight:700!important;color:#2C1A0E!important;}
#mex .mex-pd{font-size:11px!important;color:#aaa!important;margin-top:2px!important;}
#mex .mex-pp{font-size:15px!important;font-weight:700!important;color:var(--mex-a)!important;margin-top:3px!important;}
#mex .mex-qw{display:flex!important;align-items:center!important;gap:6px!important;}
#mex .mex-qb{
    width:30px!important;height:30px!important;
    border:1.5px solid #E8DDD0!important;border-radius:7px!important;
    background:#fff!important;cursor:pointer!important;font-size:18px!important;
    color:var(--mex-a)!important;display:flex!important;
    align-items:center!important;justify-content:center!important;line-height:1!important;
}
#mex .mex-qb:hover{background:#FDF8F2!important;}
#mex .mex-qv{font-size:15px!important;font-weight:700!important;min-width:22px!important;text-align:center!important;color:#2C1A0E!important;}
#mex .mex-tot{
    background:#F5F0E8!important;border-radius:8px!important;
    padding:.6rem 1rem!important;margin-top:.85rem!important;margin-bottom:1.3rem!important;
    display:flex!important;justify-content:space-between!important;align-items:center!important;
}
#mex .mex-tot span{font-size:13px!important;color:#888!important;}
#mex .mex-tot strong{font-size:20px!important;font-weight:800!important;color:#2C1A0E!important;}

/* Form */
#mex .mex-fr{margin-bottom:.9rem!important;}
#mex .mex-fl{
    font-size:10px!important;font-weight:700!important;color:#aaa!important;
    text-transform:uppercase!important;letter-spacing:.06em!important;
    margin-bottom:5px!important;display:block!important;
}
#mex .mex-req{color:#c0392b!important;}
#mex .mex-2col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
#mex input[type=text],#mex input[type=tel]{
    width:100%!important;padding:.58rem .8rem!important;
    border:1.5px solid #E8DDD0!important;border-radius:8px!important;
    font-size:14px!important;color:#2C1A0E!important;background:#fff!important;
    outline:none!important;box-shadow:none!important;
    transition:border-color .15s!important;
}
#mex input[type=text]:focus,#mex input[type=tel]:focus{border-color:var(--mex-a)!important;}
#mex input.mex-bad{border-color:#c0392b!important;}
#mex .mex-err{font-size:11px!important;color:#c0392b!important;margin-top:3px!important;display:none!important;}
#mex .mex-err.mex-show{display:block!important;}

/* WhatsApp */
#mex .mex-wa{
    background:#EAF5E3!important;border:1px solid #B5DCA0!important;
    border-radius:12px!important;padding:.85rem 1rem!important;
    margin-top:1rem!important;margin-bottom:1.25rem!important;
    display:flex!important;align-items:center!important;gap:10px!important;
}
#mex .mex-wai{
    width:36px!important;height:36px!important;background:#25D366!important;
    border-radius:50%!important;display:flex!important;
    align-items:center!important;justify-content:center!important;flex-shrink:0!important;
}
#mex .mex-wat{font-size:12px!important;color:#234D18!important;line-height:1.5!important;}
#mex .mex-wat a{color:#2E6E1F!important;font-weight:700!important;text-decoration:none!important;}

/* Onay */
#mex .mex-cbox{
    background:#FDF8F2!important;border:1.5px solid #C8B89A!important;
    border-radius:12px!important;padding:1rem 1.2rem!important;margin-bottom:1.3rem!important;
}
#mex .mex-ctitle{
    font-size:10px!important;font-weight:700!important;color:var(--mex-a)!important;
    text-transform:uppercase!important;letter-spacing:.07em!important;
    margin-bottom:.7rem!important;display:block!important;
}
#mex .mex-crow{
    display:flex!important;justify-content:space-between!important;
    align-items:center!important;font-size:13px!important;color:#5C3D1E!important;
    padding:.28rem 0!important;border-bottom:1px solid #EDE8E0!important;
}
#mex .mex-crow:last-child{
    border-bottom:none!important;font-weight:700!important;
    color:#2C1A0E!important;font-size:15px!important;padding-top:.5rem!important;
}

/* Navigasyon */
#mex .mex-nav{
    display:flex!important;justify-content:space-between!important;
    align-items:center!important;margin-top:1.3rem!important;
}
#mex .mex-end{justify-content:flex-end!important;}
#mex .mex-back{
    background:#fff!important;border:1.5px solid #E8DDD0!important;
    border-radius:9px!important;padding:.58rem 1.3rem!important;
    font-size:13px!important;font-weight:600!important;color:#5C3D1E!important;cursor:pointer!important;
}
#mex .mex-back:hover{background:#F5F0E8!important;}
#mex .mex-next{
    background:var(--mex-a)!important;border:none!important;
    border-radius:9px!important;padding:.58rem 1.6rem!important;
    font-size:13px!important;font-weight:700!important;color:#fff!important;cursor:pointer!important;
}
#mex .mex-next:hover{opacity:.88!important;}
#mex .mex-next:disabled{opacity:.5!important;cursor:not-allowed!important;}

/* Teşekkür */
#mex .mex-ok{text-align:center!important;padding:1.5rem 0!important;}
#mex .mex-ok-ico{font-size:46px!important;margin-bottom:.6rem!important;display:block!important;}
#mex .mex-ok-h{font-size:22px!important;font-weight:800!important;color:var(--mex-a)!important;margin-bottom:.4rem!important;}
#mex .mex-ok-p{font-size:14px!important;color:#5C3D1E!important;line-height:1.7!important;}

@media(max-width:480px){
    #mex .mex-2col{grid-template-columns:1fr!important;}
    #mex #mex-states{grid-template-columns:1fr!important;}
    #mex .mex-h2{font-size:17px!important;}
    #mex .mex-bl{font-size:9px!important;}
    #mex .mex-pimg,#mex .mex-pimg-ph{width:55px!important;height:55px!important;}
}