.mfp{--r:var(--mfp-r,16px);--trk:rgba(128,128,128,.35);box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg);color:var(--fg);border-radius:var(--r);box-shadow:0 8px 28px rgba(0,0,0,.22);position:relative;margin:14px 0;max-width:100%;line-height:1.3;font-family:inherit}
.mfp *{box-sizing:border-box}
.mfp-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;background:rgba(128,128,128,.35);flex:none}
.mfp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mfp-main{flex:1;min-width:0}
.mfp-label{font-size:11px;opacity:.75;letter-spacing:.3px;margin-bottom:2px}
.mfp-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mfp-prog{display:flex;align-items:center;gap:10px;margin-top:7px}
.mfp-bar{flex:1;height:8px;border-radius:99px;background:var(--trk);cursor:pointer;overflow:hidden}
.mfp-bar i{display:block;height:100%;width:0;background:var(--ac);border-radius:inherit}
.mfp-time{font-size:12px;opacity:.85;white-space:nowrap;font-variant-numeric:tabular-nums}
.mfp-ctrl{display:flex;align-items:center;gap:6px;flex:none}
.mfp-btn{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;font-size:22px;padding:0;-webkit-tap-highlight-color:transparent}
.mfp-btn svg{width:1em;height:1em;fill:currentColor;display:block}
.mfp-play{width:48px;height:48px;background:var(--bt);color:var(--btf);border-radius:14px;font-size:26px}
.mfp-speed{width:auto;min-width:46px;padding:0 10px;border-radius:99px;background:rgba(128,128,128,.25);font-size:13px;font-weight:700}
.mfp-x{position:absolute;top:-11px;width:24px;height:24px;font-size:14px;background:var(--bt);color:var(--btf);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.mfp-closeb{right:12px}.mfp-minb{right:42px}
.mfp-float{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--mfp-off,12px) + env(safe-area-inset-bottom,0px));width:calc(100% - 16px);max-width:var(--mfp-mw,720px);margin:0;z-index:var(--mfp-z,9999);transition:translate .3s,opacity .3s}
.mfp-float[data-pos=left]{left:12px;transform:none}
.mfp-float[data-pos=right]{left:auto;right:12px;transform:none}
.mfp-inline{max-width:var(--mfp-mw,720px)}
.mfp-hide{opacity:0;pointer-events:none;translate:0 30px}
.mfp-float.mfp-min{left:auto;right:12px;transform:none;width:auto;padding:8px}
.mfp-min .mfp-thumb,.mfp-min .mfp-main,.mfp-min .mfp-back,.mfp-min .mfp-fwd,.mfp-min .mfp-speed{display:none}
.mfp-min .mfp-x{top:-12px}.mfp-min .mfp-minb{right:38px}.mfp-min .mfp-closeb{right:8px}
/* palettes */
.mfp[data-pal="1"]{--bg:#2a1f1a;--bgs:#2a1f1a;--fg:#fff;--ac:#f5a623;--bt:#fff;--btf:#8a3b12;--bd:#3d2e26}
.mfp[data-pal="2"]{--bg:#0f172a;--bgs:#0f172a;--fg:#e2e8f0;--ac:#38bdf8;--bt:#38bdf8;--btf:#0f172a;--bd:#1e293b}
.mfp[data-pal="3"]{--bg:#064e3b;--bgs:#064e3b;--fg:#ecfdf5;--ac:#34d399;--bt:#ecfdf5;--btf:#065f46;--bd:#065f46}
.mfp[data-pal="4"]{--bg:#7f1d1d;--bgs:#7f1d1d;--fg:#fff;--ac:#fca5a5;--bt:#fff;--btf:#b91c1c;--bd:#991b1b}
.mfp[data-pal="5"]{--bg:#3b0764;--bgs:#3b0764;--fg:#f5f3ff;--ac:#c084fc;--bt:#fff;--btf:#6b21a8;--bd:#581c87}
.mfp[data-pal="6"]{--bg:#fff;--bgs:#fff;--fg:#111827;--ac:#dc2626;--bt:#dc2626;--btf:#fff;--bd:#e5e7eb}
.mfp[data-pal="7"]{--bg:#eff6ff;--bgs:#eff6ff;--fg:#1e3a8a;--ac:#2563eb;--bt:#2563eb;--btf:#fff;--bd:#bfdbfe}
.mfp[data-pal="8"]{--bg:linear-gradient(135deg,#f97316,#db2777);--bgs:#e8532f;--fg:#fff;--ac:#fde68a;--bt:#fff;--btf:#be185d;--bd:#fb923c}
.mfp[data-pal="9"]{--bg:#18181b;--bgs:#18181b;--fg:#fafafa;--ac:#facc15;--bt:#facc15;--btf:#18181b;--bd:#3f3f46}
.mfp[data-pal="10"]{--bg:#ecfdf5;--bgs:#ecfdf5;--fg:#064e3b;--ac:#059669;--bt:#059669;--btf:#fff;--bd:#a7f3d0}
/* designs */
.mfp[data-design="2"]{background:color-mix(in srgb,var(--bgs) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.3)}
.mfp[data-design="3"]{box-shadow:none;border:1px solid var(--bd)}
.mfp[data-design="3"] .mfp-thumb{border-radius:6px}.mfp[data-design="3"] .mfp-play{border-radius:50%}
.mfp[data-design="4"]{background:linear-gradient(120deg,var(--bgs),color-mix(in srgb,var(--bgs) 40%,var(--ac)));box-shadow:0 10px 30px color-mix(in srgb,var(--ac) 45%,transparent)}
.mfp[data-design="5"]{background:var(--bgs);box-shadow:8px 8px 18px rgba(0,0,0,.2),-6px -6px 14px rgba(255,255,255,.55)}
.mfp[data-design="5"] .mfp-bar{box-shadow:inset 2px 2px 4px rgba(0,0,0,.35)}
.mfp[data-design="5"] .mfp-play{border-radius:50%;box-shadow:4px 4px 10px rgba(0,0,0,.3)}
.mfp[data-design="6"]{border:2px solid var(--ac);box-shadow:none}
.mfp[data-design="6"] .mfp-play{border-radius:50%}
.mfp[data-design="7"]{border-radius:0;border-left:6px solid var(--ac)}
.mfp[data-design="7"] .mfp-thumb,.mfp[data-design="7"] .mfp-play{border-radius:0}
.mfp[data-design="7"] .mfp-label{text-transform:uppercase;color:var(--ac);font-weight:700;opacity:1}
.mfp[data-design="8"]{border-radius:999px;padding:8px 14px 8px 8px}
.mfp[data-design="8"] .mfp-thumb{border-radius:50%;width:48px;height:48px}
.mfp[data-design="8"] .mfp-label{display:none}.mfp[data-design="8"] .mfp-play{border-radius:50%}
.mfp[data-design="9"] .mfp-bar{height:22px;border-radius:0;background:repeating-linear-gradient(90deg,var(--trk) 0 3px,transparent 3px 6px)}
.mfp[data-design="9"] .mfp-bar i{border-radius:0;background:repeating-linear-gradient(90deg,var(--ac) 0 3px,transparent 3px 6px)}
.mfp[data-design="9"][data-state=playing] .mfp-bar{animation:mfpEq 1s ease-in-out infinite alternate}
@keyframes mfpEq{from{height:12px}to{height:24px}}
.mfp[data-design="10"]{padding-top:18px}
.mfp[data-design="10"]::before{content:attr(data-ribbon);position:absolute;top:-9px;left:16px;background:var(--ac);color:var(--btf);font-size:11px;font-weight:800;padding:2px 10px;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.mfp[data-design="10"] .mfp-thumb{width:64px;height:64px;border-radius:12px}
.mfp[data-design="10"] .mfp-label{display:none}
@media(max-width:560px){
 .mfp{flex-wrap:wrap;padding:10px 12px;gap:10px}
 .mfp-main{flex:1 1 calc(100% - 80px)}
 .mfp-ctrl{width:100%;justify-content:center;gap:12px;order:3}
 .mfp[data-design="8"]{border-radius:28px}
 .mfp-float.mfp-min .mfp-ctrl{width:auto}
}

/* ===== Theme-proof overrides (Elementor / Hello / any theme button styles) ===== */
html body .mfp button.mfp-btn,html body .mfp button.mfp-btn:hover,html body .mfp button.mfp-btn:focus,html body .mfp button.mfp-btn:active,html body .mfp button.mfp-btn:focus-visible{background:transparent!important;color:inherit!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;width:38px!important;height:38px!important;border-radius:50%!important;font-size:22px!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;text-shadow:none!important;filter:none!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;float:none!important}
html body .mfp button.mfp-play,html body .mfp button.mfp-play:hover,html body .mfp button.mfp-play:focus,html body .mfp button.mfp-play:active,html body .mfp button.mfp-play:focus-visible{width:48px!important;height:48px!important;background:var(--bt)!important;color:var(--btf)!important;border-radius:14px!important;font-size:26px!important}
html body .mfp button.mfp-speed,html body .mfp button.mfp-speed:hover,html body .mfp button.mfp-speed:focus,html body .mfp button.mfp-speed:active,html body .mfp button.mfp-speed:focus-visible{width:auto!important;min-width:46px!important;padding:0 10px!important;border-radius:99px!important;background:rgba(128,128,128,.25)!important;font-size:13px!important;font-weight:700!important}
html body .mfp button.mfp-x,html body .mfp button.mfp-x:hover,html body .mfp button.mfp-x:focus,html body .mfp button.mfp-x:active,html body .mfp button.mfp-x:focus-visible{width:24px!important;height:24px!important;font-size:14px!important;background:var(--bt)!important;color:var(--btf)!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important;border-radius:50%!important}
html body .mfp[data-design="3"] button.mfp-play,html body .mfp[data-design="3"] button.mfp-play:hover,html body .mfp[data-design="3"] button.mfp-play:focus,html body .mfp[data-design="3"] button.mfp-play:active{border-radius:50%!important}
html body .mfp[data-design="5"] button.mfp-play,html body .mfp[data-design="5"] button.mfp-play:hover,html body .mfp[data-design="5"] button.mfp-play:focus,html body .mfp[data-design="5"] button.mfp-play:active{border-radius:50%!important}
html body .mfp[data-design="6"] button.mfp-play,html body .mfp[data-design="6"] button.mfp-play:hover,html body .mfp[data-design="6"] button.mfp-play:focus,html body .mfp[data-design="6"] button.mfp-play:active{border-radius:50%!important}
html body .mfp[data-design="8"] button.mfp-play,html body .mfp[data-design="8"] button.mfp-play:hover,html body .mfp[data-design="8"] button.mfp-play:focus,html body .mfp[data-design="8"] button.mfp-play:active{border-radius:50%!important}
html body .mfp[data-design="7"] button.mfp-play,html body .mfp[data-design="7"] button.mfp-play:hover,html body .mfp[data-design="7"] button.mfp-play:focus,html body .mfp[data-design="7"] button.mfp-play:active{border-radius:0!important}
html body .mfp button.mfp-btn svg{width:1em!important;height:1em!important;fill:currentColor;display:block!important;margin:0!important;max-width:none!important}
html body .mfp .mfp-thumb img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;border:0!important;box-shadow:none!important}
html body .mfp,html body .mfp *{text-align:left;letter-spacing:normal;text-indent:0}
html body .mfp .mfp-title,html body .mfp .mfp-label,html body .mfp .mfp-time{margin-left:0!important;margin-right:0!important;padding:0!important;text-transform:none!important;float:none!important}
html body .mfp .mfp-label{margin-bottom:2px!important}
html body .mfp .mfp-title{font-size:14px!important;font-weight:600!important;line-height:1.35!important;margin-top:0!important;margin-bottom:0!important}
html body .mfp .mfp-time{font-size:12px!important;line-height:1!important}
html body .mfp .mfp-bar i{font-style:normal;display:block}
html body .mfp .mfp-prog{margin-top:7px!important}
@media(max-width:560px){html body .mfp .mfp-ctrl{gap:12px!important}}