.ry-phone-input{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;min-width:0}.ry-phone-input label{display:block;margin-bottom:6px}.ry-phone-country,.ry-phone-number{min-width:0}.ry-phone-input select,.ry-phone-input input{width:100%;min-width:0;box-sizing:border-box;font:inherit}.ry-phone-input select{min-height:44px}.ry-phone-number-row{display:flex;align-items:stretch;min-width:0}.ry-phone-prefix{display:flex;align-items:center;justify-content:center;min-width:52px;padding:0 10px;border:1px solid #d8d3c9;border-right:0;border-radius:8px 0 0 8px;background:#f5f2eb;color:#242424;white-space:nowrap}.ry-phone-number-row input{border-radius:0 8px 8px 0;min-height:44px}.ry-phone-error{grid-column:1/-1;margin:0;color:#a52424;font-size:.875rem}.ry-phone-input [aria-invalid=true]{outline:2px solid #b52c2c;outline-offset:1px}.ry-phone-input [hidden]{display:none!important}@media(max-width:540px){.ry-phone-input{grid-template-columns:minmax(0,1fr)}}
/* Full-width country names remain readable inside narrow registration cards. */
.ry-phone-input{grid-template-columns:minmax(0,1fr);grid-column:1/-1}.ry-phone-input select,.ry-phone-input input{font-size:16px;min-height:48px}.ry-phone-prefix{background:#25251f;color:#f7f3e8;border-color:#81755e}.ry-phone-error{color:#ffb6b6;font-size:16px}.ry-phone-input [aria-invalid=true]{outline-color:#ffb6b6}.ry-pi .ry-phone-number-row input{margin-top:0}.ry-pi .ry-phone-prefix{margin-top:0}
/* Search stays in the form flow: no clipped menu or off-screen overlay on mobile. */
.ry-phone-country{position:relative}.ry-phone-input .ry-phone-native{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.ry-phone-input [data-phone-search]{margin-bottom:0;cursor:text;padding-right:16px}.ry-phone-input [data-phone-search]:focus{outline:2px solid #c6ab77;outline-offset:2px}
.ry-phone-options{max-height:240px;max-height:min(240px,35svh);overflow-y:auto;overscroll-behavior:contain;margin-top:6px;border:1px solid #81755e;border-radius:8px;background:#25251f;color:#f7f3e8;scrollbar-width:thin}
.ry-phone-options [role=option]{padding:12px 14px;min-height:44px;box-sizing:border-box;line-height:1.4;overflow-wrap:anywhere;cursor:pointer;font-size:16px}
.ry-phone-options [role=option]:hover,.ry-phone-options [aria-selected=true]{background:#494235;color:#fff}
.ry-phone-input .ry-phone-empty{margin:6px 0 0;padding:12px 14px;border:1px solid #81755e;border-radius:8px;color:#f7f3e8;background:#25251f;font-size:16px}