.mg-f{--mg-f-ink:var(--primary,#3D0C41);--mg-f-gold:var(--tertiary,#C9A15A);font-family:'DM Sans',sans-serif}
.mg-f *,.mg-f *::before,.mg-f *::after{box-sizing:border-box}
.mg-f__panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 24px;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:#FBF5EC;border:1px solid color-mix(in srgb,var(--mg-f-gold) 30%,transparent)}
.mg-f__field{position:relative;display:flex;flex-direction:column;gap:10px;flex:1 1 260px;min-width:0}
.mg-f__field.is-open{z-index:60}
.mg-f__label{font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.4;font-weight:500;color:var(--mg-f-ink)}
.mg-f__control{position:relative}

.mg-f .mg-f__trigger{position:relative;width:100%;min-height:52px;display:flex;align-items:center;margin:0;padding:15px 52px 15px 20px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mg-f-ink) 18%,transparent);background:#FFFDF9;color:var(--mg-f-ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.2;font-weight:500;text-align:left;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.mg-f .mg-f__trigger:hover,.mg-f .mg-f__trigger:focus{background:#FFFDF9;color:var(--mg-f-ink);border-color:var(--mg-f-gold);outline:none}
.mg-f .mg-f__trigger:focus-visible,.mg-f__field.is-open .mg-f__trigger{border-color:var(--mg-f-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--mg-f-gold) 22%,transparent)}
.mg-f__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-f__arrow{position:absolute;right:8px;top:50%;width:34px;height:34px;margin-top:-17px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--mg-f-gold);color:#22082A;pointer-events:none;transition:transform .2s ease}
.mg-f__field.is-open .mg-f__arrow{transform:rotate(180deg)}

.mg-f__native{display:none}

.mg-f__list{position:absolute;left:0;right:0;top:100%;margin-top:8px;z-index:60;display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto;padding:8px;border-radius:20px;background:#FFFDF9;border:1px solid color-mix(in srgb,var(--mg-f-gold) 40%,transparent);box-shadow:0 24px 48px -20px color-mix(in srgb,var(--mg-f-ink) 35%,transparent)}
.mg-f__list[hidden]{display:none}
.mg-f .mg-f__opt{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 14px;border:0;border-radius:12px;background:transparent;color:var(--mg-f-ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.3;font-weight:400;text-align:left;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer}
.mg-f .mg-f__opt:hover,.mg-f .mg-f__opt:focus{background:#F7F2EC;color:var(--mg-f-ink);outline:none}
.mg-f .mg-f__opt[aria-selected="true"]{background:var(--mg-f-ink);color:#FFF9F5;font-weight:500}
.mg-f__check{flex:none;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1.5px solid color-mix(in srgb,var(--mg-f-ink) 30%,transparent);color:transparent}
.mg-f__check svg{width:11px;height:11px}
.mg-f__opt[aria-selected="true"] .mg-f__check{background:var(--mg-f-gold);border-color:var(--mg-f-gold);color:#22082A}

.mg-f .mg-f__reset{flex:none;margin:0;padding:15px 4px;border:0;border-radius:0;background:none;color:var(--mg-f-ink);font-family:'DM Sans',sans-serif;font-size:14.5px;line-height:1.2;font-weight:500;text-transform:none;letter-spacing:normal;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--mg-f-gold);box-shadow:none;cursor:pointer}
.mg-f .mg-f__reset:hover,.mg-f .mg-f__reset:focus{background:none;color:var(--mg-f-ink);opacity:.75}
.mg-f__reset[hidden]{display:none}

/* iOS: picker-ul nativ, deschis peste butonul stilizat */
.mg-f--ios .mg-f__native{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;font-size:16px;-webkit-appearance:none;appearance:none;cursor:pointer}
.mg-f--ios .mg-f__list{display:none!important}

.mg-f-hidden{display:none!important}
.mg-f-empty{margin:24px 0 0;text-align:center;font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.6;font-weight:300;color:var(--primary,#3D0C41)}
.mg-f-empty[hidden]{display:none}