.ppom-wrapper .yut-font-picker{display:block;position:relative;width:100%;max-width:100%;height:auto;font-family:inherit}
.ppom-wrapper .yut-font-picker [hidden]{display:none!important}
.ppom-wrapper .yut-font-picker .yut-font-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:8px 12px;background:#fff;color:inherit;border:1px solid #777;border-radius:4px;text-align:left;font-size:16px;cursor:pointer;box-shadow:none}
.ppom-wrapper .yut-font-trigger:after{content:'▾';font-family:Arial,sans-serif;margin-left:12px}
.ppom-wrapper .yut-font-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;color:#222;border:1px solid #777;border-radius:4px;box-shadow:0 5px 15px #0002;padding:8px;min-width:0}
.ppom-wrapper .yut-font-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-bottom:8px}
.ppom-wrapper .yut-font-filters input,.ppom-wrapper .yut-font-filters select{width:100%;min-width:0;min-height:38px;margin:0;font:inherit;font-size:16px;background:#fff;color:#222;border:1px solid #aaa;border-radius:3px;padding:6px}
.ppom-wrapper .yut-font-results{max-height:240px;max-height:min(240px,35dvh);overflow:auto;overscroll-behavior:contain}
.ppom-wrapper .yut-font-option{display:block;width:100%;min-height:40px;text-align:left;border:0;border-radius:0;padding:8px 10px;background:#fff;color:#222;font-size:18px;line-height:1.4;cursor:pointer;box-shadow:none}
.ppom-wrapper .yut-font-option:hover,.ppom-wrapper .yut-font-option[aria-selected=true]{background:#eaf1fb;color:#111}
.ppom-wrapper .yut-font-picker button:focus-visible{outline:2px solid #2151e4;outline-offset:-2px}
.ppom-wrapper .yut-font-more{display:block;width:100%;margin-top:6px;padding:8px;font:inherit;background:#f2f2f2;color:#222;border:1px solid #aaa;cursor:pointer}

/* Family filter stays outside the popup and has no submitted field name. */
.ppom-wrapper .yut-font-dropdown{position:relative}
.ppom-wrapper .yut-font-filters{display:flex;flex-direction:column;gap:5px;margin:0 0 10px}
.ppom-wrapper .yut-font-filters label{display:block;margin:0;font:inherit;font-weight:600}
.ppom-wrapper .yut-font-filters select{font-family:inherit;touch-action:manipulation}
.ppom-wrapper .yut-font-results{-webkit-overflow-scrolling:touch;touch-action:pan-y}

.ppom-wrapper .yut-font-filters select{appearance:none!important;-webkit-appearance:none!important;padding-right:32px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='2'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-size:12px 8px!important;background-repeat:no-repeat!important}