.mbk-fd-personal-overlay {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: grid;
    place-items: center;
    overflow-y: auto;
    padding: 18px;
    background: rgba(15, 35, 29, .56);
}
.mbk-fd-personal-dialog {
    position: relative;
    width: min(100%, 430px);
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    padding: 28px 28px 24px;
    border: 1px solid #e5ece8;
    border-radius: 14px;
    background: #fff;
    color: #16352e;
    box-shadow: 0 24px 80px rgba(13, 37, 27, .28);
    text-align: center;
    font-family: inherit;
}
.mbk-fd-personal-close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #f2f6f3;
    color: #52665c;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}
.mbk-fd-personal-eyebrow { display: block; margin: 2px 0 8px; color: #ed5b25; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.mbk-fd-personal-dialog h2 { margin: 0 25px 6px; color: #17684a; font-size: 24px; line-height: 1.2; }
.mbk-fd-personal-intro { margin: 0 0 14px; color: #64746c; font-size: 14px; }
.mbk-fd-personal-image { display: block; width: 100%; height: 174px; margin: 0 auto 10px; object-fit: contain; }
.mbk-fd-personal-product { margin: 0 auto 10px; max-width: 340px; font-size: 15px; font-weight: 700; line-height: 1.4; }
.mbk-fd-personal-prices { display: flex; align-items: baseline; justify-content: center; gap: 12px; margin: 6px 0 12px; }
.mbk-fd-personal-prices del { color: #7a8880; font-size: 14px; }
.mbk-fd-personal-prices strong { color: #17684a; font-size: 23px; }
.mbk-fd-personal-expiry-label { margin: 0; color: #66766f; font-size: 13px; }
.mbk-fd-personal-clock { display: block; margin: 2px 0 12px; color: #ed5b25; font-size: 25px; font-variant-numeric: tabular-nums; font-weight: 800; }
.mbk-fd-personal-status { min-height: 20px; margin: 4px 0 10px; color: #64746c; font-size: 12px; }
.mbk-fd-personal-actions { display: grid; gap: 8px; }
.mbk-fd-personal-accept { min-height: 48px; border: 0; border-radius: 7px; background: #ed5b25; color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; }
.mbk-fd-personal-accept:hover { background: #d94c1b; }
.mbk-fd-personal-accept:disabled { opacity: .6; cursor: wait; }
.mbk-fd-personal-dismiss { min-height: 40px; border: 0; background: transparent; color: #64746c; font-size: 13px; cursor: pointer; }
.mbk-fd-personal-indicator { position: fixed; z-index: 99990; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 12px; width: min(390px, calc(100vw - 36px)); padding: 13px 15px; border: 1px solid #dce9e1; border-radius: 10px; background: #fff; color: #16352e; box-shadow: 0 8px 30px rgba(13, 37, 27, .16); font-family: inherit; }
.mbk-fd-personal-indicator-copy { display: grid; flex: 1 1 auto; min-width: 0; gap: 2px; }
.mbk-fd-personal-indicator-copy strong { color: #17684a; font-size: 13px; }
.mbk-fd-personal-indicator-copy span { overflow: hidden; color: #66766f; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.mbk-fd-personal-indicator .mbk-fd-personal-clock { flex: 0 0 auto; margin: 0; font-size: 18px; }
.mbk-fd-personal-indicator-open { flex: 0 0 auto; border: 0; background: transparent; color: #ed5b25; font-size: 12px; font-weight: 800; text-decoration: none; cursor: pointer; }
.mbk-fd-personal-indicator.is-expired { opacity: .75; }
body.mbk-fd-personal-open { overflow: hidden; }
@media (max-width: 480px) {
    .mbk-fd-personal-overlay { align-items: end; padding: 0; }
    .mbk-fd-personal-dialog { width: 100%; max-height: min(88vh, 700px); padding: 24px 20px max(18px, env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; }
    .mbk-fd-personal-dialog h2 { font-size: 21px; }
    .mbk-fd-personal-image { height: 145px; }
    .mbk-fd-personal-indicator { right: 10px; bottom: 10px; width: calc(100vw - 20px); gap: 8px; padding: 11px 12px; }
}
@media (prefers-reduced-motion: no-preference) {
    .mbk-fd-personal-dialog { animation: mbk-fd-rise .18s ease-out; }
    @keyframes mbk-fd-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
}