/*
 * V13.7 – Komfortsteuerung für Buchstabenhöhen.
 * Die Selektoren sind bewusst auf den Konfigurator begrenzt.
 */
#ffk-v11 .ffk-height-quick-tools{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin-top:8px;
}

#ffk-v11 .ffk-height-stepper{
    display:grid;
    grid-template-columns:36px minmax(82px,1fr) 36px;
    gap:6px;
    align-items:center;
}

#ffk-v11 .ffk-height-stepper .ffk-input-unit{
    min-width:0;
}

#ffk-v11 .ffk-height-step,
#ffk-v11 .ffk-height-preset{
    appearance:none;
    -webkit-appearance:none;
    border:1px solid #cfd7dc;
    background:#fff;
    color:#26343d;
    border-radius:8px;
    min-height:36px;
    padding:7px 9px;
    font:inherit;
    font-size:13px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 2px 7px rgba(26,54,72,.06);
    transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

#ffk-v11 .ffk-height-step{
    padding:0;
    font-size:20px;
}

#ffk-v11 .ffk-height-step:hover,
#ffk-v11 .ffk-height-preset:hover{
    border-color:#61bceb;
    box-shadow:0 5px 13px rgba(36,116,161,.13);
    transform:translateY(-1px);
}

#ffk-v11 .ffk-height-step:focus-visible,
#ffk-v11 .ffk-height-preset:focus-visible{
    outline:3px solid rgba(97,188,235,.32);
    outline-offset:2px;
}

#ffk-v11 .ffk-height-preset.is-current{
    border-color:#e3001b;
    color:#e3001b;
    background:#fff7f8;
}

#ffk-v11 .ffk-height-hint{
    flex:1 0 100%;
    margin-top:1px;
    color:#677984;
    font-size:11px;
    line-height:1.35;
}

@media (max-width:800px){
    #ffk-v11 .ffk-height-stepper{
        grid-template-columns:42px minmax(100px,1fr) 42px;
    }

    #ffk-v11 .ffk-height-step,
    #ffk-v11 .ffk-height-preset{
        min-height:42px;
    }
}