/* Native selects retain their names/IDs for rendering, prices and cart. */
#schriftzug-konfigurator .fa-lettering-choice-ready > select,
#schriftzug-konfigurator .fa-lettering-choice-ready > .fa-color-control {display:none!important}
#schriftzug-konfigurator .fa-lettering-choice-trigger {display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;padding:8px 10px;background:#fff;border:1px solid #b8b7b8;border-radius:8px;text-align:left;color:#232125;font:inherit;cursor:pointer}
#schriftzug-konfigurator .fa-lettering-choice-trigger:focus-visible {outline:3px solid #a2601f;outline-offset:2px}
#schriftzug-konfigurator .fa-lettering-trigger-label {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
#schriftzug-konfigurator .fa-lettering-trigger-swatch {width:24px;height:24px;flex:none;border:1px solid #b8b7b8;border-radius:4px}
.fa-choice .fa-lettering-font-preview {display:flex;align-items:center;justify-content:center;height:72px;margin-top:12px;font-size:12px;color:#626262;overflow:hidden}
.fa-choice .fa-lettering-font-preview svg {display:block;width:100%;height:100%;max-width:100%;max-height:72px}
@media(max-width:768px){.fa-choice.is-compact .fa-lettering-font-preview{height:48px}}
/* The fixed review badge otherwise covers the mobile editor's controls. */
@media(max-width:768px){body:has(#schriftzug-konfigurator) #mobileRB1,body:has(#schriftzug-konfigurator) #sv-rbadge-box{display:none!important}}